@charset "UTF-8"; /* Theme Name: Newsblock Theme URI: http://codesupply.co/themes/newsblock Description: News & Magazine WordPress Theme with Dark Mode Author: Code Supply Co. Author URI: https://codesupply.co Version: 1.1.4 Tags: two-columns, right-sidebar, custom-colors, editor-style, theme-options, featured-images, custom-menu, sticky-post, translation-ready License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: newsblock */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Base # Utilities # Layout # Elements # Widgets # Media # Vendors /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /*-------------------------------------------------------------- # CSS Variables --------------------------------------------------------------*/ :root { --cs-common-border-radius: 0px; --cs-primary-border-radius: 0px; --cs-secondary-border-radius: 50%; --cs-styled-category-border-radius: 0; --cs-image-border-radius: 0px; --cs-header-topbar-height: 90px; --cs-header-height: 60px; --cs-header-initial-height: 200px; --cs-entry-content-width: 700px; --cs-entry-content-medium-width: 800px; --cs-entry-content-large-width: 1160px; --cs-entry-heading-large-width: 800px; } :root, [site-data-scheme=default] { --cs-color-site-background: #ffffff; --cs-color-topbar-background: #ffffff; --cs-color-header-background: #ffffff; --cs-color-submenu-background: #ffffff; --cs-color-search-background: #f8f9fa; --cs-color-footer-background: #111111; } [site-data-scheme=dark] { --cs-color-site-background: #1c1c1c; --cs-color-topbar-background: #1c1c1c; --cs-color-header-background: #1c1c1c; --cs-color-submenu-background: #1c1c1c; --cs-color-search-background: #333335; --cs-color-footer-background: #1c1c1c; } :root, [data-scheme=default] { --cs-color-contrast-50: #f8f9fa; --cs-color-contrast-100: #f8f9fa; --cs-color-contrast-200: #e9ecef; --cs-color-contrast-300: #dee2e6; --cs-color-contrast-400: #ced4da; --cs-color-contrast-500: #adb5bd; --cs-color-contrast-600: #6c757d; --cs-color-contrast-700: #495057; --cs-color-contrast-800: #343a40; --cs-color-contrast-900: #212529; --cs-color-button: #000000; --cs-color-button-contrast: #ffffff; --cs-color-button-hover: #282828; --cs-color-button-hover-contrast: #ffffff; --cs-color-styled-heading: #0ee6b0; --cs-color-styled-heading-contrast: #000000; --cs-color-styled-heading-hover: #0ee6b0; --cs-color-styled-heading-hover-contrast: #000000; --cs-color-styled-category: rgba(0,0,0,0.3); --cs-color-styled-category-contrast: #ffffff; --cs-color-styled-category-hover: #000000; --cs-color-styled-category-hover-contrast: #ffffff; --cs-color-category: #04bc8e; --cs-color-category-hover: #000000; --cs-color-category-underline: rgba(255,255,255,0); --cs-color-primary: #000000; --cs-color-primary-contrast: #ffffff; --cs-color-secondary: #818181; --cs-color-secondary-contrast: #000000; --cs-color-accent: #0a0a0a; --cs-color-accent-contrast: #ffffff; --cs-color-overlay-background: rgba(0,0,0,0.25); } [data-scheme=inverse] { --cs-color-contrast-50: rgba(255, 255, 255, 0.1); --cs-color-contrast-100: rgba(255, 255, 255, 0.1); --cs-color-contrast-200: rgba(255, 255, 255, 0.2); --cs-color-contrast-300: rgba(255, 255, 255, 0.3); --cs-color-contrast-400: rgba(255, 255, 255, 0.4); --cs-color-contrast-500: rgba(255, 255, 255, 0.5); --cs-color-contrast-600: rgba(255, 255, 255, 0.6); --cs-color-contrast-700: rgba(255, 255, 255, 0.7); --cs-color-contrast-800: rgba(255, 255, 255, 0.8); --cs-color-contrast-900: rgba(255, 255, 255, 0.9); --cs-color-primary: #ffffff; --cs-color-primary-contrast: #000000; --cs-color-secondary:rgba(255, 255, 255, 0.85); --cs-color-secondary-contrast: #000000; --cs-color-category: #ffffff; --cs-color-category-hover: rgba(255, 255, 255, 0.85); } [data-scheme=dark] { --cs-color-contrast-50: #000000; --cs-color-contrast-100: #333333; --cs-color-contrast-200: #494949; --cs-color-contrast-300: #606060; --cs-color-contrast-400: #777777; --cs-color-contrast-500: #8e8e8e; --cs-color-contrast-600: #a4a4a5; --cs-color-contrast-700: #bbbbbb; --cs-color-contrast-800: #d2d2d2; --cs-color-contrast-900: #e9e9e9; --cs-color-button: #3d3d3d; --cs-color-button-contrast: #ffffff; --cs-color-button-hover: #242424; --cs-color-button-hover-contrast: #ffffff; --cs-color-styled-heading: #0ee6b0; --cs-color-styled-heading-contrast: #000000; --cs-color-styled-heading-hover: #0ee6b0; --cs-color-styled-heading-hover-contrast: #000000; --cs-color-styled-category: #000000; --cs-color-styled-category-contrast: #ffffff; --cs-color-styled-category-hover: #0ee6b0; --cs-color-styled-category-hover-contrast: #000000; --cs-color-category: #0ee6b0; --cs-color-category-hover: #ffffff; --cs-color-category-underline: rgba(255,255,255,0); --cs-color-primary: #ffffff; --cs-color-primary-contrast: #000000; --cs-color-secondary:#858585; --cs-color-secondary-contrast: #000000; --cs-color-accent: #0ee6b0; --cs-color-accent-contrast: #000000; } [data-scheme] { color: var(--cs-color-primary); } .cs-scheme-toggled[data-scheme] *, .cs-scheme-toggled[data-scheme] *::after, .cs-scheme-toggled[data-scheme] *::before { -webkit-transition: none !important; transition: none !important; } /*-------------------------------------------------------------- # Palette --------------------------------------------------------------*/ :root, [data-scheme=default] { --cs-palette-color-blue: #59BACC; --cs-palette-color-green: #58AD69; --cs-palette-color-orange: #FFBC49; --cs-palette-color-red: #e32c26; --cs-palette-color-black: #000000; --cs-palette-color-white: #FFFFFF; --cs-palette-color-secondary: "#818181"; --cs-palette-color-gray-50: #f8f9fa; --cs-palette-color-gray-100: #f8f9fa; --cs-palette-color-gray-200: #e9ecef; } [data-scheme=inverse] { --cs-palette-color-black: #FFFFFF; --cs-palette-color-white: #000000; --cs-palette-color-secondary: rgba(255, 255, 255, 0.85); --cs-palette-color-gray-50: rgba(255, 255, 255, 0.1); --cs-palette-color-gray-100: rgba(255, 255, 255, 0.1); --cs-palette-color-gray-200: rgba(255, 255, 255, 0.2); } [data-scheme=dark] { --cs-palette-color-black: #FFFFFF; --cs-palette-color-white: #000000; --cs-palette-color-secondary: "#858585"; --cs-palette-color-gray-50: #000000; --cs-palette-color-gray-100: #333335; --cs-palette-color-gray-200: #49494b; } /* Color Options --------------------------------------------- */ .has-blue-color { color: var(--cs-palette-color-blue) !important; } .has-blue-background-color { background-color: var(--cs-palette-color-blue) !important; } .has-green-color { color: var(--cs-palette-color-green) !important; } .has-green-background-color { background-color: var(--cs-palette-color-green) !important; } .has-orange-color { color: var(--cs-palette-color-orange) !important; } .has-orange-background-color { background-color: var(--cs-palette-color-orange) !important; } .has-red-color { color: var(--cs-palette-color-red) !important; } .has-red-background-color { background-color: var(--cs-palette-color-red) !important; } .has-black-color { color: var(--cs-palette-color-black) !important; } .has-black-background-color { background-color: var(--cs-palette-color-black) !important; } .has-white-color { color: var(--cs-palette-color-white) !important; } .has-white-background-color { background-color: var(--cs-palette-color-white) !important; } .has-secondary-color { color: var(--cs-palette-color-secondary) !important; } .has-secondary-background-color { background-color: var(--cs-palette-color-secondary) !important; } .has-gray-50-color { color: var(--cs-palette-color-gray-50) !important; } .has-gray-50-background-color { background-color: var(--cs-palette-color-gray-50) !important; } .has-gray-100-color { color: var(--cs-palette-color-gray-100) !important; } .has-gray-100-background-color { background-color: var(--cs-palette-color-gray-100) !important; } .has-gray-200-color { color: var(--cs-palette-color-gray-200) !important; } .has-gray-200-background-color { background-color: var(--cs-palette-color-gray-200) !important; } /*-------------------------------------------------------------- # Icons --------------------------------------------------------------*/ @font-face { font-family: "cs-icons"; src: url("./assets/static/icon-fonts/icons.ttf") format("truetype"), url("./assets/static/icon-fonts/icons.woff") format("woff"), url("./assets/static/icon-fonts/icons.svg#icons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=cs-icon-], [class*=" cs-icon-"] { font-family: "cs-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-icon-pinterest:before { content: ""; } .cs-icon-arrow-long-bottom:before { content: ""; } .cs-icon-arrow-long-top:before { content: ""; } .cs-icon-arrow-long-left:before { content: ""; } .cs-icon-arrow-long-right:before { content: ""; } .cs-icon-instagram:before { content: ""; } .cs-icon-youtube-alt:before { content: ""; } .cs-icon-dot-single:before { content: ""; } .cs-icon-pause:before { content: ""; } .cs-icon-send:before { content: ""; } .cs-icon-share-top:before { content: ""; } .cs-icon-volume-x:before { content: ""; } .cs-icon-volume:before { content: ""; } .cs-icon-pause-circle:before { content: ""; } .cs-icon-play-circle:before { content: ""; } .cs-icon-clock:before { content: ""; } .cs-icon-bag:before { content: ""; } .cs-icon-cart:before { content: ""; } .cs-icon-activity:before { content: ""; } .cs-icon-alert-circle:before { content: ""; } .cs-icon-arrow-down:before { content: ""; } .cs-icon-arrow-down-circle:before { content: ""; } .cs-icon-arrow-left:before { content: ""; } .cs-icon-arrow-left-circle:before { content: ""; } .cs-icon-arrow-right:before { content: ""; } .cs-icon-arrow-right-circle:before { content: ""; } .cs-icon-arrow-up-circle:before { content: ""; } .cs-icon-at-sign:before { content: ""; } .cs-icon-award:before { content: ""; } .cs-icon-bookmark:before { content: ""; } .cs-icon-chevron-down:before { content: ""; } .cs-icon-chevron-left:before { content: ""; } .cs-icon-chevron-right:before { content: ""; } .cs-icon-chevron-up:before { content: ""; } .cs-icon-circle:before { content: ""; } .cs-icon-eye:before { content: ""; } .cs-icon-file:before { content: ""; } .cs-icon-file-text:before { content: ""; } .cs-icon-film:before { content: ""; } .cs-icon-help-circle:before { content: ""; } .cs-icon-info:before { content: ""; } .cs-icon-menu:before { content: ""; } .cs-icon-message-square:before { content: ""; } .cs-icon-more-horizontal:before { content: ""; } .cs-icon-more-vertical:before { content: ""; } .cs-icon-music:before { content: ""; } .cs-icon-play:before { content: ""; } .cs-icon-play-circle:before { content: ""; } .cs-icon-plus-circle:before { content: ""; } .cs-icon-search:before { content: ""; } .cs-icon-share:before { content: ""; } .cs-icon-tag:before { content: ""; } .cs-icon-watch:before { content: ""; } .cs-icon-x:before { content: ""; } .cs-icon-x-circle:before { content: ""; } .cs-icon-x-square:before { content: ""; } .cs-icon-youtube:before { content: ""; } .cs-icon-zap:before { content: ""; } .cs-icon-zoom-in:before { content: ""; } .cs-icon-zoom-out:before { content: ""; } .cs-icon-mail:before { content: ""; } .cs-icon-bar-chart:before { content: ""; } .cs-icon-image:before { content: ""; } .cs-icon-moon:before { content: ""; } .cs-icon-sun:before { content: ""; } /*-------------------------------------------------------------- # Section Heading --------------------------------------------------------------*/ .cnvs-block-section-heading { --cnvs-section-heading-color: var(--cs-color-primary); --cnvs-section-heading-border-color: var(--cs-color-contrast-200); --cnvs-section-heading-icon-color: var(--cs-color-primary); --cnvs-section-heading-accent-block-backround: var(--cs-color-primary); --cnvs-section-heading-accent-block-color: var(--cs-color-primary-contrast); font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); } .cnvs-block-section-heading .cnvs-section-title { font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); } .is-style-cnvs-block-section-heading-decorative .cnvs-section-title, .section-heading-default-decorative .is-style-cnvs-block-section-heading-default .cnvs-section-title { font-family: var(--cs-font-decorated-heading-family), sans-serif; font-size: var(--cs-font-decorated-heading-font-size); font-weight: var(--cs-font-decorated-heading-weight); text-transform: var(--cs-font-decorated-heading-text-transform); line-height: var(--cs-font-decorated-heading-line-height); letter-spacing: var(--cs-font-decorated-heading-letter-spacing); } /*-------------------------------------------------------------- ## Reboot --------------------------------------------------------------*/ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000000; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr, .wp-block-separator { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--cs-color-primary); text-decoration: none; background-color: transparent; -webkit-transition: color 0.25s; transition: color 0.25s; } a:hover { color: var(--cs-color-primary); text-decoration: none; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table, .wp-block-table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .screen-reader-text, .sr-only { display: none; } /*-------------------------------------------------------------- ## Typography --------------------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-family: var(--cs-font-base-family); } body { font-family: var(--cs-font-base-family), sans-serif; font-size: var(--cs-font-base-size); font-weight: var(--cs-font-base-weight); font-style: var(--cs-font-base-style); line-height: var(--cs-font-base-line-height); letter-spacing: var(--cs-font-base-letter-spacing); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; margin-bottom: 1rem; word-wrap: break-word; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); } h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.875rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } hr, .wp-block-separator { border: 0; border-top: 1px solid var(--cs-color-contrast-200); } small, .small { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } mark, .mark { padding: 0.2em; background-color: #fcf8e3; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } figcaption, cite, caption, time { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-section-heading { font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); margin-bottom: 0; } .cs-section-heading-common { border-bottom: 4px solid var(--cs-color-contrast-200); padding-bottom: 1em; } .has-small-font-size { font-size: 13px; } .has-normal-font-size, .has-regular-font-size { font-size: 16px; } .has-medium-font-size { font-size: 20px; } .has-large-font-size { font-size: 36px; } .has-huge-font-size, .has-larger-font-size { font-size: 48px; } /*-------------------------------------------------------------- ## Tables --------------------------------------------------------------*/ table, .wp-block-table { width: 100%; max-width: 100%; border-collapse: collapse; margin-bottom: 0; text-align: left; } table th, .wp-block-table th, table td, .wp-block-table td { padding: 0.75rem; vertical-align: middle; border: none; border-top: 1px solid var(--cs-color-contrast-200); } table th, .wp-block-table th { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); } table thead, .wp-block-table thead { border-bottom: 2px solid var(--cs-color-contrast-200); } table tfoot, .wp-block-table tfoot { border-top: 2px solid var(--cs-color-contrast-200); } table tbody + tbody, .wp-block-table tbody + tbody { border-top: 2px solid var(--cs-color-contrast-200); } table th, .wp-block-table th, table td, .wp-block-table td { border: 1px solid var(--cs-color-contrast-200); } table thead th, .wp-block-table thead th, table thead td, .wp-block-table thead td { border-bottom-width: 1px; } .wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--cs-color-contrast-100); } .wp-block-table figcaption { padding: 0.75rem 0; color: var(--cs-color-secondary); text-align: left; } .cs-table-simple-bordered tr th, .cs-table-simple-bordered tr td { border: none; border-top: 1px solid var(--cs-color-contrast-200); } .cs-table-striped tbody tr:nth-of-type(odd) { background-color: var(--cs-color-contrast-100); } @media (max-width: 599.98px) { .cs-table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 719.98px) { .cs-table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1019.98px) { .cs-table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1199.98px) { .cs-table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media (max-width: 1919.98px) { .cs-table-responsive-full { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .cs-table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .cs-main-content .entry-content > *:last-child:after, .cs-main-content .entry-summary > *:last-child:after { content: ""; clear: both; display: table; } .cs-main-content .entry-content > *, .cs-main-content .entry-content .wp-block-column > *, .cs-main-content .entry-content .wp-block-group__inner-container > *, .cs-main-content .entry-content .wp-block-cover__inner-container > *, .cs-main-content .entry-content .wp-block-media-text__content > *, .cs-main-content .entry-content .cnvs-block-column-inner > div > *, .cs-main-content .entry-content .cnvs-block-section-content-inner > *, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner > *, .cs-main-content .entry-summary > *, .cs-main-content .entry-summary .wp-block-column > *, .cs-main-content .entry-summary .wp-block-group__inner-container > *, .cs-main-content .entry-summary .wp-block-cover__inner-container > *, .cs-main-content .entry-summary .wp-block-media-text__content > *, .cs-main-content .entry-summary .cnvs-block-column-inner > div > *, .cs-main-content .entry-summary .cnvs-block-section-content-inner > *, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner > * { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 600px) { .cs-main-content .entry-content > *, .cs-main-content .entry-content .wp-block-column > *, .cs-main-content .entry-content .wp-block-group__inner-container > *, .cs-main-content .entry-content .wp-block-cover__inner-container > *, .cs-main-content .entry-content .wp-block-media-text__content > *, .cs-main-content .entry-content .cnvs-block-column-inner > div > *, .cs-main-content .entry-content .cnvs-block-section-content-inner > *, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner > *, .cs-main-content .entry-summary > *, .cs-main-content .entry-summary .wp-block-column > *, .cs-main-content .entry-summary .wp-block-group__inner-container > *, .cs-main-content .entry-summary .wp-block-cover__inner-container > *, .cs-main-content .entry-summary .wp-block-media-text__content > *, .cs-main-content .entry-summary .cnvs-block-column-inner > div > *, .cs-main-content .entry-summary .cnvs-block-section-content-inner > *, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner > * { margin-top: 32px; margin-bottom: 32px; } } .cs-main-content .entry-content > *:first-child, .cs-main-content .entry-content .wp-block-column > *:first-child, .cs-main-content .entry-content .wp-block-group__inner-container > *:first-child, .cs-main-content .entry-content .wp-block-cover__inner-container > *:first-child, .cs-main-content .entry-content .wp-block-media-text__content > *:first-child, .cs-main-content .entry-content .cnvs-block-column-inner > div > *:first-child, .cs-main-content .entry-content .cnvs-block-section-content-inner > *:first-child, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner > *:first-child, .cs-main-content .entry-summary > *:first-child, .cs-main-content .entry-summary .wp-block-column > *:first-child, .cs-main-content .entry-summary .wp-block-group__inner-container > *:first-child, .cs-main-content .entry-summary .wp-block-cover__inner-container > *:first-child, .cs-main-content .entry-summary .wp-block-media-text__content > *:first-child, .cs-main-content .entry-summary .cnvs-block-column-inner > div > *:first-child, .cs-main-content .entry-summary .cnvs-block-section-content-inner > *:first-child, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner > *:first-child { margin-top: 0; } .cs-main-content .entry-content > *:last-child, .cs-main-content .entry-content .wp-block-column > *:last-child, .cs-main-content .entry-content .wp-block-group__inner-container > *:last-child, .cs-main-content .entry-content .wp-block-cover__inner-container > *:last-child, .cs-main-content .entry-content .wp-block-media-text__content > *:last-child, .cs-main-content .entry-content .cnvs-block-column-inner > div > *:last-child, .cs-main-content .entry-content .cnvs-block-section-content-inner > *:last-child, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner > *:last-child, .cs-main-content .entry-summary > *:last-child, .cs-main-content .entry-summary .wp-block-column > *:last-child, .cs-main-content .entry-summary .wp-block-group__inner-container > *:last-child, .cs-main-content .entry-summary .wp-block-cover__inner-container > *:last-child, .cs-main-content .entry-summary .wp-block-media-text__content > *:last-child, .cs-main-content .entry-summary .cnvs-block-column-inner > div > *:last-child, .cs-main-content .entry-summary .cnvs-block-section-content-inner > *:last-child, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner > *:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-section, .cs-main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-section, .cs-main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } } .cs-main-content .entry-content .cnvs-block-section:first-child, .cs-main-content .entry-summary .cnvs-block-section:first-child { margin-top: 0; } .cs-main-content .entry-content .cnvs-block-section:last-child, .cs-main-content .entry-summary .cnvs-block-section:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } } .cs-main-content .entry-content .cnvs-block-posts:first-child, .cs-main-content .entry-summary .cnvs-block-posts:first-child { margin-top: 0; } .cs-main-content .entry-content .cnvs-block-posts:last-child, .cs-main-content .entry-summary .cnvs-block-posts:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading, .cs-main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading { margin-top: 64px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading, .cs-main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading { margin-top: 64px; } .cs-main-content .entry-content .cnvs-block-posts + .cnvs-block-section-heading:first-child, .cs-main-content .entry-summary .cnvs-block-posts + .cnvs-block-section-heading:first-child { margin-top: 0; } } .cs-main-content .entry-content .cnvs-block-section-heading + .cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-section-heading + .cnvs-block-posts { margin-top: 32px; } .cs-main-content .entry-content .cnvs-block-section-heading + .cnvs-block-posts:first-child, .cs-main-content .entry-summary .cnvs-block-section-heading + .cnvs-block-posts:first-child { margin-top: 0; } .cs-main-content .entry-content > h1:not(:first-child), .cs-main-content .entry-content > h2:not(:first-child), .cs-main-content .entry-content > h3:not(:first-child), .cs-main-content .entry-content > h4:not(:first-child), .cs-main-content .entry-content > h5:not(:first-child), .cs-main-content .entry-content > h6:not(:first-child), .cs-main-content .entry-content > .h1:not(:first-child), .cs-main-content .entry-content > .h2:not(:first-child), .cs-main-content .entry-content > .h3:not(:first-child), .cs-main-content .entry-content > .h4:not(:first-child), .cs-main-content .entry-content > .h5:not(:first-child), .cs-main-content .entry-content > .h6:not(:first-child), .cs-main-content .entry-summary > h1:not(:first-child), .cs-main-content .entry-summary > h2:not(:first-child), .cs-main-content .entry-summary > h3:not(:first-child), .cs-main-content .entry-summary > h4:not(:first-child), .cs-main-content .entry-summary > h5:not(:first-child), .cs-main-content .entry-summary > h6:not(:first-child), .cs-main-content .entry-summary > .h1:not(:first-child), .cs-main-content .entry-summary > .h2:not(:first-child), .cs-main-content .entry-summary > .h3:not(:first-child), .cs-main-content .entry-summary > .h4:not(:first-child), .cs-main-content .entry-summary > .h5:not(:first-child), .cs-main-content .entry-summary > .h6:not(:first-child) { margin-top: 64px; } .cs-main-content .entry-content .entry-content, .cs-main-content .entry-content .entry-summary, .cs-main-content .entry-summary .entry-content, .cs-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } @media (min-width: 600px) { .cs-main-content .entry-content .entry-content, .cs-main-content .entry-content .entry-summary, .cs-main-content .entry-summary .entry-content, .cs-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } } .cs-main-content .entry-content > .alignleft, .cs-main-content .entry-content > .alignright, .cs-main-content .entry-summary > .alignleft, .cs-main-content .entry-summary > .alignright { margin-top: 0; } /*-------------------------------------------------------------- ## Entry Content --------------------------------------------------------------*/ .entry-content { line-height: var(--cs-font-base-line-height); } .entry-content p > a, .entry-content p > strong > a, .entry-content figcaption > a, .entry-content > a, .entry-content > p > a, .entry-content > ul li > a, .entry-content > ol li > a, .entry-content > p > em > a, .entry-content > p > strong > a, .entry-content td > a, .entry-content th > a, .entry-content .is-root-container > a, .entry-content .is-root-container > p > a, .entry-content .is-root-container > ul li > a, .entry-content .is-root-container > ol li > a, .entry-content .is-root-container > p > em > a, .entry-content .is-root-container > p > strong > a { color: var(--cs-color-primary); text-decoration: underline; } .entry-content p > a:hover, .entry-content p > a:focus, .entry-content p > strong > a:hover, .entry-content p > strong > a:focus, .entry-content figcaption > a:hover, .entry-content figcaption > a:focus, .entry-content > a:hover, .entry-content > a:focus, .entry-content > p > a:hover, .entry-content > p > a:focus, .entry-content > ul li > a:hover, .entry-content > ul li > a:focus, .entry-content > ol li > a:hover, .entry-content > ol li > a:focus, .entry-content > p > em > a:hover, .entry-content > p > em > a:focus, .entry-content > p > strong > a:hover, .entry-content > p > strong > a:focus, .entry-content td > a:hover, .entry-content td > a:focus, .entry-content th > a:hover, .entry-content th > a:focus, .entry-content .is-root-container > a:hover, .entry-content .is-root-container > a:focus, .entry-content .is-root-container > p > a:hover, .entry-content .is-root-container > p > a:focus, .entry-content .is-root-container > ul li > a:hover, .entry-content .is-root-container > ul li > a:focus, .entry-content .is-root-container > ol li > a:hover, .entry-content .is-root-container > ol li > a:focus, .entry-content .is-root-container > p > em > a:hover, .entry-content .is-root-container > p > em > a:focus, .entry-content .is-root-container > p > strong > a:hover, .entry-content .is-root-container > p > strong > a:focus { color: var(--cs-color-primary); text-decoration: none; } .entry-content > blockquote { position: relative; font-size: 1.25rem; line-height: var(--cs-font-base-line-height); margin-left: 0; margin-right: 0; background: var(--cs-color-contrast-50); margin-top: 48px; margin-bottom: 48px; padding: 2rem; border-left: 0; border-radius: var(--cs-common-border-radius); font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); } .entry-content > blockquote cite { display: block; color: var(--cs-color-secondary); font-style: normal; margin-top: 0.5rem; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .entry-content > blockquote p { line-height: var(--cs-font-base-line-height); } .entry-content > blockquote p:first-child { font-size: inherit; margin-top: 0; } .entry-content > blockquote p:last-child { margin-bottom: 0; } .entry-content pre, .entry-content code { background-color: var(--cs-color-contrast-50); } .entry-content pre { padding: 20px; } .entry-content pre code { background-color: transparent; } .entry-content .wp-caption-dd { color: var(--cs-color-secondary); margin-left: 0; } .entry-content .is-style-cnvs-paragraph-callout { font-size: 1.25rem; } .alignnone { max-width: 100%; } .alignleft { float: none; margin-right: 0; } @media (min-width: 600px) { .alignleft { float: left; margin-right: 2rem; } } .alignright { float: none; margin-left: 0; } @media (min-width: 600px) { .alignright { float: right; margin-left: 2rem; } } .aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; max-width: 100%; } .aligncenter .wp-caption-text, .aligncenter .wp-caption-dd { text-align: center; } img.alignleft, img.alignright { margin-bottom: 1rem; } .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 100%; } @media (min-width: 600px) { .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: calc(50% - 1rem); } } /** =========== Blocks =========== */ .wp-block-group.has-background { padding: 1.5rem 2rem; } .wp-block-columns > *:not(.wp-block-column):first-child { margin-top: 0; } .wp-block-columns > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } @media (max-width: 599px) { .wp-block-columns .wp-block-column + .wp-block-column { margin-top: 32px; } } p.has-background { padding: 1.5rem 2rem; } p.wp-block-subhead { font-size: 1.25rem; color: var(--cs-color-secondary); opacity: 1; } .wp-block-separator { --cnvs-wp-block-separator-color: var(--cs-color-contrast-300); } .wp-block-separator.is-style-dots { border-top: none; } .wp-block-separator:not(.is-style-dots) { border-top: none; border-bottom: 1px solid currentColor; max-width: var(--cs-editor-width); } .wp-block-button.alignleft { text-align: left; } .wp-block-button.alignright { text-align: right; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button .wp-block-button__link { text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: 0.25s; transition: 0.25s; padding: 0.75rem 1.5rem; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) { background-color: var(--cs-color-button); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background):hover { background-color: var(--cs-color-button-hover); opacity: 1; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) { color: var(--cs-color-button-contrast); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):hover { color: var(--cs-color-button-hover-contrast); opacity: 1; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { opacity: 0.75; cursor: pointer; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { border-color: var(--cs-color-button); background-color: var(--cs-color-button-contrast); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover { border-color: var(--cs-color-button-hover); background-color: var(--cs-color-button-hover-contrast); opacity: 1; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { color: var(--cs-color-button); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover { color: var(--cs-color-button-hover); opacity: 1; } .wp-block-file .wp-block-file__button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.5rem 1rem; border-radius: auto; background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover { outline: none; } .wp-block-file .wp-block-file__button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .wp-block-code, pre.wp-block-code, code.wp-block-code { background-color: var(--cs-color-contrast-200); padding: 1rem 1.5rem; font-family: Menlo, Consolas, monaco, monospace; line-height: var(--cs-font-base-line-height); font-size: 0.875rem; color: var(--cs-color-primary); white-space: pre-wrap; border-radius: 0; border: none; } .wp-block-code .editor-plain-text, pre.wp-block-code .editor-plain-text, code.wp-block-code .editor-plain-text { background-color: transparent; } .wp-block-preformatted, pre.wp-block-preformatted, code.wp-block-preformatted { background-color: var(--cs-color-contrast-200); padding: 1rem 1.5rem; } .wp-block-preformatted pre, pre.wp-block-preformatted pre, code.wp-block-preformatted pre { padding: 0; } .wp-block-preformatted, .wp-block-preformatted pre { font-family: Menlo, Consolas, monaco, monospace; line-height: var(--cs-font-base-line-height); font-size: 0.875rem; color: var(--cs-color-primary); white-space: pre-wrap; } .wp-block-verse, pre.wp-block-verse, code.wp-block-verse { background-color: var(--cs-color-contrast-200); padding: 1rem 1.5rem; } .wp-block-verse pre, pre.wp-block-verse pre, code.wp-block-verse pre { padding: 0; } .wp-block-verse, .wp-block-verse pre { font-family: Menlo, Consolas, monaco, monospace; line-height: var(--cs-font-base-line-height); font-size: 0.875rem; color: var(--cs-color-primary); overflow: auto; } .wp-block-audio figcaption { color: var(--cs-color-secondary); text-align: center; } .wp-block-embed figcaption { color: var(--cs-color-secondary); text-align: center; } .wp-block-video video { width: 100%; } .wp-block-media-text p:last-child { margin-bottom: 0; } @media (max-width: 599.98px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 8%; padding-bottom: 0; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { padding-top: 0; padding-bottom: 8%; } } .wp-block-image figcaption { color: var(--cs-color-secondary); text-align: center; } .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption, .wp-block-image .alignfull figcaption { text-align: center; } .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption { text-align: center; } .wp-block-image .alignleft, .wp-block-image.alignleft { float: none; margin-right: 0; } @media (min-width: 600px) { .wp-block-image .alignleft, .wp-block-image.alignleft { float: left; margin-right: 2rem; } } .wp-block-image .alignright, .wp-block-image.alignright { float: none; margin-left: 0; } @media (min-width: 600px) { .wp-block-image .alignright, .wp-block-image.alignright { float: right; margin-left: 2rem; } } @media (max-width: 599.98px) { .wp-block-image .alignleft, .wp-block-image .alignright { margin-left: auto; margin-right: auto; } } .wp-block-cover, .wp-block-cover-image { min-height: auto; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; } .wp-block-cover.has-background-dim, .wp-block-cover-image.has-background-dim { padding: 40px; } .wp-block-cover.has-background-dim a, .wp-block-cover.has-background-dim a:hover, .wp-block-cover-image.has-background-dim a, .wp-block-cover-image.has-background-dim a:hover { color: inherit; } .wp-block-cover.has-background-dim .wp-block-cover__inner-container, .wp-block-cover.has-background-dim .wp-block-cover-text, .wp-block-cover-image.has-background-dim .wp-block-cover__inner-container, .wp-block-cover-image.has-background-dim .wp-block-cover-text { color: #ffffff; } .wp-block-cover__inner-container *:last-child { margin-bottom: 0; } .wp-block-cover .block-list-appender:empty { margin: 0; } .wp-block-cover .block-editor-block-list__layout .block-editor-block-list__block { margin-bottom: 0; } .wp-block-cover .block-editor-block-list__layout .block-editor-block-list__block > * { margin-bottom: 0; } .wp-block-cover .block-editor-block-list__layout *:last-child { margin-bottom: 0; } .wp-block-cover .wp-block-cover-text { font-size: 2.25rem; line-height: var(--cs-font-base-line-height); padding: 0; max-width: calc(var(--cs-entry-content-width)); } .wp-block-quote { position: relative; font-size: 1.25rem; line-height: var(--cs-font-base-line-height); background: var(--cs-color-contrast-50); margin-top: 48px; margin-bottom: 48px; padding: 2rem; border-left: 0; border-radius: var(--cs-common-border-radius); font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); } .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { position: relative; font-size: 1.25rem; line-height: var(--cs-font-base-line-height); padding: 2rem; background: var(--cs-color-contrast-50); margin-top: 48px; margin-bottom: 48px; color: inherit; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 0; border-right: 0; } .wp-block-quote p { line-height: var(--cs-font-base-line-height); } .wp-block-quote p:first-child { font-size: inherit; margin-top: 0; } .wp-block-quote p:last-child { margin-bottom: 0; } .wp-block-quote .wp-block-quote__citation { font-style: normal; color: var(--cs-color-secondary); line-height: var(--cs-font-base-line-height); font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .wp-block-quote.is-large p, .wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p, .wp-block-quote.is-style-large p:first-child { font-size: 1.875rem; font-style: normal; line-height: var(--cs-font-base-line-height); } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation { font-size: 1rem; font-style: normal; text-align: left; } .wp-block-group.has-background { padding: 1.5rem 2rem; } .wp-block-pullquote { padding: 2rem 1rem; color: var(--cs-color-primary); } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote:not(.is-style-solid-color) { border-top: 4px solid var(--cs-color-primary); border-bottom: 4px solid var(--cs-color-primary); } .wp-block-pullquote blockquote { margin-top: 0; margin-bottom: 0; } .wp-block-pullquote blockquote cite, .wp-block-pullquote blockquote footer, .wp-block-pullquote blockquote .wp-block-pullquote__citation { font-style: normal; text-transform: none; font-size: var(--cs-font-secondary-size); } .wp-block-pullquote blockquote:not(.has-text-color) { color: var(--cs-color-base); } .wp-block-pullquote:not(.is-style-solid-color) blockquote { margin: 0; } .wp-block-pullquote:not(.is-style-solid-color) blockquote cite, .wp-block-pullquote:not(.is-style-solid-color) blockquote footer, .wp-block-pullquote:not(.is-style-solid-color) blockquote .wp-block-pullquote__citation { color: var(--cs-color-secondary); } .wp-block-pullquote p { font-size: 1.875rem; line-height: var(--cs-font-base-line-height); } .wp-block-pullquote .alignleft p, .wp-block-pullquote .alignright p { font-size: 1.25rem; } .wp-block-gallery { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wp-block-gallery .blocks-gallery-item figure { 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-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wp-block-gallery .blocks-gallery-item figcaption { background: transparent; position: relative; padding: 0; min-height: initial; color: var(--cs-color-secondary); padding-top: 1rem; text-align: left; } .wp-block-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--cs-primary-border-radius); background-color: #ffffff; border: 1px solid var(--cs-color-contrast-200); overflow: hidden; } .wp-block-search .wp-block-search__input { display: block; width: 100%; line-height: var(--cs-font-input-line-height); color: #000000; background-color: #ffffff; border: 1px solid var(--cs-color-contrast-200); -webkit-box-shadow: none; box-shadow: none; padding: 0.3125rem 0.75rem; border-radius: var(--cs-primary-border-radius); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; max-width: 100%; border: none; border-radius: 0; } .wp-block-search .wp-block-search__button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.625rem; border-radius: var(--cs-primary-border-radius); font-size: 0; background-color: transparent; color: #000000; margin-left: 0; } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover { outline: none; } .wp-block-search .wp-block-search__button:hover { color: var(--cs-color-secondary); } .wp-block-search .wp-block-search__button:before { content: ""; font-family: "cs-icons" !important; font-size: 0.875rem; } .wp-block-search .wp-block-search__label { display: none; } .wp-block-latest-comments { border-top: 1px solid var(--cs-color-contrast-200); border-bottom: 1px solid var(--cs-color-contrast-200); padding: 2rem 0; margin: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { margin: 2rem 0 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment > article { border: none !important; margin: 0 !important; padding: 0 !important; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 0.875rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-link { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); color: var(--cs-color-primary); } .wp-block-latest-comments .wp-block-latest-comments__comment-link:hover { color: var(--cs-color-secondary); } .wp-block-latest-comments .wp-block-latest-comments__comment-author { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px 10px; color: var(--cs-color-accent-contrast); background: var(--cs-color-accent); -webkit-transition: 0.25s; transition: 0.25s; } .wp-block-latest-comments .wp-block-latest-comments__comment-author:hover { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--cs-color-secondary); margin-top: 0.5rem; font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { margin-top: 0.5rem; font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:not(:last-child) { margin-bottom: 0.5rem; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-posts, .wp-block-categories-list, .wp-block-categories__list, .wp-block-archives-list { padding-left: 0; padding-right: 0; text-align: left; } .wp-block-latest-posts li, .wp-block-categories-list li, .wp-block-categories__list li, .wp-block-archives-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: var(--cs-color-secondary); } .wp-block-latest-posts > li a, .wp-block-categories-list > li a, .wp-block-categories__list > li a, .wp-block-archives-list > li a { padding-top: 0.25rem; padding-bottom: 0.25rem; text-decoration: none !important; } .wp-block-latest-posts > li > a, .wp-block-categories-list > li > a, .wp-block-categories__list > li > a, .wp-block-archives-list > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-left: 2rem; color: var(--cs-color-primary); } .wp-block-latest-posts > li > a:before, .wp-block-categories-list > li > a:before, .wp-block-categories__list > li > a:before, .wp-block-archives-list > li > a:before { position: absolute; left: 0; top: 4px; font-family: "cs-icons"; content: ""; color: #ced4da; font-size: 14px; margin-right: 1rem; display: inline-block; -webkit-transition: 0.25s; transition: 0.25s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; border-radius: 100%; } .wp-block-latest-posts > li > a:hover, .wp-block-categories-list > li > a:hover, .wp-block-categories__list > li > a:hover, .wp-block-archives-list > li > a:hover { color: var(--cs-color-secondary); } .wp-block-latest-posts > li > a:hover:before, .wp-block-categories-list > li > a:hover:before, .wp-block-categories__list > li > a:hover:before, .wp-block-archives-list > li > a:hover:before { color: var(--cs-color-accent-contrast); -webkit-transition: 0.25s; transition: 0.25s; background: var(--cs-color-accent); } .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-categories-list .wp-block-latest-posts__post-date, .wp-block-categories__list .wp-block-latest-posts__post-date, .wp-block-archives-list .wp-block-latest-posts__post-date { margin-left: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; color: var(--cs-color-secondary); font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .wp-block-latest-posts .children, .wp-block-latest-posts .wp-block-categories__list, .wp-block-categories-list .children, .wp-block-categories-list .wp-block-categories__list, .wp-block-categories__list .children, .wp-block-categories__list .wp-block-categories__list, .wp-block-archives-list .children, .wp-block-archives-list .wp-block-categories__list { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .wp-block-categories > .wp-block-categories__list { padding: 0; } .wp-block-archives.wp-block-archives-list { padding: 0; } .wp-block-latest-posts li:not(:last-child) { margin-bottom: 1rem; } .wp-block-latest-posts li a { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 0.875rem; } .wp-block-latest-posts li a:hover { color: var(--cs-color-secondary); } .wp-block-categories-list li, .wp-block-categories__list li, .wp-block-archives-list li { font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .wp-block-categories-list a, .wp-block-categories__list a, .wp-block-archives-list a { padding-right: 0.5rem; } /*-------------------------------------------------------------- ## Overlay --------------------------------------------------------------*/ .cs-entry__thumbnail img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .cs-entry__overlay { position: relative; } .cs-overlay-background { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .cs-overlay-background:after, .cs-overlay-background:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: 0.25s; transition: 0.25s; opacity: 1; } .cs-overlay-background:after { background: var(--cs-color-overlay-background); } .cs-overlay-background.cs-overlay-transparent:after, .cs-overlay-background.cs-overlay-transparent:before { opacity: 0 !important; } .cs-breadcrumbs-gradient .cs-overlay-background:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(25%, transparent), to(transparent)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 25%, transparent 100%); opacity: 1; z-index: 1; } .cs-breadcrumbs-gradient .cs-overlay-background:after { opacity: 0; } .cs-overlay-gradient .cs-overlay-background:after { background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(180deg, transparent 75%, rgba(0, 0, 0, 0.5) 100%); opacity: 1 !important; } .cs-overlay-content { padding: 20px; } .cs-overlay-content a { position: relative; z-index: 2; } .cs-overlay-content .cs-overlay-link { position: absolute; } .cs-overlay-link { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .cs-overlay-link a { display: block; } .cs-overlay-ratio { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cs-overlay-ratio:not(.cs-ratio-original):before { content: ""; display: table; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0; height: 100%; } .cs-ratio-landscape:before { padding-bottom: 75%; } .cs-ratio-landscape-3-2:before { padding-bottom: 66.66667%; } .cs-ratio-landscape-16-9:before { padding-bottom: 56.25%; } .cs-ratio-portrait:before { padding-bottom: 133.33333%; } .cs-ratio-portrait-2-3:before { padding-bottom: 150%; } .cs-ratio-square:before { padding-bottom: 100%; } .cs-ratio-wide { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .cs-ratio-wide:before { content: ""; width: 0; height: 100%; top: 0; left: 0; padding-bottom: 30%; min-height: 300px; } @media (min-width: 1020px) { .cs-ratio-wide:before { padding-bottom: 30%; min-height: 500px; } } .cs-entry__inner.cs-entry__overlay .cs-overlay-background:after, .cs-entry__inner.cs-entry__overlay .cs-overlay-background:before { opacity: 0; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content > * { margin-top: auto; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__read-more { margin-top: 0; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__read-more:not(:only-child) { margin-top: auto; } .cs-entry__inner.cs-entry__overlay:hover .cs-overlay-content { opacity: 1; } .cs-entry__inner.cs-entry__overlay:hover .cs-overlay-background:after { opacity: 1; } .cs-entry__inner.cs-overlay-content { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cs-entry__inner.cs-overlay-content:not(:first-child) { margin-top: 0; } /*-------------------------------------------------------------- ## Forms --------------------------------------------------------------*/ button, input[type=button], input[type=reset], input[type=submit], .cs-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } button:focus, button:hover, input[type=button]:focus, input[type=button]:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover, .cs-button:focus, .cs-button:hover { outline: none; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .cs-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], select, textarea { display: block; width: 100%; line-height: var(--cs-font-input-line-height); color: #000000; background-color: #ffffff; border: 1px solid var(--cs-color-contrast-200); -webkit-box-shadow: none; box-shadow: none; padding: 0.3125rem 0.75rem; border-radius: var(--cs-primary-border-radius); font-family: var(--cs-font-input-family), sans-serif; font-size: var(--cs-font-input-size); font-weight: var(--cs-font-input-weight); font-style: var(--cs-font-input-style); letter-spacing: var(--cs-font-input-letter-spacing); text-transform: var(--cs-font-input-text-transform); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, select:focus, textarea:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } input[type=text]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=range]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=month]:focus::-webkit-input-placeholder, input[type=week]:focus::-webkit-input-placeholder, input[type=time]:focus::-webkit-input-placeholder, input[type=datetime]:focus::-webkit-input-placeholder, input[type=datetime-local]:focus::-webkit-input-placeholder, input[type=color]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0.5; } input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=range]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, input[type=time]:focus::-moz-placeholder, input[type=datetime]:focus::-moz-placeholder, input[type=datetime-local]:focus::-moz-placeholder, input[type=color]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0.5; } input[type=text]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=range]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, input[type=month]:focus:-ms-input-placeholder, input[type=week]:focus:-ms-input-placeholder, input[type=time]:focus:-ms-input-placeholder, input[type=datetime]:focus:-ms-input-placeholder, input[type=datetime-local]:focus:-ms-input-placeholder, input[type=color]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity: 0.5; } input[type=text]:focus::-ms-input-placeholder, input[type=email]:focus::-ms-input-placeholder, input[type=url]:focus::-ms-input-placeholder, input[type=password]:focus::-ms-input-placeholder, input[type=search]:focus::-ms-input-placeholder, input[type=number]:focus::-ms-input-placeholder, input[type=tel]:focus::-ms-input-placeholder, input[type=range]:focus::-ms-input-placeholder, input[type=date]:focus::-ms-input-placeholder, input[type=month]:focus::-ms-input-placeholder, input[type=week]:focus::-ms-input-placeholder, input[type=time]:focus::-ms-input-placeholder, input[type=datetime]:focus::-ms-input-placeholder, input[type=datetime-local]:focus::-ms-input-placeholder, input[type=color]:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder { opacity: 0.5; } input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, input[type=url]:focus::placeholder, input[type=password]:focus::placeholder, input[type=search]:focus::placeholder, input[type=number]:focus::placeholder, input[type=tel]:focus::placeholder, input[type=range]:focus::placeholder, input[type=date]:focus::placeholder, input[type=month]:focus::placeholder, input[type=week]:focus::placeholder, input[type=time]:focus::placeholder, input[type=datetime]:focus::placeholder, input[type=datetime-local]:focus::placeholder, input[type=color]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { opacity: 0.5; } input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } select:not([size]):not([multiple]) { height: calc(var(--cs-font-input-line-height) + 0.625rem + 2px); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='currentColor'%3E%3Cpath d='M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: 0.6em; background-repeat: no-repeat; background-position: calc(100% - 0.75rem) center; } select::-ms-expand { display: none; } textarea { border-radius: var(--cs-common-border-radius); } label { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } textarea { height: 150px; resize: vertical; } .post-password-form { padding: 40px; background: var(--cs-color-contrast-100); } .post-password-form label { margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .post-password-form input[type=password] { border-right: none; min-height: 40px; margin-top: 0.5rem; border-radius: 0; } .post-password-form input[type=submit] { min-height: 40px; min-width: 100px; height: 100%; border-radius: 0; } .post-password-form > p:first-child { margin-bottom: 2rem; } .post-password-form > p:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0; } /*-------------------------------------------------------------- ## Lists --------------------------------------------------------------*/ .cs-list-articles { margin: 0; padding: 0; list-style: none; } .cs-list-articles > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.25rem; padding-bottom: 0.25rem; color: var(--cs-color-primary); font-size: 0.875rem; position: relative; padding-left: 2rem; } .cs-list-articles > li > a:before { position: absolute; left: 0; top: 4px; font-family: "cs-icons"; content: ""; color: var(--cs-color-contrast-400); font-size: 14px; margin-right: 1rem; display: inline-block; -webkit-transition: 0.25s; transition: 0.25s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; border-radius: var(--cs-secondary-border-radius); } .cs-list-articles > li > a:hover { color: var(--cs-color-primary); } .cs-list-articles > li > a:hover:before { color: var(--cs-color-accent-contrast); -webkit-transition: 0.25s; transition: 0.25s; background: var(--cs-color-accent); } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Display --------------------------------------------------------------*/ .cs-d-none { display: none !important; } .cs-d-inline { display: inline !important; } .cs-d-inline-block { display: inline-block !important; } .cs-d-block { display: block !important; } .cs-d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media (min-width: 600px) { .cs-d-sm-none { display: none !important; } .cs-d-sm-inline { display: inline !important; } .cs-d-sm-inline-block { display: inline-block !important; } .cs-d-sm-block { display: block !important; } .cs-d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 720px) { .cs-d-md-none { display: none !important; } .cs-d-md-inline { display: inline !important; } .cs-d-md-inline-block { display: inline-block !important; } .cs-d-md-block { display: block !important; } .cs-d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 1020px) { .cs-d-lg-none { display: none !important; } .cs-d-lg-inline { display: inline !important; } .cs-d-lg-inline-block { display: inline-block !important; } .cs-d-lg-block { display: block !important; } .cs-d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 1200px) { .cs-d-xl-none { display: none !important; } .cs-d-xl-inline { display: inline !important; } .cs-d-xl-inline-block { display: inline-block !important; } .cs-d-xl-block { display: block !important; } .cs-d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } @media (min-width: 1920px) { .cs-d-full-none { display: none !important; } .cs-d-full-inline { display: inline !important; } .cs-d-full-inline-block { display: inline-block !important; } .cs-d-full-block { display: block !important; } .cs-d-full-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } [data-site-scheme=default] .cs-display-only-dark { display: none !important; } [data-site-scheme=inverse] .cs-display-only-default, [data-site-scheme=dark] .cs-display-only-default { display: none !important; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site --------------------------------------------------------------*/ .cs-site, .cs-site-inner { min-height: 100vh; } @media screen and (min-width: 601px) { .admin-bar .cs-site, .admin-bar .cs-site-inner { min-height: calc(100vh - 46px); } } @media screen and (min-width: 783px) { .admin-bar .cs-site, .admin-bar .cs-site-inner { min-height: calc(100vh - 32px); } } body { background: var(--cs-color-site-background); overflow-x: hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .cs-container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 600px) { .cs-container { max-width: 600px; } } @media (min-width: 720px) { .cs-container { max-width: 720px; } } @media (min-width: 1020px) { .cs-container { max-width: 1020px; } } @media (min-width: 1200px) { .cs-container { max-width: 1200px; } } .cs-site-content { margin: 3rem 0; } .cs-site-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-site-inner > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .cs-site-inner main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .cs-header { position: relative; border-bottom: 1px solid var(--cs-color-contrast-200); background: var(--cs-color-header-background); width: 100%; z-index: 10; } .cs-header__item { position: static; width: 100%; opacity: 1; border-bottom: 1px solid var(--cs-color-contrast-200); -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__item:first-child { position: relative; } .cs-header__item:first-child:before { display: none; content: ""; position: absolute; left: 100%; bottom: -1px; width: 0; height: 1px; background-color: var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-header__item:first-child:before { display: block; width: calc(((100vw - 1020px) / 2) + 20px); } } @media (min-width: 1200px) { .cs-header__item:first-child:before { display: block; width: calc(((100vw - 1200px) / 2) + 20px); } } .cs-header__item:first-child .cs-col-left { padding: 0 20px; } .cs-header__item:last-child { display: block; border: none; } .cs-header__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; min-height: var(--cs-header-height); -webkit-transition: 0.25s; transition: 0.25s; opacity: 1; } .cs-header__inner-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1020px) { .cs-header__inner-mobile { display: none; } } .cs-header__inner-desktop { display: none; } @media (min-width: 1020px) { .cs-header__inner-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cs-header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-header__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__col > *:not(:first-child) { margin-left: 20px; } .cs-header__inner-mobile .cs-header__col > *:not(:first-child) { margin-left: 10px; } .cs-header__col.cs-col-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 20px; } @media (min-width: 1020px) { .cs-header__col.cs-col-nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cs-header__col.cs-col-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; } .cs-header__inner-mobile .cs-header__col.cs-col-center { padding: 0; } .cs-header__col.cs-col-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cs-header__col.cs-col-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cs-header__col.cs-col-column > *:not(:first-child) { margin-left: 0; } .cs-header__col.cs-col-large { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cs-header__offcanvas-toggle { padding: 0; cursor: pointer; } @media (min-width: 1020px) { .cs-header__offcanvas-toggle.cs-d-lg-none + * { margin-left: 0 !important; } } .cs-header__offcanvas-toggle .cs-icon { -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__offcanvas-toggle:hover .cs-icon { color: var(--cs-color-secondary); } .cs-header__logo { display: block; color: var(--cs-color-primary); white-space: nowrap; font-family: var(--cs-font-main-logo-family), sans-serif; font-size: var(--cs-font-main-logo-size); font-weight: var(--cs-font-main-logo-weight); font-style: var(--cs-font-main-logo-style); letter-spacing: var(--cs-font-main-logo-letter-spacing); text-transform: var(--cs-font-main-logo-text-transform); } .cs-header__logo.cs-logo-large { padding: 10px 0; font-family: var(--cs-font-large-logo-family), sans-serif; font-size: var(--cs-font-large-logo-size); font-weight: var(--cs-font-large-logo-weight); font-style: var(--cs-font-large-logo-style); letter-spacing: var(--cs-font-large-logo-letter-spacing); text-transform: var(--cs-font-large-logo-text-transform); -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__logo.cs-logo-dark { display: none; } [data-scheme=inverse] .cs-header__logo.cs-logo-dark, [data-scheme=dark] .cs-header__logo.cs-logo-dark { display: block; } [data-scheme=inverse] .cs-header__logo.cs-logo-default, [data-scheme=dark] .cs-header__logo.cs-logo-default { display: none; } .cs-header__logo img { display: block; width: auto; max-width: inherit; max-height: calc(var(--cs-header-height) - 20px); -webkit-transition: 0.25s; transition: 0.25s; } .cs-col-left .cs-header__logo { padding-right: 10px; } .cs-header .cs-logo { -webkit-transition: 0.25s; transition: 0.25s; } .cs-header .cs-logo.cs-logo-hide .cs-header__logo { font-size: 0; -webkit-transition: font-size 0.25s; transition: font-size 0.25s; padding-right: 0; } .cs-header .cs-logo.cs-logo-hide .cs-header__logo img { max-height: 0; opacity: 0; } .cs-header__nav { display: block; height: 100%; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__scheme-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; } [site-data-scheme=dark] .cs-header__scheme-toggle .cs-header__scheme-toggle-element:after { left: 1rem; } [site-data-scheme=dark] .cs-header__scheme-toggle .cs-header__scheme-toggle-icon:last-child { color: var(--cs-color-primary); } .cs-header__scheme-toggle:hover .cs-header__scheme-toggle-element { background: var(--cs-color-contrast-600); } .cs-header__scheme-toggle-mobile { width: 2rem; height: 2rem; position: relative; } .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; text-align: center; -webkit-transform: scale(0); transform: scale(0); height: 2rem; line-height: 2rem; font-size: 1rem; } .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon:last-child { -webkit-transform: scale(1); transform: scale(1); } [site-data-scheme=dark] .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon { -webkit-transform: scale(1); transform: scale(1); } [site-data-scheme=dark] .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon:last-child { -webkit-transform: scale(0); transform: scale(0); } .cs-header__scheme-toggle-icon { width: 1rem; height: 2rem; line-height: 2rem; font-size: 1rem; display: inline-block; color: var(--cs-color-primary); } .cs-header__scheme-toggle-element { margin: 0 0.25rem; display: block; height: 1rem; width: 2rem; border-radius: 0.5rem; background: var(--cs-color-contrast-400); position: relative; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__scheme-toggle-element::after { -webkit-transition: 0.25s !important; transition: 0.25s !important; content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; width: 0.75rem; height: 0.75rem; background: #ffffff; border-radius: 50%; left: 0; margin-left: 0.125rem; } .cs-header__nav-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .cs-header__nav-inner li { position: relative; } .cs-header__nav-inner li:not(.touch-device):hover > .sub-menu { visibility: visible; opacity: 1; top: -1px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cs-header__nav-inner li.submenu-visible > .sub-menu { visibility: visible; opacity: 1; top: -1px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cs-header__nav-inner li.menu-item-has-children > a:after { margin-left: 2px; font-family: "cs-icons"; content: ""; font-size: 0.75rem; line-height: 1; } .cs-header__nav-inner li.current-menu-ancestor > a, .cs-header__nav-inner li.current-menu-item > a { color: var(--cs-color-secondary); } .cs-header__nav-inner li.current-menu-ancestor > a > span:first-child:before, .cs-header__nav-inner li.current-menu-item > a > span:first-child:before { bottom: -3px; opacity: 1; background-color: var(--cs-color-secondary); } .cs-header__nav-inner > li { height: 100%; } .cs-header__nav-inner > li:not(:first-child) { margin-left: 20px; } .cs-header__nav-inner > li > a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; height: 100%; font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .cs-header__nav-inner > li > a > span { position: relative; } .cs-header__nav-inner > li > a > span:first-child:before { content: ""; position: absolute; bottom: -10px; opacity: 0; width: 100%; height: 1px; background-color: var(--cs-color-secondary); -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__nav-inner > li > a .pk-badge { position: relative; } .cs-header__nav-inner > li > a .pk-badge:after { content: ""; position: absolute; height: 10px; width: calc(100% + 12px); top: 100%; left: -8px; background: var(--cs-color-header-background); } .cs-header__nav-inner > li:hover > a { color: var(--cs-color-secondary); } .cs-header__nav-inner > li:hover > a > span:before { opacity: 1; bottom: -3px; } .cs-header__nav-inner > li.menu-item-has-children > .sub-menu { top: -9999px; left: 0; z-index: 11; opacity: 0; visibility: hidden; } .cs-header-four .cs-header__nav-inner > li.menu-item-has-children > .sub-menu { top: -9999px; } .cs-header-four .cs-header__nav-inner > li.menu-item-has-children.cs-mega-menu > .sub-menu { top: -9999px; } .cs-header__nav-inner > li.menu-item-has-children > a:after { content: ""; -webkit-transform: translateY(2px); transform: translateY(2px); } .cs-header__nav-inner > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { top: 100%; opacity: 1; visibility: visible; -webkit-transition: opacity 0.25s, left 0.25s; transition: opacity 0.25s, left 0.25s; } .cs-header-four .cs-header__nav-inner > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { top: calc(100% - 1px); } .cs-header-four.cs-scroll-sticky .cs-header__nav-inner > li.menu-item-has-children:not(.touch-device):hover > .sub-menu { top: 100%; } .cs-header__nav-inner > li.menu-item-has-children.submenu-visible > .sub-menu { top: 100%; left: 0; visibility: visible; opacity: 1; } .cs-header-four .cs-header__nav-inner > li.menu-item-has-children.submenu-visible > .sub-menu { top: calc(100% - 1px); } .cs-header-four.cs-scroll-sticky .cs-header__nav-inner > li.menu-item-has-children.submenu-visible > .sub-menu { top: 100%; } .cs-header__nav-inner .menu-item .pk-badge { margin: auto auto auto 0.5rem; } .cs-header__nav-inner .sub-menu { position: absolute; display: block; padding: 0; margin: 0; text-align: left; list-style: none; background-color: var(--cs-color-submenu-background); border: 1px var(--cs-color-contrast-200) solid; } .cs-header__nav-inner .sub-menu > li { padding: 0 1rem; } .cs-header__nav-inner .sub-menu > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 200px; padding: 10px 0; -webkit-transition: 0.25s; transition: 0.25s; font-family: var(--cs-font-submenu-family), sans-serif; font-size: var(--cs-font-submenu-size); font-weight: var(--cs-font-submenu-weight); font-style: var(--cs-font-submenu-style); letter-spacing: var(--cs-font-submenu-letter-spacing); text-transform: var(--cs-font-submenu-text-transform); } .cs-header__nav-inner .sub-menu > li a:hover { color: var(--cs-color-secondary); } .cs-header__nav-inner .sub-menu > li:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); } .cs-header__nav-inner .sub-menu > li:first-child a, .cs-header__nav-inner .sub-menu > li:last-child a { padding: 10px 0; } .cs-header__nav-inner .sub-menu > li.current-menu-ancestor > a, .cs-header__nav-inner .sub-menu > li.current-menu-item > a { color: var(--cs-color-secondary); } .cs-header__nav-inner .sub-menu .sub-menu { display: block; top: -9999px; left: 100%; z-index: 1; opacity: 0; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; -webkit-transform: translate3d(0.5rem, 0, 0); transform: translate3d(0.5rem, 0, 0); visibility: hidden; } .cs-header__nav-inner .sub-menu .cs-sm-position-left > .sub-menu { left: auto; right: 100%; } .cs-header__nav-inner .sub-menu .cs-sm-position-left > a:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cs-header__nav-inner .cs-mega-menu { position: static; } .cs-header__multi-column { height: 100%; } .cs-header__multi-column .cs-icon { -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__multi-column:hover .cs-header__multi-column-container { opacity: 1; visibility: visible; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__multi-column:hover .cs-icon { color: var(--cs-color-secondary); } .cs-header__multi-column-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-size: 1.375rem; cursor: pointer; } .cs-header__multi-column-container { position: absolute; top: 100%; left: 0; right: 0; max-height: 60vh; min-height: 100%; background: var(--cs-color-submenu-background); border: 1px solid var(--cs-color-contrast-200); overflow-y: auto; overflow-x: hidden; visibility: hidden; opacity: 0; z-index: 11; } .cs-header__multi-column-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2rem 0; } .cs-header__multi-column-col { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3 - 2px); flex: 0 0 calc(100% / 3 - 2px); max-width: calc(100% / 3 - 2px); width: 100%; padding: 0 40px; } .cs-header__multi-column-col:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } .cs-header__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .cs-header__cart { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--cs-color-primary); -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__cart i { font-size: 1.125rem; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__cart:hover .cs-icon { color: var(--cs-color-secondary); } .cs-header__cart:hover .cs-header__cart-quantity { background-color: var(--cs-color-secondary); } @media (min-width: 1020px) { .cs-header__cart { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cs-header__cart-quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; margin-left: 4px; background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); font-size: 0.75rem; line-height: 1; font-weight: 500; border-radius: 50%; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__search-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .cs-header__search-toggle .cs-icon { font-size: 1.125rem; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__search-toggle:hover .cs-icon { color: var(--cs-color-secondary); } .cs-header__button { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; color: var(--cs-color-primary); line-height: 1; font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .cs-header__button .cs-icon { font-size: 1.125rem; margin-right: 5px; } @media (min-width: 1200px) { .cs-header__button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cs-header__button:hover { color: var(--cs-color-secondary); } .cs-header__single-column { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; border-left: 1px solid var(--cs-color-contrast-200); color: var(--cs-color-primary); cursor: pointer; } .cs-header__single-column:after { margin-left: 2px; font-family: "cs-icons"; content: ""; font-size: 0.75rem; line-height: 1; -webkit-transform: translateY(2px); transform: translateY(2px); } .cs-header__single-column:hover .cs-header__single-column-label { color: var(--cs-color-secondary); } .cs-header__single-column:hover .cs-header__single-column-label:before { opacity: 1; bottom: -3px; } .cs-header__single-column:hover:after { color: var(--cs-color-secondary); } .cs-header__single-column:hover .cs-header__widgets { opacity: 1; visibility: visible; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__single-column-label { position: relative; line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .cs-header__single-column-label:before { content: ""; position: absolute; bottom: -10px; width: 100%; height: 1px; background-color: var(--cs-color-secondary); opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .cs-header__info { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; color: var(--cs-color-secondary); font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-header__widgets { position: absolute; top: 100%; right: 0; left: initial; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 60vh; min-height: 100%; width: auto; max-width: 980px; background: var(--cs-color-submenu-background); visibility: hidden; opacity: 0; z-index: 11; cursor: auto; } .cs-header__widgets-img { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; width: 400px; max-width: 100%; min-height: 100%; max-height: 100%; margin-bottom: 0; } .cs-header__widgets-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .cs-header__widgets-content { -webkit-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; width: 380px; max-width: 100%; padding: 40px; border: 1px solid var(--cs-color-contrast-200); overflow-x: hidden; overflow-y: auto; } .cs-header .cs-separator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 100%; width: 1px; background-color: var(--cs-color-contrast-200); } .cs-header .cs-navbar-social-links .pk-social-links-items { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .cs-navbar-sticky-enabled .cs-header { position: -webkit-sticky; position: sticky; top: 0; -webkit-transition: 0.4s; transition: 0.4s; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky .cs-logo-hide .cs-header__logo { font-size: var(--cs-font-main-logo-size); } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky .cs-logo-hide .cs-header__logo img { max-height: calc(var(--cs-header-height) - 20px); opacity: 1; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-three .cs-header__col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__inner-wrapper { height: var(--cs-header-height); } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__logo img { max-height: calc(var(--cs-header-height) - 20px); } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child { border-bottom: 0; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child:before { display: none; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child .cs-header__inner { height: 0; opacity: 0; } .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:last-child .cs-header__inner { height: var(--cs-header-height); } .cs-navbar-smart-enabled .cs-header.cs-scroll-active { top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 32px; } .cs-header.cs-header-one .cs-header__nav { padding-left: 20px; border-left: 1px solid var(--cs-color-contrast-200); } .cs-header.cs-header-one .cs-navbar-social-links { display: none; } @media (min-width: 1200px) { .cs-header.cs-header-one .cs-navbar-social-links { display: block; } } .cs-header.cs-header-two .cs-col-left > * { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-header.cs-header-two .cs-col-left > *:last-child { padding-right: 20px; border-right: 1px solid var(--cs-color-contrast-200); } .cs-header.cs-header-four .cs-header__inner-wrapper { position: relative; height: var(--cs-header-initial-height); -webkit-transition: 0.25s; transition: 0.25s; } .cs-header.cs-header-four .cs-header__inner-wrapper > .cs-col-left { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .cs-header.cs-header-four .cs-header__inner-wrapper > .cs-col-left > * { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-header.cs-header-four .cs-header__inner-wrapper > .cs-col-left > *:last-child { padding-right: 20px; border-right: 1px solid var(--cs-color-contrast-200); } .cs-header.cs-header-four .cs-header__inner { position: static; } .cs-header.cs-header-four .cs-col-column .cs-header__inner { height: calc(var(--cs-header-initial-height) / 2); min-height: auto; } .cs-header.cs-header-four .cs-header__logo img { max-height: calc(var(--cs-header-initial-height) - 20px); } .cs-topbar { display: none; background: var(--cs-color-topbar-background); width: 100%; border-bottom: 1px solid var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-topbar { display: block; } } .cs-topbar .cs-header__inner { min-height: var(--cs-header-topbar-height); } .cs-topbar .cs-header__logo img { max-height: calc(var(--cs-header-topbar-height) - 20px); } @media screen and (max-width: 782px) { .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 46px; } .cs-navbar-smart-enabled.admin-bar .cs-header { top: 46px; } } @media screen and (max-width: 600px) { .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 0; } .cs-navbar-smart-enabled.admin-bar .cs-header { top: 0; } } .cs-search { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; padding: 2rem 0 2.5rem 0; background-color: var(--cs-color-search-background); } .cs-search.cs-search-disable { -webkit-transition: 0.25s; transition: 0.25s; } .cs-search__nav-form button { position: absolute; top: 0; width: 40px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; border: none; outline: none; } .cs-search__nav-form button i { font-size: 1.25rem; -webkit-transition: 0.25s; transition: 0.25s; } .cs-search__nav-form button:hover i { color: var(--cs-color-secondary); } .cs-search__nav-form .cs-search__group { position: relative; padding: 0 40px; border-bottom: 1px solid var(--cs-color-contrast-200); } .cs-search__nav-form .cs-search__input { width: 100%; height: 50px; border: none !important; background: none !important; color: var(--cs-color-primary) !important; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cs-search__nav-form .cs-search__submit { left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cs-search__nav-form .cs-search__submit span { display: none; } .cs-search__nav-form .cs-search__close { right: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cs-search__content { position: relative; width: 100%; } .cs-search__posts { display: none; margin-top: 2.5rem; } .cs-search__posts .cs-section-heading { margin-bottom: 2rem; } @media (min-width: 720px) { .cs-search__posts { display: block; } } .cs-search__posts-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: -20px; margin-right: -20px; } .cs-search__posts-wrapper .cs-entry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 1rem; padding: 0 20px; } .cs-search__posts-wrapper .cs-entry:nth-child(odd) { border-right: 1px solid var(--cs-color-contrast-200); } @media (min-width: 1200px) { .cs-search__posts-wrapper .cs-entry { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin-bottom: 0; } .cs-search__posts-wrapper .cs-entry:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-search__posts-wrapper .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-search__posts-wrapper .cs-entry__inner:not(:first-child) { margin-top: 0; } .cs-search__posts-wrapper .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cs-search__posts-wrapper .cs-entry__thumbnail img { border-radius: 0; } .cs-search__posts-wrapper .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-search__posts-wrapper .cs-entry__title { font-size: 1rem; } .cs-search__tags { margin-top: 2.5rem; display: none; } @media (min-width: 1020px) { .cs-search__tags { display: block; } } .cs-search__tags ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .cs-search__tags ul > li:not(.cs-title-tags), .cs-search__tags ul > a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .cs-search__tags ul > li:last-child, .cs-search__tags ul > a:last-child { margin-right: 0; } .cs-search__tags ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 12px; border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-primary-border-radius); line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cs-search__tags ul a:hover { color: var(--cs-color-accent-contrast); border: 1px solid var(--cs-color-accent); background-color: var(--cs-color-accent); } .cs-mega-menu > .sub-menu { width: 100%; right: 0; padding: 40px; } .cs-mega-menu .cs-mm__posts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .cs-mega-menu .cs-mm__posts .cs-entry { position: relative; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 20px; } .cs-mega-menu .cs-mm__posts .cs-entry__thumbnail { margin-bottom: 10px; } .cs-mega-menu .cs-mm__posts .cs-entry__overlay-background { margin-bottom: 10px; } .cs-mega-menu .cs-mm__posts .cs-entry__read-more { display: block; text-align: center; } .cs-mega-menu .cs-mm__posts .cs-entry__title { font-size: 1rem; text-align: center; } .cs-mega-menu .cs-mm__posts .cs-entry__title:not(:first-child) { margin-top: 0.5rem; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta:not(:first-child) { margin-top: 0.5rem; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta li:not(:first-child) { margin-left: 10px; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta li i { margin-right: 4px; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__categories { position: relative; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 20px; list-style: none; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__categories .menu-item { border-bottom: 1px solid var(--cs-color-contrast-200); } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__categories .menu-item a { display: block; min-width: auto; padding: 10px 0; font-family: var(--cs-font-submenu-family), sans-serif; font-size: var(--cs-font-submenu-size); font-weight: var(--cs-font-submenu-weight); font-style: var(--cs-font-submenu-style); letter-spacing: var(--cs-font-submenu-letter-spacing); text-transform: var(--cs-font-submenu-text-transform); } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__categories .menu-item:hover a { color: var(--cs-color-secondary); } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container { position: relative; width: 100%; max-width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; padding: 0 20px; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container .cs-mm__posts { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container .cs-mm__posts .cs-entry { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container .cs-mm__posts.cs-active-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-mega-menu .cs-active-item > a { color: var(--cs-color-secondary); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .cs-footer { background-color: var(--cs-color-footer-background); } .cs-footer__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 2rem 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1020px) { .cs-footer__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: initial; padding: 0; } } .cs-footer__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 300px; padding: 0; } .cs-footer__col:not(:first-child) { margin-top: 1rem; } @media (min-width: 1020px) { .cs-footer__col { padding: 30px 0; } .cs-footer__col:not(:first-child) { margin-top: 0; } } @media (min-width: 1200px) { .cs-footer__col { padding: 50px 0; } .cs-footer__col:not(:first-child) { margin-top: 0; } } .cs-footer__col.cs-col-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-footer__col.cs-col-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 1020px) { .cs-footer__col.cs-col-left { padding-right: 30px; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-left { padding-right: 50px; } } .cs-footer__col.cs-col-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 100%; } @media (min-width: 1020px) { .cs-footer__col.cs-col-center { padding-right: 30px; padding-left: 30px; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-center { padding-right: 50px; padding-left: 50px; } } .cs-footer__col.cs-col-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1020px) { .cs-footer__col.cs-col-right { padding-left: 30px; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-right { padding-left: 50px; } } .cs-footer__col:not(:first-child) { border-left: none; } @media (min-width: 1020px) { .cs-footer__col:not(:first-child) { border-left: 1px solid var(--cs-color-contrast-200); } } .cs-footer__inner { 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-align: center; -ms-flex-align: center; align-items: center; } .cs-footer__inner > *:not(:first-child) { margin-top: 1rem; } @media (min-width: 1020px) { .cs-footer__inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cs-footer__inner > *:not(:first-child) { margin-top: 1.25rem; } } .cs-footer__logo { display: block; font-family: var(--cs-font-footer-logo-family), sans-serif; font-size: var(--cs-font-footer-logo-size); font-weight: var(--cs-font-footer-logo-weight); font-style: var(--cs-font-footer-logo-style); letter-spacing: var(--cs-font-footer-logo-letter-spacing); text-transform: var(--cs-font-footer-logo-text-transform); } .cs-footer__logo img { display: block; max-width: inherit; width: auto; max-height: 60px; } .cs-footer__logo.cs-logo-large { font-family: var(--cs-font-large-logo-family), sans-serif; font-size: var(--cs-font-large-logo-size); font-weight: var(--cs-font-large-logo-weight); font-style: var(--cs-font-large-logo-style); letter-spacing: var(--cs-font-large-logo-letter-spacing); text-transform: var(--cs-font-large-logo-text-transform); } .cs-footer__logo.cs-logo-dark { display: none; } footer[data-scheme=inverse] .cs-footer__logo.cs-logo-dark, footer[data-scheme=dark] .cs-footer__logo.cs-logo-dark { display: block; } footer[data-scheme=inverse] .cs-footer__logo.cs-logo-default, footer[data-scheme=dark] .cs-footer__logo.cs-logo-default { display: none; } .cs-footer__desc { color: var(--cs-color-secondary); font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-footer__desc a { -webkit-transition: 0.25s; transition: 0.25s; } .cs-footer__desc a:hover { text-decoration: underline; } .cs-footer__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; list-style: none; } @media (min-width: 1020px) { .cs-footer__nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cs-footer__nav li { padding: 0.25rem 0; } .cs-footer__nav li:not(:last-child) { margin-right: 20px; } .cs-footer__nav a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); -webkit-transition: 0.25s; transition: 0.25s; } .cs-footer__nav a:hover, .cs-footer__nav a:active, .cs-footer__nav a:focus { color: var(--cs-color-accent); text-decoration: none; } .cs-footer__nav .current-menu-item a { color: var(--cs-color-accent); } .cs-footer__nav .menu-item .pk-badge { margin: auto auto auto 0.5rem; } .cs-footer__nav.cs-nav-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1200px) { .cs-footer__nav.cs-nav-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 60px; grid-row-gap: 0.25rem; justify-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media (min-width: 1200px) { .cs-footer__nav.cs-nav-grid li:not(:last-child) { margin-right: 0; } } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .cs-entry__header { position: relative; } .cs-entry__header:not(:last-child) { margin-bottom: 2.5rem; } .cs-entry__header .cs-entry__post-media { margin-left: 0; } .cs-entry__header .cs-entry__post-media img { width: 100%; } .cs-entry__header .cs-entry__title { margin-bottom: 0; word-wrap: break-word; font-size: 1.875rem; } .cs-entry__header .cs-entry__title:not(:first-child) { margin-top: 1.25rem; } @media (min-width: 1020px) { .cs-entry__header .cs-entry__title { font-size: 2.5rem; } } .cs-entry__header.cs-video-wrap.cs-entry__header-overlay .cs-breadcrumbs { padding-left: 0; } @media (min-width: 720px) { .cs-entry__header.cs-video-wrap.cs-entry__header-overlay .cs-breadcrumbs { padding-right: 120px; margin-left: 0; margin-right: 0; } } @media (min-width: 720px) { .cs-entry__header.cs-video-wrap .cs-breadcrumbs { padding-right: 120px; } } .cs-entry__header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cs-entry__header-wrap:not(:first-child) { margin-top: 2.5rem; } .cs-entry__header-wrap .cs-breadcrumbs { -ms-flex-item-align: start; align-self: flex-start; } .cs-entry__post-media { margin-bottom: 0; } .cs-entry__post-media a { display: block; } .cs-entry__post-media img { -o-object-fit: cover; object-fit: cover; } .cs-entry__post-media:not(:first-child) { margin-top: 2.5rem; } .cs-entry__overlay-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; margin-bottom: 0; } .cs-entry__overlay-bg img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .cs-entry__header-inner { width: 100%; z-index: 1; } .cs-entry__header-info { position: relative; width: 100%; z-index: 2; } .single .cs-sidebar-disabled .cs-entry__header-info { max-width: var(--cs-entry-content-medium-width); margin: auto auto 0 auto; } .single .cs-sidebar-disabled.cs-metabar-disabled .cs-entry__header-info { max-width: var(--cs-entry-content-width); margin: auto auto 0 auto; } .cs-entry__header-simple .cs-entry__header-info { margin-top: 2rem; } .cs-entry__header-simple .cs-entry__post-media img { border-radius: var(--cs-image-border-radius); } .cs-entry__header-simple .cs-entry__post-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); } .cs-entry__header-standard .cs-entry__title-line { width: calc(100% - 20px); } .cs-sidebar-disabled .cs-entry__header-standard .cs-entry__header-info { padding: 0; } .cs-entry__header-standard .cs-entry__post-media img { border-radius: var(--cs-image-border-radius); } .cs-entry__header-standard .cs-entry__post-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); } .cs-entry__header-standard .cs-entry__post-media + .cs-entry__header-info { padding-left: 10px; } @media (min-width: 1020px) { .cs-entry__header-standard .cs-entry__post-media + .cs-entry__header-info { padding-left: 30px; } } .cs-entry__header-large .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } .cs-entry__header-large .cs-entry__subtitle { max-width: var(--cs-entry-heading-large-width); } .cs-entry__header-large .cs-entry__header-wrap { padding-top: 2.5rem; background: var(--cs-color-overlay-background); } @media (min-width: 1020px) { .cs-entry__header-large .cs-entry__header-wrap { padding-top: 2.5rem; } } .cs-entry__header-large .cs-entry__header-info { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; margin-left: auto; margin-right: auto; } @media (min-width: 600px) { .cs-entry__header-large .cs-entry__header-info { max-width: 600px; } } @media (min-width: 720px) { .cs-entry__header-large .cs-entry__header-info { max-width: 720px; } } @media (min-width: 1020px) { .cs-entry__header-large .cs-entry__header-info { max-width: 1020px; } } @media (min-width: 1200px) { .cs-entry__header-large .cs-entry__header-info { max-width: 1200px; } } @media (min-width: 1020px) { .cs-sidebar-disabled .cs-entry__header-large .cs-entry__header-info { max-width: var(--cs-entry-content-medium-width); margin: auto auto 0 auto; padding-right: 0; padding-left: 0; } } .cs-entry__header-large .cs-breadcrumbs { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 600px) { .cs-entry__header-large .cs-breadcrumbs { max-width: 600px; } } @media (min-width: 720px) { .cs-entry__header-large .cs-breadcrumbs { max-width: 720px; } } @media (min-width: 1020px) { .cs-entry__header-large .cs-breadcrumbs { max-width: 1020px; } } @media (min-width: 1200px) { .cs-entry__header-large .cs-breadcrumbs { max-width: 1200px; } } .cs-entry__header-large .cs-video-controls { display: none; } @media (min-width: 1020px) { .cs-entry__header-large .cs-video-controls { display: -webkit-box; display: -ms-flexbox; display: flex; } } .cs-entry__header-large:first-child { margin-top: -3rem; } .cs-entry__header-overlay { background: var(--cs-color-overlay-background); border-radius: var(--cs-image-border-radius); overflow: hidden; } .cs-entry__header-overlay .cs-entry__post-media img { border-radius: 0; } .cs-entry__header-overlay .cs-entry__post-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__header-overlay .cs-entry__header-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2.5rem 20px; } @media (min-width: 1020px) { .cs-entry__header-overlay .cs-entry__header-inner { padding: 2.5rem 30px; } } .cs-entry__header-overlay .cs-entry__header-info { margin-top: auto; } .cs-entry__header-large-overlay { background: var(--cs-color-overlay-background); margin-top: -3rem; } .cs-entry__header-large-overlay .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } .cs-entry__header-large-overlay .cs-entry__summary { max-width: var(--cs-entry-heading-large-width); } .cs-entry__header-large-overlay .cs-entry__header-wrap { padding-top: 0; background: none; } .cs-entry__header-large-overlay .cs-entry__header-inner { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media (min-width: 600px) { .cs-entry__header-large-overlay .cs-entry__header-inner { max-width: 600px; } } @media (min-width: 720px) { .cs-entry__header-large-overlay .cs-entry__header-inner { max-width: 720px; } } @media (min-width: 1020px) { .cs-entry__header-large-overlay .cs-entry__header-inner { max-width: 1020px; } } @media (min-width: 1200px) { .cs-entry__header-large-overlay .cs-entry__header-inner { max-width: 1200px; } } .cs-entry__header-large-overlay .cs-entry__header-info { margin-top: auto; margin-left: auto; } .cs-entry__header-large-overlay .cs-video-controls { position: static; margin-bottom: 1rem; } @media (min-width: 1020px) { .cs-entry__header-large-overlay .cs-video-controls { position: absolute; top: 30px; right: 30px; } } .cs-entry-format { position: absolute; top: 10px; right: 10px; z-index: 3; } .cs-entry-format > a.cs-format-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; line-height: 40px; -webkit-transition: 0.25s; transition: 0.25s; color: #ffffff; } .cs-entry-format > a.cs-format-icon:after { position: relative; font-family: "cs-icons"; font-weight: normal; font-style: normal; font-size: 1.125rem; opacity: 1; width: auto; } .cs-entry-format .cs-format-image:after { content: ""; } .cs-entry-format .cs-format-video:after { content: ""; } .cs-entry-format .cs-format-audio:after { content: ""; } .cs-entry-format .cs-format-gallery:after { content: ""; } .cs-entry-format .cs-format-link:after { content: ""; } .cs-entry-format .cs-format-quote:after { content: ""; } .cs-entry-format .cs-format-status:after { content: ""; } .cs-entry-format .cs-format-aside:after { content: ""; } .cs-entry-format .cs-format-chat:after { content: ""; } body { counter-reset: number-post; } .cs-entry__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-entry__inner:not(:first-child) { margin-top: 1.5rem; } .cs-entry__content { position: relative; 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-pack: center; -ms-flex-pack: center; justify-content: center; } .cs-entry__thumbnail a { display: block; width: 100%; height: 100%; } .cs-entry__thumbnail img { width: 100%; border-radius: var(--cs-image-border-radius); } .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); } .cs-entry__thumbnail .cs-overlay-background img { border-radius: 0; } .cs-entry__thumbnail .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__thumbnail .cs-video-wrapper { border-radius: var(--cs-image-border-radius); } .cs-entry__title { margin-bottom: 0; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1.25rem; color: var(--cs-color-primary); } .cs-entry__title:not(:first-child) { margin-top: 1rem; } .cs-entry__title a { text-decoration: none; color: var(--cs-color-primary); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__title a:hover { color: var(--cs-color-secondary); } .cs-entry__title-line { background: none; --cs-padding-title-line: 0.25em; } .cs-entry__title-line span, .cs-entry__title-line a { line-height: calc(var(--cs-font-styled-heading-line-height) + (var(--cs-padding-title-line) * 2)); padding: var(--cs-padding-title-line) 0.35em; /*line-height: 180%;*/ background-color: var(--cs-color-styled-heading); color: var(--cs-color-styled-heading-contrast); box-decoration-break: clone; -webkit-box-decoration-break: clone; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__title-line a:hover { background-color: var(--cs-color-styled-heading-hover); color: var(--cs-color-styled-heading-hover-contrast); } .cs-entry__excerpt { font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); color: var(--cs-color-contrast-800); } .cs-entry__excerpt:not(:first-child) { margin-top: 1rem; } .cs-entry__subtitle { font-family: var(--cs-font-post-subtitle-family), sans-serif; font-size: var(--cs-font-post-subtitle-size); letter-spacing: var(--cs-font-post-subtitle-letter-spacing); color: var(--cs-color-secondary); } .cs-entry__subtitle:not(:first-child) { margin-top: 1rem; } .cs-entry__summary { font-family: var(--cs-font-entry-summary-family), sans-serif; font-size: var(--cs-font-entry-summary-size); letter-spacing: var(--cs-font-entry-summary-letter-spacing); color: var(--cs-color-contrast-800); } .cs-entry__summary:not(:first-child) { margin-top: 1rem; } .cs-entry__category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none; font-family: var(--cs-font-category-family), sans-serif; font-size: var(--cs-font-category-size); font-weight: var(--cs-font-category-weight); font-style: var(--cs-font-category-style); letter-spacing: var(--cs-font-category-letter-spacing); text-transform: var(--cs-font-category-text-transform); } .cs-entry__category:not(:first-child) { margin-top: 10px; } .cs-entry__category .post-categories { margin: 0; padding: 0; list-style: none; display: inline-block; margin-top: -10px; } .cs-entry__category .post-categories li { display: inline-block; } .cs-entry__category li { margin-top: 0.25rem; } .cs-entry__category li:not(:last-child) { margin-right: 10px; } .cs-entry__category a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 4px 10px; background: var(--cs-color-styled-category); color: var(--cs-color-styled-category-contrast); border-radius: var(--cs-styled-category-border-radius); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__category a:hover { text-decoration: none; background-color: var(--cs-color-styled-category-hover); color: var(--cs-color-styled-category-hover-contrast); } .cs-entry__overlay .cs-entry__excerpt { color: var(--cs-color-contrast-800); z-index: 1; } .cs-entry__overlay .cs-video-wrapper { border-radius: 0; } .cs-entry__after-share-buttons { background: var(--cs-color-contrast-50); padding: 30px; } .cs-entry__after-share-buttons:not(:first-child) { margin-top: 3rem; } .cs-entry__read-more { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-entry.sticky .cs-entry__title a:before { font-family: "cs-icons"; margin-right: 0.25rem; content: ""; } .cs-entry__post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); color: var(--cs-color-secondary); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__post-meta:not(:first-child) { margin-top: 1rem; } .cs-entry__post-meta a { color: var(--cs-color-primary); font-size: inherit; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__post-meta a:hover { color: var(--cs-color-secondary); } .cs-entry__post-meta > *:not(:last-child) { margin-right: 0.5rem; } .cs-entry__post-meta > *:not(:first-child):before { content: "·"; font-weight: 600; margin-right: 0.5em; } .cs-entry__post-meta .cs-meta-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs-entry__post-meta .cs-meta-author > *:not(:last-child) { margin-right: 8px; } .cs-entry__post-meta .cs-meta-author .cs-photo { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 26px; height: 26px; overflow: hidden; } .cs-entry__post-meta .cs-meta-author .cs-photo img { display: block; max-width: 100%; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; } .cs-entry__post-meta .cs-meta-author .cs-photo img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 50%); clip-path: inset(0 0 0 0 round 50%); } .cs-entry__post-meta .cs-meta-author .cs-author { font-weight: 600; } .cs-entry__post-meta .cs-meta-author-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-entry__post-meta .cs-meta-author-inner > *:not(:last-child) { margin-right: 5px; } .cs-entry__post-meta .cs-meta-icon { margin-right: 4px; } .cs-entry__post-meta .cs-meta-category { font-family: var(--cs-font-category-family), sans-serif; font-size: var(--cs-font-category-size); font-weight: var(--cs-font-category-weight); font-style: var(--cs-font-category-style); letter-spacing: var(--cs-font-category-letter-spacing); text-transform: var(--cs-font-category-text-transform); } .cs-entry__post-meta .cs-meta-category .post-categories { margin: 0; padding: 0; list-style: none; display: inline-block; } .cs-entry__post-meta .cs-meta-category .post-categories li { display: inline-block; } .cs-entry__post-meta .cs-meta-category .post-categories li { position: relative; line-height: 1; } .cs-entry__post-meta .cs-meta-category .post-categories li a { position: relative; z-index: 2; } .cs-entry__post-meta .cs-meta-category .post-categories li:not(:first-child) { margin-left: 0.125em; } .cs-entry__post-meta .cs-meta-category .post-categories li:not(:last-child):after { content: ","; } .cs-entry__post-meta .cs-meta-category .post-categories li:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--cs-color-category-underline); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__post-meta .cs-meta-category .post-categories a { color: var(--cs-color-category); } .cs-entry__post-meta .cs-meta-category .post-categories a:hover { color: var(--cs-color-category-hover); } .cs-entry__post-meta .cs-meta-shares { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-entry__post-meta .cs-meta-photos i { color: #F00F00; } .cs-entry__post-related { margin-top: 3rem; } .cs-entry__post-related .cs-section-heading { margin-bottom: 2rem; } .cs-entry__post-related .cs-entry__post-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .cs-entry__post-related .cs-entry { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cs-entry__post-related .cs-entry:not(:first-child) { margin-top: 2rem; } @media (min-width: 720px) { .cs-entry__post-related .cs-entry { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cs-entry__post-related .cs-entry:not(:first-child) { margin-top: 0; } .cs-entry__post-related .cs-entry:nth-child(n+3) { margin-top: 2rem; } } @media (min-width: 1200px) { .cs-entry__post-related .cs-entry { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cs-entry__post-related .cs-entry:not(:first-child) { margin-top: 0; } .cs-entry__post-related .cs-entry:nth-child(n+3) { margin-top: 0; } .cs-entry__post-related .cs-entry:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-entry__metabar { display: none; } @media (min-width: 1020px) { .cs-entry__metabar { display: block; } } @media (min-width: 1020px) { .cs-metabar-enabled .cs-entry__metabar-inner { position: -webkit-sticky; position: sticky; top: 0; -webkit-transition: 0.4s; transition: 0.4s; } } .cs-entry__author { border-top: 1px solid var(--cs-color-contrast-200); border-bottom: 1px solid var(--cs-color-contrast-200); } .cs-entry__author:not(:first-child) { margin-top: 3rem; } .cs-entry__author .pk-social-links-link { -webkit-transition: color 0.25s; transition: color 0.25s; font-size: 1rem; } .cs-entry__author-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -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; padding: 2rem 0; } .cs-entry__author-inner:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-entry__author-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-entry__author-photo { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 100px; border: 2px solid transparent; overflow: hidden; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__author-photo img { display: block; max-width: 100%; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: var(--cs-secondary-border-radius); } .cs-entry__author-photo img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); } .cs-entry__author-info { text-align: center; } .cs-entry__author-info:not(:first-child) { margin-top: 20px; } @media (min-width: 1020px) { .cs-entry__author-info { text-align: left; } .cs-entry__author-info:not(:first-child) { margin-left: 30px; margin-top: 0; } } .cs-entry__author-position { display: block; color: var(--cs-color-secondary); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-entry__author-name-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -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; margin-top: 0.5rem; } @media (min-width: 1020px) { .cs-entry__author-name-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-entry__author-name { font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__author-name:hover { color: var(--cs-color-secondary); text-decoration: none; } .cs-entry__author-social { margin-top: 10px; } @media (min-width: 1020px) { .cs-entry__author-social { margin-left: 20px; margin-top: 0; } } .cs-entry__author-description { margin-top: 0.5rem; font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .cs-entry__prev-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-entry__prev-next:not(:first-child) { margin-top: 3rem; } @media (min-width: 1020px) { .cs-entry__prev-next { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-entry__prev-next .cs-entry__title { -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__prev-next .cs-entry:not(:first-child) { margin-top: 1rem; } .cs-entry__next .cs-entry__prev-next .cs-entry { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1020px) { .cs-entry__next .cs-entry__prev-next .cs-entry { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cs-entry__prev-next .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .cs-entry__prev-next .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; overflow: hidden; border-radius: var(--cs-image-border-radius); } .cs-entry__prev-next .cs-entry__thumbnail img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0; } .cs-entry__prev-next .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__prev-next .cs-entry__content { margin-top: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs-entry__prev-next .cs-entry__post-meta { margin-top: 0.5rem; } .cs-entry__next .cs-entry__outer { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1020px) { .cs-entry__next .cs-entry__outer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cs-entry__next .cs-entry__thumbnail { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs-entry__next .cs-entry__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .cs-entry__next .cs-entry__content:not(:first-child) { margin-right: 16px; } .cs-entry__next .cs-entry__title { text-align: right; } .cs-entry__next .cs-entry__post-meta { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cs-entry__prev .cs-entry__content:not(:first-child) { margin-left: 16px; } .cs-entry__prev-next-item { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__prev-next-item:last-child { margin-top: 20px; } .cs-entry__prev-next-item:only-child { margin-top: 0; } @media (min-width: 1020px) { .cs-entry__prev-next-item:first-child { padding-right: 20px; } .cs-entry__prev-next-item:last-child { padding-left: 20px; margin-top: 0; } .cs-entry__prev-next-item:only-child { padding: 0; border: none; } .cs-entry__prev-next-item:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-entry__prev-next-item a:not(.cs-entry__prev-next-link) { position: relative; z-index: 2; } .cs-entry__prev-next-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .cs-entry__prev-next-link:hover ~ .cs-entry .cs-entry__title { color: var(--cs-color-secondary); } .cs-entry__prev-next-link:hover ~ .cs-entry__prev-next-label .cs-entry__prev-next-arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__prev-next-type-2 .cs-entry__prev-next-link:hover ~ .cs-entry .cs-entry__title span { background-color: var(--cs-color-styled-heading-hover); color: var(--cs-color-styled-heading-hover-contrast); } .cs-entry__prev-next-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-entry__next .cs-entry__prev-next-label { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cs-entry__prev-next-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: var(--cs-secondary-border-radius); -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translateX(0); transform: translateX(0); } .cs-entry__next .cs-entry__prev-next-arrow { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs-entry__next .cs-entry__prev-next-arrow i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .cs-entry__prev-next-text { color: var(--cs-color-secondary); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-entry__prev .cs-entry__prev-next-text:not(:first-child) { margin-left: 10px; } .cs-entry__next .cs-entry__prev-next-text { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .cs-entry__next .cs-entry__prev-next-text:not(:first-child) { margin-right: 10px; } .cs-entry__comments { margin-top: 3rem; } .cs-entry__comments .cs-section-heading { margin-bottom: 1rem; } .cs-entry__comments .says { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .comment-content { font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .comment-content > * { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 600px) { .comment-content > * { margin-top: 32px; margin-bottom: 32px; } } .comment-content > *:first-child { margin-top: 0; } .comment-content > *:last-child { margin-bottom: 0; } .cs-entry__comments-show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs-entry__comments-show:not(:first-child) { margin-top: 3rem; } .cs-entry__comments-show button { padding: 1rem 2rem; background-color: transparent; color: var(--cs-color-primary); border: 1px var(--cs-color-primary) solid; padding: 1rem 2rem; width: 250px; max-width: 100%; } .cs-entry__comments-show button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .cs-entry__comments-collapse { display: none; } .title-comment-reply { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title-comment-reply a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; color: transparent; width: 30px; height: 30px; overflow: hidden; -webkit-transition: 0.25s; transition: 0.25s; } .title-comment-reply a:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--cs-color-primary); font-family: "cs-icons"; content: ""; line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } .title-comment-reply a:hover:after { color: var(--cs-color-secondary); } .comment-list { padding: 0; margin: 0; list-style: none; } .comment-list .comment-body { display: block; padding: 20px 0; } .comment-list .comment-edit-link { color: var(--cs-color-secondary); -webkit-transition: 0.25s; transition: 0.25s; margin-left: 0.25rem; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .comment-list .comment-edit-link:hover { color: var(--cs-color-primary); } .comment-list .children { margin: 0; list-style: none; padding-left: 20px; } @media (min-width: 1020px) { .comment-list .children { padding-left: 40px; } } .comment-list .children .children .children .children .children .children { padding-left: 0; } @media (min-width: 1020px) { .comment-list .children .children .children .children .children .children { padding-left: 0; } } .comment-meta { margin-bottom: 1rem; } .comment-meta:after { content: ""; display: block; clear: both; } .comment-metadata { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .comment-author .avatar { float: left; position: relative; width: 60px; height: 60px; margin-right: 20px; border-radius: var(--cs-secondary-border-radius); } .comment-author .avatar.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); } .comment-reply-link { color: var(--cs-color-secondary); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); -webkit-transition: 0.25s; transition: 0.25s; } .comment-reply-link:hover { color: var(--cs-color-primary); } .comment-navigation + .comment-respond, .comment-list + .comment-respond { margin-top: 2rem; } .comment-body + .comment-respond { padding-top: 2rem; } .comment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1rem; } .comment-form .required { color: #F00F00; } .comment.bypostauthor { outline: none; } .comment-body { border-bottom: 1px solid var(--cs-color-contrast-200); } .comment-notes, .comment-form-comment, .logged-in-as { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; margin-bottom: 1.5rem; } .comment-form-author, .comment-form-email, .comment-form-url { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; margin-bottom: 1.5rem; } @media (min-width: 1020px) { .comment-form-author, .comment-form-email, .comment-form-url { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { font-size: 0.875rem; margin-bottom: 1.5rem; } .form-submit { margin-bottom: 0; } .form-submit input[type=submit] { padding: 1rem 2rem; background-color: var(--cs-color-accent); color: var(--cs-color-accent-contrast); } .form-submit input[type=submit]:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .no-comments { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); margin-top: 1rem; padding: 10px; background: var(--cs-color-contrast-50); } .logged-in-as a { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-entry__tags:not(:first-child) { margin-top: 3rem; } .cs-entry__tags .cs-title-tags { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 2rem; } .cs-entry__tags .cs-title-tags h5 { margin-bottom: 0; } .cs-entry__tags ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .cs-entry__tags ul > li:not(.cs-title-tags), .cs-entry__tags ul > a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .cs-entry__tags ul > li:last-child, .cs-entry__tags ul > a:last-child { margin-right: 0; } .cs-entry__tags ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 12px; border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-primary-border-radius); line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cs-entry__tags ul a:hover { color: var(--cs-color-accent-contrast); border: 1px solid var(--cs-color-accent); background-color: var(--cs-color-accent); } .cs-entry__subscribe { padding: 20px; background-color: var(--cs-color-contrast-50); } .cs-entry__subscribe:not(:first-child) { margin-top: 3rem; } .cs-entry__subscribe .cs-site-subscribe__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-entry__subscribe .cs-site-subscribe__info { margin-right: 0; } .cs-entry__subscribe .cs-site-subscribe__info { margin-bottom: 1rem; } @media (min-width: 1020px) { .cs-entry__subscribe { padding: 40px; } } .cs-entry__header-standard .cs-entry__header-info:not(:first-child), .cs-entry__header-large .cs-entry__header-info:not(:first-child) { margin-top: -4.7em; } .cs-entry__header-standard .cs-entry__header-info:not(:first-child) .cs-entry__title-line:first-child, .cs-entry__header-large .cs-entry__header-info:not(:first-child) .cs-entry__title-line:first-child { margin-top: 1.5em; } @media (min-width: 1020px) { .cs-entry__header-standard .cs-entry__header-info:not(:first-child), .cs-entry__header-large .cs-entry__header-info:not(:first-child) { margin-top: -5.3em; } .cs-entry__header-standard .cs-entry__header-info:not(:first-child) .cs-entry__title-line:first-child, .cs-entry__header-large .cs-entry__header-info:not(:first-child) .cs-entry__title-line:first-child { margin-top: 1.1em; } } .cnvs-block-posts-layout-standard-type-2 .cs-entry__content:not(:first-child) { margin-top: -3.8em; } .cnvs-block-posts-layout-standard-type-2 .cs-entry__content:not(:first-child) .cs-entry__title-line:first-child { margin-top: 2.1em; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer .cs-entry__content:not(:first-child) { margin-top: -3.8em; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer .cs-entry__content:not(:first-child) .cs-entry__title-line:first-child { margin-top: 2.1em; } @media (min-width: 1020px) { .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer .cs-entry__content:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer .cs-entry__content:not(:first-child) .cs-entry__title-line:first-child { margin-top: 0; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-top: -1em; padding: 0 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-top: 0; padding: 0; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content { padding: 0 20px; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-top: -1em; padding: 0 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-top: 0; padding: 0; } } .cnvs-block-posts-layout-large-type-3 .cs-entry__content:not(:first-child) { margin-top: -5.4em; } .cnvs-block-posts-layout-large-type-3 .cs-entry__content:not(:first-child) .cs-entry__title-line:first-child { margin-top: 0.9em; } .cs-tiles-categories-2 .cs-tiles-categories__content:not(:first-child) { margin-top: -1em; } /*-------------------------------------------------------------- ## Post layout --------------------------------------------------------------*/ .cnvs-block-posts-layout-tile-type-1[data-min-height*="100%"] { height: 100%; } .cnvs-block-posts-layout-tile-type-1 .cs-posts-area, .cnvs-block-posts-layout-tile-type-1 .cs-posts-area__outer, .cnvs-block-posts-layout-tile-type-1 .cs-posts-area__main { height: 100%; } .cnvs-block-posts-layout-tile-type-1 .cnvs-block-posts-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cnvs-block-posts-layout-tile-type-1 .cs-entry__outer { border-radius: var(--cs-image-border-radius); background: var(--cs-color-overlay-background); overflow: hidden; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; } .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 600px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 600px; } } @media (min-width: 720px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 1020px; } } @media (min-width: 1200px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 1200px; } } .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__overlay:before { padding-bottom: 30%; } .cnvs-block-posts-layout-tile-type-1 .cs-overlay-content { padding: 30px; } .cnvs-block-posts-layout-tile-type-2[data-min-heigh*="100%"] { height: 100%; } .cnvs-block-posts-layout-tile-type-2 .cs-posts-area, .cnvs-block-posts-layout-tile-type-2 .cs-posts-area__outer, .cnvs-block-posts-layout-tile-type-2 .cs-posts-area__main { height: 100%; } .cnvs-block-posts-layout-tile-type-2 .cnvs-block-posts-inner { height: 100%; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-radius: var(--cs-image-border-radius); overflow: hidden; -webkit-transition: background-color 0.25s; transition: background-color 0.25s; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--cs-color-overlay-background); -webkit-transition: 0.25s; transition: 0.25s; opacity: 1; z-index: -1; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer:after { opacity: 0; } } .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer:hover .cs-overlay-background { opacity: 1; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer:hover .cs-entry__title:before { color: var(--cs-color-primary); border-right: 1px solid var(--cs-color-primary); } .cnvs-block-posts-layout-tile-type-2 .cs-entry__outer:hover:after { opacity: 1; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__wrapper { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; } .cnvs-block-posts-layout-tile-type-2 .cs-overlay-content { padding: 0; } .cnvs-block-posts-layout-tile-type-2 .cs-overlay-background { opacity: 1; -webkit-transition: 0.25s; transition: 0.25s; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-2 .cs-overlay-background { opacity: 0; } } .cnvs-block-posts-layout-tile-type-2 .cs-entry__content { height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 45px; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__content .cs-entry__post-meta:last-child, .cnvs-block-posts-layout-tile-type-2 .cs-entry__content .cs-entry__excerpt:last-child { margin-top: auto; padding-top: 1rem; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__title { position: relative; font-size: 1.25rem; -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__title a { display: block; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__title a:hover { color: inherit; } .cnvs-block-posts-layout-tile-type-2 .cs-entry__title:before { min-width: 35px; counter-increment: number-post; content: counter(number-post); position: absolute; left: -45px; top: 0; z-index: 2; padding-right: 7px; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: 300; line-height: 1; color: var(--cs-color-primary); border-right: 1px solid var(--cs-color-primary); -webkit-transition: 0.25s; transition: 0.25s; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-2 .cs-entry__title:before { color: var(--cs-color-contrast-400); border-right: 1px solid var(--cs-color-contrast-200); } } .cnvs-block-posts-layout-tile-type-2 .cs-entry__excerpt { -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-tile-type-3[data-min-heigh*="100%"] { height: 100%; } .cnvs-block-posts-layout-tile-type-3 .cs-posts-area, .cnvs-block-posts-layout-tile-type-3 .cs-posts-area__outer, .cnvs-block-posts-layout-tile-type-3 .cs-posts-area__main { height: 100%; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--cs-color-overlay-background); -webkit-transition: 0.25s; transition: 0.25s; opacity: 1; z-index: -1; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:after { opacity: 0; } } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:hover .cs-entry__content:before { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: background 0.25s ease 0.25s, -webkit-transform 0.25s; transition: background 0.25s ease 0.25s, -webkit-transform 0.25s; transition: background 0.25s ease 0.25s, transform 0.25s; transition: background 0.25s ease 0.25s, transform 0.25s, -webkit-transform 0.25s; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:hover .cs-entry__title:before { color: var(--cs-color-primary); border-right: 1px solid var(--cs-color-primary); } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:hover .cs-overlay-background:after { opacity: 1; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__outer:hover:after { opacity: 1; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__wrapper { width: 100%; padding: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cnvs-block-posts-layout-tile-type-3 .cs-overlay-content .cs-entry__title:before { color: var(--cs-color-primary); border-right: 1px solid var(--cs-color-primary); } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-3 .cs-overlay-content .cs-entry__title:before { color: var(--cs-color-contrast-400); border-right: 1px solid var(--cs-color-contrast-200); } } .cnvs-block-posts-layout-tile-type-3 .cs-overlay-background { -webkit-transition: 0.25s; transition: 0.25s; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-3 .cs-overlay-background:after { opacity: 0; } } .cnvs-block-posts-layout-tile-type-3 .cs-entry__title { position: relative; z-index: 1; font-size: 1.25rem; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__title a { display: block; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__title a:hover { color: inherit; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__title:before { min-width: 35px; counter-increment: number-post; content: counter(number-post); position: absolute; left: -45px; top: 0; z-index: 1; padding-right: 7px; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: 300; line-height: 1; color: var(--cs-color-contrast-400); border-right: 1px solid var(--cs-color-contrast-200); -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content-wrapper { width: 100%; } .cnvs-block-posts-layout-tile-type-3 .cs-ratio-styled-square .cs-entry__thumbnail + .cs-entry__content-wrapper { padding-top: 100%; } .cnvs-block-posts-layout-tile-type-3 .cs-ratio-styled-landscape .cs-entry__thumbnail + .cs-entry__content-wrapper { padding-top: 74%; } .cnvs-block-posts-layout-tile-type-3 .cs-ratio-styled-portrait .cs-entry__thumbnail + .cs-entry__content-wrapper { padding-top: 125%; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 60px; z-index: 2; overflow: hidden; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content:first-child { -ms-flex-item-align: start; align-self: flex-start; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content .cs-entry__post-meta { position: relative; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content a { position: relative; z-index: 4; } .cnvs-block-posts-layout-tile-type-3 .cs-entry__content:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background: var(--cs-color-site-background); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; } @media (min-width: 1020px) { .cnvs-block-posts-layout-tile-type-3 .cs-entry__content:before { -webkit-transform: translateY(0); transform: translateY(0); } } .cnvs-block-posts-layout-tile-type-3 .cs-overlay-link { z-index: 3; } .cnvs-block-posts-layout-horizontal-type-1 .cs-display-column { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-1 .cs-display-column .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-right: 0; border-radius: var(--cs-image-border-radius); overflow: hidden; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail { -ms-flex-item-align: start; align-self: flex-start; margin-right: 3%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content:not(:first-child) { margin-top: 0; } } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content:not(:first-child) .cs-entry__post-meta:last-child, .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content:not(:first-child) .cs-entry__more:last-child { margin-top: 1rem; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__image-width-one-third .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } .cnvs-block-posts-layout-horizontal-type-2 .cs-display-column { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-2 .cs-display-column .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-horizontal-type-3 .cs-display-column { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-3 .cs-display-column .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__wrapper .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__wrapper .cs-entry__inner:not(:last-child) { margin-right: 1rem; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-4 .cs-display-column { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-display-column .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer { 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-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1020px) { .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } @media (min-width: 1020px) { .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 60%; } } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; margin-left: 0; padding: 0 20px; } @media (min-width: 1020px) { .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px 0 20px 20px; } } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__content:only-child .cs-entry__title { margin-left: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title { font-size: 1.25rem; margin-left: 0; } @media (min-width: 1020px) { .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title { margin-left: -4em; } } .cnvs-block-posts-layout-horizontal-type-5 .cs-display-column { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-5 .cs-display-column .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry:not(:first-child) { padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--cs-color-contrast-200); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80px; -ms-flex-item-align: start; align-self: flex-start; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail:hover .cs-overlay-background:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail:hover .cs-overlay-background:after { -webkit-transform: translateY(0); transform: translateY(0); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail .cs-overlay-background:before, .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail .cs-overlay-background:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: var(--cs-font-base-weight); line-height: 1; background-color: var(--cs-color-overlay-background); opacity: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; -webkit-transform: translateY(0); transform: translateY(0); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; font-size: 1.5rem; -webkit-transform: translateY(100%); transform: translateY(100%); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-tile-type-1 .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-standard-type-1 .cs-entry__thumbnail { border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-standard-type-1 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-1 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-1 .cs-entry__content { max-width: var(--cs-entry-content-width); } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail { position: relative; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-2 .cs-entry__content { padding: 0 20px; max-width: var(--cs-entry-content-width); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__title { position: relative; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__title:before { min-width: 35px; counter-increment: number-post; content: counter(number-post); position: absolute; left: -45px; top: 0; padding-right: 7px; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: 300; line-height: 1; color: var(--cs-color-contrast-400); border-right: 1px solid var(--cs-color-contrast-200); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail { border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__content { max-width: var(--cs-entry-content-width); padding-left: 45px; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail { position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 130px; margin: 0 auto; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail .cs-overlay-background:before, .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail .cs-overlay-background:after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: var(--cs-font-base-weight); line-height: 1; background-color: var(--cs-color-overlay-background); opacity: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; -webkit-transform: translateY(0); transform: translateY(0); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; -webkit-transform: translateY(100%); transform: translateY(100%); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail:hover .cs-overlay-background:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail:hover .cs-overlay-background:after { -webkit-transform: translateY(0); transform: translateY(0); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__content { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; text-align: center; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__post-meta { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cnvs-block-posts-layout-standard-type-4 .cs-meta-author { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cnvs-block-posts-layout-large-type-1 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 40px 0; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap { padding: 60px 0; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap:before { padding-bottom: 25%; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap .cs-overlay-background:after { opacity: 1; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap .cs-overlay-background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__wrap .cs-overlay-background .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__inner { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-1 .cs-entry__title { font-size: 3rem; } } .cnvs-block-posts-layout-large-type-1 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-1 .cs-overlay-content { padding: 0; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:first-child { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:first-child .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 2rem; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-top: 0; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry:not(:first-child) { margin-top: 2rem; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__inner:not(:first-child) { margin-top: 0; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-left: 0; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__content { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-left: -3em; } } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-entry__post-meta { position: relative; z-index: 2; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-overlay-background { position: relative; } .cnvs-block-posts-layout-large-type-1 .cs-layout-large__col:last-child .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background { position: absolute; } .cnvs-block-posts-layout-large-type-2 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 40px 0; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap { padding: 60px 0; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap:before { content: ""; height: 100%; width: 0; padding-bottom: 25%; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap .cs-overlay-background { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap .cs-overlay-background:after { opacity: 1; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap .cs-overlay-background img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__wrap .cs-overlay-background .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__inner { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cnvs-block-posts-layout-large-type-2 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-2 .cs-entry__title { font-size: 3rem; } } .cnvs-block-posts-layout-large-type-2 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-2 .cs-overlay-content { padding: 0; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:first-child { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 2rem; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 0; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry:not(:first-child) { margin-top: 2rem; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__inner:not(:first-child) { margin-top: 0; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin-left: 0; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__content:not(:first-child) { margin-left: -3em; } } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-entry__post-meta { position: relative; z-index: 2; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-overlay-background { position: relative; } .cnvs-block-posts-layout-large-type-2 .cs-layout-large__col:last-child .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background { position: absolute; } .cnvs-block-posts-layout-large-type-3 { overflow-x: hidden; text-align: center; } .cnvs-block-posts-layout-large-type-3 .cs-entry__content { position: relative; z-index: 2; width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; text-align: center; } @media (min-width: 600px) { .cnvs-block-posts-layout-large-type-3 .cs-entry__content { max-width: 600px; } } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-3 .cs-entry__content { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-3 .cs-entry__content { max-width: 1020px; } } @media (min-width: 1200px) { .cnvs-block-posts-layout-large-type-3 .cs-entry__content { max-width: 1200px; } } .cnvs-block-posts-layout-large-type-3 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); margin-left: auto; margin-right: auto; } .cnvs-block-posts-layout-large-type-3 .cs-entry__category { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cnvs-block-posts-layout-large-type-3 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); margin-left: auto; margin-right: auto; } .cnvs-block-posts-layout-large-type-3 .cs-entry__post-meta { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cnvs-block-posts-layout-large-type-3 .cs-entry__title { font-size: 3rem; } .cnvs-block-posts-layout-large-type-3 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-large-type-3 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-3 .cs-entry__thumbnail .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-4 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-4 .cs-entry__content { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; padding-top: 60px; padding-bottom: 60px; } @media (min-width: 600px) { .cnvs-block-posts-layout-large-type-4 .cs-entry__content { max-width: 600px; } } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-4 .cs-entry__content { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-4 .cs-entry__content { max-width: 1020px; } } @media (min-width: 1200px) { .cnvs-block-posts-layout-large-type-4 .cs-entry__content { max-width: 1200px; } } .cnvs-block-posts-layout-large-type-4 .cs-entry__overlay { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cnvs-block-posts-layout-large-type-4 .cs-entry__overlay:before { padding-bottom: 30%; } .cnvs-block-posts-layout-large-type-4 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-4 .cs-entry__title { font-size: 3rem; } } .cnvs-block-posts-layout-large-type-4 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-4 .cs-overlay-background img { border-radius: 0; } .cnvs-block-posts-layout-large-type-4 .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-4 .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-5 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-5 .cs-entry { height: 100%; } .cnvs-block-posts-layout-large-type-5 .cs-entry__outer { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cnvs-block-posts-layout-large-type-5 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-5 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-5 .cs-layout-large__row { display: grid; grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 2px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-5 .cs-layout-large__row { grid-template-columns: 1fr 1fr; grid-column-gap: 2px; grid-row-gap: 2px; } } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-5 .cs-layout-large__row { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2px; } } .cnvs-block-posts-layout-large-type-5 .cs-overlay-background img { border-radius: 0; } .cnvs-block-posts-layout-large-type-5 .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-5 .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-5 .cs-overlay-content { padding: 40px 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-5 .cs-overlay-content { padding: 40px; } } .cnvs-block-posts-layout-large-type-6 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-6 .cs-entry { height: 100%; } .cnvs-block-posts-layout-large-type-6 .cs-entry__outer { height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cnvs-block-posts-layout-large-type-6 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-6 .cs-layout-large__row { display: grid; grid-template-columns: 1fr; grid-column-gap: 0; grid-row-gap: 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-6 .cs-layout-large__row { grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } } .cnvs-block-posts-layout-large-type-6 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-6 .cs-overlay-background img { border-radius: 0; } .cnvs-block-posts-layout-large-type-6 .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-6 .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-6 .cs-overlay-content { padding: 40px 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-6 .cs-overlay-content { padding: 40px; } } .cnvs-block-posts-layout-large-type-7 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-7 .cs-entry__content { position: relative; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 60px 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__wrap:before { padding-bottom: 25%; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__wrap .cs-overlay-background img { border-radius: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__wrap .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__wrap .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__inner { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cnvs-block-posts-layout-large-type-7 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-7 .cs-entry__title { font-size: 3rem; } } .cnvs-block-posts-layout-large-type-7 .cs-overlay-content { padding: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:first-child .cs-entry__title { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child:not(:first-child) { margin-top: 3rem; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child a { position: relative; z-index: 2; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-overlay-link { position: absolute; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry:not(:first-child) { margin-top: 1rem; } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-overlay-background { position: relative; } .cnvs-block-posts-layout-large-type-7 .cs-layout-large__col:last-child .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background { position: absolute; } .cnvs-block-posts-layout-large-type-8 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: var(--cs-color-overlay-background); } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap:before { padding-bottom: 25%; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap .cs-overlay-background { opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap .cs-overlay-background.active { opacity: 1; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap .cs-overlay-background img { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.25s; transition: 0.25s; border-radius: 0; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__wrap .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__inner { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .cnvs-block-posts-layout-large-type-8 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); font-size: 1rem; } .cnvs-block-posts-layout-large-type-8 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-8 .cs-overlay-content { padding: 40px 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-8 .cs-overlay-content { padding: 40px; } } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__row { display: grid; grid-template-columns: 1fr; height: 100%; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-8 .cs-layout-large__row { grid-template-columns: 1fr 1fr; } } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-8 .cs-layout-large__row { grid-template-columns: 1fr 1fr 1fr 1fr; } } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; z-index: 2; border-right: 0; } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col.active .cs-entry__title-line span, .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col.active .cs-entry__title-line a { background-color: var(--cs-color-styled-heading-hover); color: var(--cs-color-styled-heading-hover-contrast); } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col:nth-child(-n+2) { border-bottom: 1px solid var(--cs-color-contrast-200); } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col:nth-child(odd) { border-right: 1px solid var(--cs-color-contrast-200); } .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col:nth-child(2) { border-right: 0; } } @media (min-width: 1020px) { .cnvs-block-posts-layout-large-type-8 .cs-layout-large__col:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); border-bottom: 0; } } .cnvs-block-posts-layout-large-type-9 { overflow-x: hidden; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: var(--cs-color-overlay-background); } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap:before { content: ""; height: 100%; width: 0; padding-bottom: 25%; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap .cs-overlay-background { -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap .cs-overlay-background.active { opacity: 1; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap .cs-overlay-background img { position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.25s; transition: 0.25s; border-radius: 0; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__wrap .cs-video-wrapper { border-radius: 0; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__inner { 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-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } .cnvs-block-posts-layout-large-type-9 .cs-entry__title { max-width: var(--cs-entry-heading-large-width); font-size: 1rem; } .cnvs-block-posts-layout-large-type-9 .cs-overlay-content { padding: 40px 20px; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-9 .cs-overlay-content { padding: 40px; } } .cnvs-block-posts-layout-large-type-9 .cs-entry__excerpt { max-width: var(--cs-entry-heading-large-width); } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__row { display: grid; grid-template-columns: 1fr; height: 100%; } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-9 .cs-layout-large__row { grid-template-columns: 1fr 1fr; } } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; z-index: 2; } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__col.active .cs-entry__title-line span, .cnvs-block-posts-layout-large-type-9 .cs-layout-large__col.active .cs-entry__title-line a { background-color: var(--cs-color-styled-heading-hover); color: var(--cs-color-styled-heading-hover-contrast); } .cnvs-block-posts-layout-large-type-9 .cs-layout-large__col:not(:last-child) { border-right: 0; border-bottom: 1px solid var(--cs-color-contrast-200); } @media (min-width: 720px) { .cnvs-block-posts-layout-large-type-9 .cs-layout-large__col:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); border-bottom: 0; } } /*-------------------------------------------------------------- ## Tiles Categories --------------------------------------------------------------*/ .cs-tiles-categories { --cs-categories-grid-columns: 1; --cs-categories-grid-gap: 40px; } .cs-tiles-categories__wrap { display: grid; grid-gap: var(--cs-categories-grid-gap); grid-template-columns: repeat(var(--cs-categories-grid-columns), minmax(0, 1fr)); } .cs-tiles-categories__item { height: 100%; } .cs-tiles-categories__thumbnail { margin-bottom: 0; } .cs-tiles-categories__content { position: relative; padding: 20px; } .cs-tiles-categories__title { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); } .cs-tiles-categories__excerpt { color: var(--cs-color-contrast-800); font-family: var(--cs-font-entry-summary-family), sans-serif; font-size: var(--cs-font-entry-summary-size); letter-spacing: var(--cs-font-entry-summary-letter-spacing); } .cs-tiles-categories__excerpt:not(:first-child) { margin-top: 1rem; } .cs-tiles-categories__excerpt p { margin-bottom: 0; } .cs-tiles-categories-1 .cs-tiles-categories__inner { display: block; width: 100%; height: 100%; border-radius: var(--cs-common-border-radius); overflow: hidden; -webkit-box-shadow: 0 2px 12px 0 rgba(73, 73, 73, 0.1); box-shadow: 0 2px 12px 0 rgba(73, 73, 73, 0.1); -webkit-transition: 0.25s; transition: 0.25s; } .cs-tiles-categories-1 .cs-entry__thumbnail { position: relative; overflow: hidden; } .cs-tiles-categories-1 .cs-entry__thumbnail:hover + .cs-tiles-categories__info .cs-tiles-categories__arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); -webkit-transform: translateX(5px); transform: translateX(5px); } .cs-tiles-categories-1 .cs-tiles-categories__title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-tiles-categories-1 .cs-tiles-categories__title:hover .cs-tiles-categories__arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); -webkit-transform: translateX(5px); transform: translateX(5px); } .cs-tiles-categories-1 .cs-tiles-categories__name { margin-bottom: 0; } .cs-tiles-categories-1 .cs-tiles-categories__arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; margin-left: 1rem; color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: var(--cs-secondary-border-radius); -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translateX(0); transform: translateX(0); } .cs-tiles-categories-2 .cs-tiles-categories__inner { display: block; width: 100%; height: 100%; } .cs-tiles-categories-2 .cs-entry__thumbnail { position: relative; overflow: hidden; border-radius: var(--cs-image-border-radius); } .cs-tiles-categories-2 .cs-entry__thumbnail img { border-radius: 0; } .cs-tiles-categories-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-tiles-categories-2 .cs-entry__thumbnail:hover + .cs-tiles-categories__info .cs-tiles-categories__arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); -webkit-transform: translateX(5px); transform: translateX(5px); } .cs-tiles-categories-2 .cs-tiles-categories__content { position: relative; z-index: 1; padding: 0; } .cs-tiles-categories-2 .cs-tiles-categories__content:not(:first-child) { padding: 0 20px; } .cs-tiles-categories-3 .cs-tiles-categories__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; background-color: var(--cs-color-overlay-background); border-radius: var(--cs-image-border-radius); overflow-x: hidden; } .cs-tiles-categories-3 .cs-tiles-categories__inner:hover .cs-tiles-categories__arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); -webkit-transform: translateX(5px); transform: translateX(5px); } .cs-tiles-categories-3 .cs-tiles-categories__content { 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-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .cs-tiles-categories-3 .cs-tiles-categories__title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-tiles-categories-3 .cs-tiles-categories__name { margin-bottom: 0; } .cs-tiles-categories-3 .cs-tiles-categories__arrow { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; margin-left: 1rem; color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: var(--cs-secondary-border-radius); -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translateX(0); transform: translateX(0); } /*-------------------------------------------------------------- ## Searchform --------------------------------------------------------------*/ .cs-search__form .cs-search__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--cs-primary-border-radius); background-color: #ffffff; border: 1px solid #e9ecef; padding-right: 10px; overflow: hidden; } .cs-search__form .cs-search__container input { height: 55px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; border: none; border-radius: 0; } .cs-search__form .cs-search__submit { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.625rem 2rem; border-radius: var(--cs-primary-border-radius); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: auto; } .cs-search__form .cs-search__submit:focus, .cs-search__form .cs-search__submit:hover { outline: none; } /*-------------------------------------------------------------- ## Singular --------------------------------------------------------------*/ .entry-content { font-family: var(--cs-font-post-content-family), sans-serif; font-size: var(--cs-font-post-content-size); letter-spacing: var(--cs-font-post-content-letter-spacing); } .entry-content:not(:first-child) { margin-top: 4rem; } .entry-content:after, .entry-content:before { content: ""; display: table; clear: both; } .single .cs-entry__container { display: grid; } @media (min-width: 1020px) { .single .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .single .cs-metabar-enabled .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)); } @media (min-width: 1020px) { .single .cs-metabar-enabled .cs-entry__container { grid-template-columns: 60px minmax(0, var(--cs-entry-content-width)); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 1200px) { .single .cs-metabar-enabled .cs-entry__container { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } .single .cs-metabar-disabled .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .single .cs-metabar-disabled.cs-sidebar-enabled .cs-entry__container { grid-template-columns: minmax(0, 1fr); } .single .cs-entry__content-wrap .entry-content { max-width: 680px; margin-left: auto; margin-right: auto; } @media (min-width: 1020px) { .cs-metabar-enabled .single .cs-entry__content-wrap { grid-column-start: 2; } .cs-metabar-disabled .single .cs-entry__content-wrap { grid-column-start: 1; } } @media (min-width: 1020px) { .cs-sidebar-disabled .entry-content .alignfull { margin: 48px 0; margin-left: calc( -50vw + 50% ); -webkit-transform: translateX(0); transform: translateX(0); width: 100vw !important; max-width: 100vw; } .cs-sidebar-disabled .entry-content .alignfull img { width: 100%; min-width: 100%; } .cs-sidebar-disabled .entry-content .alignfull figcaption { text-align: center; } .cs-sidebar-disabled .entry-content .alignfull .pk-zoom-icon-popup:after { display: none; } .cs-sidebar-disabled .entry-content .alignfull .pk-pin-it { display: none; } } @media (min-width: 600px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 560px; } } @media (min-width: 720px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 680px; } } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 980px; } } @media (min-width: 1200px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 1160px; } } @media (min-width: 600px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 560px; } } @media (min-width: 720px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 680px; } } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 980px; } } @media (min-width: 1200px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 1160px; } } .single .cs-sidebar-disabled .entry-content .alignwide figcaption { text-align: center; } .single .cs-sidebar-disabled .entry-content .alignwide img { width: 100%; min-width: 100%; } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { -webkit-transform: translateX(calc((980px - var(--cs-entry-content-width)) / 2 * -1)); transform: translateX(calc((980px - var(--cs-entry-content-width)) / 2 * -1)); margin: 48px 0; } } @media (min-width: 1200px) { .single .cs-sidebar-disabled .entry-content .alignwide { -webkit-transform: translateX(calc((1160px - var(--cs-entry-content-width)) / 2 * -1)); transform: translateX(calc((1160px - var(--cs-entry-content-width)) / 2 * -1)); } } @media (min-width: 1020px) { .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignfull { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @media (min-width: 1020px) { .single .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignwide { -webkit-transform: translateX(calc((1060px - var(--cs-entry-content-width)) / 2 * -1)); transform: translateX(calc((1060px - var(--cs-entry-content-width)) / 2 * -1)); } } @media (min-width: 1200px) { .single .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignwide { -webkit-transform: translateX(calc((1260px - var(--cs-entry-content-width)) / 2 * -1)); transform: translateX(calc((1260px - var(--cs-entry-content-width)) / 2 * -1)); } } .cs-nextpost-loading { position: relative; margin-top: 1rem; height: 80px; } .cs-nextpost-loading:before { width: 1.5rem; height: 1.5rem; border: 2px solid rgba(206, 212, 218, 0.25); border-top-color: #ced4da; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @-webkit-keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cs-nextpost-section { border-top: 1px var(--cs-color-contrast-200) solid; } .cs-nextpost-section .cs-entry__header-large { top: -1px; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .cs-sidebar-enabled .cs-sidebar__area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 1020px) { .cs-sidebar-right .cs-sidebar__area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cs-sidebar-left .cs-sidebar__area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cs-sidebar__inner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .cs-sidebar__inner .widget { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } @media (min-width: 720px) { .cs-sidebar__inner { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (min-width: 1020px) { .cs-sidebar__inner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } @supports ((position: -webkit-sticky) or (position: sticky)) or (position: -webkit-sticky) { @media (min-width: 1020px) { .cs-sticky-sidebar-enabled.cs-stick-to-top .cs-sidebar__area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-sticky-sidebar-enabled.cs-stick-to-top .cs-sidebar__inner { position: relative; position: -webkit-sticky; position: sticky; top: 0; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; -webkit-transition: 0.4s; transition: 0.4s; } .cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__inner { position: relative; position: -webkit-sticky; position: sticky; bottom: 2rem; margin-top: auto; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .cs-sticky-sidebar-enabled.cs-stick-last .cs-sidebar__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .cs-sticky-sidebar-enabled.cs-stick-last .cs-sidebar__inner .widget:last-child { position: relative; position: -webkit-sticky; position: sticky; top: 3rem; -webkit-transition: 0.4s; transition: 0.4s; } } } @-moz-document url-prefix() { @media (min-width: 1020px) { .cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__inner { top: 0; bottom: initial; margin-top: initial; flex: initial; -webkit-transition: 0.4s; transition: 0.4s; } } } /*-------------------------------------------------------------- ## Content --------------------------------------------------------------*/ .cs-main-content { position: relative; display: grid; grid-auto-flow: row; row-gap: 3rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 1020px) { .cs-main-content { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } @media (min-width: 1200px) { .cs-main-content { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } } .cs-sidebar-disabled .cs-main-content { grid-template-columns: minmax(0, 1fr); } .cs-sidebar-right .cs-main-content { grid-template-columns: minmax(0, 1fr); } @media (min-width: 1020px) { .cs-sidebar-right .cs-main-content { grid-template-columns: minmax(0, 1fr) 300px; } } .cs-sidebar-left .cs-main-content { grid-template-columns: auto; } @media (min-width: 1020px) { .cs-sidebar-left .cs-main-content { grid-template-columns: 300px minmax(0, 1fr); } } .cs-sidebar-left .cs-main-content .cs-entry__container { grid-template-columns: minmax(0, 1fr); } @media (min-width: 1020px) { .cs-sidebar-left .cs-main-content .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)) 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cs-sidebar-left .cs-main-content .cs-entry__metabar { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs-sidebar-left .cs-main-content .cs-entry__content-wrap { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .cs-content-area { position: relative; font-size: var(--cs-font-post-content-size); } .cs-sidebar-enabled .cs-content-area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 1020px) { .cs-sidebar-right .cs-content-area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cs-sidebar-left .cs-content-area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } /*-------------------------------------------------------------- ## Subscribe --------------------------------------------------------------*/ .cs-site-subscribe { padding: 60px 0; background-color: var(--cs-color-contrast-50); } .cs-footer .cs-site-subscribe { background-color: transparent; border-bottom: 1px solid var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-site-subscribe { padding: 4rem 0; } } .cs-site-subscribe__item { 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-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cs-site-subscribe__item > *:not(:last-child) { margin-right: 0; margin-bottom: 1rem; } @media (min-width: 1020px) { .cs-site-subscribe__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cs-site-subscribe__item > *:not(:last-child) { margin-right: 120px; margin-bottom: 0; } } .cs-site-subscribe__info-text { color: var(--cs-color-contrast-800); font-size: var(--cs-font-entry-excerpt-size); } .cs-site-subscribe__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } @media (min-width: 1020px) { .cs-site-subscribe__text { text-align: left; } } .cs-site-subscribe__text .cs-subscribe-text { font-family: var(--cs-font-decorated-heading-family), sans-serif; font-size: var(--cs-font-decorated-heading-font-size); font-weight: var(--cs-font-decorated-heading-weight); text-transform: var(--cs-font-decorated-heading-text-transform); line-height: var(--cs-font-decorated-heading-line-height); letter-spacing: var(--cs-font-decorated-heading-letter-spacing); } .cs-site-subscribe__text .cs-subscribe-arrow { display: none; width: 6.25rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 90px; } @media (min-width: 1020px) { .cs-site-subscribe__text .cs-subscribe-arrow { display: block; } } .cs-site-subscribe__text .cs-subscribe-arrow img { display: block; max-width: 100%; width: auto; height: auto; } .cs-site-subscribe__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1020px) { .cs-site-subscribe__form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-site-subscribe__info { text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; margin-right: 0; } @media (min-width: 1020px) { .cs-site-subscribe__info { margin-right: 20px; margin-bottom: 0; text-align: left; } } .cs-site-subscribe .pk-subscribe-form-wrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cs-site-subscribe.cs-subscribe-with-name .cs-site-subscribe__info { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .cs-site-subscribe.cs-subscribe-with-name .pk-subscribe-form-wrap { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } /*-------------------------------------------------------------- ## Posts Area --------------------------------------------------------------*/ .cs-section-heading + .cs-posts-area { margin-top: 1.5rem; } .cs-posts-area .cs-display-borders-between-posts.cs-posts-area__main { grid-gap: 0; } .cs-posts-area .cs-display-borders-between-posts.cs-posts-area__main .cs-entry:nth-child(n) { border: 1px solid var(--cs-color-contrast-200); padding: calc(var(--cs-posts-area-grid-gap) / 2); margin-top: -1px; margin-left: -1px; } .cs-posts-area__main { --cs-posts-area-grid-columns: 1; --cs-posts-area-grid-gap: 40px; display: grid; grid-gap: var(--cs-posts-area-grid-gap); grid-template-columns: repeat(var(--cs-posts-area-grid-columns), minmax(0, 1fr)); } .cs-posts-area__grid .cs-entry__thumbnail { border-radius: var(--cs-image-border-radius); overflow: hidden; } .cs-posts-area__grid .cs-entry__thumbnail img { border-radius: 0; } .cs-posts-area__grid .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-posts-area__list .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__outer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-posts-area__list .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-right: 0; border-radius: var(--cs-image-border-radius); overflow: hidden; } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-right: 2rem; } } .cs-posts-area__list .cs-entry__thumbnail img { border-radius: 0; } .cs-posts-area__list .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__inner:not(:first-child) { margin-top: 0; } } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__inner.cs-entry__overlay { -ms-flex-item-align: start; align-self: flex-start; } } .cs-posts-area__list .cs-entry__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } .cs-posts-area__list .cs-entry__content .cs-entry__post-meta:not(:first-child), .cs-posts-area__list .cs-entry__content .cs-entry__more:not(:first-child) { margin-top: 1rem; } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__content .cs-entry__post-meta:not(:first-child):last-child, .cs-posts-area__list .cs-entry__content .cs-entry__more:not(:first-child):last-child { margin-top: auto; padding-top: 1rem; } } @media (min-width: 720px) { .cs-posts-area__list.cs-posts-area__image-width-one-third .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } .cs-posts-area__full .cs-entry__header { margin-bottom: 0; } .cs-posts-area__full .cs-entry__wrap { margin-top: 1rem; } .cs-posts-area__full .cs-entry-type-summary { font-family: var(--cs-font-entry-summary-family), sans-serif; font-size: var(--cs-font-entry-summary-size); letter-spacing: var(--cs-font-entry-summary-letter-spacing); } .cs-posts-area__full .cs-entry__read-more { margin-top: 1.5rem; } .cs-posts-area__full .more-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin-top: 0; } .cs-posts-area__full .more-link:focus, .cs-posts-area__full .more-link:hover { outline: none; } .cs-posts-area__full .more-link:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .cs-posts-area__full.cs-posts-area__fullwidth .cs-entry { border: none; padding: 0; margin: 0; } .cs-posts-area__full.cs-posts-area__fullwidth .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); padding-top: 40px; } .cs-posts-area__full.cs-posts-area__fullwidth .cs-entry__header-info { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; padding-left: 0 !important; } .cs-posts-area__full.cs-posts-area__fullwidth .cs-entry__wrap { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .cs-posts-area__pagination { margin-top: 3rem; } .cs-posts-area__pagination .cs-load-more { padding: 1rem 2rem; background-color: var(--cs-color-accent); color: var(--cs-color-accent-contrast); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 300px; margin: 0 auto; } .cs-posts-area__pagination .cs-load-more:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .cnvs-block-column .cs-posts-area__pagination .cs-load-more { max-width: 100%; } .cs-posts-area__pagination .cs-load-more.loading { position: relative; color: transparent; } .cs-posts-area__pagination .cs-load-more.loading:before { width: 1rem; height: 1rem; border: 2px solid rgba(255, 255, 255, 0.25); border-top-color: white; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .navigation.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; clear: both; } .navigation.pagination:last-child { margin-bottom: 0; } .navigation.pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .navigation.pagination .nav-links > span, .navigation.pagination .nav-links > a { border: 1px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0.5rem 0.75rem; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .navigation.pagination .nav-links > .page-number, .navigation.pagination .nav-links > .current { color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: var(--cs-primary-border-radius); } .navigation.pagination .nav-links a.post-page-numbers:hover, .navigation.pagination .nav-links a.page-numbers:hover { color: var(--cs-color-secondary); } .navigation.pagination .nav-links a:first-child:before { margin-right: 0.5rem; font-family: "cs-icons"; content: ""; } .navigation.pagination .nav-links a:last-child:after { margin-left: 0.5rem; font-family: "cs-icons"; content: ""; } .entry-content + .navigation.pagination { margin-top: 3rem; } .navigation.comment-navigation { border-top: 1px solid var(--cs-color-contrast-200); border-bottom: 1px solid var(--cs-color-contrast-200); } .navigation.comment-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 0; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .navigation.comment-navigation .nav-links a { color: var(--cs-color-secondary); } .navigation.comment-navigation .nav-links .nav-previous, .navigation.comment-navigation .nav-links .nav-next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .navigation.comment-navigation .nav-links .nav-previous:before, .navigation.comment-navigation .nav-links .nav-previous:after, .navigation.comment-navigation .nav-links .nav-next:before, .navigation.comment-navigation .nav-links .nav-next:after { font-family: "cs-icons"; font-size: 14px; color: var(--cs-color-secondary); -webkit-transition: 0.25s; transition: 0.25s; } .navigation.comment-navigation .nav-links .nav-previous:hover a, .navigation.comment-navigation .nav-links .nav-next:hover a { text-decoration: none; color: var(--cs-color-primary); } .navigation.comment-navigation .nav-links .nav-previous:hover:before, .navigation.comment-navigation .nav-links .nav-previous:hover:after, .navigation.comment-navigation .nav-links .nav-next:hover:before, .navigation.comment-navigation .nav-links .nav-next:hover:after { color: var(--cs-color-primary); } .navigation.comment-navigation .nav-links .nav-previous:before { content: ""; margin-right: 5px; } .navigation.comment-navigation .nav-links .nav-previous:hover:before { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .navigation.comment-navigation .nav-links .nav-next:after { content: ""; margin-left: 5px; } .navigation.comment-navigation .nav-links .nav-next:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); } .comment-list + .comment-navigation { border-top: none; } /*-------------------------------------------------------------- ## Page --------------------------------------------------------------*/ .cs-page__header:not(:last-child) { margin-bottom: 3rem; } .cs-page__subtitle { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-page__title { margin-bottom: 0; } .cs-page__title:not(:first-child) { margin-top: 1rem; } .cs-page__archive-count { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); color: var(--cs-color-secondary); } .cs-page__archive-count:not(:first-child) { margin-top: 0.5rem; } .cs-page__archive-description:not(:first-child) { margin-top: 1rem; } .cs-page__archive-description > * { margin-bottom: 0; } .cs-page__archive-description > *:not(:first-child) { margin-top: 1rem; } .cs-page__subcategories:not(:first-child) { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--cs-color-contrast-200); } .cs-page__subcategories .cs-section-heading { margin-bottom: 0; } .cs-page__subcategories .cs-entry__tags:not(:first-child) { margin-top: 2rem; } .cs-page__author { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } @media (min-width: 1020px) { .cs-page__author { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .cs-page__author-thumbnail { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 100px; border: 2px solid transparent; overflow: hidden; -webkit-transition: 0.25s; transition: 0.25s; } .cs-page__author-thumbnail img { display: block; max-width: 100%; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: var(--cs-secondary-border-radius); } .cs-page__author-thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); } .cs-page__author-social { margin-top: 1rem; } .cs-page__author-social .pk-social-links-items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cs-page__author-info { text-align: center; } .cs-page__author-info:not(:first-child) { margin-top: 20px; } @media (min-width: 1020px) { .cs-page__author-info { text-align: left; } .cs-page__author-info:not(:first-child) { margin-left: 30px; margin-top: 0; } } .cs-page__tags:not(:first-child) { margin-top: 2rem; } .cs-page__tags ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .cs-page__tags ul > li:not(.cs-title-tags), .cs-page__tags ul > a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .cs-page__tags ul > li:last-child, .cs-page__tags ul > a:last-child { margin-right: 0; } .cs-page__tags ul a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 12px; border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-primary-border-radius); line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } .cs-page__tags ul a:hover { color: var(--cs-color-accent-contrast); border: 1px solid var(--cs-color-accent); background-color: var(--cs-color-accent); } /*-------------------------------------------------------------- ## Meet The Team Template --------------------------------------------------------------*/ .cs-meet-team .cs-author:not(:first-child) { margin-top: 3rem; } .cs-meet-team .cs-author .cs-author-meta { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cs-meet-team .cs-author .cs-author-avatar { margin-right: 1.5rem; } .cs-meet-team .cs-author .cs-author-avatar img { border-radius: var(--cs-secondary-border-radius); } .cs-meet-team .cs-author .cs-author-avatar img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-secondary-border-radius)); } .cs-meet-team .cs-author .cs-author-title { margin-right: 1.5rem; margin-bottom: 0; } .cs-meet-team .cs-author .cs-author-title a { color: var(--cs-color-primary); } .cs-meet-team .cs-author .cs-author-title a:hover { color: var(--cs-color-secondary); } .cs-meet-team .cs-author .cs-author-description { margin-top: 1rem; } .cs-meet-team .cs-author .cs-author-posts { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 1.5rem; padding-top: 1.5rem; } .cs-meet-team .cs-author .cs-author-title-posts { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ .cs-offcanvas { position: fixed; height: 100%; top: 0; left: -320px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 320px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--cs-color-site-background); -webkit-overflow-scrolling: touch; z-index: 100; -webkit-transition: 0.4s; transition: 0.4s; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .cs-offcanvas__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; border-bottom: 1px solid var(--cs-color-contrast-200); min-height: var(--cs-header-height); background: var(--cs-color-header-background); } .cs-offcanvas__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cs-offcanvas__logo { display: block; margin-left: 0; } .cs-offcanvas__logo img { display: block; max-width: 100%; width: auto; height: auto; } .cs-offcanvas__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .cs-offcanvas__toggle .cs-icon { font-size: 1.25rem; color: var(--cs-color-primary); -webkit-transition: 0.25s; transition: 0.25s; } .cs-offcanvas__toggle:hover .cs-icon { color: var(--cs-color-secondary); } .cs-offcanvas__sidebar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-x: hidden; overflow-y: auto; } .cs-offcanvas__inner { padding: 20px; } .admin-bar .cs-offcanvas { top: 46px; height: calc(100% - 46px); } @media screen and (min-width: 783px) { .admin-bar .cs-offcanvas { top: 32px; height: calc(100% - 32px); } } .cs-offcanvas.cs-offcanvas_scrolled { height: 100%; top: 0; } @media screen and (min-width: 783px) { .cs-offcanvas.cs-offcanvas_scrolled { top: 32px; height: calc(100% - 32px); } } .cs-offcanvas-active { overflow: hidden; } .cs-offcanvas-active .cs-offcanvas { -webkit-transform: translate3d(320px, 0, 0); transform: translate3d(320px, 0, 0); } .cs-site-overlay { display: none; } .cs-offcanvas-active .cs-site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--cs-color-overlay-background); -webkit-animation: fade 0.5s; animation: fade 0.5s; z-index: 99; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .cs-breadcrumbs { margin-bottom: 2rem; color: var(--cs-color-secondary); z-index: 2; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-container .cs-breadcrumbs { padding-left: 0; padding-right: 0; } .cs-breadcrumbs a { color: var(--cs-color-secondary); } .cs-breadcrumbs a:hover { color: var(--cs-color-primary); text-decoration: none; } .cs-breadcrumbs .cs-separator { margin: 0 5px; } .cs-breadcrumbs .cs-separator:before { font-family: "cs-icons"; content: ""; } .cs-breadcrumbs .breadcrumb_last { font-weight: 700; } .cs-spinner { min-width: 40px; width: 40px; height: 40px; border: 4px solid var(--cs-color-primary); border-right-color: transparent; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; opacity: 0.5; } .cs-spinner:after { content: ""; width: 4px; height: 4px; background: var(--cs-color-primary); border-radius: 50%; position: absolute; top: 1px; left: 27px; } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cs-has-spinner { position: relative; } .cs-has-spinner .cs-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-top: -20px; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { width: 100%; } .widget:not(:last-child) { margin-bottom: 3rem; } .widget .cs-section-heading { margin-bottom: 1.5rem; } .widget_categories ul, .widget_pages ul, .widget_archive ul, .widget_meta ul { padding-left: 20px; } .widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 0.5rem 0; color: var(--cs-color-secondary); font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .widget_categories ul li:not(:last-child), .widget_pages ul li:not(:last-child), .widget_archive ul li:not(:last-child), .widget_meta ul li:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); } .widget_categories ul li:first-child:last-child, .widget_pages ul li:first-child:last-child, .widget_archive ul li:first-child:last-child, .widget_meta ul li:first-child:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories ul li:first-child:last-child > .sub-menu, .widget_pages ul li:first-child:last-child > .sub-menu, .widget_archive ul li:first-child:last-child > .sub-menu, .widget_meta ul li:first-child:last-child > .sub-menu { padding-bottom: 0; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a { color: var(--cs-color-primary); padding-right: 0.6666666667rem; margin-right: auto; -webkit-transition: color 0.25s; transition: color 0.25s; } .widget_categories ul li a:hover, .widget_pages ul li a:hover, .widget_archive ul li a:hover, .widget_meta ul li a:hover { color: var(--cs-color-secodary); } .widget_categories ul ul.children, .widget_pages ul ul.children, .widget_archive ul ul.children, .widget_meta ul ul.children { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-top: 0.5rem; } .widget_categories ul ul.children li, .widget_pages ul ul.children li, .widget_archive ul ul.children li, .widget_meta ul ul.children li { padding: 0.5rem 0; } .widget_categories ul ul.children li:last-child, .widget_pages ul ul.children li:last-child, .widget_archive ul ul.children li:last-child, .widget_meta ul ul.children li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories ul ul.children li a, .widget_pages ul ul.children li a, .widget_archive ul ul.children li a, .widget_meta ul ul.children li a { font-family: var(--cs-font-submenu-family), sans-serif; font-size: var(--cs-font-submenu-size); font-weight: var(--cs-font-submenu-weight); font-style: var(--cs-font-submenu-style); letter-spacing: var(--cs-font-submenu-letter-spacing); text-transform: var(--cs-font-submenu-text-transform); } .widget_categories ul ul.children ul.children li, .widget_pages ul ul.children ul.children li, .widget_archive ul ul.children ul.children li, .widget_meta ul ul.children ul.children li { margin-left: 1rem; padding-left: 0; } .widget_categories ul ul.sub-menu, .widget_pages ul ul.sub-menu, .widget_archive ul ul.sub-menu, .widget_meta ul ul.sub-menu { margin-top: 0.5rem; } .widget_categories ul ul.sub-menu li, .widget_pages ul ul.sub-menu li, .widget_archive ul ul.sub-menu li, .widget_meta ul ul.sub-menu li { padding: 0.5rem 0; } .widget_categories ul ul.sub-menu li:last-child, .widget_pages ul ul.sub-menu li:last-child, .widget_archive ul ul.sub-menu li:last-child, .widget_meta ul ul.sub-menu li:last-child { border-bottom: none; padding-bottom: 0; } .widget_categories ul ul.sub-menu li a, .widget_pages ul ul.sub-menu li a, .widget_archive ul ul.sub-menu li a, .widget_meta ul ul.sub-menu li a { font-family: var(--cs-font-submenu-family), sans-serif; font-size: var(--cs-font-submenu-size); font-weight: var(--cs-font-submenu-weight); font-style: var(--cs-font-submenu-style); letter-spacing: var(--cs-font-submenu-letter-spacing); text-transform: var(--cs-font-submenu-text-transform); } .widget_categories ul ul.sub-menu ul.sub-menu li, .widget_pages ul ul.sub-menu ul.sub-menu li, .widget_archive ul ul.sub-menu ul.sub-menu li, .widget_meta ul ul.sub-menu ul.sub-menu li { margin-left: 1rem; padding-left: 0; } .widget_categories ul .screen-reader-text, .widget_pages ul .screen-reader-text, .widget_archive ul .screen-reader-text, .widget_meta ul .screen-reader-text { display: none; } .widget_categories > ul, .widget_pages > ul, .widget_archive > ul, .widget_meta > ul { margin: -0.5rem 0; padding-left: 0; } .widget_calendar table, .widget_calendar .wp-block-table { margin: 0; } .widget_calendar td, .widget_calendar th { padding: 0.25rem; line-height: 1.75rem; text-align: center; border-top: 1px solid var(--cs-color-contrast-200); color: var(--cs-color-secondary); font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .widget_calendar th { border-bottom: none; color: var(--cs-color-primary); border-top: 2px solid var(--cs-color-contrast-200); border-bottom: 2px solid var(--cs-color-contrast-200); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .widget_calendar tr { border: none; } .widget_calendar tbody td a { position: relative; display: block; background: var(--cs-color-contrast-50); -webkit-transition: 0.25s; transition: 0.25s; } .widget_calendar tbody td a:hover { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); } .widget_calendar tbody td#today a:after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 10px solid var(--cs-color-primary); border-left: 10px solid transparent; -webkit-transition: 0.25s; transition: 0.25s; content: ""; } .widget_calendar tfoot td { text-align: left; } .widget_calendar tfoot td a { display: inline-block; position: relative; padding-left: 5px; padding-right: 10px; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .widget_calendar tfoot td a:after { content: ""; position: absolute; height: 100%; top: 0; bottom: 0; right: 0; width: 2px; background-color: var(--cs-color-contrast-200); } .widget_calendar tfoot td a:hover { color: var(--cs-color-secondary); } .widget_calendar caption { color: var(--cs-color-secondary); caption-side: top; padding-top: 0; text-align: left; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .widget_recent_comments ul { padding: 0; list-style: none; } .widget_recent_comments li { position: relative; padding-bottom: 1rem; font-size: 0.875rem; } .widget_recent_comments li:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_recent_comments li:last-child { padding-bottom: 0; } .widget_recent_comments li > a { display: block; margin-top: 0.25rem; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 0.875rem; } .widget_recent_comments li > a:hover { color: var(--cs-color-secondary); } .widget_recent_comments li .comment-author-link, .widget_recent_comments li .comment-author-link a { color: var(--cs-color-secondary); } .widget_recent_entries ul { padding: 0; list-style: none; } .widget_recent_entries li { position: relative; } .widget_recent_entries li:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_recent_entries li a { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 0.875rem; } .widget_recent_entries li a:hover { color: var(--cs-color-secondary); } .widget_recent_entries li:last-child { padding-bottom: 0; } .widget_recent_entries li .post-date { display: block; margin-top: 0.25rem; color: var(--cs-color-secondary); font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .widget_rss .rss-widget-icon { display: none; } .widget_rss ul { padding: 0; list-style: none; } .widget_rss ul li { position: relative; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .widget_rss ul li:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); margin-bottom: 1rem; padding-bottom: 1rem; } .widget_rss ul li a { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 0.875rem; } .widget_rss ul li a:hover { color: var(--cs-color-secondary); } .widget_rss ul li .rsswidget { color: var(--cs-color-primary); -webkit-transition: color 0.25s; transition: color 0.25s; } .widget_rss ul li .rss-date { display: block; margin-top: 0.25rem; color: var(--cs-color-secondary); font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .widget_rss ul li .rssSummary { margin-top: 0.25rem; color: var(--cs-color-primary); font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .widget_rss ul li cite { display: block; margin-top: 0.25rem; font-style: normal; color: var(--cs-color-secondary); text-align: right; } .widget_search .cs-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.125rem; } .widget_search .cs-input-group input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: calc(100% - 6.25rem); padding: 0 20px; border: 1px solid #e9ecef; color: var(--cs-color-secondary); border-right: none; outline: none; } .widget_search .cs-input-group input::-webkit-input-placeholder { color: var(--cs-color-secondary); } .widget_search .cs-input-group input::-moz-placeholder { color: var(--cs-color-secondary); } .widget_search .cs-input-group input:-ms-input-placeholder { color: var(--cs-color-secondary); } .widget_search .cs-input-group input::-ms-input-placeholder { color: var(--cs-color-secondary); } .widget_search .cs-input-group input::placeholder { color: var(--cs-color-secondary); } .widget_search .cs-input-group button { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 8.25rem; max-width: 100%; background-color: var(--cs-color-accent); color: var(--cs-color-accent-contrast); } .widget_search .cs-input-group button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .widget_search .cs-search__container { padding-right: 0; } .widget_search .cs-search__container input { height: auto; } .widget_search .cs-search__submit { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.625rem; border-radius: auto; font-size: 0; background-color: transparent; color: #000000; } .widget_search .cs-search__submit:focus, .widget_search .cs-search__submit:hover { outline: none; } .widget_search .cs-search__submit:hover { color: var(--cs-color-secondary); } .widget_search .cs-search__submit:before { content: ""; font-family: "cs-icons" !important; font-size: 0.875rem; } .widget_tag_cloud { overflow: hidden; } .widget_tag_cloud .tagcloud { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; margin-top: -0.5rem; } .widget_tag_cloud .tagcloud > li:not(.cs-title-tags), .widget_tag_cloud .tagcloud > a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .widget_tag_cloud .tagcloud > li:last-child, .widget_tag_cloud .tagcloud > a:last-child { margin-right: 0; } .widget_tag_cloud .tagcloud a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 12px; border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-primary-border-radius); line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } .widget_tag_cloud .tagcloud a:hover { color: var(--cs-color-accent-contrast); border: 1px solid var(--cs-color-accent); background-color: var(--cs-color-accent); } .widget_tag_cloud .tagcloud a { font-size: 0.75rem !important; } .widget_media_video .mejs-container { max-width: 100%; overflow: hidden; } .widget_media_video .mejs-container video, .widget_media_video .mejs-container iframe, .widget_media_video .mejs-container object, .widget_media_video .mejs-container embed { max-width: 100%; overflow: hidden; } .widget_media_gallery { overflow: hidden; } .widget_media_gallery [class^=gallery-columns-], .widget_media_gallery [class*=" gallery-columns-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -1rem; margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 0; } .widget_media_gallery [class^=gallery-columns-] .gallery-item, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item { position: relative; margin-top: 1rem; margin-bottom: 0; padding: 0 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget_media_gallery [class^=gallery-columns-] .gallery-item img, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item img { display: block; border-radius: 0; -webkit-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .widget_media_gallery [class^=gallery-columns-] .gallery-item:hover img, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img { opacity: 0.6; } .widget_media_gallery [class^=gallery-columns-] .gallery-item .gallery-caption, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption { padding: 1rem 1rem 0; } .widget_media_gallery [class^=gallery-columns-] .gallery-item .gallery-icon, .widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon { position: relative; width: 100%; overflow: hidden; } .widget_media_gallery .gallery-columns-4 .gallery-caption, .widget_media_gallery .gallery-columns-5 .gallery-caption, .widget_media_gallery .gallery-columns-6 .gallery-caption, .widget_media_gallery .gallery-columns-7 .gallery-caption, .widget_media_gallery .gallery-columns-8 .gallery-caption, .widget_media_gallery .gallery-columns-9 .gallery-caption { display: none; } .widget_media_gallery .gallery-columns-1 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .widget_media_gallery .gallery-columns-2 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .widget_media_gallery .gallery-columns-3 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .widget_media_gallery .gallery-columns-4 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .widget_media_gallery .gallery-columns-5 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .widget_media_gallery .gallery-columns-6 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .widget_media_gallery .gallery-columns-7 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .widget_media_gallery .gallery-columns-8 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .widget_media_gallery .gallery-columns-9 .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 11.1111111111%; flex: 0 0 11.1111111111%; max-width: 11.1111111111%; } /* Text widget */ .widget_text { color: var(--cs-color-primary); word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1rem 1rem; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1rem; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li + li { margin-top: -1px; } .widget_text img { display: inline-block; max-width: 100%; width: auto; height: auto; } .widget_text .wp-caption-text { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget_text .emoji { width: 1rem; } .widget_text .emoji:not(:last-of-type) { margin-right: 10px; margin-left: 0; } .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; } .widget_nav_menu a { display: block; padding: 0.5rem 0; -webkit-transition: 0.25s; transition: 0.25s; font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .widget_nav_menu a:hover { color: var(--cs-color-secondary); } .widget_nav_menu .menu-item-has-children { position: relative; width: 100%; } .widget_nav_menu .menu-item-has-children > span { position: absolute; right: 0; top: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; margin-left: auto; cursor: pointer; } .widget_nav_menu .menu-item-has-children > span:after { font-family: "cs-icons"; font-size: 0.875rem; content: ""; } .widget_nav_menu .menu-item-has-children > ul { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .widget_nav_menu .menu-item-has-children .menu-item-has-children > span { top: 0.25rem; } .widget_nav_menu .menu-item-expanded > span:after { content: ""; } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:after { visibility: hidden; float: right; opacity: 0; font-family: "cs-icons"; font-size: 0.875rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-transform: translateX(-100%); transform: translateX(-100%); content: ""; } .widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:hover:after { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .widget_nav_menu .sub-menu { display: none; } .widget_nav_menu .sub-menu a { padding: 0.5rem 0; line-height: 1; font-family: var(--cs-font-submenu-family), sans-serif; font-size: var(--cs-font-submenu-size); font-weight: var(--cs-font-submenu-weight); font-style: var(--cs-font-submenu-style); letter-spacing: var(--cs-font-submenu-letter-spacing); text-transform: var(--cs-font-submenu-text-transform); } .widget_nav_menu .sub-menu .sub-menu { padding: 0 0 0 10px; } .widget_nav_menu .menu { margin: -0.5rem 0; } .widget_nav_menu .menu > .menu-item > .sub-menu { padding-bottom: 0.5rem; } .widget_nav_menu .menu > .menu-item:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); } .widget_nav_menu .menu-item-has-children > a { padding-right: 20px; width: calc(100% - 20px); } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Image --------------------------------------------------------------*/ img { max-width: 100%; height: auto; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; margin-bottom: 1rem; } .wp-caption img[class*=wp-image-] { margin-left: auto; margin-right: auto; display: block; } .wp-caption .wp-caption-text { margin: 1rem 0; font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .wp-caption-text { margin-top: 1rem; color: var(--cs-color-secondary); font-size: 0.75rem; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5rem; } @media (min-width: 600px) { div[class^=gallery-columns-], div[class*=" gallery-columns-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px; margin-left: -10px; margin-right: -10px; } div[class^=gallery-columns-] .pk-zoom-icon-popup, div[class*=" gallery-columns-"] .pk-zoom-icon-popup { position: relative; } div[class^=gallery-columns-] .pk-pin-it, div[class*=" gallery-columns-"] .pk-pin-it { left: calc(10px + 1rem); } } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } @media (min-width: 600px) { .gallery-columns-2 .gallery-item { max-width: 50%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-3 .gallery-item { max-width: 33.33%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-4 .gallery-item { max-width: 25%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-5 .gallery-item { max-width: 20%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-6 .gallery-item { max-width: 16.66%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-7 .gallery-item { max-width: 14.28%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-8 .gallery-item { max-width: 12.5%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } @media (min-width: 600px) { .gallery-columns-9 .gallery-item { max-width: 11.11%; position: relative; width: 100%; padding-right: 20px; padding-left: 20px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } } .gallery-caption { display: block; width: 100%; color: var(--cs-color-secondary); text-align: center; } .wp-block-gallery > .blocks-gallery-grid { width: 100%; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); background: transparent; color: var(--cs-color-secondary); } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: initial; padding: 0; margin-top: 1rem; } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blocks-gallery-caption { display: block; width: 100%; color: var(--cs-color-secondary); text-align: center; } /*-------------------------------------------------------------- ## Video --------------------------------------------------------------*/ .cs-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cs-video-wrapper .cs-video-inner { position: absolute; top: 50%; left: 50%; margin: auto; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; max-width: unset; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cs-video-wrapper .cs-video-inner.active { opacity: 1; } .cs-video-wrapper .cs-video-loader { width: 40px; height: 40px; border: 4px solid rgba(255, 255, 255, 0.75); border-right-color: transparent; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; top: 50%; margin: -20px auto 0; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; opacity: 1; } .cs-video-wrapper .cs-video-loader:after { content: ""; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.75); border-radius: 50%; position: absolute; top: 1px; left: 27px; } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .cs-video-bg-init .cs-video-wrapper .cs-video-loader { opacity: 0; } .cs-video-wrapper ~ .cs-entry-format { display: none; } .cs-video-controls { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 10px; right: 10px; opacity: 0; z-index: 4; -webkit-transform: translateX(-9999px); transform: translateX(-9999px); -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .cs-video-bg-init .cs-video-controls { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } .cs-video-controls .cs-player-control { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.125rem; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; } .cs-video-controls .cs-player-control:after { position: relative; font-family: "cs-icons"; font-style: normal; font-size: 1.125rem; opacity: 1; width: auto; } .cs-video-controls .cs-player-control .cs-tooltip { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -ms-grid; -ms-grid-columns: max-content; top: 100%; left: -9999px; padding-left: 50%; padding-bottom: 0.5rem; -webkit-transform: translateY(-30%); transform: translateY(-30%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .cs-video-controls .cs-player-control .cs-tooltip span { background: #ffffff; display: block; position: relative; padding: 0.25rem 1rem; margin: 0; opacity: 0; color: #000000; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-video-controls .cs-player-control .cs-tooltip span:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .cs-video-controls .cs-player-control:hover .cs-tooltip { -webkit-transform: translateY(0); transform: translateY(0); left: 0; } .cs-video-controls .cs-player-control:hover .cs-tooltip span { opacity: 1; } .cs-video-controls .cs-player-link:after { content: ""; } .cs-video-controls .cs-player-play:after { content: ""; } .cs-video-controls .cs-player-pause:after { content: ""; } .cs-video-controls .cs-player-unmute:after { content: ""; } .cs-video-controls .cs-player-mute:after { content: ""; } .cs-video-controls-large { top: 30px; right: 30px; } .cs-video-controls-large .cs-player-control { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 1.5rem; margin-left: 1.5rem; font-size: 1.5rem; } .cs-video-controls-large .cs-player-control:after { font-size: 1.5rem; } .cs-video-controls-large .cs-player-control .cs-tooltip span { padding: 0.5rem 1rem; } .cs-video-controls-large .cs-player-control:first-child { margin-left: 0; } /*-------------------------------------------------------------- ## Magnific Popup (Settings) --------------------------------------------------------------*/ .mfp-bg, .mfp-wrap { --mfp-overlay-color: var(--cs-color-site-background); --mfp-controls-color: var(--cs-color-primary); --mfp-controls-border-color: var(--cs-color-site-background); --mfp-inner-close-icon-color: var(--cs-color-site-background); --mfp-controls-text-color: var(--cs-color-secondary); --mfp-controls-text-color-hover: var(--cs-color-primary); --mfp-iframe-background: var(--cs-color-site-background); --mfp-image-background: var(--cs-color-site-background); --mfp-caption-title-color: var(--cs-color-primary); --mfp-caption-subtitle-color: var(--cs-color-secondary); } button.mfp-close:hover, button.mfp-arrow:hover { background: none; } /*-------------------------------------------------------------- # Powerkit --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ .pk-color-secondary { --pk-secondary-color: var(--cs-color-secondary); } .pk-post-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); --pk-secondary-font-color: var(--cs-color-secondary); } .pk-post-meta a { color: var(--cs-color-primary); font-size: inherit; -webkit-transition: 0.25s; transition: 0.25s; } .pk-post-meta a:hover { color: var(--cs-color-secondary); } .pk-meta-category { font-family: var(--cs-font-category-family), sans-serif; font-size: var(--cs-font-category-size); font-weight: var(--cs-font-category-weight); font-style: var(--cs-font-category-style); letter-spacing: var(--cs-font-category-letter-spacing); text-transform: var(--cs-font-category-text-transform); } .pk-font-heading { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); --pk-heading-font-color: var(--cs-color-primary); } .pk-font-primary { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); --pk-primary-font-color: var(--cs-color-primary); } .pk-font-secondary { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); --pk-secondary-font-color: var(--cs-color-secondary); } .pk-bg-overlay { --pk-overlay-background: var(--cs-color-overlay-background); } .pk-badge { --pk-badge-background: var(--cs-color-contrast-50); --pk-badge-color: var(--cs-color-primary); --pk-badge-primary-background: var(--cs-color-accent); --pk-badge-primary-color: var(--cs-color-accent-contrast); --pk-badge-light-background: var(--cs-color-site-background); --pk-badge-light-color: var(--cs-color-primary); --pk-badge-border-radius: var(--cs-primary-border-radius); } [data-scheme=dark] .pk-badge.pk-badge-secondary { background-color: var(-color-contrast-100); } [data-scheme=dark] .pk-badge.pk-badge-dark { background-color: #000000; color: #ffffff; } .pk-badge-success { background: #ccf6d5; color: #189134; } [data-scheme=dark] .pk-badge-success { background: #1ca73b; color: #a0efb2; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-success { background: #ccf6d5; color: #189134; } .pk-badge-info { background: #beeff6; color: #127989; } [data-scheme=dark] .pk-badge-info { background: #158da0; color: #91e4f0; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-info { background: #beeff6; color: #127989; } .pk-badge-warning { background: #fff4d3; color: #ba8b00; } [data-scheme=dark] .pk-badge-warning { background: #d39e00; color: #ffe7a0; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-warning { background: #fff4d3; color: #ba8b00; } .pk-badge-danger { background: #fae3e5; color: #a71d2a; } [data-scheme=dark] .pk-badge-danger { background: #bd2130; color: #f3b7bd; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-danger { background: #fae3e5; color: #a71d2a; } /*-------------------------------------------------------------- # About --------------------------------------------------------------*/ .pk-widget-about .pk-about-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-widget-about .pk-about-button:focus, .pk-widget-about .pk-about-button:hover { outline: none; } .pk-widget-about .pk-about-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Author --------------------------------------------------------------*/ .pk-widget-author .pk-author-title { margin-bottom: 1rem; } .pk-widget-author .pk-author-data { margin-top: 1rem; } .pk-widget-author .pk-author-data .author-description { font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .pk-widget-author .pk-author-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-widget-author .pk-author-button:focus, .pk-widget-author .pk-author-button:hover { outline: none; } .pk-widget-author .pk-author-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .pk-widget-author-with-bg { border-radius: var(--cs-common-border-radius); overflow: hidden; } .pk-widget-author-with-bg .wp-block-button__link:hover { color: var(--cs-color-button-hover-contrast) !important; } .widget .pk-widget-author .pk-author-title { font-size: 1rem; } .pk-about-media img { border-radius: var(--cs-image-border-radius); } .pk-about-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); } /*-------------------------------------------------------------- # Contributors --------------------------------------------------------------*/ .pk-widget-contributors { --pk-contributors-item-border-color: var(--cs-color-contrast-200); --pk-contributors-post-arrow-color: var(--cs-color-secondary); --pk-contributors-post-arrow-color-hover: var(--cs-color-accent-contrast); --pk-contributors-post-arrow-backgroynd-hover: var(--cs-color-accent); } .pk-widget-contributors .pk-author-data .author-description { font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } /*-------------------------------------------------------------- # Alerts --------------------------------------------------------------*/ .pk-alert { --pk-alert-background: var(--cs-color-contrast-50); } /*-------------------------------------------------------------- # Social Links --------------------------------------------------------------*/ .pk-social-links-wrap { --pk-social-link-color: var(--cs-color-primary); --pk-social-links-label-color: var(--cs-color-secondary); --pk-social-bold-title-color: var(--cs-color-primary); --pk-social-light-bg-link-background: var(--cs-color-contrast-100); --pk-social-light-rounded-icon-background: var(--cs-color-contrast-100); --pk-social-light-rounded-title-color: var(--cs-color-primary); --pk-social-bold-rounded-icon-background: var(--cs-color-contrast-100); --pk-social-bold-rounded-title-color: var(--cs-color-primary); --pk-social-links-title-font-size: 0.75rem; } [data-scheme=dark] .pk-social-links-wrap { --pk-social-dark-link-hover-background: var(--cs-color-contrast-200); --pk-social-dark-rounded-link-hover-background: var(--cs-color-contrast-200); --pk-social-light-rounded-icon-background: #ffffff; } .pk-social-links-template-columns .pk-social-links-count + .pk-social-links-label { margin-top: 0.4rem; } .pk-social-links-template-nav .pk-social-links-link { padding: 4px 0; } .pk-social-links-template-nav .pk-social-links-link .pk-social-links-icon { border: 1px solid var(--cs-color-contrast-200); border-radius: 50%; width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-transition: 0.25s; transition: 0.25s; } .pk-social-links-template-nav .pk-social-links-link .pk-social-links-count { color: var(--cs-color-secondary); } [data-scheme=dark] .pk-social-links-template-nav .pk-social-links-link:hover .pk-social-links-icon { background: #ffffff; border-color: #ffffff; } .pk-social-links-template-nav.pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-icon { background: #ffffff; } [data-scheme=dark] .pk-social-links-template-nav.pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-icon { border-color: #ffffff; } /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ .pk-instagram-feed { --pk-instagram-info-color: var(--cs-color-primary); --pk-instagram-number-color: var(--cs-color-primary); } .pk-instagram-feed .pk-instagram-counters { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .pk-instagram-feed .pk-instagram-counters .number { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-instagram-feed .pk-instagram-username { margin-top: 0; } .pk-instagram-feed .pk-instagram-username a:hover { color: var(--cs-color-secondary); } .pk-instagram-feed .pk-instagram-name a { color: var(--cs-color-secondary); } .pk-instagram-feed .pk-instagram-name a:hover { color: var(--cs-color-primary); } .pk-instagram-feed .pk-instagram-meta .pk-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .pk-instagram-feed .pk-instagram-header { margin-bottom: 1rem; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); display: inline-block; width: auto; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:focus, .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover { outline: none; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Share Buttons --------------------------------------------------------------*/ .pk-share-buttons-wrap { --pk-share-link-background: var(--cs-color-contrast-100); --pk-share-link-color: var(--cs-color-primary); --pk-mobile-share-horizontal-background: var(--cs-color-contrast-100); --pk-mobile-share-total-background: var(--cs-color-primary); --pk-mobile-share-total-label-color: var(--cs-color-primary-contrast); --pk-mobile-share-total-count-color: var(--cs-color-secondary); --pk-mobile-share-close-font-size: 2rem; } .pk-share-buttons-wrap .pk-share-buttons-link { border-radius: var(--cs-primary-border-radius); } .pk-share-buttons-wrap .pk-share-buttons-link .pk-share-buttons-count { opacity: 1; } .pk-share-buttons-scheme-simple-light .pk-share-buttons-link, .is-style-pk-share-buttons-simple-light .pk-share-buttons-link, .pk-share-buttons-scheme-bold-light .pk-share-buttons-link, .is-style-pk-share-buttons-bold-light .pk-share-buttons-link { border-radius: var(--cs-primary-border-radius); } .pk-share-buttons-scheme-bold .pk-share-buttons-link, .is-style-pk-share-buttons-bold .pk-share-buttons-link { --pk-share-link-background: var(--cs-color-contrast-100); } [data-scheme=dark] .pk-share-buttons-scheme-bold .pk-share-buttons-link, [data-scheme=dark] .is-style-pk-share-buttons-bold .pk-share-buttons-link { --pk-share-link-background: #ffffff; } [data-scheme=dark] .pk-share-buttons-scheme-bold-light .pk-share-buttons-mail .pk-share-buttons-link, [data-scheme=dark] .is-style-pk-share-buttons-bold-light .pk-share-buttons-mail .pk-share-buttons-link { color: #ffffff; } [data-scheme=dark] .pk-share-buttons-scheme-bold-light .pk-share-buttons-mail .pk-share-buttons-link:hover, [data-scheme=dark] .is-style-pk-share-buttons-bold-light .pk-share-buttons-mail .pk-share-buttons-link:hover { color: var(--cs-color-contrast-200); } .pk-share-buttons-after-post { margin-top: 0; margin-bottom: 0; } .pk-share-buttons-after-post .pk-share-buttons-link { height: 42px; } .pk-share-buttons-after-post .pk-share-buttons-icon { font-size: 1.25rem; } .pk-share-buttons-after-post .pk-share-buttons-total { margin-right: 1rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (min-width: 720px) { .pk-share-buttons-after-post .pk-share-buttons-total { margin-right: 3rem; } } .pk-share-buttons-after-post .pk-share-buttons-total .pk-share-buttons-count { position: relative; padding: 0; margin-bottom: 0; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1.5rem; } .pk-share-buttons-after-post .pk-share-buttons-total .pk-share-buttons-label { padding: 0; } .pk-share-buttons-metabar-post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; margin-bottom: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-total { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: 0; padding-top: 20px; margin-top: 10px; border-top: 1px solid var(--cs-color-contrast-200); } .pk-share-buttons-metabar-post .pk-share-buttons-total .pk-share-buttons-count { position: relative; padding: 0; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1.5rem; } .pk-share-buttons-metabar-post .pk-share-buttons-total .pk-share-buttons-count:before { content: ""; position: absolute; bottom: 1px; left: 0; z-index: -1; width: 100%; height: 3px; background-color: var(--cs-color-accent); -webkit-transition: 0.25s; transition: 0.25s; } .pk-share-buttons-metabar-post .pk-share-buttons-label { padding: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-items { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-count { padding: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-icon { padding: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-items { margin: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-item { width: 100%; padding: 0; margin-right: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-item:not(:first-child) { padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--cs-color-contrast-200); } .pk-share-buttons-metabar-post .pk-share-buttons-item .pk-share-buttons-label { display: none; } .pk-share-buttons-metabar-post .pk-share-buttons-item .pk-share-buttons-icon { font-size: 1.25rem; } .pk-share-buttons-metabar-post .pk-share-buttons-link { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cs-meta-share-links { position: absolute; max-width: 320px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -ms-grid; -ms-grid-columns: max-content; bottom: 100%; left: -9999px; padding-left: 50%; padding-bottom: 0.5rem; -webkit-transform: translateY(-30%); transform: translateY(-30%); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .cs-meta-share-links .pk-share-buttons-wrap { position: relative; border-radius: 0; background: #ffffff; padding: 0.75rem; margin: 0; opacity: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-box-shadow: 0 0 2.5rem rgba(87, 58, 58, 0.3); box-shadow: 0 0 2.5rem rgba(87, 58, 58, 0.3); } .cs-meta-share-links .pk-share-buttons-wrap:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #ffffff; border-width: 7px; margin-left: -7px; } .cs-meta-share-links .pk-share-buttons-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cs-meta-share-links .pk-share-buttons-item { margin: 0; } .cs-meta-share-links .pk-share-buttons-item:not(:first-child) { border-left: 1px solid var(--cs-color-contrast-200); } .cs-meta-share-links .pk-share-buttons-link { 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 0.125rem; } .cs-meta-share-links .pk-share-buttons-icon { font-size: 1.25rem; } .cs-meta-share-links .pk-share-buttons-count { margin-top: 0.125rem; } .cs-meta-shares:hover { cursor: pointer; } .cs-meta-shares:hover .cs-meta-share-links { -webkit-transform: translateY(0); transform: translateY(0); left: 0; } .cs-meta-shares:hover .pk-share-buttons-wrap { opacity: 1; } .pk-share-buttons-highlight-text .pk-share-buttons-link { border-radius: 0; } .pk-share-buttons-blockquote .pk-share-buttons-link { border-radius: 0; } .wp-block-pullquote .pk-share-buttons-blockquote .pk-share-buttons-items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pk-share-buttons-layout-horizontal .pk-share-buttons-link { border-radius: 0; } .pk-share-buttons-layout-horizontal .pk-share-buttons-total .pk-share-buttons-count { position: relative; margin-left: auto; margin-right: auto; padding: 0; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1rem; } .pk-share-buttons-layout-horizontal .pk-share-buttons-total .pk-share-buttons-count:before { content: ""; position: absolute; bottom: 1px; left: 0; z-index: -1; width: 100%; height: 3px; background-color: var(--cs-color-accent); -webkit-transition: 0.25s; transition: 0.25s; } .pk-share-buttons-layout-left-side .pk-share-buttons-link, .pk-share-buttons-layout-right-side .pk-share-buttons-link, .pk-share-buttons-layout-popup .pk-share-buttons-link { border-radius: 0; } .pk-share-buttons-layout-left-side .pk-share-buttons-total .pk-share-buttons-count, .pk-share-buttons-layout-right-side .pk-share-buttons-total .pk-share-buttons-count, .pk-share-buttons-layout-popup .pk-share-buttons-total .pk-share-buttons-count { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1rem; line-height: 1; } /*-------------------------------------------------------------- # Subscribe Form --------------------------------------------------------------*/ .pk-subscribe-form-wrap { --pk-subscribe-heading-font-size: $font-size-base; border-radius: var(--cs-common-border-radius); } .pk-input-group { 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-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; overflow: hidden; } .pk-input-group input[type=text] { height: 36px; border: 1px solid #e9ecef; } .pk-input-group > *:not(:first-child) { margin-top: 1rem; } @media (min-width: 720px) { .pk-input-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-radius: var(--cs-primary-border-radius); background-color: #ffffff; border: 1px solid #e9ecef; padding-right: 10px; } .pk-input-group input[type=text] { height: 55px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; border: none; border-radius: 0; } .pk-input-group input[type=text]:not(:first-child) { border-left: 1px solid #e9ecef; } .pk-input-group > *:not(:first-child) { margin-top: 0; } } .pk-subscribe-with-name .pk-input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pk-subscribe-with-name .pk-input-group > *:not(:first-child) { margin-top: 1rem; } @media (min-width: 720px) { .pk-subscribe-with-name .pk-input-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pk-subscribe-with-name .pk-input-group input[type=text] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; } .pk-subscribe-with-name .pk-input-group > *:not(:first-child) { margin-top: 0; } } .pk-subscribe-submit { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.625rem 2rem; border-radius: auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: 100%; } .pk-subscribe-submit:focus, .pk-subscribe-submit:hover { outline: none; } @media (min-width: 720px) { .pk-subscribe-submit { width: auto; } } .pk-subscribe-submit:after { margin-left: 4px; font-family: "cs-icons" !important; content: ""; } .cnvs-block-section-sidebar .pk-input-group, .cs-widget-area .pk-input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0; border: none; padding: 0; background: none; } .cnvs-block-section-sidebar .pk-input-group > *:not(:first-child), .cs-widget-area .pk-input-group > *:not(:first-child) { margin-left: 0; margin-top: 1rem; } .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-widget-area .pk-input-group input[type=text] { width: 100%; height: 36px; width: 100%; border: 1px solid #e9ecef; border-radius: var(--cs-primary-border-radius); } .cnvs-block-section-sidebar .pk-subscribe-submit, .cs-widget-area .pk-subscribe-submit { width: 100%; } .cs-sidebar__area .pk-subscribe-form-wrap, .cs-offcanvas__area .pk-subscribe-form-wrap { padding: 30px; background: var(--cs-color-contrast-50); } .cs-sidebar__area .pk-subscribe-form-wrap.pk-subscribe-with-bg, .cs-offcanvas__area .pk-subscribe-form-wrap.pk-subscribe-with-bg { padding: 0; } .cs-sidebar__area .pk-subscribe-form-wrap.pk-subscribe-with-bg input[type=text], .cs-offcanvas__area .pk-subscribe-form-wrap.pk-subscribe-with-bg input[type=text] { text-align: center; } .pk-subscribe-with-bg .pk-input-group { border: none; } .pk-subscribe-with-bg input { border: none; } /*-------------------------------------------------------------- # Posts --------------------------------------------------------------*/ .pk-widget-posts { --pk-posts-thumbnail-border-radius: 0; --pk-posts-thumbnail-gutter: 1rem; --pk-posts-number-color: #ffffff; --pk-posts-number-top: 0.5rem; --pk-posts-number-left: 0.5rem; --pk-posts-number-right: auto; --pk-posts-number-bottom: auto; --pk-posts-number-border-radius: var(--cs-image-border-radius); } .pk-widget-posts ul { margin: 0; padding: 0; list-style: none; } .pk-widget-posts .pk-post-item:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 20px; padding-top: 20px; } .pk-widget-posts .pk-post-outer .pk-post-thumbnail { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-widget-posts .pk-post-outer .pk-post-thumbnail img { border-radius: var(--cs-image-border-radius); } .pk-widget-posts .pk-post-outer .pk-post-thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-image-border-radius)); } .pk-widget-posts .pk-post-outer .pk-post-number { background-color: #000000; } [data-scheme=dark] .pk-widget-posts .pk-post-outer .pk-post-number { background-color: var(--cs-color-contrast-300); } .pk-widget-posts .pk-post-outer .pk-post-data .entry-title { margin-bottom: 0; } .pk-widget-posts .pk-post-outer .pk-post-data .entry-title a { color: var(--cs-color-primary); } .pk-widget-posts .pk-post-outer .pk-post-data .entry-title a:hover { color: var(--cs-color-secondary); } .pk-widget-posts .pk-post-outer .pk-post-data .entry-title:not(:first-child) { margin-top: 0.5rem; } .pk-widget-posts .pk-post-outer .pk-post-data .cs-entry__post-meta:not(:first-child) { margin-top: 0.5rem; } .pk-widget-posts-template-large .pk-post-data:not(:first-child) { margin-top: 1rem; } .pk-widget-posts-template-list .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .pk-widget-posts-template-list .cs-entry__inner:not(:first-child) { margin-top: 0; } .pk-widget-posts-template-list .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; -ms-flex-item-align: start; align-self: flex-start; width: 80px; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .pk-widget-posts-template-list .cs-entry__thumbnail img { border-radius: 0; } .pk-widget-posts-template-list .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .pk-widget-posts-template-list .cs-entry__title { font-size: 1rem; } .pk-widget-posts-template-numbered { counter-reset: number-post; } .pk-widget-posts-template-numbered .cs-entry__outer { display: -webkit-box; display: -ms-flexbox; display: flex; } .pk-widget-posts-template-numbered .cs-entry__thumbnail { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 80px; -ms-flex-item-align: start; align-self: flex-start; margin-right: 1rem; border-radius: var(--cs-image-border-radius); overflow: hidden; } .pk-widget-posts-template-numbered .cs-entry__thumbnail img { border-radius: 0; } .pk-widget-posts-template-numbered .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .pk-widget-posts-template-numbered .cs-entry__thumbnail:hover .cs-overlay-background:before { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .pk-widget-posts-template-numbered .cs-entry__thumbnail:hover .cs-overlay-background:after { -webkit-transform: translateY(0); transform: translateY(0); } .pk-widget-posts-template-numbered .cs-entry__thumbnail .cs-overlay-background:before, .pk-widget-posts-template-numbered .cs-entry__thumbnail .cs-overlay-background:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; font-size: 2.5rem; font-family: var(--cs-font-headings-family); font-weight: var(--cs-font-base-weight); line-height: 1; background-color: var(--cs-color-overlay-background); opacity: 1; -webkit-transition: 0.25s; transition: 0.25s; } .pk-widget-posts-template-numbered .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; -webkit-transform: translateY(0); transform: translateY(0); } .pk-widget-posts-template-numbered .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; font-size: 1.5rem; -webkit-transform: translateY(100%); transform: translateY(100%); } .pk-widget-posts-template-numbered .cs-entry__inner:not(:first-child) { margin-top: 0; } .pk-widget-posts-template-numbered .cs-entry__title { font-size: 1rem; } .cnvs-block-posts-layout-tile-type-1 .pk-widget-posts-template-numbered .cs-entry__title { font-size: 1rem; } .pk-widget-posts-template-large-1 .cs-entry__thumbnail { border-radius: var(--cs-image-border-radius); overflow: hidden; } .pk-widget-posts-template-large-1 .cs-entry__thumbnail img { border-radius: 0; } .pk-widget-posts-template-large-1 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .pk-widget-posts-template-large-2 .cs-entry__thumbnail { position: relative; border-radius: var(--cs-image-border-radius); overflow: hidden; } .pk-widget-posts-template-large-2 .cs-entry__thumbnail img { border-radius: 0; } .pk-widget-posts-template-large-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .pk-widget-posts-template-large-2 .cs-entry__content { padding: 0 20px; } .pk-widget-posts-template-large-2 .cs-entry__content:not(:first-child) { margin-top: -3.8em; } .pk-widget-posts-template-large-2 .cs-entry__content:not(:first-child) .cs-entry__title-line:first-child { margin-top: 2.1em; } .pk-widget-posts-template-large-2 .cs-overlay-background:after, .pk-widget-posts-template-large-2 .cs-overlay-background:before { display: none; } /*-------------------------------------------------------------- # Twitter --------------------------------------------------------------*/ .pk-twitter-wrap { --pk-twitter-number-color: var(--cs-color-primary); --pk-twitter-tweet-border-color: var(--cs-color-contrast-200); } .pk-twitter-wrap a:hover { color: var(--cs-color-secondary); } .pk-twitter-wrap .pk-twitter-name { margin-top: 0; } .pk-twitter-wrap .pk-twitter-username { margin-top: 0; } .pk-twitter-wrap .pk-twitter-username a { color: var(--cs-color-secondary); } .pk-twitter-wrap .pk-twitter-username a:hover { color: var(--cs-color-primary); } .pk-twitter-wrap .pk-twitter-counters { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .pk-twitter-wrap .pk-twitter-counters .number { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-twitter-wrap .pk-twitter-time { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); color: var(--cs-color-primary); } .pk-twitter-wrap .pk-twitter-time:hover { color: var(--cs-color-secondary); } .pk-twitter-wrap .pk-twitter-actions { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); display: inline-block; width: auto; } .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:focus, .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:hover { outline: none; } .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Categories --------------------------------------------------------------*/ .pk-featured-categories { --pk-featured-list-count-size: 2rem; --pk-featured-overlay-background: var(--cs-color-overlay-background); } .pk-featured-categories-tiles .pk-featured-link { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-featured-categories-tiles .pk-featured-link span:after { display: none; } .pk-featured-categories-tiles .pk-featured-count { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .pk-featured-categories-vertical-list .pk-featured-item { border-radius: var(--cs-common-border-radius); overflow: hidden; } .pk-featured-categories-vertical-list .pk-featured-number { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-featured-categories-vertical-list .pk-featured-count { border-radius: var(--cs-secondary-border-radius); } .pk-featured-categories-vertical-list .pk-featured-count:after { font-family: "cs-icons"; content: ""; } /*-------------------------------------------------------------- # Table of Contents --------------------------------------------------------------*/ .pk-toc { --pk-toc-box-border-radius: var(--cs-secondary-border-radius); } .pk-toc a { color: var(--cs-color-primary); } .pk-toc a:hover { color: var(--cs-color-secondary); } /*-------------------------------------------------------------- # Scroll to Top --------------------------------------------------------------*/ .pk-scroll-to-top { --pk-scrolltop-background: var(--cs-color-contrast-100); --pk-scrolltop-icon-color: var(--cs-color-primary); border-radius: var(--cs-secondary-border-radius); } /*-------------------------------------------------------------- ## Lightbox --------------------------------------------------------------*/ .pk-zoom-icon-popup:after { border-radius: var(--cs-light-box-zoom-icon-border-radius); } /*-------------------------------------------------------------- ## Pinterest --------------------------------------------------------------*/ .pk-pin-it { border-radius: var(--cs-secondary-border-radius); } /*-------------------------------------------------------------- # Canvas --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ .cnvs-meta { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cnvs-font-primary { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-font-secondary { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cnvs-badge { --cnvs-badge-background: var(--cs-color-contrast-50); --cnvs-badge-color: var(--cs-color-primary); --cnvs-badge-primary-background: var(--cs-color-accent); --cnvs-badge-primary-color: var(--cs-color-accent-contrast); --cnvs-badge-light-background: var(--cs-color-site-background); --cnvs-badge-light-color: var(--cs-color-primary); --cnvs-badge-border-radius: var(--cs-primary-border-radius); } [data-scheme=dark] .cnvs-badge.is-cnvs-badge-color-secondary { background-color: var(-color-contrast-100); } [data-scheme=dark] .cnvs-badge.is-cnvs-badge-color-dark { background-color: #000000; color: #ffffff; } .is-cnvs-badge-color-success, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-success { background: #ccf6d5; color: #189134; } [data-scheme=dark] .is-cnvs-badge-color-success, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-success { background: #1ca73b; color: #a0efb2; } .is-cnvs-badge-color-info, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-info { background: #beeff6; color: #127989; } [data-scheme=dark] .is-cnvs-badge-color-info, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-info { background: #158da0; color: #91e4f0; } .is-cnvs-badge-color-warning, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-warning { background: #fff4d3; color: #ba8b00; } [data-scheme=dark] .is-cnvs-badge-color-warning, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-warning { background: #d39e00; color: #ffe7a0; } .is-cnvs-badge-color-danger, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-danger { background: #fae3e5; color: #a71d2a; } [data-scheme=dark] .is-cnvs-badge-color-danger, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-danger { background: #bd2130; color: #f3b7bd; } /*-------------------------------------------------------------- ## Sections --------------------------------------------------------------*/ .page-template-template-canvas-fullwidth .cs-site-content > .cs-container { max-width: 100% !important; padding-right: initial; padding-left: initial; margin-right: initial; margin-left: initial; } .page-template-template-canvas-fullwidth .cs-main-content { display: block; margin-right: initial; margin-left: initial; } .cnvs-block-section .cnvs-block-section-inner { --cs-block-section-gap: 60px; --cs-block-section-sidebar-width: 300px; } .cnvs-block-section > .cnvs-block-section-outer { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 600px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 600px; } } @media (min-width: 720px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1020px; } } @media (min-width: 1200px) { .cnvs-block-section > .cnvs-block-section-outer { max-width: 1200px; } } .cnvs-block-section > .cnvs-block-section-outer > .cnvs-block-section-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--cs-block-section-gap); } .cnvs-block-section-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; min-width: 0; } @media (min-width: 1020px) { .cnvs-block-section-sidebar-position-left > .cnvs-block-section-outer > .cnvs-block-section-inner, .cnvs-block-section-sidebar-position-right > .cnvs-block-section-outer > .cnvs-block-section-inner { grid-template-columns: minmax(0, 1fr) var(--cs-block-section-sidebar-width); } } @media (min-width: 1020px) { .cnvs-block-section-sidebar-position-left > .cnvs-block-section-outer > .cnvs-block-section-inner { grid-template-columns: var(--cs-block-section-sidebar-width) minmax(0, 1fr); } .cnvs-block-section-sidebar-position-left .cnvs-block-section-content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cnvs-block-section .cnvs-block-section-content-inner > * { margin-top: 32px; margin-bottom: 32px; } .cnvs-block-section .cnvs-block-section-content-inner > *:first-child { margin-top: 0; } .cnvs-block-section .cnvs-block-section-content-inner > *:last-child { margin-bottom: 0; } .cnvs-block-section .cnvs-block-section-content-inner > *:last-child:after { content: ""; clear: both; display: table; } .cnvs-block-section-sidebar-sticky-top .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; top: 3rem; -webkit-transition: 0.4s; transition: 0.4s; } .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner { position: -webkit-sticky; position: sticky; bottom: 3rem; margin-top: auto; -webkit-transition: 0.4s; transition: 0.4s; } @-moz-document url-prefix() { .cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner { position: sticky; top: 3rem; bottom: initial; margin-top: initial; } } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner { height: 100%; } .cnvs-block-section-sidebar-sticky-top-last-block .cnvs-block-section-sidebar-inner > :last-child { position: -webkit-sticky; position: sticky; top: 3rem; -webkit-transition: 0.4s; transition: 0.4s; } .cnvs-block-section-layout-align-full .cnvs-block-section-outer { max-width: 100%; padding-left: 0; padding-right: 0; } .cnvs-block-section-layout-align-full .cnvs-block-section-outer .cnvs-block-section-inner { display: block; } /*-------------------------------------------------------------- ## Posts --------------------------------------------------------------*/ .wp-block-columns { counter-reset: number-post; } .wp-block-group { counter-reset: number-post; } .cnvs-block-row-inner { counter-reset: number-post; } .cnvs-block-section-content-inner, .cnvs-block-section-sidebar-inner { counter-reset: number-post; } .cnvs-block-section-content-inner > .cnvs-block-posts, .cnvs-block-section-sidebar-inner > .cnvs-block-posts { counter-reset: number-post; } /*-------------------------------------------------------------- # Drop Cap --------------------------------------------------------------*/ p.has-drop-cap { --cnvs-drop-cap-color: inherit; --cnvs-drop-cap-light-background: var(--cs-color-contrast-100); --cnvs-drop-cap-light-color: inherit; --cnvs-drop-cap-bordered-color: var(--cs-color-contrast-300); --cnvs-drop-cap-font-size: 3rem; } [data-scheme=dark] p.has-drop-cap { --cnvs-drop-cap-dark-background: #ffffff; --cnvs-drop-cap-dark-color: #000000; } p.has-drop-cap:not(:focus):first-letter { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: var(--cnvs-drop-cap-font-size); line-height: 1; margin-top: 0.5rem; margin-right: 2rem; margin-bottom: 0.5rem; } .is-cnvs-dropcap-bordered:first-letter { border-radius: var(--cs-common-border-radius); } .is-cnvs-dropcap-bg-light:first-letter { border-radius: var(--cs-common-border-radius); } .is-cnvs-dropcap-bg-dark:first-letter { border-radius: var(--cs-common-border-radius); } /*-------------------------------------------------------------- # Accordion --------------------------------------------------------------*/ .cnvs-block-collapsible { --cnvs-collapsible-border-top: 1px solid var(--cs-color-contrast-200); --cnvs-collapsible-a-color: var(--cs-color-primary); --cnvs-collapsible-a-hover-color: var(--cs-color-secondary); } .cnvs-block-collapsible-title > h6 { margin: 0; } /*-------------------------------------------------------------- # Alerts --------------------------------------------------------------*/ .cnvs-block-alert { --cnvs-alert-background: var(--cs-color-contrast-50); } /*-------------------------------------------------------------- # Progress --------------------------------------------------------------*/ .cnvs-block-progress { --cnvs-progress-background: var(--cs-color-contrast-100); --cnvs-progress-border-radius: var(--cs-common-border-radius); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-block-progress:not([class*=is-style-cnvs]) { --cnvs-progress-bar-background: var(--cs-color-accent); --cnvs-progress-bar-color: var(--cs-color-accent-contrast); } /*-------------------------------------------------------------- # Tabs --------------------------------------------------------------*/ .cnvs-block-tabs { --cnvs-tabs-border-width: 1px; --cnvs-tabs-border-color: var(--cs-color-contrast-200); --cnvs-tabs-border-radius: var(--cs-common-border-radius); --cnvs-tabs-button-font-size: var(--cs-font-primary-size); --cnvs-tabs-button-color: var(--cs-color-secondary); --cnvs-tabs-button-hover-color: var(--cs-color-primary); --cnvs-tabs-button-active-color: var(--cs-color-primary); --cnvs-tabs-button-active-background: var(--cs-color-site-background); --cnvs-tabs-button-pills-color: var(--cs-color-secondary); --cnvs-tabs-button-pills-active-color: var(--cs-color-primary); --cnvs-tabs-button-pills-active-background: var(--cs-color-contrast-200); --cnvs-pc-tabs-button-active-border-bottom-color: var(--cs-color-site-background); --cnvs-pc-tabs-button-active-background-color: var(--cs-color-site-background); } .cnvs-block-tabs.is-style-cnvs-block-tabs-pills { --cnvs-tabs-border-radius: var(--cs-primary-border-radius); } .cnvs-block-tabs .cnvs-block-tabs-button, .cnvs-block-tabs .cnvs-block-tabs-button a { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons { margin-bottom: 0; } .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-content > .block-editor-inner-blocks { margin-top: -32px; } /*-------------------------------------------------------------- # Block Group --------------------------------------------------------------*/ .is-style-cnvs-block-bordered { --cnvs-style-single-border-color: var(--cs-color-contrast-300); border-radius: var(--cs-common-border-radius); } .is-style-cnvs-block-single-border { --cnvs-style-single-border-color: var(--cs-color-contrast-300); border-radius: var(--cs-common-border-radius); } .is-style-cnvs-block-bg-light { --cnvs-style-bg-light-background: var(--cs-color-contrast-50); border-radius: var(--cs-common-border-radius); } .is-style-cnvs-block-bg-inverse { border-radius: var(--cs-common-border-radius); } [data-scheme=dark] .is-style-cnvs-block-bg-inverse { --cnvs-style-bg-inverse-background: #ffffff; --cnvs-style-bg-inverse-color: #000000; } .is-style-cnvs-block-shadow { --cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08); border-radius: var(--cs-common-border-radius); } [data-scheme=dark] .is-style-cnvs-block-shadow { --cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(255,255,255,0.08); } /*-------------------------------------------------------------- # List Styled --------------------------------------------------------------*/ [class*=is-style-cnvs-list-styled] { --cnvs-list-styled-ul-box-background: var(--cs-color-contrast-400); --cnvs-list-styled-ul-box-border-radius: var(--cs-secondary-border-radius); --cnvs-list-styled-ol-box-color: var(--cs-color-primary); --cnvs-list-styled-ol-box-background-color: var(--cs-color-contrast-200); --cnvs-list-styled-ol-box-border-radius: var(--cs-secondary-border-radius); } /*-------------------------------------------------------------- # Heading Numbered --------------------------------------------------------------*/ .is-style-cnvs-heading-numbered { --cnvs-heading-numbered-background: var(--cs-color-contrast-100); --cnvs-heading-numbered-color: var(--cs-color-primary); --cnvs-heading-numbered-border-radius: var(--cs-secondary-border-radius); } /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/ .cnvs-block-slider-gallery .flickity-prev-next-button { padding: 0; } /*-------------------------------------------------------------- # Current Date --------------------------------------------------------------*/ .cnvs-block-current-date { display: block; } /*-------------------------------------------------------------- # Vendors --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Contact Form 7 --------------------------------------------------------------*/ .wpcf7 { margin: 0; padding: 0; } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output, .wpcf7 .wpcf7-display-none { /* support version below 5.4 */ display: none; } .wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0.5rem 1rem; background: #6cdcff; font-size: 0.75rem; color: #00526c; } .wpcf7 form.sent .wpcf7-response-output { background: #d8f6df; color: #145523; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #ff918a; color: #8a0900; } .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: #fff4d3; color: #a07800; } .wpcf7 .wpcf7-form-control-wrap { position: relative; display: block; } .wpcf7 label .wpcf7-form-control-wrap { margin-top: 0.5rem; } .wpcf7 .wpcf7-not-valid-tip { color: #F00F00; font-size: 0.75rem; font-weight: normal; display: block; } .wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #F00F00; background: var(--cs-color-primary); padding: 0.2em 0.8em; } .wpcf7 .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7 .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item-label:after { content: " "; } .wpcf7 .ajax-loader { visibility: hidden; display: inline-block; margin-left: 1rem; vertical-align: middle; width: 20px; height: 20px; border: 2px solid rgba(206, 212, 218, 0.25); border-top-color: #ced4da; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wpcf7 form.submitting .ajax-loader, .wpcf7 .ajax-loader.is-active { /* support version below 5.4 */ visibility: visible; } .wpcf7 div.ajax-error { display: none; } .wpcf7 .placeheld { color: var(--cs-color-secondary); } .wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } .wpcf7 input[type=file] { cursor: pointer; } .wpcf7 input[type=file]:disabled { cursor: default; } .wpcf7 .wpcf7-submit { vertical-align: middle; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } /*-------------------------------------------------------------- ## SearchWP Live Ajax Search --------------------------------------------------------------*/ .searchwp-live-search-results { position: absolute; display: none; opacity: 0; height: 0; overflow: hidden; z-index: 9999; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .searchwp-live-search-results-showing { display: block; opacity: 1; height: auto; overflow: auto; } .searchwp-live-search-no-results { padding: 3em 2em 0; text-align: center; } .searchwp-live-search-no-min-chars:after { display: block; text-align: center; padding: 2em 2em 0; } .searchwp-live-search-results.searchwp-live-search-results-showing { background: var(--cs-color-search-background); border-radius: 0; min-height: 164px; max-height: 332px; -webkit-box-shadow: none; box-shadow: none; z-index: 10; } .searchwp-live-search-results.searchwp-live-search-results-showing > .spinner { margin-top: 1rem; } .searchwp-live-search-results.searchwp-live-search-results-showing:hover, .searchwp-live-search-results.searchwp-live-search-results-showing:focus { outline: none; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a { padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: background 0.25s; transition: background 0.25s; white-space: normal; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a img { width: 50px; height: 50px; margin-right: 1rem; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .h6 { margin-bottom: 0; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .meta-date { margin-top: 0.25rem; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { display: none; margin-left: auto; color: var(--cs-color-secondary); padding-left: 1rem; } @media (min-width: 600px) { .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small { display: block; } } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:hover, .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a:focus { background: var(--cs-color-contrast-200); outline: 0; } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result:not(:last-child) a { border-bottom: 1px solid var(--cs-color-contrast-200); } .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result--focused { background: transparent; } @media (max-width: 719.98px) { .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result .h6 { font-size: 0.75rem; } } .cs-search .cs-search-live-result .searchwp-live-search-results { top: 0 !important; left: 0 !important; width: 100% !important; } @media (min-width: 720px) { .cs-search .cs-search-live-result:not(:first-child) .searchwp-live-search-results { top: -2.5rem !important; } .cs-search .cs-search__posts ~ .cs-search-live-result .searchwp-live-search-results { min-height: calc(100% + 2.5rem) !important; max-height: calc(100% + 2.5rem) !important; } } /*-------------------------------------------------------------- # Absolute Reviews --------------------------------------------------------------*/ .abr-badge { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .abr-review-slice { --abr-review-slice-background-color: var(--cs-color-contrast-200); } .abr-review-progress { --abr-review-progress-background: var(--cs-color-contrast-200); } .abr-post-review { --abr-review-name-color: var(--cs-color-secondary); --abr-review-score-info-background: var(--cs-color-secondary); } .abr-post-review .abr-review-list .abr-review-name { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-post-review .abr-review-list .abr-review-text { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); font-size: 0.875rem; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-label { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-reviews-posts { --abr-posts-meta-color: var(--cs-color-primary); --abr-posts-number-font-size: var(--cs-font-primary-size); --abr-posts-number-large-font-size: 1; --abr-posts-percentage-icon-font-size: 1.125rem; --abr-posts-item-separator-color: var(--cs-color-contrast-200); --abr-posts-overlay-background: var(--cs-color-overlay-background); } .abr-reviews-posts .abr-post-thumbnail img { width: 100%; } .abr-reviews-posts .abr-post-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .abr-reviews-posts .abr-review-number { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-reviews-posts .abr-review-caption { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .abr-reviews-posts .cs-entry__post-meta { margin-top: 0; } .abr-reviews-posts .cs-entry__post-meta + .entry-title { margin-top: 0.25rem; } .abr-posts-template-reviews-1 .abr-post-item:not(:first-child), .abr-posts-template-reviews-2 .abr-post-item:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 1rem; padding-top: 1rem; } .abr-posts-template-reviews-1 .entry-title, .abr-posts-template-reviews-2 .entry-title, .abr-posts-template-reviews-3 .entry-title, .abr-posts-template-reviews-4 .entry-title, .abr-posts-template-reviews-5 .entry-title { font-size: 1rem; } .abr-posts-template-reviews-1 .entry-title a, .abr-posts-template-reviews-2 .entry-title a, .abr-posts-template-reviews-3 .entry-title a, .abr-posts-template-reviews-4 .entry-title a, .abr-posts-template-reviews-5 .entry-title a { color: var(--cs-color-primary); } .abr-posts-template-reviews-1 .entry-title a:hover, .abr-posts-template-reviews-2 .entry-title a:hover, .abr-posts-template-reviews-3 .entry-title a:hover, .abr-posts-template-reviews-4 .entry-title a:hover, .abr-posts-template-reviews-5 .entry-title a:hover { color: var(--cs-color-secondary); } /*-------------------------------------------------------------- # Advanced Popups --------------------------------------------------------------*/ .adp-popup .pk-subscribe-submit span:nth-child(2) { display: none; } .adp-popup .adp-popup-container { --adp-popup-container-background: var(--cs-color-site-background); --adp-popup-type-notification-text-color: var(--cs-color-base); --adp-popup-type-notification-text-link-color: var(--cs-color-contrast-600); --adp-popup-close-color: var(--cs-color-contrast-600); --adp-popup-close-hover-color: var(--cs-color-base); } .adp-popup-type-notification-box .adp-popup-button, .adp-popup-type-notification-bar .adp-popup-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-primary-border-radius); line-height: 1rem; -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; padding: 0.75rem 1.5rem; border-radius: var(--cs-primary-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .adp-popup-type-notification-box .adp-popup-button:focus, .adp-popup-type-notification-box .adp-popup-button:hover, .adp-popup-type-notification-bar .adp-popup-button:focus, .adp-popup-type-notification-bar .adp-popup-button:hover { outline: none; } .adp-popup-type-notification-box .adp-popup-button:hover, .adp-popup-type-notification-bar .adp-popup-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); }