@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}
   :root {
--cs-common-border-radius: 20px;
--cs-primary-border-radius: 0px;
--cs-secondary-border-radius: 50%;
--cs-additional-border-radius: 25px;
--cs-image-border-radius: 20px;
--cs-header-topbar-height: 50px;
--cs-header-topbar-large-height: 90px;
--cs-header-initial-height: 90px;
--cs-header-height: 60px;
--cs-header-border-width: 1px;
--cs-entry-content-width: 700px;
--cs-entry-content-medium-width: 800px;
--cs-entry-content-large-width: 1160px;
--cs-block-content-width: 600px;
}
:root,
[data-site-scheme=default] {
--cs-color-site-background: #ffffff;
--cs-color-topbar-background: #f8f9fa;
--cs-color-header-background: #ffffff;
--cs-color-submenu-background: #ffffff;
--cs-color-search-background: #ffffff;
--cs-color-footer-background: #f8f9fa;
}
[data-site-scheme=dark] {
--cs-color-site-background: #1c1c1c;
--cs-color-topbar-background: #333335;
--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: #007AFF;
--cs-color-button-contrast: #ffffff;
--cs-color-button-hover: #004eff;
--cs-color-button-hover-contrast:#ffffff;
--cs-color-category: #007AFF;
--cs-color-category-hover: #818181;
--cs-color-meta: #818181;
--cs-color-meta-links: #000000;
--cs-color-meta-links-hover: #818181;
--cs-color-primary: #000000;
--cs-color-primary-contrast: #ffffff;
--cs-color-secondary: #818181;
--cs-color-secondary-contrast: #000000;
--cs-color-accent: #007AFF;
--cs-color-accent-contrast: #ffffff;
--cs-color-overlay-background: rgba(0, 0, 0, 0.45);
}
[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);
--cs-color-meta: rgba(255, 255, 255, 0.85);
--cs-color-meta-links: rgba(255, 255, 255, 0.85);
--cs-color-meta-links-hover: #ffffff;
}
[data-scheme=dark] {
--cs-color-contrast-50: #000000;
--cs-color-contrast-100: #333335;
--cs-color-contrast-200: #49494b;
--cs-color-contrast-300: #606062;
--cs-color-contrast-400: #777778;
--cs-color-contrast-500: #8e8e8f;
--cs-color-contrast-600: #a4a4a5;
--cs-color-contrast-700: #bbbbbc;
--cs-color-contrast-800: #d2d2d2;
--cs-color-contrast-900: #e9e9e9;
--cs-color-button: #007AFF;
--cs-color-button-contrast:#ffffff;
--cs-color-button-hover: #004eff;
--cs-color-button-hover-contrast: #ffffff;
--cs-color-category: #007AFF;
--cs-color-category-hover: #818181;
--cs-color-meta: #858585;
--cs-color-meta-links: #ffffff;
--cs-color-meta-links-hover: #858585;
--cs-color-primary: #ffffff;
--cs-color-primary-contrast: #000000;
--cs-color-secondary:#858585;
--cs-color-secondary-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 {
transition: none !important;
} :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;
} .has-blue-color {
color: var(--cs-palette-color-blue);
}
.has-blue-background-color {
background-color: var(--cs-palette-color-blue);
}
.has-green-color {
color: var(--cs-palette-color-green);
}
.has-green-background-color {
background-color: var(--cs-palette-color-green);
}
.has-orange-color {
color: var(--cs-palette-color-orange);
}
.has-orange-background-color {
background-color: var(--cs-palette-color-orange);
}
.has-red-color {
color: var(--cs-palette-color-red);
}
.has-red-background-color {
background-color: var(--cs-palette-color-red);
}
.has-black-color {
color: var(--cs-palette-color-black);
}
.has-black-background-color {
background-color: var(--cs-palette-color-black);
}
.has-white-color {
color: var(--cs-palette-color-white);
}
.has-white-background-color {
background-color: var(--cs-palette-color-white);
}
.has-secondary-color {
color: var(--cs-palette-color-secondary);
}
.has-secondary-background-color {
background-color: var(--cs-palette-color-secondary);
}
.has-gray-50-color {
color: var(--cs-palette-color-gray-50);
}
.has-gray-50-background-color {
background-color: var(--cs-palette-color-gray-50);
}
.has-gray-100-color {
color: var(--cs-palette-color-gray-100);
}
.has-gray-100-background-color {
background-color: var(--cs-palette-color-gray-100);
}
.has-gray-200-color {
color: var(--cs-palette-color-gray-200);
}
.has-gray-200-background-color {
background-color: var(--cs-palette-color-gray-200);
} @font-face {
font-family: "cs-icons";
src: url(https://verticalspace.ai/wp-content/themes/networker/assets/static/icon-fonts/icons.ttf) format("truetype"), url(https://verticalspace.ai/wp-content/themes/networker/assets/static/icon-fonts/icons.woff) format("woff"), url(https://verticalspace.ai/wp-content/themes/networker/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-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-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-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: "";
}
.cs-icon-cart:before {
content: "";
}
.cs-icon-menu:before {
content: "";
}
.cs-icon-search:before {
content: "";
} .cnvs-block-section-heading {
--cnvs-section-subheading-color: var(--cs-color-secondary);
--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);
}
:root .is-style-cnvs-block-section-subheading.cnvs-block-section-heading, [data-scheme=default] .is-style-cnvs-block-section-subheading.cnvs-block-section-heading, [data-scheme=dark] .is-style-cnvs-block-section-subheading.cnvs-block-section-heading,
:root .section-heading-default-subheading .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default,
[data-scheme=default] .section-heading-default-subheading .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default,
[data-scheme=dark] .section-heading-default-subheading .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default {
--cnvs-section-heading-color: var(--cnvs-section-subheading-color);
}
.is-style-cnvs-block-section-subheading.cnvs-block-section-heading .cnvs-section-title,
.section-heading-default-subheading .cnvs-block-section-heading.is-style-cnvs-block-section-heading-default .cnvs-section-title {
font-family: var(--cs-font-section-subheadings-family), sans-serif;
font-size: var(--cs-font-section-subheadings-size);
font-weight: var(--cs-font-section-subheadings-weight);
font-style: var(--cs-font-section-subheadings-style);
letter-spacing: var(--cs-font-section-subheadings-letter-spacing);
text-transform: var(--cs-font-section-subheadings-text-transform);
}
.is-style-cnvs-block-section-subheading + .cnvs-block-section-heading {
margin-top: -27px !important;
} *,
*::before,
*::after {
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: #000;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr, .wp-block-separator {
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;
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] {
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;
} 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: 1.875rem;
}
h3, .h3 {
font-size: 1.625rem;
}
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:not(:first-child) {
margin-top: 0.5rem;
}
.cs-section-subheadings {
--cs-section-subheadings-color: var(--cs-color-secondary);
display: block;
margin-bottom: 0.5rem;
font-family: var(--cs-font-section-subheadings-family), sans-serif;
font-size: var(--cs-font-section-subheadings-size);
font-weight: var(--cs-font-section-subheadings-weight);
font-style: var(--cs-font-section-subheadings-style);
letter-spacing: var(--cs-font-section-subheadings-letter-spacing);
text-transform: var(--cs-font-section-subheadings-text-transform);
color: var(--cs-section-subheadings-color);
}
.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;
} table, .wp-block-table {
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;
} .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 {
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 .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 .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;
border: none;
border-left: 1px solid var(--cs-color-contrast-200);
margin-top: 48px;
margin-bottom: 48px;
padding: 0;
padding-left: 2rem;
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 {
--cnvs-callout-font-size: 1.25rem;
--cnvs-callout-font-weight: 500;
}
.entry-content video,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;
overflow: hidden;
}
.alignnone {
max-width: 100%;
}
.alignleft {
float: none;
margin-right: 0;
}
.alignleft:first-child + * {
margin-top: 0;
}
@media (min-width: 600px) {
.alignleft {
float: left;
margin-right: 2rem;
}
}
.alignright {
float: none;
margin-left: 0;
}
.alignright:first-child + * {
margin-top: 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);
}
} .wp-block-group.has-background {
padding: 1.5rem 2rem;
}
.wp-block-columns > *: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;
}
.wp-block-separator.is-style-wide {
max-width: var(--cs-editor-width-wide);
}
.wp-block[data-align=wide] .wp-block-separator.is-style-wide {
max-width: var(--cs-editor-width-wide);
}
.wp-block[data-align=full] .wp-block-separator.is-style-wide {
max-width: var(--cs-editor-width-full);
}
.wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) {
max-width: 100px;
}
.wp-block[data-align=wide] .wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) {
max-width: var(--cs-editor-width-wide);
}
.wp-block[data-align=full] .wp-block-separator:not(.is-style-dots):not(.is-style-wide):not(.alignwide):not(.alignwide):not(.alignfull) {
max-width: var(--cs-editor-width-full);
}
.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;
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: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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-gallery.has-nested-images {
display: flex;
}
.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: #fff;
}
.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);
border: none;
border-left: 1px solid var(--cs-color-contrast-200);
margin-top: 48px;
margin-bottom: 48px;
padding: 0;
padding-left: 2rem;
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: 0;
padding-left: 2rem;
margin-top: 48px;
margin-bottom: 48px;
color: inherit;
}
.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.625rem;
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-pullquote {
border-top: 4px solid var(--cs-color-primary);
border-bottom: 4px solid var(--cs-color-primary);
padding: 2rem 1rem;
color: var(--cs-color-primary);
}
.wp-block-pullquote.is-style-solid-color {
border: none;
}
.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;
}
.wp-block-pullquote p {
font-size: 1.625rem;
line-height: var(--cs-font-base-line-height);
}
.wp-block-pullquote .alignleft p,
.wp-block-pullquote .alignright p {
font-size: 1.25rem;
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex-direction: row;
align-items: center;
}
.wp-block-search .wp-block-search__label {
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);
}
.wp-block-search .wp-block-search__input {
display: block;
width: 100%;
line-height: var(--cs-font-input-line-height);
color: var(--cs-color-primary);
background-color: var(--cs-color-site-background);
border: 1px solid var(--cs-color-contrast-200);
box-shadow: none;
padding: 0.3125rem 0.75rem;
border-radius: var(--cs-primary-border-radius);
height: 48px;
flex: 1 1 auto;
width: 1%;
max-width: 100%;
}
.wp-block-search .wp-block-search__button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
border-radius: auto;
margin-left: 0.5rem;
}
.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.has-icon svg {
display: none;
}
.wp-block-search .wp-block-search__button.has-icon:before {
content: "";
font-family: "cs-icons" !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-input-border-radius);
background-color: var(--cs-color-site-background);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
display: block;
width: 100%;
line-height: var(--cs-font-input-line-height);
color: var(--cs-color-primary);
background-color: var(--cs-color-site-background);
border: 1px solid var(--cs-color-contrast-200);
box-shadow: none;
padding: 0.3125rem 0.75rem;
border-radius: var(--cs-primary-border-radius);
height: 48px;
border: none;
border-radius: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
border-radius: auto;
border: 1px solid var(--cs-color-contrast-200);
margin-left: 0.5rem;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:hover {
outline: none;
}
.wp-block-social-links.alignright {
justify-content: flex-end;
float: none;
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:active,
.wp-block-social-links .wp-social-link a:hover,
.wp-block-social-links .wp-social-link a:visited,
.wp-block-social-links .wp-social-link svg {
color: currentColor !important;
fill: currentColor !important;
}
.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: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
color: var(--cs-color-accent-contrast);
background: var(--cs-color-accent);
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:not(:last-child),
.wp-block-categories-list > li:not(:last-child),
.wp-block-categories__list > li:not(:last-child),
.wp-block-archives-list > li:not(:last-child) {
margin-bottom: 2rem;
}
.wp-block-latest-posts > li > a,
.wp-block-categories-list > li > a,
.wp-block-categories__list > li > a,
.wp-block-archives-list > 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);
display: inline-block;
text-decoration: none !important;
}
.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 .wp-block-latest-posts__post-date, .wp-block-latest-posts .wp-block-latest-posts__post-author,
.wp-block-categories-list .wp-block-latest-posts__post-date,
.wp-block-categories-list .wp-block-latest-posts__post-author,
.wp-block-categories__list .wp-block-latest-posts__post-date,
.wp-block-categories__list .wp-block-latest-posts__post-author,
.wp-block-archives-list .wp-block-latest-posts__post-date,
.wp-block-archives-list .wp-block-latest-posts__post-author {
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 .wp-block-latest-posts__post-author,
.wp-block-categories-list .wp-block-latest-posts__post-author,
.wp-block-categories__list .wp-block-latest-posts__post-author,
.wp-block-archives-list .wp-block-latest-posts__post-author {
color: var(--cs-color-primary);
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content,
.wp-block-categories-list .wp-block-latest-posts__post-excerpt,
.wp-block-categories-list .wp-block-latest-posts__post-full-content,
.wp-block-categories__list .wp-block-latest-posts__post-excerpt,
.wp-block-categories__list .wp-block-latest-posts__post-full-content,
.wp-block-archives-list .wp-block-latest-posts__post-excerpt,
.wp-block-archives-list .wp-block-latest-posts__post-full-content {
margin-top: 1rem;
color: var(--cs-color-primary);
clear: both;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-categories-list .wp-block-latest-posts__post-excerpt,
.wp-block-categories__list .wp-block-latest-posts__post-excerpt,
.wp-block-archives-list .wp-block-latest-posts__post-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);
}
.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 {
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__featured-image img {
display: block;
}
.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;
}
.wp-block-query .wp-block-post-title a {
color: inherit;
}
.wp-block-query .wp-block-post-title a:hover {
color: var(--cs-color-secondary);
}
.wp-block-query .wp-block-post-featured-image {
margin-bottom: 1.5rem;
}
.wp-block-query .wp-block-post-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);
}
.wp-block-query .wp-block-post-date {
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);
transition: 0.25s;
}
.wp-block-query .wp-block-post-date > * {
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);
transition: 0.25s;
}
.wp-block-query .wp-block-post-terms {
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);
color: var(--cs-color-category);
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0.5rem;
}
.wp-block-query .wp-block-post-terms a {
color: var(--cs-color-category);
transition: 0.25s;
margin: 0 0.25rem;
}
.wp-block-query .wp-block-post-terms a:first-child {
margin: 0 0.25rem 0 0;
}
.wp-block-query .wp-block-post-terms a:last-child {
margin: 0 0 0 0.25rem;
}
.wp-block-query .wp-block-post-terms a:hover {
color: var(--cs-color-category-hover);
}
.wp-block-query .wp-block-query-pagination {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.wp-block-query .wp-block-query-pagination > a, .wp-block-query .wp-block-query-pagination > span {
border: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0.5rem 0.75rem;
margin: 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);
}
.wp-block-query .wp-block-query-pagination > a:hover {
color: var(--cs-color-secondary);
}
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers {
display: flex;
flex-wrap: wrap;
margin: 0;
}
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > span, .wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > a {
border: 1px solid transparent;
display: flex;
align-items: 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);
}
.wp-block-query .wp-block-query-pagination .wp-block-query-pagination-numbers > .current {
color: var(--cs-color-accent-contrast);
background-color: var(--cs-color-accent);
border-radius: var(--cs-primary-border-radius);
}
.wp-block-query .wp-block-query-pagination a.post-page-numbers:hover, .wp-block-query .wp-block-query-pagination a.page-numbers:hover {
color: var(--cs-color-secondary);
} .cs-entry__overlay {
position: relative;
}
.cs-overlay-background {
display: flex;
flex-direction: column;
position: relative;
}
.cs-overlay-background:after {
background: var(--cs-color-overlay-background);
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.25s;
opacity: 1;
}
.cs-overlay-background.cs-overlay-transparent:after, .cs-overlay-background.cs-overlay-transparent:before {
opacity: 0 !important;
}
.cs-overlay-content {
padding: 30px;
}
.cs-overlay-content a {
position: relative;
z-index: 2;
}
.cs-overlay-link {
display: flex;
position: absolute !important;
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: flex;
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;
box-sizing: border-box;
width: 0;
}
.cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-content {
flex: 1 0 100%;
width: 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:before {
padding-bottom: 30%;
min-height: 300px;
}
@media (min-width: 1020px) {
.cs-ratio-wide:before {
min-height: 500px;
}
}
.cs-entry__overlay .cs-overlay-background img {
transform: scale(1);
transition: 0.25s;
}
.cs-entry__overlay:hover .cs-overlay-background:after {
opacity: 1 !important;
}
.cs-entry__overlay:hover .cs-overlay-background img {
transform: scale(1.05);
}
.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: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.25s;
overflow: hidden;
padding: 0;
}
.cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__post-meta {
width: 100%;
justify-content: space-around;
padding: 20px;
margin-top: 0;
transform: translateY(100%);
transition: 0.25s;
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__post-meta > *:not(:last-child) {
padding-right: 0;
}
.cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__post-meta > *:not(:last-child):before {
display: none;
}
.cs-entry__inner.cs-entry__overlay:hover .cs-overlay-content {
opacity: 1;
}
.cs-entry__inner.cs-entry__overlay:hover .cs-entry__post-meta {
transform: translateY(0);
}
.cs-entry__inner.cs-overlay-content:not(:first-child) {
margin-top: 0;
} button,
input[type=button],
input[type=reset],
input[type=submit],
.cs-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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: var(--cs-color-primary);
background-color: var(--cs-color-site-background);
border: 1px solid var(--cs-color-contrast-200);
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;
box-shadow: none;
}
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::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=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=range]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=color]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color: var(--cs-color-secondary);
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=range]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: var(--cs-color-secondary);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder,
select::placeholder,
textarea::placeholder {
color: var(--cs-color-secondary);
}
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;
}
[data-scheme=dark] select:not([size]):not([multiple]), [data-scheme=inverse] select:not([size]):not([multiple]) {
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='%23fff'%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='%23fff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
select::-ms-expand {
display: none;
}
textarea {
height: 150px;
resize: vertical;
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);
}
.post-password-form {
padding: 40px;
background: var(--cs-color-contrast-100);
}
.post-password-form label {
margin-bottom: 0;
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: flex;
align-items: flex-end;
margin-bottom: 0;
} .cs-list-articles {
margin: 0;
padding: 0;
list-style: none;
}
.cs-list-articles > li > a {
display: flex;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
color: var(--cs-color-secondary);
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;
transition: 0.25s;
display: flex;
align-items: 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);
transition: 0.25s;
background: var(--cs-color-accent);
}  .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: 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: 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: 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: 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: 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: 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;
}  body {
background: var(--cs-color-site-background);
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.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);
}
}
.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: flex;
flex-direction: column;
}
.cs-site-inner > * {
flex: 0 0 auto;
}
.cs-site-inner main {
flex: 1 0 auto;
} .cs-header {
position: relative;
width: 100%;
border-bottom: var(--cs-header-border-width) solid var(--cs-color-contrast-200);
background: var(--cs-color-header-background);
z-index: 10;
}
.cs-header__inner {
position: relative;
display: flex;
justify-content: space-between;
align-items: stretch;
min-height: var(--cs-header-height);
transition: 0.25s;
}
.cs-header__inner-mobile {
display: flex;
min-height: var(--cs-header-height);
}
@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: flex;
}
}
.cs-header__col {
display: flex;
align-items: center;
flex: 1;
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: flex;
padding: 0 20px;
}
.cs-header__col.cs-col-center {
justify-content: center;
}
.cs-header__col.cs-col-center:not(:only-child) {
padding: 0 20px;
}
.cs-header__inner-mobile .cs-header__col.cs-col-center {
padding: 0;
}
.cs-header__col.cs-col-right {
justify-content: flex-end;
}
.cs-header__col.cs-col-right:not(:only-child) {
padding-left: 20px;
}
.cs-header__col.cs-col-left:not(:only-child) {
padding-right: 20px;
}
.cs-header__col .pk-social-links-items {
flex-wrap: nowrap;
}
.cs-header__offcanvas-toggle {
display: flex;
flex-direction: column;
cursor: pointer;
}
@media (min-width: 1020px) {
.cs-header__offcanvas-toggle.cs-d-lg-none + * {
margin-left: 0 !important;
}
}
.cs-header__offcanvas-toggle span {
width: 20px;
height: 2px;
margin-top: 5px;
background: var(--cs-color-primary);
transition: 0.25s;
}
.cs-header__offcanvas-toggle:before, .cs-header__offcanvas-toggle:after {
content: "";
display: block;
width: 20px;
height: 2px;
background: var(--cs-color-primary);
transition: 0.25s;
}
.cs-header__offcanvas-toggle:after {
margin-top: 5px;
}
.cs-header__offcanvas-toggle:hover:before, .cs-header__offcanvas-toggle:hover:after {
background-color: var(--cs-color-secondary);
}
.cs-header__offcanvas-toggle:hover span {
background-color: var(--cs-color-secondary);
}
.cs-header .cs-logo.cs-logo-hide .cs-header__logo {
font-size: 0;
transition: font-size 0.25s;
padding-right: 0;
}
.cs-header .cs-logo.cs-logo-hide .cs-header__logo img {
max-height: 0;
opacity: 0;
transition: 0.25s;
}
@media (min-width: 1200px) {
.cs-header .cs-logo:not(:first-child) {
margin-left: 40px;
}
}
.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 {
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-header__logo.cs-logo-hide {
margin-right: 0;
opacity: 1;
transition: 0.25s;
}
@media (min-width: 1020px) {
.cs-header__logo.cs-logo-hide {
opacity: 0;
margin-right: auto;
}
}
.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;
max-width: inherit;
width: auto;
max-height: calc(var(--cs-header-height) - 20px);
}
.cs-header__top-nav {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
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__top-nav li:not(:first-child) {
margin-left: 20px;
}
.cs-header__top-nav li:hover a {
color: var(--cs-color-secondary);
}
.cs-header__top-nav li.current-menu-item a {
color: var(--cs-color-secondary);
}
.cs-header__scheme-toggle {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
@media (min-width: 1200px) {
.cs-header__scheme-toggle:not(:first-child) {
margin-left: 40px;
}
}
[data-site-scheme=dark] .cs-header__scheme-toggle .cs-header__scheme-toggle-element:after {
left: auto;
right: 3px;
}
.cs-header__scheme-toggle:hover .cs-header__scheme-toggle-element {
background: var(--cs-color-contrast-600);
}
.cs-header__scheme-toggle-mobile {
position: relative;
width: 2rem;
height: 2rem;
}
.cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: scale(0);
display: block;
height: 2rem;
margin: auto;
line-height: 2rem;
font-size: 1rem;
text-align: center;
}
.cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon:last-child {
transform: scale(1);
}
[data-site-scheme=dark] .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon {
transform: scale(1);
}
[data-site-scheme=dark] .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon:last-child {
transform: scale(0);
}
.cs-header__scheme-toggle-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);
text-transform: uppercase;
color: var(--cs-color-secondary);
font-size: 11px;
}
.cs-header__scheme-toggle-element {
position: relative;
display: block;
height: 1rem;
width: 2rem;
margin: 0 0.25rem;
border-radius: 0.5rem;
background: var(--cs-color-contrast-400);
transition: 0.25s;
}
.cs-header__scheme-toggle-element:after {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 2px;
width: 8px;
height: 8px;
margin: auto;
margin-left: 0.125rem;
background: #fff;
border-radius: 50%;
transition: 0.25s !important;
}
.cs-header__nav {
align-self: stretch;
}
@media (min-width: 1200px) {
.cs-header__nav:not(:first-child) {
margin-left: 40px;
}
}
.cs-header__nav-inner {
display: flex;
align-items: center;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.cs-header__nav-inner li {
position: relative;
}
.cs-header__nav-inner li:not(.touch-device):hover > .sub-menu {
top: -1px;
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.cs-header__nav-inner li.submenu-visible > .sub-menu {
visibility: visible;
opacity: 1;
top: -1px;
transform: translate3d(0, 0, 0);
}
.cs-header__nav-inner li.menu-item-has-children > a:after {
content: "";
margin-left: 2px;
font-family: "cs-icons";
font-size: 0.75rem;
line-height: 1;
}
.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: flex;
align-items: center;
height: 100%;
white-space: nowrap;
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 {
display: flex;
position: relative;
}
.cs-header__nav-inner > li > a > span:first-child:before {
content: "";
position: absolute;
bottom: -10px;
width: 100%;
height: 1px;
background-color: var(--cs-color-secondary);
transition: 0.25s;
opacity: 0;
}
.cs-header__nav-inner > li > a > .expanded {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 14px;
z-index: 2;
}
.cs-header__nav-inner > li > a .pk-badge {
position: relative;
}
.cs-header__nav-inner > li > a .pk-badge:after {
content: "";
position: absolute;
top: 100%;
left: -8px;
height: 12px;
width: calc(100% + 12px);
background: var(--cs-color-header-background);
}
.cs-header__nav-inner > li.active > a > span:first-child:before {
opacity: 1;
bottom: -3px;
}
.cs-header__nav-inner > li.disable > a {
color: var(--cs-color-secondary);
}
.cs-header__nav-inner > li.disable > a > span:before {
opacity: 0 !important;
bottom: 0 !important;
}
.cs-header__nav-inner > li.menu-item-has-children > .sub-menu {
top: -9999px;
left: 0;
z-index: 11;
opacity: 0;
visibility: hidden;
}
.cs-header__nav-inner > li.menu-item-has-children > a:after {
content: "";
transform: translateY(2px);
}
.cs-header__nav-inner > li.menu-item-has-children:not(.touch-device):hover > .sub-menu {
top: 100%;
opacity: 1;
visibility: visible;
transition: opacity 0.25s, left 0.25s;
}
.cs-header__nav-inner > li.menu-item-has-children.submenu-visible > .sub-menu {
left: 0;
top: 100%;
visibility: visible;
opacity: 1;
}
.cs-header__nav-inner > li.current-menu-ancestor, .cs-header__nav-inner > li.current-menu-item {
color: var(--cs-color-secondary);
}
.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;
}
.cs-header__nav-inner .menu-item .pk-badge {
margin: auto auto auto 0.5rem;
align-self: flex-start;
}
.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;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.cs-header__nav-inner .sub-menu > li {
padding: 0 1rem;
}
.cs-header__nav-inner .sub-menu > li a {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
min-width: 200px;
padding: 10px 0;
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 > .expanded {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 32px;
z-index: 2;
}
.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%;
transform: translate3d(0.5rem, 0, 0);
z-index: 1;
opacity: 0;
transition: opacity 0.25s;
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 {
transform: rotate(180deg);
}
.cs-header__nav-inner .cs-mega-menu {
position: static;
}
.cs-header__multi-column {
align-self: stretch;
display: flex;
align-items: center;
cursor: pointer;
}
.cs-header__multi-column .cs-icon {
transition: 0.25s;
}
.cs-header__multi-column:hover .cs-header__multi-column-container {
opacity: 1;
visibility: visible;
transition: 0.25s;
}
.cs-header__multi-column:hover .cs-icon {
color: var(--cs-color-secondary);
}
.cs-header__multi-column-toggle {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.375rem;
cursor: pointer;
}
.cs-header__multi-column-container {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 11;
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;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.cs-header__multi-column-row {
display: flex;
padding: 2rem 0;
}
.cs-header__multi-column-col {
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: flex;
align-items: center;
margin-left: auto;
}
.cs-header .cs-navbar-social-links {
display: none;
}
@media (min-width: 1200px) {
.cs-header .cs-navbar-social-links {
display: block;
}
.cs-header .cs-navbar-social-links:not(:first-child) {
margin-left: 40px;
}
}
.cs-header__cart {
display: flex;
align-items: center;
color: var(--cs-color-primary);
transition: 0.25s;
}
.cs-header__cart .cs-icon {
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);
}
.cs-header__cart-quantity {
display: flex;
align-items: center;
justify-content: center;
width: 15px;
height: 15px;
margin-left: 4px;
background-color: var(--cs-color-accent);
color: var(--cs-color-accent-contrast);
font-size: 0.625rem;
line-height: 1;
border-radius: 50%;
transition: 0.25s;
}
.cs-header__search-toggle {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cs-header__search-toggle .cs-icon {
transition: 0.25s;
}
.cs-header__search-toggle:hover .cs-icon {
color: var(--cs-color-secondary);
}
.cs-header__button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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);
}
.cs-header__button:focus, .cs-header__button:hover {
outline: none;
}
.cs-header__button:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
.cs-header__single-column {
display: flex;
align-items: center;
height: 100%;
padding-left: 20px;
color: var(--cs-color-primary);
cursor: pointer;
}
.cs-header__single-column:after {
content: "";
margin-left: 2px;
font-family: "cs-icons";
font-size: 0.75rem;
line-height: 1;
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;
transition: 0.25s;
}
.cs-header__single-column-label {
position: relative;
line-height: 1;
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;
transition: 0.25s;
}
.cs-header__info {
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;
z-index: 11;
display: flex;
max-height: 60vh;
min-height: 100%;
width: auto;
max-width: 980px;
background: var(--cs-color-submenu-background);
visibility: hidden;
opacity: 0;
cursor: auto;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.cs-header__widgets-img {
position: relative;
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 {
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 .pk-social-links-items {
flex-wrap: nowrap;
}
.cs-navbar-sticky-enabled .cs-header {
position: sticky;
top: 0;
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-search__nav-form .cs-search__input {
height: 40px;
}
.cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-one .cs-header__inner-desktop {
min-height: var(--cs-header-height);
}
.cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-two .cs-header__inner-desktop {
min-height: var(--cs-header-height);
}
.cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-three .cs-header__inner-desktop {
min-height: var(--cs-header-height);
}
.cs-navbar-smart-enabled .cs-header.cs-scroll-active {
top: 0;
transform: translateY(-100%);
}
.cs-header.cs-header-one .cs-header__inner-desktop {
min-height: var(--cs-header-initial-height);
}
.cs-header.cs-header-one .cs-header__inner-desktop .cs-header__logo img {
max-height: calc(var(--cs-header-initial-height) - 20px);
}
.cs-header.cs-header-two .cs-header__inner-desktop {
min-height: var(--cs-header-initial-height);
}
.cs-header.cs-header-two .cs-header__inner-desktop .cs-header__logo img {
max-height: calc(var(--cs-header-initial-height) - 20px);
}
.cs-header.cs-header-three .cs-header__inner-desktop {
min-height: var(--cs-header-initial-height);
}
.cs-header.cs-header-three .cs-header__inner-desktop .cs-header__logo img {
max-height: calc(var(--cs-header-initial-height) - 20px);
}
.cs-navbar-sticky-enabled.admin-bar .cs-header {
top: 32px;
}
.cs-topbar {
display: none;
width: 100%;
background-color: var(--cs-color-topbar-background);
}
.cs-topbar .cs-header__inner {
min-height: var(--cs-header-topbar-height);
}
.cs-topbar .cs-header__inner .cs-header__logo img {
max-height: calc(var(--cs-header-topbar-height) - 20px);
}
.cs-topbar.cs-topbar-large .cs-header__inner {
min-height: var(--cs-header-topbar-large-height);
}
.cs-topbar.cs-topbar-large .cs-header__inner .cs-header__logo img {
max-height: calc(var(--cs-header-topbar-large-height) - 20px);
}
@media (min-width: 1020px) {
.cs-topbar {
display: block;
}
}
@media screen and (max-width: 782px) {
.cs-navbar-sticky-enabled.admin-bar .cs-header {
top: 46px;
}
cs-topbar-large .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: 46px;
}
.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;
font-family: inter, sans-serif;
background-color: var(--cs-color-search-background);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.cs-search.cs-search-disable {
transition: 0.25s;
}
.cs-search .cs-section-heading {
margin-bottom: 2rem;
}
.cs-search__container {
display: flex;
}
.cs-search__container .cs-search__input {
height: 50px;
}
.cs-search__nav-form button {
position: absolute;
top: 0;
width: 60px;
height: 100%;
display: flex;
align-items: center;
padding: 0;
font: inherit;
color: inherit;
background-color: transparent;
cursor: pointer;
border: none;
outline: none;
}
.cs-header__col .cs-search__nav-form button {
width: 40px;
}
.cs-search__nav-form button i {
font-size: 1.25rem;
transition: 0.25s;
}
.cs-header__col .cs-search__nav-form button i {
font-size: 1rem;
}
.cs-search__nav-form button:hover i {
color: var(--cs-color-secondary);
}
.cs-search__nav-form .cs-search__group {
position: relative;
padding: 0 50px;
border: 1px solid var(--cs-color-contrast-200);
}
.cs-header__col .cs-search__nav-form .cs-search__group {
padding: 0 0 0 30px;
}
.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;
transition: 0.25s;
}
.cs-search__nav-form .cs-search__submit {
left: 0;
}
.cs-search__nav-form .cs-search__submit span {
display: none;
}
.cs-search__nav-form .cs-search__close {
right: 0;
}
.cs-header__col .cs-search__nav-form .cs-search__close {
display: none;
}
.cs-header__col .cs-search__nav-form {
width: 100%;
max-width: 300px;
}
.cs-search__content {
position: relative;
width: 100%;
}
.cs-search__posts-wrapper {
display: none;
margin-top: 3rem;
}
@media (min-width: 720px) {
.cs-search__posts-wrapper {
display: block;
}
}
.cs-search__content {
position: relative;
width: 100%;
}
.cs-search__posts {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -20px;
margin-right: -20px;
}
.cs-search__posts .cs-entry {
display: flex;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 1rem;
padding: 0 20px;
}
@media (min-width: 1200px) {
.cs-search__posts .cs-entry {
flex: 0 0 33.33%;
max-width: 33.33%;
margin-bottom: 0;
}
}
.cs-search__posts .cs-entry__outer {
display: flex;
}
.cs-search__posts .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.cs-search__posts .cs-entry__thumbnail {
position: relative;
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 1rem;
}
.cs-search__posts .cs-entry__thumbnail img {
border-radius: 0;
}
.cs-search__posts .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 .cs-entry__title {
font-size: 1rem;
}
.cs-search__posts .cs-entry__content {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
}
.cs-search__tags-wrapper {
display: none;
}
.cs-search__tags-wrapper:not(:first-child) {
margin-top: 3rem;
}
@media (min-width: 1020px) {
.cs-search__tags-wrapper {
display: block;
}
}
.cs-search__tags ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
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: 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: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-additional-border-radius);
line-height: 1;
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: flex;
flex-wrap: wrap;
margin-left: -40px;
margin-right: -40px;
}
.cs-mega-menu .cs-mm__posts .cs-entry {
position: relative;
width: 100%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding: 0 40px;
}
.cs-mega-menu .cs-mm__posts .cs-entry:not(:last-child) {
border-right: 1px solid var(--cs-color-contrast-200);
}
.cs-mega-menu .cs-mm__posts:not(:first-child) {
margin-top: 2rem;
}
.cs-mega-menu .cs-mm__posts.mega-menu-category {
display: flex;
flex-wrap: wrap;
}
.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__post-meta {
display: flex;
align-items: center;
justify-content: center;
}
.cs-mega-menu .cs-mm__posts .cs-entry__post-meta:not(:first-child) {
margin-top: 0.5rem;
}
.cs-mega-menu .cs-mm__posts .cs-entry__post-meta li:not(:first-child) {
margin-left: 10px;
}
.cs-mega-menu .cs-mm__posts .cs-entry__post-meta li i {
margin-right: 4px;
}
.cs-mega-menu.cs-mega-menu-terms .cs-mm__content {
display: flex;
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%;
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%;
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;
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 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container .cs-mm__posts.cs-active-item {
display: flex;
}
.cs-mega-menu .cs-active-item > a {
color: var(--cs-color-secondary);
} .cs-footer {
background-color: var(--cs-color-footer-background);
}
.cs-footer[data-scheme=dark] {
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-footer[data-scheme=inverse] {
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-footer__item {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
padding: 2rem 0;
}
@media (min-width: 1020px) {
.cs-footer__item {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
padding: 0;
}
}
.cs-footer__item-line {
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-footer__col {
display: flex;
align-items: center;
justify-content: center;
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 {
flex-direction: column;
}
.cs-footer__col.cs-col-left {
justify-content: flex-start;
}
@media (min-width: 1020px) {
.cs-footer__col.cs-col-left:not(:only-child) {
padding-right: 20px;
}
}
.cs-footer__col.cs-col-center {
justify-content: center;
max-width: 100%;
}
.cs-footer__col.cs-col-center:only-child {
justify-content: flex-start;
}
@media (min-width: 1020px) {
.cs-footer__col.cs-col-center:not(:only-child) {
padding-right: 20px;
padding-left: 20px;
}
}
.cs-footer__col.cs-col-right {
justify-content: flex-end;
}
@media (min-width: 1020px) {
.cs-footer__col.cs-col-right:not(:only-child) {
padding-left: 20px;
}
}
.cs-footer__col.cs-col-top {
width: 100%;
max-width: 100%;
padding: 50px 0 20px 0;
}
@media (min-width: 1020px) {
.cs-footer__col-compact {
padding: 20px 0;
}
}
.cs-footer__inner {
display: flex;
flex-direction: column;
align-items: center;
}
.cs-footer__inner > *:not(:first-child) {
margin-top: 1rem;
}
@media (min-width: 1020px) {
.cs-footer__inner {
align-items: flex-start;
}
.cs-footer__inner > *:not(:first-child) {
margin-top: 1.25rem;
}
}
.cs-footer__logo {
display: block;
white-space: nowrap;
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=dark] .cs-footer__logo.cs-logo-dark, footer[data-scheme=inverse] .cs-footer__logo.cs-logo-dark {
display: block;
}
footer[data-scheme=dark] .cs-footer__logo.cs-logo-default, footer[data-scheme=inverse] .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 {
color: var(--cs-color-secondary);
transition: 0.25s;
text-decoration: underline;
}
.cs-footer__desc a:hover {
color: var(--cs-color-accent);
text-decoration: none;
}
.cs-footer__nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
@media (min-width: 1020px) {
.cs-footer__nav {
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: flex;
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);
transition: 0.25s;
}
.cs-footer__nav a:hover {
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: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 1200px) {
.cs-footer__nav.cs-nav-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 60px;
grid-row-gap: 0.25rem;
justify-items: stretch;
align-items: stretch;
}
}
@media (min-width: 1200px) {
.cs-footer__nav.cs-nav-grid li:not(:last-child) {
margin-right: 0;
}
}
.cs-footer__nav.cs-nav-columns {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 30px;
justify-content: flex-start;
width: 100%;
}
.cs-footer__nav.cs-nav-columns .menu-item-has-children > a {
font-family: var(--cs-font-section-subheadings-family), sans-serif;
font-size: var(--cs-font-section-subheadings-size);
font-weight: var(--cs-font-section-subheadings-weight);
font-style: var(--cs-font-section-subheadings-style);
letter-spacing: var(--cs-font-section-subheadings-letter-spacing);
text-transform: var(--cs-font-section-subheadings-text-transform);
color: var(--cs-color-secondary);
}
.cs-footer__nav.cs-nav-columns .menu-item-has-children > a:hover {
color: var(--cs-color-accent);
}
.cs-footer__nav.cs-nav-columns > li {
padding: 0;
}
.cs-footer__nav.cs-nav-columns > li:not(:last-child) {
margin-right: 0;
}
.cs-footer__nav.cs-nav-columns .sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.cs-footer__nav.cs-nav-columns .sub-menu:not(:first-child) {
margin-top: 1.5rem;
}
.cs-footer__nav.cs-nav-columns .sub-menu li:not(:first-child) {
margin-top: 1rem;
}
.cs-footer__info {
width: 300px;
max-width: 100%;
color: var(--cs-color-secondary);
text-align: center;
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);
}
@media (min-width: 1020px) {
.cs-footer__info {
text-align: right;
}
} .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));
justify-content: center;
}
}
.single .cs-entry__header-info {
max-width: var(--cs-entry-content-medium-width);
margin: 0 auto;
}
.single .cs-sidebar-disabled.cs-metabar-disabled .cs-entry__header-info {
max-width: var(--cs-entry-content-width);
}
.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));
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media (min-width: 1200px) {
.single .cs-metabar-enabled .cs-entry__container {
-moz-column-gap: 40px;
column-gap: 40px;
}
}
.single .cs-metabar-disabled .cs-entry__container {
grid-template-columns: minmax(0, var(--cs-entry-content-width));
justify-content: center;
}
.single .cs-metabar-disabled.cs-sidebar-enabled .cs-entry__container {
grid-template-columns: minmax(0, 1fr);
}
@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 {
width: 100vw !important;
max-width: 100vw;
margin: 48px 0;
margin-left: calc( -50vw + 50% );
transform: translateX(0);
}
.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 {
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 {
transform: translateX(calc((1160px - var(--cs-entry-content-width)) / 2 * -1));
}
}
@media (min-width: 1020px) {
.cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignfull {
transform: translateX(-50px);
}
}
@media (min-width: 1020px) {
.single .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignwide {
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 {
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% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.cs-nextpost-section {
border-top: 1px var(--cs-color-contrast-200) solid;
}
.cs-nextpost-section .cs-entry__header-large {
top: -1px;
} .cs-sidebar-enabled .cs-sidebar__area {
order: 2;
}
@media (min-width: 1020px) {
.cs-sidebar-right .cs-sidebar__area {
order: 2;
}
.cs-sidebar-left .cs-sidebar__area {
order: 1;
}
}
.cs-sidebar__inner {
-moz-column-count: 1;
column-count: 1;
-moz-column-gap: 40px;
column-gap: 40px;
}
.cs-sidebar__inner .widget {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
@media (min-width: 720px) {
.cs-sidebar__inner {
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 1020px) {
.cs-sidebar__inner {
-moz-column-count: 1;
column-count: 1;
}
}
@supports (position: sticky) or (position: -webkit-sticky) {
@media (min-width: 1020px) {
.cs-sticky-sidebar-enabled.cs-stick-to-top .cs-sidebar__area {
display: flex;
flex-direction: column;
}
.cs-sticky-sidebar-enabled.cs-stick-to-top .cs-sidebar__inner {
position: relative;
position: sticky;
top: 0;
flex: initial;
transition: 0.4s;
}
.cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__area {
display: flex;
flex-direction: column;
}
.cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__inner {
position: relative;
position: sticky;
bottom: 2rem;
flex: 0 0 auto;
margin-top: auto;
}
.cs-sticky-sidebar-enabled.cs-stick-last .cs-sidebar__inner {
display: flex;
flex-direction: column;
height: 100%;
}
.cs-sticky-sidebar-enabled.cs-stick-last .cs-sidebar__inner .widget:last-child {
position: relative;
position: sticky;
top: 3rem;
transition: 0.4s;
}
}
}
@-moz-document url-prefix() {
@media (min-width: 1020px) {
.cs-sticky-sidebar-enabled.cs-stick-to-bottom .cs-sidebar__inner {
flex: initial;
top: 0;
bottom: initial;
margin-top: initial;
transition: 0.4s;
}
}
} .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 {
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (min-width: 1200px) {
.cs-main-content {
-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;
justify-content: space-between;
}
}
.cs-sidebar-left .cs-main-content .cs-entry__metabar {
order: 1;
}
.cs-sidebar-left .cs-main-content .cs-entry__content-wrap {
order: 0;
}
.cs-content-area {
position: relative;
font-size: var(--cs-font-post-content-size);
}
.cs-sidebar-enabled .cs-content-area {
order: 1;
}
@media (min-width: 1020px) {
.cs-sidebar-right .cs-content-area {
order: 1;
}
.cs-sidebar-left .cs-content-area {
order: 2;
}
} .cs-site-subscribe {
padding: 60px;
background-color: var(--cs-color-contrast-50);
}
.cs-footer .cs-site-subscribe {
background-color: transparent;
}
@media (min-width: 1200px) {
.cs-site-subscribe {
padding: 4rem 0;
}
}
.cs-site-subscribe__item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cs-site-subscribe__item > *:not(:last-child) {
margin-right: 0;
margin-bottom: 1rem;
}
@media (min-width: 1200px) {
.cs-site-subscribe__item {
flex-direction: row;
}
.cs-site-subscribe__item > *:not(:last-child) {
margin-right: 120px;
margin-bottom: 0;
}
}
.cs-site-subscribe__title {
font-size: 1.25rem;
}
.cs-site-subscribe__info-text {
color: var(--cs-color-secondary);
}
.cs-site-subscribe__text {
display: flex;
flex-direction: column;
text-align: center;
flex: 0 1 auto;
}
@media (min-width: 1200px) {
.cs-site-subscribe__text {
text-align: left;
}
}
.cs-site-subscribe__text .cs-subscribe-text {
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-site-subscribe__text .cs-subscribe-arrow {
display: none;
flex: 0 0 auto;
width: 6.25rem;
margin-left: 90px;
}
@media (min-width: 1200px) {
.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: flex;
flex: 1 1 auto;
flex-direction: column;
}
@media (min-width: 1200px) {
.cs-site-subscribe__form {
flex-direction: row;
}
}
.cs-site-subscribe__info {
max-width: 100%;
margin-bottom: 1rem;
margin-right: 0;
text-align: center;
}
@media (min-width: 1200px) {
.cs-site-subscribe__info {
flex: 0 0 35%;
max-width: 35%;
margin-right: 30px;
margin-bottom: 0;
text-align: left;
}
} .cs-content-area {
--cs-post-area-align-content: flex-start;
--cs-post-area-content-padding: 0px;
--cs-post-area-content-border-radius: 0;
--cs-post-area-content-background: none;
--cs-post-area-content-border: 0px;
--cs-post-area-align-image: stretch;
}
.cs-posts-area {
--cs-post-area-separator-width: 1px;
--cs-post-area-separator-color: var(--cs-color-contrast-200);
}
.cs-posts-area .cs-video-bg-init .cs-player-control {
transition: 0.25s;
}
.cs-posts-area .cs-video-bg-init .cs-player-control:after {
font-size: var(--cs-font-post-content-size);
}
.cs-posts-area .cs-video-bg-init .cs-player-control:hover {
background-color: var(--cs-color-accent);
color: var(--cs-color-accent-contrast);
}
.cs-section-heading + .cs-posts-area {
margin-top: 1.5rem;
}
.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), 1fr);
}
.cs-entry-minimalist {
border-radius: var(--cs-image-border-radius);
-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));
overflow: hidden;
}
.cs-entry-minimalist .cs-entry__outer {
display: flex;
flex-direction: column;
height: 100%;
padding: 30px;
background-color: var(--cs-color-contrast-50);
}
.cs-entry-minimalist .cs-entry__inner:first-child {
position: relative;
margin-bottom: auto;
}
.cs-entry-minimalist .cs-entry__content:only-child {
margin-top: auto;
margin-bottom: 0;
}
.cs-entry-minimalist .cs-entry__details > * {
margin-top: 0;
}
.cs-entry-overlay .cs-entry__outer {
height: 100%;
flex-direction: row;
background: var(--cs-color-overlay-background);
border-radius: var(--cs-image-border-radius);
-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));
overflow: hidden;
}
.cs-entry-overlay .cs-entry__outer .cs-entry__thumbnail {
border-radius: 0;
}
.cs-entry-overlay .cs-entry__content {
display: flex;
flex-direction: column;
}
.cs-entry-overlay .cs-entry__details {
margin-bottom: auto;
padding-bottom: 2rem;
}
.cs-entry-overlay .cs-entry__details > * {
margin-top: 0;
}
.cs-entry-overlay .cs-entry__details-data {
flex: 0 1 auto;
}
.cs-entry-overlay .cs-entry__data:only-child {
margin-top: auto;
}
.cs-posts-area__list .cs-entry:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-area-grid-gap) / 2 );
width: 100%;
height: 1px;
background: var(--cs-color-contrast-200);
}
.cs-posts-area__list .cs-entry__content {
justify-content: var(--cs-post-area-align-content);
}
.cs-posts-area__list .cs-entry__outer {
display: flex;
flex-direction: column;
}
@media (min-width: 720px) {
.cs-posts-area__list .cs-entry__outer {
flex-direction: row;
}
}
.cs-posts-area__list .cs-entry__thumbnail {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
}
@media (min-width: 720px) {
.cs-posts-area__list .cs-entry__thumbnail {
flex: 0 0 50%;
max-width: 50%;
margin-right: 2rem;
}
}
@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 {
align-self: flex-start;
}
}
.cs-posts-area__list .cs-entry__content {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
max-width: 100%;
}
.cs-posts-area__list .cs-meta-author {
width: 100%;
}
@media (min-width: 720px) {
.cs-posts-area__list.cs-posts-area__image-width-one-third .cs-entry__thumbnail {
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
.cs-posts-area__alt .cs-entry__row {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 40px;
grid-row-gap: 1rem;
}
@media (min-width: 720px) {
.cs-posts-area__alt .cs-entry__row {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
}
.cs-posts-area__alt .cs-entry__row:not(:first-child) {
margin-top: 1rem;
}
.cs-posts-area__alt .cs-entry__col {
display: flex;
flex-direction: column;
}
.cs-posts-area__alt .cs-entry__col > *:last-child {
padding-top: 1rem;
margin-top: auto;
}
.cs-posts-area__alt .cs-entry__col > *:only-child {
padding-top: 0;
margin-top: 0;
}
.cs-posts-area__alt .cs-entry__col .cs-entry__read-more {
margin-top: auto;
}
.cs-posts-area__alt .cs-entry__col .cs-entry__details {
padding-top: 0;
}
.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);
margin-top: 2rem;
padding-top: 30px;
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-posts-area__full .more-link {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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__withsidebar .cs-entry__header-info {
width: 100%;
}
.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 {
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;
}
.cs-posts-area__type-mixed .cs-posts-area__alt {
position: relative;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid var(--cs-color-contrast-200);
}
.cs-posts-area__type-mixed .cs-posts-area__alt:first-child {
margin-top: 0;
}
.cs-posts-area__type-mixed .cs-posts-area__alt:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
} .cs-flickity-init .flickity-enabled {
position: relative;
padding-bottom: 0;
}
.cs-flickity-init .flickity-enabled:focus {
outline: none;
}
.cs-flickity-init .flickity-enabled.is-animate .flickity-viewport {
transition: height 0.2s;
}
.cs-flickity-init .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cs-flickity-init .flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.cs-flickity-init .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.cs-flickity-init .flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.cs-flickity-init .flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.cs-flickity-init .flickity-button {
position: absolute;
background: #fff;
border: none;
color: #333;
transition: all 0.2s;
}
.cs-flickity-init .flickity-button:hover {
box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1);
opacity: 1;
cursor: pointer;
}
.cs-flickity-init .flickity-button:focus {
outline: none;
box-shadow: 0 0 0 5px #19F;
}
.cs-flickity-init .flickity-button:active {
opacity: 1;
}
.cs-flickity-init .flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.cs-flickity-init .flickity-button-icon {
fill: #333;
}
.cs-flickity-init .flickity-prev-next-button {
top: 50%;
width: 50px;
height: 50px; margin-top: -22px;
border-radius: 50%;
}
.cs-flickity-init .flickity-prev-next-button.previous {
left: 1rem;
}
.cs-flickity-init .flickity-prev-next-button.next {
right: 1rem;
}
.cs-flickity-init .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.cs-flickity-init .flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.cs-flickity-init .flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 30%;
top: 30%;
width: 40%;
height: 40%;
}
.cs-flickity-init .flickity-pages {
position: relative;
}
.cs-flickity-init .flickity-page-info {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
display: flex;
align-items: center;
font-size: 0.75rem;
line-height: 1;
}
.cs-flickity-init .flickity-page-info span:not(:last-child) {
margin-right: 0.25rem;
}
.cs-flickity-init .flickity-page-dots {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 3rem 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
list-style: none;
text-align: center;
line-height: 1;
}
.cs-flickity-init .flickity-page-dots .dot {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 3px;
border: solid 1px #e6e6e6;
border-radius: 50%;
cursor: pointer;
}
.cs-flickity-init .flickity-page-dots .dot:after {
content: "";
display: block;
width: 8px;
height: 8px;
margin: 3px;
border-radius: 50%;
background: #fff;
}
.cs-flickity-init .flickity-page-dots .dot.is-selected {
border-color: #000;
}
.cs-flickity-init .flickity-page-dots .dot.is-selected:after {
background: #000;
}
.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: flex;
flex-direction: column;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__outer {
height: 100%;
display: flex;
flex-direction: column;
flex: 1 1 auto;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__outer:hover .cs-entry__data-transform {
transform: translate3d(0, 30px, 0);
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__outer:hover .cs-entry__data-transform .cs-entry__post-meta:last-child {
opacity: 1;
}
.cnvs-block-posts-layout-tile-type-1 .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-tile-type-1 .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__data {
z-index: 2;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__data .cs-overlay-link {
position: absolute;
z-index: 1;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__data-transform {
transform: translate3d(0, 80px, 0);
transition: 0.25s;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__data-transform .cs-entry__bottom .cs-entry__post-meta {
opacity: 0;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__bottom .cs-entry__post-meta:last-child {
justify-content: space-around;
margin-top: 1rem;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child) {
padding-right: 0;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child):before {
display: none;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-tile-type-1 .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-tile-type-1 .cs-video-controls {
display: none;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-tile-type-1 .cs-video-controls {
display: flex;
top: 30px;
right: 30px;
}
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__items {
position: relative;
width: calc(100% + 30px);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__items .flickity-viewport {
display: flex;
flex-direction: column;
flex: 1;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__cell {
display: flex;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
min-height: 100%;
padding-right: 30px;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__cell .cnvs-block-posts {
width: 100%;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__sidebar {
position: relative;
display: flex;
justify-content: flex-end;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__sidebar:not(:first-child) {
margin-top: 1.5rem;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrows {
display: flex;
flex-direction: row;
justify-content: flex-end;
width: 100%;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
background: var(--cs-color-site-background);
font-family: "cs-icons";
font-size: 2rem;
transition: 0.25s;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-primary-border-radius);
cursor: pointer;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow:not(:last-child) {
margin-right: 1rem;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-entry {
display: flex;
flex-direction: column;
width: 100%;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-video-controls {
display: none;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-video-controls {
display: flex;
top: 30px;
right: 30px;
}
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .cs-carousel__info {
padding-bottom: 20px;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .flickity-page-dots {
position: absolute;
left: 30px;
bottom: 20px;
padding: 0;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-carousel-type-1 .cs-carousel .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry {
position: relative;
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry:not(:last-child):before {
content: "";
position: absolute;
bottom: calc( -1 * (var(--cs-posts-area-grid-gap) / 2));
right: 0;
width: 100%;
height: var(--cs-post-area-separator-width);
background: var(--cs-post-area-separator-color);
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry:not(:last-child):before {
width: calc(50% - 1.5rem);
}
.cs-posts-area__image-width-one-third .cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry:not(:last-child):before {
width: calc(66.6% - 1.5rem);
}
}
@media (min-width: 720px) and (min-width: 720px) {
.cs-posts-area__image-width-one-fourth .cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry:not(:last-child):before {
width: calc(75% - 1.5rem);
}
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__main.cs-display-column .cs-entry:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer {
padding: var(--cs-post-area-content-padding);
border: var(--cs-post-area-content-border) solid var(--cs-color-contrast-200);
border-radius: var(--cs-post-area-content-border-radius);
background: var(--cs-post-area-content-background);
overflow: hidden;
display: flex;
flex-direction: column;
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer .cs-entry__thumbnail {
margin: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2));
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer .cs-entry__thumbnail {
align-self: var(--cs-post-area-align-image);
}
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer .cs-entry__content {
background: var(--cs-post-area-content-background);
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer .cs-entry__thumbnail {
margin-right: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2));
margin-bottom: 0;
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer .cs-entry__thumbnail {
margin-right: 0;
margin-bottom: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2));
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer {
flex-direction: row;
}
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail {
flex: 0 0 100%;
border-radius: var(--cs-thumbnail-border-radius);
-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));
overflow: hidden;
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail {
flex: 0 0 calc( 50% + var(--cs-post-area-content-padding));
max-width: calc( 50% + var(--cs-post-area-content-padding));
}
}
.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__thumbnail .cs-overlay-background {
height: 100%;
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__thumbnail .cs-overlay-background img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content {
display: flex;
flex: 1;
flex-direction: column;
justify-content: var(--cs-post-area-align-content);
max-width: 100%;
margin-left: 0;
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-entry__content:not(:first-child) {
margin-top: 0;
margin-left: 1.5rem;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__image-width-one-third .cs-entry__thumbnail {
flex: 0 0 calc( 33.3% + var(--cs-post-area-content-padding));
max-width: calc( 33.3% + var(--cs-post-area-content-padding));
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__image-width-one-third.cs-posts-area__main.cs-display-column .cs-entry:before {
width: calc(66.6% - 1.5rem);
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__image-width-one-fourth .cs-entry__thumbnail {
flex: 0 0 calc( 25% + var(--cs-post-area-content-padding));
max-width: calc( 25% + var(--cs-post-area-content-padding));
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-horizontal-type-1 .cs-posts-area__image-width-one-fourth.cs-posts-area__main.cs-display-column .cs-entry:before {
width: calc(75% - 1.5rem);
}
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-display-column .cs-entry:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-area-grid-gap) / 2 );
width: 100%;
height: var(--cs-post-area-separator-width);
background: var(--cs-post-area-separator-color);
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-display-column .cs-entry:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-entry__outer {
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 {
position: relative;
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 2rem;
}
.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__thumbnail:after {
counter-increment: number-post;
content: counter(number-post);
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
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(--cs-font-base-size);
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail.cs-entry__overlay {
overflow: visible;
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail .cs-overlay-background {
border-radius: var(--cs-image-border-radius);
-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));
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-entry__content {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.cnvs-block-posts-layout-horizontal-type-2 .cs-entry__title {
font-size: 1rem;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-display-column .cs-entry:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-area-grid-gap) / 2 );
width: 100%;
height: var(--cs-post-area-separator-width);
background: var(--cs-post-area-separator-color);
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-display-column .cs-entry:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__outer {
display: flex;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail {
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 1rem;
overflow: hidden;
border-radius: var(--cs-image-border-radius);
-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));
}
.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-3 .cs-entry__content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__title {
font-size: 1rem;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-display-column .cs-entry:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-area-grid-gap) / 2 );
width: 100%;
height: var(--cs-post-area-separator-width);
background: var(--cs-post-area-separator-color);
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-display-column .cs-entry:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__outer {
display: flex;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.cnvs-block-posts-layout-horizontal-type-3 .cs-entry__title {
font-size: 1rem;
}
.cnvs-block-posts-layout-standard-type-1 .cs-entry__outer {
padding: var(--cs-post-area-content-padding);
border: var(--cs-post-area-content-border) solid var(--cs-color-contrast-200);
border-radius: var(--cs-post-area-content-border-radius);
background: var(--cs-post-area-content-background);
overflow: hidden;
height: 100%;
}
.cnvs-block-posts-layout-standard-type-1 .cs-entry__outer .cs-entry__thumbnail {
margin: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2));
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-standard-type-1 .cs-entry__outer .cs-entry__thumbnail {
align-self: var(--cs-post-area-align-image);
}
}
.cnvs-block-posts-layout-standard-type-1 .cs-entry__outer .cs-entry__content {
background: var(--cs-post-area-content-background);
}
.cnvs-block-posts-layout-standard-type-1 .cs-entry__outer .cs-entry__thumbnail {
margin-bottom: 0;
}
.cnvs-block-posts-layout-standard-type-1 .cs-entry.cs-entry-minimalist .cs-entry__outer {
padding: 30px;
background-color: var(--cs-color-contrast-50);
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__outer {
padding: var(--cs-post-area-content-padding);
border: var(--cs-post-area-content-border) solid var(--cs-color-contrast-200);
border-radius: var(--cs-post-area-content-border-radius);
background: var(--cs-post-area-content-background);
overflow: hidden;
height: 100%;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__outer .cs-entry__thumbnail {
margin: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2));
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-standard-type-2 .cs-entry__outer .cs-entry__thumbnail {
align-self: var(--cs-post-area-align-image);
}
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__outer .cs-entry__content {
background: var(--cs-post-area-content-background);
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__outer .cs-entry__thumbnail {
margin-bottom: 0;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__row {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 40px;
grid-row-gap: 1rem;
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-standard-type-2 .cs-entry__row {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__row:not(:first-child) {
margin-top: 1rem;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col {
display: flex;
flex-direction: column;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col .cs-entry__details {
flex: 0 1 auto;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col .cs-entry__details:not(:first-child) > * {
margin-top: 0;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col > *:last-child {
padding-top: 1rem;
margin-top: auto;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col > *:only-child {
padding-top: 0;
margin-top: 0;
}
.cnvs-block-posts-layout-standard-type-2 .cs-entry__col .cs-entry__read-more {
margin-top: auto;
}
.cnvs-block-posts-layout-wide-type-1 {
--cs-image-wide-border-radius: var(--cs-image-border-radius);
display: flex;
flex-direction: column;
}
.cnvs-block-posts-layout-wide-type-1 .cnvs-block-posts-inner {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__wrap {
flex: 1 1 auto;
display: flex;
flex-direction: row;
border-radius: var(--cs-image-wide-border-radius);
-webkit-clip-path: inset(0 0 0 0 round var(--cs-image-wide-border-radius));
clip-path: inset(0 0 0 0 round var(--cs-image-wide-border-radius));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__wrap > .cs-overlay-background img {
transform: scale(1);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__wrap:hover > .cs-overlay-background:after {
opacity: 1 !important;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__wrap:hover > .cs-overlay-background img {
transform: scale(1.05);
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__inner {
position: relative;
}
.cnvs-block-posts-layout-wide-type-1 .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
}
.cnvs-block-posts-layout-wide-type-1 .cs-overlay-content .cs-entry__details {
width: 100%;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__row {
margin-top: 2rem;
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__row .cs-entry__outer {
display: flex;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col {
margin-top: 1rem;
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col {
flex: 0 0 50%;
max-width: 50%;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col:nth-child(n+3) {
margin-top: 1rem;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col {
flex: 0 0 25%;
max-width: 25%;
margin-top: 0;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col:nth-child(n+3) {
margin-top: 0;
}
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-entry__title {
font-size: 0.875rem;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-entry__thumbnail {
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 1rem;
overflow: hidden;
border-radius: var(--cs-image-border-radius);
-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));
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-entry__thumbnail img {
border-radius: 0;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .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-wide-type-1 .cs-layout-wide__col .cs-entry {
border-radius: 0;
background: none;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-entry__content {
display: flex;
flex-direction: column;
justify-content: center;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-overlay-background {
position: relative;
}
.cnvs-block-posts-layout-wide-type-1 .cs-layout-wide__col .cs-overlay-ratio:not(.cs-ratio-original) .cs-overlay-background {
position: absolute;
}
.cnvs-block-posts-layout-wide-type-1 .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-wide-type-1 .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-wide-type-1 .cs-video-controls {
display: none;
top: 40px;
right: 40px;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-1 .cs-video-controls {
display: flex;
}
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__wrap {
position: relative;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__items {
width: calc(100% + 30px);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__items:not(.flickity-enabled) .cs-wide-carousel__cell:not(:first-child) {
display: none;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__cell {
display: flex;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
min-height: 100%;
padding-right: 30px;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-carousel__info {
max-width: 100%;
padding-bottom: 40px;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-carousel__info {
max-width: calc(100% - 160px);
}
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrows {
position: absolute;
display: none;
right: 30px;
bottom: 30px;
z-index: 2;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrows {
display: flex;
}
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
font-family: "cs-icons";
font-size: 2rem;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-primary-border-radius);
transition: 0.25s;
cursor: pointer;
z-index: 2;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow-previous {
margin-right: 20px;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel__arrow-previous:hover {
border: 1px solid var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .flickity-page-dots {
position: absolute;
left: 30px;
bottom: 30px;
padding: 0;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-entry {
display: flex;
flex-direction: column;
width: 100%;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-video-controls {
display: none;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-2 .cs-wide-carousel .cs-video-controls {
display: flex;
top: 30px;
right: 30px;
}
}
.cnvs-block-posts-layout-wide-type-3 {
--cs-carousel-columns: 1;
--cs-carousel-gap: 30px;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-gap: var(--cs-carousel-gap);
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel {
grid-template-columns: minmax(0, 1fr) calc(var(--cs-carousel-gap) * 2);
}
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__items {
position: relative;
width: calc(100% + var(--cs-carousel-gap));
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__cell {
display: flex;
flex: 0 0 calc(100% / var(--cs-carousel-columns));
max-width: calc(100% / var(--cs-carousel-columns));
width: 100%;
min-height: 100%;
padding-right: var(--cs-carousel-gap);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__sidebar {
position: relative;
display: flex;
justify-content: flex-end;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrows {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
width: 100%;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrows {
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrows .cs-wide-carousel__arrow {
width: 100%;
height: 50%;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrows .cs-wide-carousel__arrow:first-child {
margin-left: 0;
margin-bottom: 0.5rem;
}
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
background: var(--cs-color-site-background);
font-family: "cs-icons";
font-size: 2rem;
border: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
border-radius: var(--cs-primary-border-radius);
cursor: pointer;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow:first-child {
margin-left: 0.5rem;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry {
display: flex;
flex-direction: column;
width: 100%;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__outer:hover .cs-entry__data-transform {
transform: translate3d(0, 30px, 0);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__outer:hover .cs-entry__data-transform .cs-entry__post-meta:last-child {
opacity: 1;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-video-controls {
top: 30px;
right: 30px;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__data {
z-index: 2;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__data .cs-overlay-link {
position: absolute;
z-index: 1;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__data-transform {
transform: translate3d(0, 80px, 0);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__data-transform .cs-entry__bottom .cs-entry__post-meta {
opacity: 0;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__bottom .cs-entry__post-meta:last-child {
justify-content: space-around;
margin-top: 1rem;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child) {
padding-right: 0;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child):before {
display: none;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .flickity-page-dots {
padding: 20px 0 0 0;
justify-content: flex-start;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-3 .cs-wide-carousel .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-wide-type-4 {
--cs-carousel-columns: 1;
--cs-carousel-gap: 30px;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-gap: var(--cs-carousel-gap);
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel {
grid-template-columns: minmax(0, 1fr) calc(var(--cs-carousel-gap) * 2);
}
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__items {
position: relative;
width: calc(100% + var(--cs-carousel-gap));
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__cell {
display: flex;
flex: 0 0 calc(100% / var(--cs-carousel-columns));
max-width: calc(100% / var(--cs-carousel-columns));
width: 100%;
min-height: 100%;
padding-right: var(--cs-carousel-gap);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__sidebar {
position: relative;
display: flex;
justify-content: flex-end;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrows {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
width: 100%;
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrows {
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrows .cs-wide-carousel__arrow {
width: 100%;
height: 50%;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrows .cs-wide-carousel__arrow:first-child {
margin-left: 0;
margin-bottom: 0.5rem;
}
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
background: var(--cs-color-site-background);
font-family: "cs-icons";
font-size: 2rem;
border: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
border-radius: var(--cs-primary-border-radius);
cursor: pointer;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow:first-child {
margin-left: 0.5rem;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .cs-entry {
display: flex;
flex-direction: column;
width: 100%;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .cs-entry__outer {
flex: 1 1 auto;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .cs-entry__content:not(:first-child) {
margin-top: 1rem;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .flickity-page-dots {
padding: 20px 0 0 0;
justify-content: flex-start;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-wide-type-4 .cs-wide-carousel .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider {
position: relative;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__items {
position: relative;
width: 100%;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 600px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) {
max-width: 600px;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) {
max-width: 1200px;
}
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) .cs-entry {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) .cs-entry:before {
display: none;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__items:not(.flickity-enabled) .cs-slider__cell {
width: 100%;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
display: flex;
flex: none;
min-height: 100%;
}
@media (min-width: 600px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell {
max-width: 600px;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell {
max-width: 1200px;
}
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell.is-selected .cs-entry {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__cell.is-selected .cs-entry:before {
display: none;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrows {
display: flex;
justify-content: flex-end;
padding-top: 20px;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
font-family: "cs-icons";
font-size: 2rem;
line-height: 1;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-primary-border-radius);
transition: 0.25s;
cursor: pointer;
z-index: 2;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow-previous {
margin-right: 0.5rem;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-large-type-1 .cs-slider__arrow-previous:hover {
border: 1px solid var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
position: absolute;
left: 50%;
bottom: -60px;
transform: translateX(-50%);
padding-top: 0;
padding-right: 200px;
justify-content: flex-start;
}
@media (min-width: 600px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots {
max-width: 600px;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots {
max-width: 1200px;
}
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
border-radius: var(--cs-image-border-radius);
-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));
overflow: hidden;
opacity: 0.6;
transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__outer:hover .cs-entry__data-transform {
transform: translate3d(0, 30px, 0);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__outer:hover .cs-entry__data-transform .cs-entry__post-meta:last-child {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__data {
z-index: 2;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__data .cs-overlay-link {
position: absolute;
z-index: 1;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__data-transform {
transform: translate3d(0, 80px, 0);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__data-transform .cs-entry__bottom .cs-entry__post-meta {
opacity: 0;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child {
justify-content: space-around;
margin-top: 1rem;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child) {
padding-right: 0;
}
.cnvs-block-posts-layout-large-type-1 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child):before {
display: none;
}
.cnvs-block-posts-layout-large-type-2 {
--cs-carousel-columns: 1;
--cs-carousel-gap: 30px;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider {
position: relative;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items {
position: relative;
width: 100%;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
justify-content: center;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items:not(.flickity-enabled) .cs-entry {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items:not(.flickity-enabled) .cs-entry:before {
display: none;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items.cs-groupcells-active .cs-entry {
opacity: 0.6;
transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__items.cs-groupcells-active .cs-entry:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell {
display: flex;
width: 100%;
min-height: 100%;
margin-right: 0;
padding: 0 20px;
}
@media (min-width: 600px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell {
flex: 0 0 calc((560px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
max-width: calc((560px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
margin-right: var(--cs-carousel-gap);
padding: 0;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell {
flex: 0 0 calc((680px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
max-width: calc((680px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
margin-right: var(--cs-carousel-gap);
padding: 0;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell {
flex: 0 0 calc((980px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
max-width: calc((980px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
margin-right: var(--cs-carousel-gap);
padding: 0;
}
}
@media (min-width: 1200px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell {
flex: 0 0 calc((1160px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
max-width: calc((1160px / var(--cs-carousel-columns)) - ((var(--cs-carousel-gap) / var(--cs-carousel-columns)) * (var(--cs-carousel-columns) - 1)));
margin-right: var(--cs-carousel-gap);
padding: 0;
}
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell.is-selected .cs-entry {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__cell.is-selected .cs-entry:before {
display: none;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrows {
display: flex;
justify-content: flex-end;
padding-top: 20px;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
font-family: "cs-icons";
font-size: 2rem;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-primary-border-radius);
transition: 0.25s;
cursor: pointer;
z-index: 2;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow-next:before {
content: "";
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow-previous {
margin-right: 0.5rem;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow-previous:before {
content: "";
}
.cnvs-block-posts-layout-large-type-2 .cs-slider__arrow-previous:hover {
border: 1px solid var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
position: absolute;
left: 50%;
bottom: -60px;
transform: translateX(-50%);
padding-top: 0;
padding-right: 200px;
justify-content: flex-start;
}
@media (min-width: 600px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots {
max-width: 600px;
}
}
@media (min-width: 720px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots {
max-width: 1200px;
}
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots .dot {
position: relative;
margin: 0;
border: none;
transition: 0.25s;
padding: 0 8px;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots .dot:after {
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
background-color: var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots .dot:hover:after {
background-color: var(--cs-color-accent);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .flickity-page-dots .dot.is-selected:after {
background-color: var(--cs-color-primary);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry {
display: flex;
flex-direction: column;
width: 100%;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__outer:hover .cs-entry__data-transform {
transform: translate3d(0, 30px, 0);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__outer:hover .cs-entry__data-transform .cs-entry__post-meta:last-child {
opacity: 1;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__title {
max-width: calc(300px + 20%);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__excerpt {
max-width: calc(300px + 30%);
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-video-controls {
top: 30px;
right: 30px;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__data {
z-index: 2;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__data .cs-overlay-link {
position: absolute;
z-index: 1;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__data-transform {
transform: translate3d(0, 80px, 0);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__data-transform .cs-entry__bottom .cs-entry__post-meta {
opacity: 0;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child {
justify-content: space-around;
margin-top: 1rem;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child) {
padding-right: 0;
}
.cnvs-block-posts-layout-large-type-2 .cs-slider .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child):before {
display: none;
} .cs-tiles-categories {
--cs-categories-grid-columns: 4;
--cs-categories-grid-gap: 40px;
width: 100%;
}
.cs-tiles-categories__wrap {
display: grid;
grid-gap: var(--cs-categories-grid-gap);
grid-template-columns: repeat(var(--cs-categories-grid-columns), 1fr);
}
.cs-tiles-categories__item {
display: flex;
flex-direction: column;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.cs-tiles-categories__item:hover .cs-tiles-categories__info .cs-tiles-categories__bottom {
transform: translateY(0);
}
.cs-tiles-categories__item:hover .cs-tiles-categories__label {
background-color: var(--cs-color-accent);
}
.cs-tiles-categories__inner {
position: relative;
width: 100%;
height: 100%;
transition: 0.25s;
}
.cs-tiles-categories__thumbnail {
margin-bottom: 0;
overflow: hidden;
z-index: 0;
}
.cs-tiles-categories__thumbnail img {
display: block;
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-tiles-categories__info {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 0 20px;
transition: 0.25s;
overflow: hidden;
}
.cs-tiles-categories__info .cs-tiles-categories__bottom {
transform: translateY(100%);
padding: 16px;
margin-left: -20px;
margin-right: -20px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.cs-tiles-categories__info .cs-tiles-categories__bottom:not(:first-child) {
margin-top: auto;
}
.cs-tiles-categories__info .cs-entry__post-meta {
justify-content: space-around;
}
.cs-tiles-categories__label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-self: center;
align-items: center;
justify-content: center;
padding: 8px 20px;
word-break: normal;
white-space: nowrap;
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);
background-color: rgba(0, 0, 0, 0.3);
color: var(--cs-color-primary);
border-radius: var(--cs-additional-border-radius);
transition: 0.25s;
}
.cs-tiles-categories__number {
display: block;
text-align: center;
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);
}
.cs-tiles-categories .cs-overlay-background {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
} .cs-search__form .cs-search__container {
display: flex;
flex-direction: row;
align-items: center;
overflow: hidden;
}
.cs-search__form .cs-search__container input {
flex: 1 1 auto;
height: 50px;
width: 1%;
border-radius: var(--cs-primary-border-radius) 0 0 var(--cs-primary-border-radius);
border: 1px solid var(--cs-color-contrast-200);
border-right: none;
}
.cs-search__form .cs-search__submit {
min-width: 130px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 0.625rem 1.5rem;
border-radius: auto;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
border-radius: 0 var(--cs-primary-border-radius) var(--cs-primary-border-radius) 0;
}
.cs-search__form .cs-search__submit:focus, .cs-search__form .cs-search__submit:hover {
outline: none;
}
.cs-search__form .cs-search__submit:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
} body {
counter-reset: number-post;
}
.cs-entry__wrap:not(:first-child) {
margin-top: 3rem;
}
.cs-entry__inner:not(:first-child) {
margin-top: 1.5rem;
}
.cs-entry__content {
position: relative;
}
.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-entry__overlay {
border-radius: var(--cs-image-border-radius);
-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));
overflow: hidden;
}
.cs-entry__thumbnail .cs-video-wrapper {
border-radius: var(--cs-image-border-radius);
-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__title {
margin-top: 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.25rem;
}
.cs-entry__title:not(:first-child) {
margin-top: 0.5rem;
}
.cs-entry__title a {
display: block;
text-decoration: none;
color: var(--cs-color-title, var(--cs-color-primary));
transition: 0.25s;
}
[data-scheme=inverse] .cs-entry__title a {
color: #ffffff;
}
.cs-entry__title a:hover {
color: var(--cs-color-title-hover, var(--cs-color-secondary));
}
[data-scheme=inverse] .cs-entry__title a:hover {
color: rgba(255, 255, 255, 0.75);
}
.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-excerpt, var(--cs-color-contrast-800));
}
.cs-entry__excerpt:not(:first-child) {
margin-top: 0.5rem;
}
.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);
}
.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: flex;
align-items: center;
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: 1.25rem;
}
.cs-entry__category .post-categories {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.cs-entry__category .post-categories li {
display: inline-block;
}
.cs-entry__category li {
margin-top: 10px;
}
.cs-entry__category li:not(:last-child) {
margin-right: 10px;
}
.cs-entry__category a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
color: var(--cs-color-accent-contrast);
background: var(--cs-color-accent);
border-radius: var(--cs-primary-border-radius);
transition: 0.25s;
}
.cs-entry__category a:hover {
text-decoration: none;
background-color: var(--cs-color-accent-contrast);
color: var(--cs-color-primary);
}
.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__read-more:not(:first-child) {
margin-top: 1rem;
}
.cs-entry__read-more a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 0.75rem 1.5rem;
border-radius: var(--cs-primary-border-radius);
--cs-color-style: var(--cs-color-button-contrast);
--cs-color-style-contrast: var(--cs-color-button);
--cs-color-style-border: var(--cs-color-contrast-200);
--cs-color-style-hover: var(--cs-color-button);
--cs-color-style-hover-contrast: var(--cs-color-button-contrast);
--cs-color-style-hover-border: var(--cs-color-button);
border: 1px solid var(--cs-color-style-border);
background-color: var(--cs-color-style);
color: var(--cs-color-style-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);
}
.cs-entry__read-more a:focus, .cs-entry__read-more a:hover {
outline: none;
}
.cs-entry__read-more a:hover {
border: 1px solid var(--cs-color-style-hover-border);
background-color: var(--cs-color-style-hover);
color: var(--cs-color-style-hover-contrast);
}
.cs-entry__details {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.cs-entry__details:not(:first-child) > * {
margin-top: 1rem;
}
.cs-entry__details-data {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cs-entry__details-data .cs-author-avatar {
width: 40px;
border-radius: 50%;
overflow: hidden;
}
.cs-entry__details-data .cs-author-avatar a {
display: block;
}
.cs-entry__details-data .cs-author-avatar img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
}
.cs-entry__details-data .cs-author-avatar 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__details-data .cs-author-avatar:not(:first-child) {
margin-left: -10px;
}
.cs-entry__details-meta {
display: flex;
flex-wrap: wrap;
flex: 1;
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);
}
.cs-entry__details-meta:not(:first-child) {
margin-left: 0.5rem;
}
.cs-entry__details-meta .cs-entry__post-meta {
flex: 0 0 100%;
width: 100%;
}
.cs-entry__details-meta .cs-entry__post-meta:not(:first-child) {
margin-top: 0;
}
.cs-entry__author-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cs-entry__author-meta a {
position: relative;
color: var(--cs-color-meta-links, var(--cs-color-primary));
font-weight: 500;
}
.cs-entry__author-meta a:hover {
color: var(--cs-color-meta-links-hover, var(--cs-color-secondary));
}
.cs-entry__author-meta a:not(:last-child) {
margin-right: 10px;
padding-right: 10px;
}
.cs-entry__author-meta a:not(:last-child):before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 2px;
border-radius: 50%;
background-color: var(--cs-color-meta, var(--cs-color-secondary));
}
.cs-entry__after-share-buttons:not(:first-child) {
margin-top: 3rem;
}
.cs-entry .cs-overlay-content .read-more {
width: auto;
height: auto;
margin-top: auto;
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: "";
}
.cnvs-block-row-inner {
counter-reset: number-post;
}
.wp-block-columns {
counter-reset: number-post;
}
.cs-entry__header {
position: relative;
}
.cs-entry__header:not(:last-child) {
margin-bottom: 2.5rem;
}
.cs-entry__header .cs-entry__title {
word-break: break-word;
}
.cs-entry__header-standard .cs-video-controls {
position: static;
}
@media (min-width: 720px) {
.cs-entry__header-standard .cs-video-controls {
position: absolute;
top: 10px;
right: 10px;
}
}
@media (min-width: 1020px) {
.cs-entry__header-standard .cs-video-controls {
position: absolute;
top: 20px;
right: 20px;
}
}
.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-grid .cs-entry__post-media img {
border-radius: var(--cs-image-border-radius);
}
.cs-entry__header-grid .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-large:not(:last-child) {
margin-bottom: 0;
}
.cs-entry__media-large:not(:last-child) {
margin-bottom: 2.5rem;
}
@media (min-width: 720px) {
.cs-entry__media-large .cs-video-controls {
position: absolute;
top: 10px;
right: 10px;
}
}
@media (min-width: 1020px) {
.cs-entry__media-large .cs-video-controls {
position: absolute;
top: 20px;
right: 30px;
}
}
.cs-entry__media-large:first-child {
margin-top: -3rem;
}
.cs-entry__media-wrap {
display: flex;
position: relative;
}
.cs-entry__media-wrap:not(:first-child) {
margin-top: 2.5rem;
}
.cs-entry__header-wrap {
display: flex;
position: relative;
}
.cs-entry__header-wrap:not(:first-child) {
margin-top: 2.5rem;
}
.cs-entry__post-media {
margin: 0;
padding: 0;
}
.cs-entry__post-media a {
display: block;
}
.cs-entry__post-media img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.cs-entry__post-media:not(:first-child) {
margin-top: 2.5rem;
}
.cs-entry__header-grid .cs-entry__post-media:not(:first-child) {
margin-top: 0;
}
.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 {
z-index: 1;
}
.cs-entry__header-grid .cs-entry__header-inner {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 2rem;
align-items: center;
}
@media (min-width: 1020px) {
.cs-entry__header-grid .cs-entry__header-inner {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
grid-column-gap: 60px;
}
}
.cs-entry__header-info {
position: relative;
}
.cs-entry__header-info .cs-entry__title {
word-wrap: break-word;
font-size: 1.875rem;
line-height: 1.2;
}
.cs-entry__header-info .cs-entry__title:not(:first-child) {
margin-top: 1.25rem;
}
@media (min-width: 720px) {
.cs-entry__header-info .cs-entry__title {
font-size: 3rem;
}
}
.cs-entry__header-info .cs-entry__title span {
display: inline-block;
}
.cs-entry__header-info .cs-entry__subtitle:not(:first-child) {
margin-top: 2rem;
padding-top: 30px;
border-top: 1px solid var(--cs-color-contrast-200);
}
.cs-entry__header-grid .cs-entry__header-info {
width: 100%;
}
.cs-entry__header-overlay .cs-entry__header-info {
margin-top: auto;
padding-top: 1rem;
}
.cs-entry__header-details {
flex-direction: column;
align-items: flex-start;
}
@media (min-width: 720px) {
.cs-entry__header-details {
flex-direction: row;
}
}
.cs-entry__header-details:not(:first-child) > * {
margin-top: 2rem;
}
.cs-entry__post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
transition: 0.25s;
color: var(--cs-color-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);
}
.cs-entry__post-meta:not(:first-child) {
margin-top: 1rem;
}
.cs-entry__post-meta a {
color: var(--cs-color-meta-links);
font-size: inherit;
transition: 0.25s;
}
.cs-entry__post-meta a:hover {
color: var(--cs-color-meta-links-hover);
}
.cs-entry__post-meta > * {
display: flex;
}
.cs-entry__post-meta > *:not(:last-child) {
position: relative;
margin-right: 10px;
padding-right: 10px;
}
.cs-entry__post-meta > *:not(:last-child):before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 2px;
border-radius: 50%;
background-color: var(--cs-color-meta);
}
.cs-entry__post-meta .cs-meta-author {
display: flex;
align-items: center;
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 {
flex: none;
width: 34px;
height: 34px;
padding: 4px 0;
border-radius: 50%;
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: 500;
}
.cs-entry__post-meta .cs-meta-author-inner {
display: flex;
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:not(:last-child) {
padding-right: 4px;
}
.cs-entry__post-meta .cs-meta-category .post-categories li:not(:last-child):after {
content: ",";
position: absolute;
bottom: 0;
right: 0;
color: var(--cs-color-category);
}
.cs-entry__post-meta .cs-meta-category .post-categories li:hover a {
color: var(--cs-color-category-hover);
}
.cs-entry__post-meta .cs-meta-category .post-categories a {
color: var(--cs-color-category);
}
.cs-entry__post-meta .cs-meta-shares {
position: relative;
}
.cs-entry__post-meta .cs-meta-shares .cs-meta-share-total {
display: inline-flex;
align-items: center;
}
.cs-entry__post-meta .cs-meta-photos i {
color: #F00F00;
}
.cs-entry-format {
position: absolute;
left: 20px;
top: 20px;
z-index: 3;
}
.cs-entry-format > a.cs-format-icon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: 0.25s;
color: #fff;
}
.cs-entry-format > a.cs-format-icon:after {
position: relative;
width: auto;
font-family: "cs-icons";
font-weight: normal;
font-style: normal;
font-size: 1rem;
opacity: 1;
}
.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: "";
}
.cs-entry__post-related {
margin-top: 3rem;
}
.cs-entry__post-related .cs-section-heading {
margin-bottom: 2rem;
}
.cs-entry__post-related .cs-section-subheadings {
margin-bottom: 0;
}
.cs-entry__post-related .cs-entry__post-wrap {
display: flex;
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;
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 {
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 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cs-entry__post-related .cs-entry:not(:first-child) {
margin-top: 0;
}
.cs-entry__post-related .cs-entry:nth-child(n+4) {
margin-top: 2rem;
}
}
.cs-entry__post-related .cs-entry__post-meta {
margin-top: 1rem;
}
.cs-entry__post-related .cs-entry__details-data:not(:first-child) {
margin-top: 1rem;
}
.cs-entry__post-related .cs-entry__details-data .cs-entry__post-meta {
margin-top: 0;
}
.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: sticky;
top: 0;
transition: 0.4s;
}
}
.cs-entry__author {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 1px solid var(--cs-color-contrast-200);
padding-top: 40px;
}
.cs-entry__author:not(:first-child) {
margin-top: 3rem;
}
.cs-entry__author-inner {
display: flex;
flex-direction: column;
align-items: center;
}
.cs-entry__author-photo-wrapper {
display: flex;
align-items: center;
}
.cs-entry__author-photo {
flex: 0 0 60px;
width: 60px;
height: 60px;
border: 2px solid transparent;
overflow: hidden;
transition: 0.25s;
}
.cs-entry__author-photo img {
display: block;
width: auto;
-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-name-wrapper:not(:first-child) {
margin-left: 1rem;
}
.cs-entry__author-name {
display: block;
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);
font-size: var(--cs-font-base-size);
transition: 0.25s;
}
.cs-entry__author-name:hover {
color: var(--cs-color-secondary);
text-decoration: none;
}
.cs-entry__author-position {
display: block;
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-entry__author-info {
text-align: center;
}
.cs-entry__author-info:not(:first-child) {
margin-top: 20px;
}
.cs-entry__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);
}
.cs-entry__author-social {
margin-top: 20px;
}
.cs-entry__author-social .pk-social-links-link {
transition: color 0.25s;
font-size: 1rem;
}
.cs-entry__author-social .pk-social-links-items {
justify-content: center;
}
.cs-entry__prev-next {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 2rem;
}
.cs-entry__prev-next:not(:first-child) {
margin-top: 3rem;
}
@media (min-width: 1020px) {
.cs-entry__prev-next {
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
grid-column-gap: 40px;
}
}
.cs-entry__prev-next .cs-entry__title {
transition: 0.25s;
font-size: var(--cs-font-base-size);
}
.cs-entry__prev-next .cs-entry__title:not(:first-child) {
margin-top: 0.5rem;
}
.cs-entry__prev-next .cs-entry__title a:hover {
color: var(--cs-color-title);
}
.cs-entry__prev-next .cs-entry {
height: 100%;
padding: 30px;
background-color: var(--cs-color-contrast-50);
border-radius: var(--cs-common-border-radius);
overflow: hidden;
}
.cs-entry__prev-next .cs-entry:not(:first-child) {
margin-top: 2rem;
}
.cs-entry__next .cs-entry__prev-next .cs-entry {
justify-content: flex-end;
}
@media (min-width: 1020px) {
.cs-entry__next .cs-entry__prev-next .cs-entry {
justify-content: flex-start;
}
}
.cs-entry__prev-next .cs-entry a {
position: relative;
z-index: 2;
}
.cs-entry__prev-next .cs-entry__outer {
display: flex;
flex-direction: row;
}
.cs-entry__prev-next .cs-entry__thumbnail {
flex: none;
align-self: flex-start;
width: 70px;
overflow: hidden;
border-radius: var(--cs-image-border-radius);
-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__prev-next .cs-entry__thumbnail img {
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 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 0;
}
.cs-entry__prev-next .cs-entry__post-meta:not(:first-child) {
margin-top: 0.5rem;
}
.cs-entry__prev-next .cs-entry__post-meta .cs-meta-category .post-categories li a:hover {
color: var(--cs-color-category);
}
.cs-entry__prev-next-item {
position: relative;
display: flex;
flex-direction: column;
}
.cs-entry__prev-next-item:hover .cs-entry .cs-overlay-background:after {
opacity: 1 !important;
}
.cs-entry__prev-next-item:hover .cs-entry .cs-overlay-background img {
transform: scale(1.05);
}
.cs-entry__prev-next-item:hover .cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings {
transform: translateX(15px);
}
.cs-entry__prev-next-item:hover .cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings:before {
left: -15px;
opacity: 1;
}
.cs-entry__prev .cs-entry__content:not(:first-child) {
margin-left: 16px;
}
.cs-entry__next .cs-entry__outer {
justify-content: flex-end;
}
@media (min-width: 1020px) {
.cs-entry__next .cs-entry__outer {
justify-content: flex-start;
}
}
.cs-entry__next .cs-entry__thumbnail {
order: 1;
}
.cs-entry__next .cs-entry__content {
order: 0;
}
.cs-entry__next .cs-entry__content:not(:first-child) {
margin-right: 16px;
}
.cs-entry__next .cs-entry__prev-next-label {
text-align: right;
}
.cs-entry__next:hover .cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings {
transform: translateX(-15px);
}
.cs-entry__next:hover .cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings:before {
right: -15px;
left: auto;
opacity: 1;
}
.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-label {
position: relative;
display: flex;
align-items: center;
}
.cs-entry__next .cs-entry__prev-next-label {
justify-content: flex-end;
}
.cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings {
margin-bottom: 0;
position: relative;
transition: 0.25s;
}
.cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings:before {
content: "";
font-family: "cs-icons" !important;
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.25s;
}
.cs-entry__next .cs-entry__prev-next-label .cs-section-heading .cs-section-subheadings:before {
content: "";
left: auto;
right: 0;
}
.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 {
order: 0;
}
.cs-entry__next .cs-entry__prev-next-text:not(:first-child) {
margin-right: 10px;
}
.cs-entry__prev-next-type-2 .cs-entry {
padding: 0;
background: var(--cs-color-overlay-background);
}
.cs-entry__prev-next-type-2 .cs-entry:not(:first-child) {
margin-top: 2rem;
}
.cs-entry__prev-next-type-2 .cs-entry__outer {
height: 100%;
}
.cs-entry__prev-next-type-2 .cs-entry__title {
color: #fff;
}
.cs-entry__prev-next-type-2 .cs-entry__title a {
color: #fff;
}
.cs-entry__prev-next-type-2 .cs-entry__title:hover a {
color: rgba(255, 255, 255, 0.85);
}
.cs-entry__prev-next-type-2 .cs-entry__thumbnail {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.cs-entry__prev-next-type-2 .cs-entry__thumbnail img {
border-radius: 0;
}
.cs-entry__prev-next-type-2 .cs-overlay-background:after {
border-radius: 0;
}
.cs-entry__prev-next-type-2 .cs-entry__content:not(:first-child) {
margin: 0;
}
.cs-entry__prev-next-type-2 .cs-overlay-link {
display: none;
}
.cs-entry__prev-next-type-2 .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.cs-entry__prev-next-type-2 .cs-overlay-content .cs-entry__details {
margin-bottom: auto;
padding-bottom: 2rem;
}
.cs-entry__prev-next-type-2 .cs-overlay-content .cs-entry__details > * {
margin-top: 0;
}
.cs-entry__prev-next-type-2 .cs-overlay-content .cs-entry__details-data {
flex: 0 1 auto;
}
.cs-entry__prev-next-type-2 .cs-entry__details-meta .cs-entry__post-meta {
margin-top: 0;
}
.cs-entry__prev-next-type-2 .cs-entry__next {
text-align: right;
}
.cs-entry__prev-next-type-2 .cs-entry__next .cs-entry__post-meta {
justify-content: flex-end;
}
.cs-entry__prev-next-type-2 .cs-entry__next .cs-entry__details {
justify-content: flex-end;
}
.cs-entry__prev-next-type-2 .cs-entry__next .cs-author-avatar {
order: 1;
}
.cs-entry__prev-next-type-2 .cs-entry__next .cs-entry__details-meta {
order: 0;
justify-content: flex-end;
}
.cs-entry__prev-next-type-2 .cs-entry__next .cs-entry__details-meta:not(:first-child) {
margin-right: 0.5rem;
margin-left: 0;
}
.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: flex;
justify-content: center;
}
.cs-entry__comments-show:not(:first-child) {
margin-top: 3rem;
}
.cs-entry__comments-show button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
border-radius: auto;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
max-width: 100%;
}
.cs-entry__comments-show button:focus, .cs-entry__comments-show button:hover {
outline: none;
}
.cs-entry__comments-show button:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
.cs-entry__comments-show button:after {
margin-left: 0.5rem;
font-family: "cs-icons" !important;
content: "";
}
.cs-entry__comments-collapse {
display: none;
}
.title-comment-reply {
display: flex;
align-items: center;
}
.title-comment-reply a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
margin-left: 8px;
color: transparent;
overflow: hidden;
transition: 0.25s;
}
.title-comment-reply a:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--cs-color-primary);
font-family: "cs-icons";
content: "";
line-height: 1;
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);
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 .comment-author {
font-size: 0.875rem;
}
.comment-list .children {
margin: 0;
padding-left: 20px;
list-style: none;
}
@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);
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;
padding-bottom: 2rem;
border-top: 1px solid var(--cs-color-contrast-200);
border-bottom: 1px solid var(--cs-color-contrast-200);
}
.comment-body + .comment-respond {
border-top: 0;
}
.comment-form {
display: flex;
flex-wrap: wrap;
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 {
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
margin-bottom: 1.5rem;
}
.comment-form-author, .comment-form-email, .comment-form-url {
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 {
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] {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
border-radius: auto;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
}
.form-submit input[type=submit]:focus, .form-submit input[type=submit]:hover {
outline: none;
}
.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);
}
.logged-in-as a:hover {
color: var(--cs-color-accent);
text-decoration: none;
}
.cs-entry__tags:not(:first-child) {
margin-top: 3rem;
}
.cs-entry__tags ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
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: 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: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-additional-border-radius);
line-height: 1;
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__tags .cs-title-tags {
flex: 0 0 100%;
width: 100%;
margin-bottom: 2rem;
}
.cs-entry__tags .cs-title-tags h5 {
margin-bottom: 0;
}
.cs-entry__subscribe {
border-radius: var(--cs-common-border-radius);
padding: 20px;
background-color: var(--cs-color-contrast-50);
}
.cs-entry__subscribe:not(:first-child) {
margin-top: 3rem;
}
.cs-entry__subscribe .cs-site-subscribe__info-text {
display: block;
margin-top: 1rem;
}
.cs-entry__subscribe .pk-subscribe-form-wrap {
flex: 1;
}
.cs-entry__subscribe .pk-input-group input {
border: none;
}
@media (min-width: 1020px) {
.cs-entry__subscribe {
padding: 40px;
}
} .cs-posts-area__pagination {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.cs-posts-area__pagination .cs-load-more {
width: 360px;
max-width: 100%;
padding: 1rem 2rem;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
}
.cs-posts-area__pagination .cs-load-more:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
.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% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.navigation.pagination {
display: flex;
justify-content: center;
clear: both;
}
.navigation.pagination:last-child {
margin-bottom: 0;
}
.navigation.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.navigation.pagination .nav-links > span, .navigation.pagination .nav-links > a {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0.5rem 0.75rem;
border: 1px solid transparent;
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-button-contrast);
background-color: var(--cs-color-button);
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.posts-navigation {
margin-top: 40px;
}
.navigation.posts-navigation .nav-links {
display: flex;
justify-content: space-between;
}
.navigation.posts-navigation .nav-previous > a:before {
margin-right: 0.5rem;
font-family: "cs-icons";
content: "";
}
.navigation.posts-navigation .nav-next > a:after {
margin-left: 0.5rem;
font-family: "cs-icons";
content: "";
}
.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: flex;
align-items: center;
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: flex;
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);
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 {
transform: translateX(-5px);
}
.navigation.comment-navigation .nav-links .nav-next:after {
content: "";
margin-left: 5px;
}
.navigation.comment-navigation .nav-links .nav-next:hover:after {
transform: translateX(5px);
}
.comment-list + .comment-navigation {
border-top: none;
} .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);
color: var(--cs-color-secondary);
}
.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-accent);
}
.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: flex;
flex-direction: column;
}
@media (min-width: 1020px) {
.cs-page__author {
flex-direction: row;
}
}
.cs-page__author-thumbnail {
display: block;
flex: 0 0 100px;
width: 100px;
height: 100px;
margin: 0 auto;
border: 2px solid transparent;
overflow: hidden;
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));
}
@media (min-width: 1020px) {
.cs-page__author-thumbnail {
margin: 0;
}
}
.cs-page__author-social {
margin-top: 1rem;
}
.cs-page__author-social .pk-social-links-items {
justify-content: center;
}
.cs-page__author-info {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
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: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
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: 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: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-additional-border-radius);
line-height: 1;
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);
} .cs-meet-team .cs-author:not(:first-child) {
margin-top: 3rem;
}
.cs-meet-team .cs-author .cs-author-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
}
.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 {
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 1px solid var(--cs-color-contrast-200);
}
.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);
} .cs-offcanvas {
position: fixed;
height: 100%;
top: 0;
left: -320px;
display: flex;
flex-direction: column;
width: 320px;
background: var(--cs-color-site-background);
-webkit-overflow-scrolling: touch;
z-index: 100;
transition: 0.4s;
overflow: hidden;
transform: translate3d(0, 0, 0);
}
.cs-offcanvas__header {
display: flex;
justify-content: 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: flex;
align-items: center;
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: flex;
align-items: center;
cursor: pointer;
}
.cs-offcanvas__toggle .cs-icon {
font-size: 1.25rem;
color: var(--cs-color-primary);
transition: 0.25s;
}
.cs-offcanvas__toggle:hover .cs-icon {
color: var(--cs-color-secondary);
}
.cs-offcanvas__sidebar {
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-active {
overflow: hidden;
}
.cs-offcanvas-active .cs-offcanvas {
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 {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
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);
}
@media (min-width: 600px) {
.cs-breadcrumbs {
max-width: 600px;
}
}
@media (min-width: 720px) {
.cs-breadcrumbs {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cs-breadcrumbs {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cs-breadcrumbs {
max-width: 1200px;
}
}
.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 {
content: "";
font-family: "cs-icons";
}
.cs-breadcrumbs .breadcrumb_last {
font-weight: 500;
}
.cs-breadcrumbs + .cs-entry__media-large {
margin-top: -2rem;
}
.cs-site-content > .cs-breadcrumbs:first-child {
position: relative;
margin-top: -3rem;
padding-top: 20px;
padding-bottom: 20px;
}
.cs-site-content > .cs-breadcrumbs:first-child:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100vw !important;
max-width: 100vw;
margin-left: calc(-50vw + 50%);
height: 1px;
background-color: var(--cs-color-contrast-200);
}
.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% {
transform: rotate(0);
}
100% {
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;
} .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: flex;
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;
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 {
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);
transition: 0.25s;
}
.widget_calendar tbody td a:hover {
background-color: var(--cs-color-accent);
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;
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);
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: flex;
height: 3.125rem;
}
.widget_search .cs-input-group input {
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::-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::placeholder {
color: var(--cs-color-secondary);
}
.widget_search .cs-input-group button {
flex: 0 1 auto;
width: 8.25rem;
max-width: 100%;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
}
.widget_search .cs-input-group button:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
.widget_tag_cloud {
overflow: hidden;
}
.widget_tag_cloud .tagcloud {
margin-top: -0.5rem;
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
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_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: flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-additional-border-radius);
line-height: 1;
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: flex;
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: flex;
align-items: center;
text-align: center;
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;
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 {
flex: 0 0 100%;
max-width: 100%;
}
.widget_media_gallery .gallery-columns-2 .gallery-item {
flex: 0 0 50%;
max-width: 50%;
}
.widget_media_gallery .gallery-columns-3 .gallery-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.widget_media_gallery .gallery-columns-4 .gallery-item {
flex: 0 0 25%;
max-width: 25%;
}
.widget_media_gallery .gallery-columns-5 .gallery-item {
flex: 0 0 20%;
max-width: 20%;
}
.widget_media_gallery .gallery-columns-6 .gallery-item {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.widget_media_gallery .gallery-columns-7 .gallery-item {
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%;
}
.widget_media_gallery .gallery-columns-8 .gallery-item {
flex: 0 0 12.5%;
max-width: 12.5%;
}
.widget_media_gallery .gallery-columns-9 .gallery-item {
flex: 0 0 11.1111111111%;
max-width: 11.1111111111%;
} .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: 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;
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: flex;
align-items: 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%;
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;
transition: 0.25s;
transform: translateX(-100%);
content: "";
}
.widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:hover:after {
visibility: visible;
opacity: 1;
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);
}  img {
max-width: 100%;
height: auto;
} .wp-caption {
max-width: 100%;
margin-bottom: 1rem;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.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;
} .gallery {
margin-bottom: 1.5rem;
}
@media (min-width: 600px) {
div[class^=gallery-columns-],
div[class*=" gallery-columns-"] {
display: flex;
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: flex;
flex-direction: column;
}
.blocks-gallery-caption {
display: block;
width: 100%;
color: var(--cs-color-secondary);
text-align: center;
} .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%;
max-width: unset;
margin: auto;
opacity: 0;
transition: opacity 0.5s;
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;
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% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.cs-video-bg-init .cs-video-wrapper .cs-video-loader {
opacity: 0;
}
.cs-video-controls {
display: none;
position: absolute;
right: 20px;
top: 20px;
z-index: 4;
opacity: 0;
transform: translateX(-9999px);
transition: opacity 0.25s;
}
@media (min-width: 720px) {
.cs-video-controls {
display: flex;
}
}
.cs-video-bg-init .cs-video-controls {
transform: translateX(0);
opacity: 1;
}
.cs-video-controls .cs-player-control {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 35px;
border-radius: var(--cs-additional-border-radius);
line-height: 30px;
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 1.5rem;
cursor: pointer;
transition: 0.2s;
}
.cs-video-controls .cs-player-control:not(:last-child) {
margin-right: 0.5rem;
}
.cs-video-controls .cs-player-control:after {
position: relative;
width: auto;
font-family: "cs-icons";
font-style: normal;
font-size: var(--cs-font-post-content-size);
opacity: 1;
}
.cs-video-controls .cs-player-control .cs-tooltip {
display: -ms-grid;
-ms-grid-columns: max-content;
position: absolute;
top: 100%;
left: -9999px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding-left: 50%;
padding-bottom: 0.5rem;
transform: translateY(-30%);
transition: transform 0.5s;
}
.cs-video-controls .cs-player-control .cs-tooltip span {
display: block;
position: relative;
padding: 0.25rem 1rem;
margin: 0;
opacity: 0;
color: #000;
background: #fff;
transform: translate(-50%, 0);
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 {
content: " ";
bottom: 100%;
left: 50%;
height: 0;
width: 0;
border: solid transparent;
position: absolute;
pointer-events: none;
border-color: transparent;
border-bottom-color: #fff;
border-width: 7px;
margin-left: -7px;
}
.cs-video-controls .cs-player-control:hover {
background-color: var(--cs-color-accent);
color: var(--cs-color-accent-contrast);
}
.cs-video-controls .cs-player-control:hover .cs-tooltip {
transform: translateY(10px);
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: 20px;
right: 20px;
}
.cs-video-controls-large .cs-player-control {
width: 80px;
height: 40px;
}
.cs-video-controls-large .cs-player-control:after {
font-size: 1.25rem;
}
.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;
} .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;
}  .wp-block-button.is-pk-button-size-sm .wp-block-button__link {
padding: 0.25rem 0.5rem !important;
}
.wp-block-button.is-pk-button-size-lg .wp-block-button__link {
padding: 1rem 2rem !important;
}
.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;
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-additional-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: #000;
color: #fff;
}
.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;
} .pk-widget-about .pk-about-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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);
} .pk-widget-author {
overflow: hidden;
}
.pk-widget-author .pk-author-title {
margin-bottom: 1rem;
}
.pk-widget-author .pk-author-data {
margin-top: 1rem;
text-align: left;
}
.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-widget-author-container {
padding: 0;
}
.pk-widget-author .pk-author-button {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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-container {
display: flex;
flex-wrap: wrap;
}
.pk-widget-author-container .pk-main-title {
width: 100%;
text-align: left;
margin-bottom: 1rem;
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);
}
.pk-widget-author-container .pk-author-avatar {
order: 0;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.pk-widget-author-container .pk-author-avatar:not(:first-child) {
margin-right: 1rem;
}
.pk-widget-author-container .pk-author-title {
flex: 1;
order: 2;
display: flex;
flex-direction: column;
justify-content: center;
text-align: left;
margin-bottom: 0;
}
.pk-widget-author-container .pk-author-title 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);
}
.pk-widget-author-container .pk-author-title a:hover {
color: var(--cs-color-secondary);
}
.pk-widget-author-container .pk-author-data {
order: 3;
flex: 0 0 100%;
width: 100%;
}
.pk-widget-author-container .pk-author-data .author-description {
text-align: left;
color: var(--cs-color-primary);
}
.pk-widget-author-container .pk-social-links-wrap {
padding-top: 20px;
border-top: 1px solid var(--cs-color-contrast-200);
}
.pk-widget-author-container .pk-social-links-items {
position: relative;
align-items: center;
justify-content: flex-start;
margin-left: 0;
}
.pk-widget-author-container .pk-social-links-items:before {
content: var(--social-links-label);
display: block;
margin-right: 0.5rem;
font-family: var(--cs-font-section-subheadings-family), sans-serif;
font-size: var(--cs-font-section-subheadings-size);
font-weight: var(--cs-font-section-subheadings-weight);
font-style: var(--cs-font-section-subheadings-style);
letter-spacing: var(--cs-font-section-subheadings-letter-spacing);
text-transform: var(--cs-font-section-subheadings-text-transform);
color: var(--cs-color-secondary);
}
.widget .pk-widget-author .pk-author-title {
font-size: 1rem;
}
.cs-widget-area .pk-widget-author:not(.pk-widget-author-with-bg) {
padding: 30px;
background: var(--cs-color-contrast-50);
border-radius: var(--cs-common-border-radius);
}
.pk-widget-author-with-bg {
border-radius: var(--cs-common-border-radius);
}
.pk-widget-author-with-bg .pk-social-links-items:before {
color: var(--pk-author-with-bg-links-color);
}
.pk-widget-author-with-bg .pk-widget-author-container {
padding: 2rem;
}
.pk-widget-author-with-bg .pk-social-links-wrap {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.pk-widget-author-with-bg .cs-section-subheadings {
color: rgba(255, 255, 255, 0.75);
}
.pk-widget-author-with-bg .wp-block-button__link:hover {
color: var(--cs-color-button-hover-contrast) !important;
}
.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));
} .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);
} .pk-alert {
--pk-alert-background: var(--cs-color-contrast-50);
} .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: #fff;
}
.pk-social-links-template-inline-alt .pk-social-links-link {
border: 1px solid var(--cs-color-contrast-200) !important;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0.5rem 1rem;
min-width: 4.75rem;
border-radius: var(--cs-additional-border-radius);
}
.pk-social-links-template-inline-alt .pk-social-links-link .pk-social-links-title {
margin-top: 0;
margin-left: 0.3125rem;
}
.pk-social-links-template-inline-alt .pk-social-links-link .pk-social-links-count {
margin-top: 0;
margin-left: 0.3125rem;
}
.pk-social-links-template-inline-alt .pk-social-links-link .pk-social-links-label {
margin-top: 0;
margin-left: 0.3125rem;
}
.pk-social-links-template-inline-alt .pk-social-links-link:hover {
border-color: var(--cs-color-accent) !important;
background-color: var(--cs-color-accent);
color: var(--cs-color-accent-contrast);
}
.pk-social-links-template-inline-alt .pk-social-links-link:hover .pk-social-links-icon,
.pk-social-links-template-inline-alt .pk-social-links-link:hover .pk-social-links-title,
.pk-social-links-template-inline-alt .pk-social-links-link:hover .pk-social-links-count,
.pk-social-links-template-inline-alt .pk-social-links-link:hover .pk-social-links-label {
color: var(--cs-color-accent-contrast);
}
.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 .pk-social-links-icon {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.125rem;
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-scheme-bold .pk-social-links-link .pk-social-links-icon {
color: #fff;
} .pk-instagram-feed {
--pk-instagram-info-color: var(--cs-color-primary);
--pk-instagram-number-color: var(--cs-color-primary);
}
.pk-instagram-feed .pk-avatar-link {
width: 60px;
height: 60px;
flex: 0 0 60px;
}
.pk-instagram-feed .pk-instagram-avatar {
width: 60px;
height: 60px;
}
.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;
margin-bottom: 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,
.pk-instagram-feed .pk-instagram-footer .wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
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);
}
.pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:focus, .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover,
.pk-instagram-feed .pk-instagram-footer .wp-block-button__link:focus,
.pk-instagram-feed .pk-instagram-footer .wp-block-button__link:hover {
outline: none;
}
.pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover,
.pk-instagram-feed .pk-instagram-footer .wp-block-button__link:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
.pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:before,
.pk-instagram-feed .pk-instagram-footer .wp-block-button__link:before {
margin-right: 0.5rem;
font-family: "cs-icons" !important;
content: "";
font-size: 1.125rem;
}
.pk-instagram-template-slider.pk-instagram-feed {
padding: 30px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-common-border-radius);
overflow: hidden;
}
.pk-instagram-template-slider .pk-slider-instagram-items {
margin-left: -60px;
margin-right: -60px;
overflow: hidden;
outline: none;
}
.pk-instagram-template-slider .pk-slider-instagram-items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
}
.pk-instagram-template-slider .pk-instagram-item {
width: 7.5rem;
height: 7.5rem;
margin: 0.5rem 0.25rem;
}
.pk-instagram-template-slider .pk-instagram-item.first {
transform: translateX(1.875rem);
}
.pk-instagram-template-slider .pk-instagram-item.second {
transform: translateX(-1.875rem);
}
.pk-instagram-template-slider .pk-instagram-counters .number {
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-block-section-sidebar .pk-instagram-items {
margin-left: -5px;
margin-right: -5px;
}
.cnvs-block-section-sidebar .pk-instagram-items .pk-instagram-item {
margin: 5px;
}
.cnvs-block-section-sidebar .pk-instagram-columns-1 .pk-instagram-item {
flex: 0 0 calc(100% / 1 - 10px);
}
.cnvs-block-section-sidebar .pk-instagram-columns-2 .pk-instagram-item {
flex: 0 0 calc(100% / 2 - 10px);
}
.cnvs-block-section-sidebar .pk-instagram-columns-3 .pk-instagram-item {
flex: 0 0 calc(100% / 3 - 10px);
}
.cs-footer__instagram {
padding: 60px 0;
background-color: var(--cs-color-site-background);
}
.cs-footer__instagram .pk-instagram-header {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 2rem;
}
.cs-footer__instagram .pk-instagram-header .cs-section-heading {
flex: 1;
}
@media (min-width: 720px) {
.cs-footer__instagram .pk-instagram-header {
flex-direction: row;
}
}
.cs-footer__instagram .pk-instagram-header .pk-instagram-counters {
margin-top: 0;
}
.cs-footer__instagram .pk-instagram-header .pk-instagram-counters .number {
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__instagram .pk-instagram-header .pk-avatar-link {
width: 40px;
height: 40px;
flex: 0 0 40px;
}
.cs-footer__instagram .pk-instagram-header .pk-instagram-avatar {
width: 40px;
height: 40px;
}
.cs-footer__instagram .pk-instagram-container {
margin-top: 1rem;
}
@media (min-width: 720px) {
.cs-footer__instagram .pk-instagram-container {
margin-top: 0;
}
}
.cs-footer__instagram .pk-instagram-carousel {
--cs-carousel-columns: 1;
--cs-carousel-gap: 30px;
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-gap: var(--cs-carousel-gap);
}
@media (min-width: 1020px) {
.cs-footer__instagram .pk-instagram-carousel {
grid-template-columns: minmax(0, 1fr) calc(var(--cs-carousel-gap) * 2);
}
}
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-wrap {
position: relative;
width: 100%;
overflow: hidden;
}
.cs-footer__instagram .pk-instagram-carousel .pk-alt-instagram-items {
position: relative;
width: calc(100% + var(--cs-carousel-gap));
}
.cs-footer__instagram .pk-instagram-carousel .pk-alt-instagram-items:not(.flickity-enabled) {
display: flex;
overflow: hidden;
}
.cs-footer__instagram .pk-instagram-carousel .pk-alt-instagram-item {
display: flex;
min-height: 100%;
width: 100%;
flex: 0 0 calc(100% / var(--cs-carousel-columns));
max-width: calc(100% / var(--cs-carousel-columns));
padding-right: var(--cs-carousel-gap);
}
.cs-footer__instagram .pk-instagram-carousel .pk-alt-instagram-item .cnvs-block-posts {
width: 100%;
}
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-sidebar {
position: relative;
display: flex;
justify-content: flex-end;
}
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-arrows {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
width: 100%;
}
@media (min-width: 1020px) {
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-arrows {
margin-top: 0;
margin-bottom: 0;
flex-direction: column;
justify-content: flex-start;
}
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-arrows .carousel-arrow {
width: 100%;
height: 50%;
}
.cs-footer__instagram .pk-instagram-carousel .pk-instagram-arrows .carousel-arrow:first-child {
margin-left: 0;
margin-bottom: 0.5rem;
}
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
border-radius: var(--cs-primary-border-radius);
background: var(--cs-color-site-background);
font-family: "cs-icons";
font-size: 2rem;
border: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
cursor: pointer;
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow:before {
color: var(--cs-color-primary);
transition: 0.25s;
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow:first-child {
margin-left: 0.5rem;
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow:hover {
border: 1px solid var(--cs-color-accent);
background-color: var(--cs-color-accent);
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow:hover:before {
color: var(--cs-color-accent-contrast);
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow.disabled {
opacity: 0.3;
border: 1px solid var(--cs-color-secondary);
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow.disabled:before {
color: var(--cs-color-secondary);
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow.disabled:hover {
border: 1px solid var(--cs-color-secondary);
background-color: transparent;
}
.cs-footer__instagram .pk-instagram-carousel .carousel-arrow.disabled:hover:before {
color: var(--cs-color-secondary);
}
.cs-footer__instagram .pk-instagram-carousel .carousel-next:before {
content: "";
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
@media (min-width: 720px) {
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items {
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 1020px) {
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items {
margin-left: -20px;
margin-right: -20px;
}
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item {
padding: 0 10px;
flex: 0 0 50%;
max-width: 50%;
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item:not(:first-child) {
margin-top: 0;
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item:nth-child(n+3) {
margin-top: 20px;
}
@media (min-width: 720px) {
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item {
padding: 0 15px;
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item:nth-child(n+3) {
margin-top: 30px;
}
}
@media (min-width: 1020px) {
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item {
padding: 0 20px;
flex: 0 0 25%;
max-width: 25%;
}
.cs-footer__instagram .pk-instagram-grid .pk-alt-instagram-items .pk-alt-instagram-item:nth-child(n+3) {
margin-top: 0;
}
}
.cs-footer__instagram .pk-alt-instagram-link {
display: block;
width: 100%;
}
.cs-footer__instagram .pk-alt-instagram-link img {
display: block;
width: 100%;
}
.cs-footer__instagram .carousel-previous:before {
content: "";
}
.cs-footer__instagram .pk-alt-instagram-data {
display: block;
}
.cs-footer__instagram .pk-alt-instagram-data:not(:first-child) {
margin-top: 1.5rem;
}
.cs-footer__instagram .pk-instagram-image-overlay {
position: relative;
}
.cs-footer__instagram .pk-instagram-image-overlay:before {
content: "";
display: table;
box-sizing: border-box;
width: 0;
height: 100%;
padding-bottom: 100%;
}
.cs-footer__instagram .pk-instagram-image-overlay .pk-instagram-image {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.cs-footer__instagram .pk-alt-instagram-meta {
display: flex;
align-items: center;
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);
}
.cs-footer__instagram .pk-alt-instagram-meta > *:not(:last-child) {
position: relative;
margin-right: 10px;
padding-right: 10px;
}
.cs-footer__instagram .pk-alt-instagram-meta > *:not(:last-child):before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 2px;
border-radius: 50%;
background-color: var(--cs-color-secondary);
}
.cs-footer__instagram .pk-alt-instagram-desc {
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-footer__instagram .pk-alt-instagram-desc:not(:first-child) {
margin-top: 0.5rem;
} .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-200);
--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: #fff;
}
[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: #fff;
}
[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-items .pk-share-buttons-label {
display: none;
}
.pk-share-buttons-after-post .pk-share-buttons-icon {
font-size: 1.125rem;
}
.pk-share-buttons-metabar-post {
display: flex;
flex-direction: column;
margin-top: 0;
margin-bottom: 0;
}
.pk-share-buttons-metabar-post .pk-share-buttons-total {
order: 1;
align-items: flex-start;
margin-right: 0;
margin-top: 2rem;
}
.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-label {
padding: 0;
}
.pk-share-buttons-metabar-post .pk-share-buttons-items {
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) {
margin-top: 1.25rem;
}
.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 {
justify-content: space-between;
}
.pk-share-buttons-post-header {
margin-bottom: 0;
margin-top: 0;
}
.pk-share-buttons-post-header .pk-share-buttons-total {
margin-right: 1rem;
}
.pk-share-buttons-post-header .pk-share-buttons-total .pk-share-buttons-count {
margin-bottom: 0;
}
.pk-share-buttons-post-header .pk-share-buttons-items {
flex-wrap: nowrap;
}
.pk-share-buttons-post-header .pk-share-buttons-items .pk-share-buttons-label {
display: none;
}
.pk-share-buttons-post-header .pk-share-buttons-icon {
font-size: 1.125rem;
}
.cs-meta-share-links {
position: absolute;
bottom: 100%;
left: -9999px;
transform: translateY(-30%);
display: -ms-grid;
-ms-grid-columns: max-content;
max-width: 320px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding-left: 50%;
padding-bottom: 0.5rem;
transition: transform 0.5s;
}
.cs-meta-share-links .pk-share-buttons-wrap {
position: relative;
transform: translate(-50%, 0);
padding: 0.75rem;
margin: 0;
border-radius: 0;
background: #fff;
opacity: 0;
transition: opacity 0.5s;
box-shadow: 0 0 2.5rem rgba(87, 58, 58, 0.3);
}
.cs-meta-share-links .pk-share-buttons-wrap:after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
height: 0;
width: 0;
border: solid transparent;
pointer-events: none;
border-color: transparent;
border-top-color: #fff;
border-width: 7px;
margin-left: -7px;
}
.cs-meta-share-links .pk-share-buttons-items {
display: flex;
flex-direction: row;
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: flex;
flex-direction: column;
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 {
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 {
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);
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;
} .pk-subscribe-form-wrap {
--pk-subscribe-heading-font-size: 1rem;
border-radius: var(--cs-common-border-radius);
}
.pk-input-group {
display: flex;
flex-direction: column;
align-items: center;
border-radius: 0;
}
.pk-input-group input[type=text] {
height: 48px;
border-radius: var(--cs-primary-border-radius);
}
.cs-site-subscribe__form .pk-input-group input[type=text] {
border: none;
}
.pk-input-group > *:not(:first-child) {
margin-top: 1rem;
}
@media (min-width: 720px) {
.pk-input-group {
flex-direction: row;
}
.pk-input-group input[type=text] {
flex: 1 1 auto;
width: 1%;
height: 48px;
border-radius: var(--cs-primary-border-radius) 0 0 var(--cs-primary-border-radius);
}
.pk-input-group input[type=text]:first-child {
border-right: 0;
}
.pk-input-group input[type=text]:first-child + input[type=text] {
border-right: 0;
}
.pk-input-group input[type=text]:not(:first-child) {
border-left: 1px solid var(--cs-color-contrast-200);
border-radius: 0;
}
.pk-input-group > *:not(:first-child) {
margin-top: 0;
}
}
.pk-subscribe-with-name .pk-input-group {
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 {
flex-direction: row;
}
.pk-subscribe-with-name .pk-input-group input[type=text] {
flex: 1 1 auto;
width: 1%;
}
.pk-subscribe-with-name .pk-input-group > *:not(:first-child) {
margin-top: 0;
}
}
.pk-subscribe-submit {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
box-shadow: none;
cursor: pointer;
padding: 16px 40px;
border-radius: auto;
background-color: var(--cs-color-button);
color: var(--cs-color-button-contrast);
width: 100%;
border-radius: var(--cs-primary-border-radius);
}
.pk-subscribe-submit:focus, .pk-subscribe-submit:hover {
outline: none;
}
.pk-subscribe-submit:hover {
background-color: var(--cs-color-button-hover);
color: var(--cs-color-button-hover-contrast);
}
@media (min-width: 720px) {
.pk-subscribe-submit {
width: auto;
border-radius: 0 var(--cs-primary-border-radius) var(--cs-primary-border-radius) 0;
}
}
.cnvs-block-section-sidebar .pk-input-group, .cs-widget-area .pk-input-group {
flex-direction: column;
padding: 0;
border-radius: 0;
border: none;
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: 48px;
border-radius: var(--cs-primary-border-radius);
border: 1px solid var(--cs-color-contrast-200);
}
.cnvs-block-section-sidebar .pk-input-group input[type=text] + input[type=text], .cs-widget-area .pk-input-group input[type=text] + input[type=text] {
border: 1px solid var(--cs-color-contrast-200);
}
.cnvs-block-section-sidebar .pk-subscribe-submit, .cs-widget-area .pk-subscribe-submit {
width: 100%;
border-radius: var(--cs-primary-border-radius);
}
.cs-sidebar__area .pk-subscribe-form-wrap, .cs-offcanvas__area .pk-subscribe-form-wrap {
padding: 30px;
border: 1px solid var(--cs-color-contrast-200);
}
.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;
} .pk-widget-posts {
--pk-posts-thumbnail-border-radius: 0;
--pk-posts-thumbnail-gutter: 1rem;
--pk-posts-number-color: #fff;
--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-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: #000;
}
[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-list {
--cs-posts-gap: 40px;
}
.pk-widget-posts-template-list ul {
display: grid;
grid-gap: var(--cs-posts-gap);
grid-template-columns: 1fr;
}
.pk-widget-posts-template-list .pk-post-item:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-gap) / 2 );
width: 100%;
height: 1px;
background: var(--cs-color-contrast-200);
}
.pk-widget-posts-template-list .pk-post-item:not(:first-child) {
margin-top: 0;
}
.pk-widget-posts-template-list .cs-entry__outer {
display: flex;
}
.pk-widget-posts-template-list .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.pk-widget-posts-template-list .cs-entry__thumbnail {
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 1rem;
overflow: hidden;
border-radius: var(--cs-image-border-radius);
-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-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__content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.pk-widget-posts-template-list .cs-entry__title {
font-size: 1rem;
}
.pk-widget-posts-template-numbered {
--cs-posts-gap: 40px;
}
.pk-widget-posts-template-numbered ul {
display: grid;
grid-gap: var(--cs-posts-gap);
grid-template-columns: 1fr;
}
.pk-widget-posts-template-numbered .pk-post-item:not(:last-child) .cs-entry__content:before {
content: "";
position: absolute;
bottom: calc(-1 * var(--cs-posts-gap) / 2 );
width: 100%;
height: 1px;
background: var(--cs-color-contrast-200);
}
.pk-widget-posts-template-numbered .pk-post-item:not(:first-child) {
margin-top: 0;
}
.pk-widget-posts-template-numbered .cs-entry__outer {
display: flex;
}
.pk-widget-posts-template-numbered .cs-entry__inner:not(:first-child) {
margin-top: 0;
}
.pk-widget-posts-template-numbered .cs-entry__thumbnail {
position: relative;
flex: none;
align-self: flex-start;
width: 70px;
margin-right: 2rem;
}
.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:after {
counter-increment: number-post;
content: counter(number-post);
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
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(--cs-font-base-size);
color: var(--cs-color-secondary);
}
.pk-widget-posts-template-numbered .cs-entry__thumbnail.cs-entry__overlay {
overflow: visible;
}
.pk-widget-posts-template-numbered .cs-entry__thumbnail .cs-overlay-background {
border-radius: var(--cs-image-border-radius);
-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-template-numbered .cs-entry__content {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.pk-widget-posts-template-numbered .cs-entry__title {
font-size: 1rem;
}
.pk-widget-posts-template-tile .pk-post-item:not(:first-child) {
margin-top: 40px;
}
.pk-widget-posts-template-tile .cs-entry__outer {
height: 100%;
display: flex;
flex-direction: column;
flex: 1 1 auto;
border-radius: var(--cs-image-border-radius);
-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));
background: var(--cs-color-overlay-background);
overflow: hidden;
}
.pk-widget-posts-template-tile .cs-entry__outer:hover .cs-entry__data-transform {
transform: translate3d(0, 30px, 0);
}
.pk-widget-posts-template-tile .cs-entry__outer:hover .cs-entry__data-transform .cs-entry__post-meta:last-child {
opacity: 1;
}
.pk-widget-posts-template-tile .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
overflow: hidden;
}
.pk-widget-posts-template-tile .cs-overlay-content .cs-entry__details {
flex: 0 1 auto;
margin-bottom: auto;
padding-bottom: 2rem;
}
.pk-widget-posts-template-tile .cs-entry__data {
z-index: 2;
}
.pk-widget-posts-template-tile .cs-entry__data .cs-overlay-link {
position: absolute;
z-index: 1;
}
.pk-widget-posts-template-tile .cs-entry__data-transform {
transform: translate3d(0, 80px, 0);
transition: 0.25s;
}
.pk-widget-posts-template-tile .cs-entry__data-transform .cs-entry__bottom .cs-entry__post-meta {
opacity: 0;
}
.pk-widget-posts-template-tile .cs-entry__bottom .cs-entry__post-meta:last-child {
justify-content: space-around;
margin-top: 1rem;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px;
border-top: 1px solid var(--cs-color-contrast-200);
transition: 0.25s;
}
.pk-widget-posts-template-tile .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child) {
padding-right: 0;
}
.pk-widget-posts-template-tile .cs-entry__bottom .cs-entry__post-meta:last-child > *:not(:last-child):before {
display: none;
}
.pk-widget-posts-template-tile .cs-entry__outer {
flex-direction: row;
flex: 1 1 auto;
}
.pk-widget-posts-template-large .pk-post-item:not(:first-child) {
margin-top: 40px;
} .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: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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);
}
.pk-twitter-wrap .pk-twitter-tweet {
display: flex;
flex-direction: column;
}
.pk-twitter-wrap .pk-twitter-time {
order: 0;
margin-top: 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);
color: var(--cs-color-secondary);
}
.pk-twitter-wrap .pk-twitter-time:before {
font-size: 0.875rem;
}
.pk-twitter-wrap .pk-twitter-content {
order: 1;
margin-top: 0.5rem;
}
.pk-twitter-wrap .pk-twitter-actions {
order: 2;
justify-content: flex-start;
margin-top: 0.5rem;
float: none;
}
.pk-twitter-wrap .pk-twitter-actions ul {
display: flex;
flex-wrap: wrap;
}
.pk-twitter-wrap .pk-twitter-actions li:not(:last-child) {
margin-right: 0.5rem;
}
.pk-twitter-wrap .pk-twitter-actions a {
padding: 8px 16px;
border: 1px solid var(--cs-color-contrast-200);
border-radius: var(--cs-additional-border-radius);
transition: 0.25s;
}
.pk-twitter-wrap .pk-twitter-actions a:hover {
background-color: var(--cs-color-accent);
color: var(--cs-color-accent-contrast);
border: 1px solid var(--cs-color-accent);
}
.pk-twitter-wrap .pk-twitter-count {
line-height: 1;
}
.cs-widget-area .powerkit_twitter_widget {
border-radius: var(--cs-common-border-radius);
overflow: hidden;
padding: 30px;
border: 1px solid var(--cs-color-contrast-200);
} .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: "";
} .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);
} .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);
} .pk-zoom-icon-popup:after {
border-radius: var(--cs-secondary-border-radius);
} .pk-pin-it {
border-radius: var(--cs-secondary-border-radius);
}  .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-additional-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: #000;
color: #fff;
}
.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;
} .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 {
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 {
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: sticky;
top: 3rem;
transition: 0.4s;
}
.cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar {
display: flex;
flex-direction: column;
}
.cnvs-block-section-sidebar-sticky-bottom .cnvs-block-section-sidebar-inner {
position: sticky;
bottom: 3rem;
margin-top: auto;
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: sticky;
top: 3rem;
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;
} .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;
} 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: #fff;
--cnvs-drop-cap-dark-color: #000;
}
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);
} .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;
} .cnvs-block-alert {
--cnvs-alert-background: var(--cs-color-contrast-50);
} .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);
} .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;
} .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: #fff;
--cnvs-style-bg-inverse-color: #000;
}
.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);
} [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);
} .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);
} .cnvs-block-slider-gallery .flickity-prev-next-button {
padding: 0;
} .cnvs-block-current-date {
display: block;
}  .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 { 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% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.wpcf7 form.submitting .ajax-loader,
.wpcf7 .ajax-loader.is-active { 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-search-results {
position: absolute;
display: none;
opacity: 0;
height: 0;
overflow: hidden;
z-index: 9999;
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;
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: flex;
align-items: center;
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: flex;
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-header .cs-search-live-result-container {
position: relative;
}
.cs-header .searchwp-live-search-results {
border: 1px solid var(--cs-color-contrast-200);
}
.cs-header .cs-search-live-result-container .searchwp-live-search-results {
top: 100% !important;
left: 0 !important;
width: 100% !important;
}
.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-wrapper ~ .cs-search-live-result .searchwp-live-search-results {
min-height: calc(100% + 2.5rem) !important;
max-height: calc(100% + 2.5rem) !important;
}
} .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-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);
} .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: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
border-radius: var(--cs-primary-border-radius);
line-height: 1rem;
transition: 0.25s;
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);
}