13326 lines
352 KiB
CSS
Executable File
13326 lines
352 KiB
CSS
Executable File
@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);
|
|
} |