/* Color Options --------------------------------------------- */ :root .has-blue-color, :root .has-blue-color>a { color: var(--cs-palette-color-blue); } :root .has-blue-background-color { background-color: var(--cs-palette-color-blue); } :root .has-green-color, :root .has-green-color>a { color: var(--cs-palette-color-green); } :root .has-green-background-color { background-color: var(--cs-palette-color-green); } :root .has-orange-color, :root .has-orange-color>a { color: var(--cs-palette-color-orange); } :root .has-orange-background-color { background-color: var(--cs-palette-color-orange); } :root .has-red-color, :root .has-red-color>a { color: var(--cs-palette-color-red); } :root .has-red-background-color { background-color: var(--cs-palette-color-red); } :root .has-black-color, :root .has-black-color>a { color: var(--cs-palette-color-black); } :root .has-black-background-color { background-color: var(--cs-palette-color-black); } :root .has-white-color, :root .has-white-color>a { color: var(--cs-palette-color-white); } :root .has-white-background-color { background-color: var(--cs-palette-color-white); } :root .has-additional-color, :root .has-additional-color>a { color: var(--cs-palette-color-additional); } :root .has-additional-background-color { background-color: var(--cs-palette-color-additional); } :root .has-secondary-color, :root .has-secondary-color>a { color: var(--cs-palette-color-secondary); } :root .has-secondary-background-color { background-color: var(--cs-palette-color-secondary); } :root .has-secondary-bg-color, :root .has-secondary-bg-color>a { color: var(--cs-color-secondary-background); } :root .has-secondary-bg-background-color { background-color: var(--cs-color-secondary-background); } :root .has-accent-bg-color, :root .has-accent-bg-color>a { color: var(--cs-color-accent-background); } :root .has-accent-bg-background-color { background-color: var(--cs-color-accent-background); } :root .has-gray-50-color, :root .has-gray-50-color>a { color: var(--cs-palette-color-gray-50); } :root .has-gray-50-background-color { background-color: var(--cs-palette-color-gray-50); } :root .has-gray-100-color, :root .has-gray-100-color>a { color: var(--cs-palette-color-gray-100); } :root .has-gray-100-background-color { background-color: var(--cs-palette-color-gray-100); } :root .has-gray-200-color, :root .has-gray-200-color>a { color: var(--cs-palette-color-gray-200); } :root .has-gray-200-background-color { background-color: var(--cs-palette-color-gray-200); } /*-------------------------------------------------------------- # Icons --------------------------------------------------------------*/ @font-face { font-family: "cs-icons"; src: url("icons.ttf") format("truetype"), url("./assets/static/icon-fonts/icons.woff") format("woff"), url("./assets/static/icon-fonts/icons.svg#icons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=cs-icon-], [class*=" cs-icon-"] { font-family: "cs-icons" !important; /* speak: none; */ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cs-icon-check:before { content: ""; } .cs-icon-flash:before { content: ""; } .cs-icon-help:before { content: ""; } .cs-icon-chat_bubble:before { content: ""; } .cs-icon-feedback:before { content: ""; } .cs-icon-information-solid:before { content: ""; } .cs-icon-play3:before { content: ""; } .cs-icon-blot-icon:before { content: ""; } .cs-icon-cart-bag:before { content: ""; } .cs-icon-pinterest:before { content: ""; } .cs-icon-arrow-long-bottom:before { content: ""; } .cs-icon-arrow-long-top:before { content: ""; } .cs-icon-arrow-long-left:before { content: ""; } .cs-icon-arrow-long-right:before { content: ""; } .cs-icon-instagram:before { content: ""; } .cs-icon-youtube-alt:before { content: ""; } .cs-icon-dot-single:before { content: ""; } .cs-icon-pause:before { content: ""; } .cs-icon-send:before { content: ""; } .cs-icon-share-top:before { content: ""; } .cs-icon-volume-x:before { content: ""; } .cs-icon-volume:before { content: ""; } .cs-icon-pause-circle:before { content: ""; } .cs-icon-play-circle:before { content: ""; } .cs-icon-clock:before { content: ""; } .cs-icon-bag:before { content: ""; } .cs-icon-cart:before { content: ""; } .cs-icon-activity:before { content: ""; } .cs-icon-alert-circle:before { content: ""; } .cs-icon-arrow-down:before { content: ""; } .cs-icon-arrow-down-circle:before { content: ""; } .cs-icon-arrow-left:before { content: ""; } .cs-icon-arrow-left-circle:before { content: ""; } .cs-icon-arrow-right:before { content: ""; } .cs-icon-arrow-right-circle:before { content: ""; } .cs-icon-arrow-up-circle:before { content: ""; } .cs-icon-at-sign:before { content: ""; } .cs-icon-award:before { content: ""; } .cs-icon-bookmark:before { content: ""; } .cs-icon-chevron-down:before { content: ""; } .cs-icon-chevron-left:before { content: ""; } .cs-icon-chevron-right:before { content: ""; } .cs-icon-chevron-up:before { content: ""; } .cs-icon-circle:before { content: ""; } .cs-icon-eye:before { content: ""; } .cs-icon-file:before { content: ""; } .cs-icon-file-text:before { content: ""; } .cs-icon-film:before { content: ""; } .cs-icon-help-circle:before { content: ""; } .cs-icon-info:before { content: ""; } .cs-icon-menu:before { content: ""; } .cs-icon-message-square:before { content: ""; } .cs-icon-more-horizontal:before { content: ""; } .cs-icon-more-vertical:before { content: ""; } .cs-icon-music:before { content: ""; } .cs-icon-play:before { content: ""; } .cs-icon-play-circle:before { content: ""; } .cs-icon-plus-circle:before { content: ""; } .cs-icon-search:before { content: ""; } .cs-icon-share:before { content: ""; } .cs-icon-tag:before { content: ""; } .cs-icon-watch:before { content: ""; } .cs-icon-x:before { content: ""; } .cs-icon-x-circle:before { content: ""; } .cs-icon-x-square:before { content: ""; } .cs-icon-youtube:before { content: ""; } .cs-icon-zap:before { content: ""; } .cs-icon-zoom-in:before { content: ""; } .cs-icon-zoom-out:before { content: ""; } .cs-icon-mail:before { content: ""; } .cs-icon-bar-chart:before { content: ""; } .cs-icon-image:before { content: ""; } .cs-icon-moon:before { content: ""; } .cs-icon-sun:before { content: ""; } /*-------------------------------------------------------------- # Section Heading --------------------------------------------------------------*/ .cnvs-block-section-heading { --cnvs-section-heading-color: var(--cs-color-primary); --cnvs-section-heading-border-color: var(--cs-color-contrast-200); --cnvs-section-heading-icon-color: var(--cs-color-primary); --cnvs-section-heading-accent-block-backround: var(--cs-color-primary); --cnvs-section-heading-accent-block-color: var(--cs-color-primary-contrast); font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); } .cnvs-block-section-heading .cnvs-section-title { font-family: var(--cs-font-section-headings-family), sans-serif; font-size: var(--cs-font-section-headings-size); font-weight: var(--cs-font-section-headings-weight); font-style: var(--cs-font-section-headings-style); letter-spacing: var(--cs-font-section-headings-letter-spacing); text-transform: var(--cs-font-section-headings-text-transform); } .is-style-cnvs-block-section-heading-underline .cnvs-section-title, .section-heading-default-underline .is-style-cnvs-block-section-heading-default .cnvs-section-title { position: relative; } .is-style-cnvs-block-section-heading-underline .cnvs-section-title:before, .section-heading-default-underline .is-style-cnvs-block-section-heading-default .cnvs-section-title:before { content: ""; position: absolute; bottom: 3px; left: 0; width: 100%; height: 5px; background-color: var(--cnvs-section-heading-accent-block-backround); } .is-style-cnvs-block-section-heading-left-dash .cnvs-section-title, .section-heading-default-left-dash .is-style-cnvs-block-section-heading-default .cnvs-section-title { position: relative; padding-left: 1.75em; } .is-style-cnvs-block-section-heading-left-dash .cnvs-section-title:before, .section-heading-default-left-dash .is-style-cnvs-block-section-heading-default .cnvs-section-title:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 1.25em; height: 1px; background-color: var(--cnvs-section-heading-accent-block-backround); } /*-------------------------------------------------------------- ## Reboot --------------------------------------------------------------*/ .cs-section-heading { 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; } .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; } /*-------------------------------------------------------------- --------------------------------------------------------------*/ .cs-main-content .entry-content>*:last-child:after, .cs-main-content .entry-summary>*:last-child:after { content: ""; clear: both; display: table; } .cs-main-content .entry-content>*, .cs-main-content .entry-content .wp-block-column>*, .cs-main-content .entry-content .wp-block-group__inner-container>*, .cs-main-content .entry-content .wp-block-cover__inner-container>*, .cs-main-content .entry-content .wp-block-media-text__content>*, .cs-main-content .entry-content .cnvs-block-column-inner>div>*, .cs-main-content .entry-content .cnvs-block-section-content-inner>*, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner>*, .cs-main-content .entry-summary>*, .cs-main-content .entry-summary .wp-block-column>*, .cs-main-content .entry-summary .wp-block-group__inner-container>*, .cs-main-content .entry-summary .wp-block-cover__inner-container>*, .cs-main-content .entry-summary .wp-block-media-text__content>*, .cs-main-content .entry-summary .cnvs-block-column-inner>div>*, .cs-main-content .entry-summary .cnvs-block-section-content-inner>*, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner>* { margin-top: 32px; margin-bottom: 32px; } @media (min-width: 600px) { .cs-main-content .entry-content>*, .cs-main-content .entry-content .wp-block-column>*, .cs-main-content .entry-content .wp-block-group__inner-container>*, .cs-main-content .entry-content .wp-block-cover__inner-container>*, .cs-main-content .entry-content .wp-block-media-text__content>*, .cs-main-content .entry-content .cnvs-block-column-inner>div>*, .cs-main-content .entry-content .cnvs-block-section-content-inner>*, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner>*, .cs-main-content .entry-summary>*, .cs-main-content .entry-summary .wp-block-column>*, .cs-main-content .entry-summary .wp-block-group__inner-container>*, .cs-main-content .entry-summary .wp-block-cover__inner-container>*, .cs-main-content .entry-summary .wp-block-media-text__content>*, .cs-main-content .entry-summary .cnvs-block-column-inner>div>*, .cs-main-content .entry-summary .cnvs-block-section-content-inner>*, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner>* { margin-top: 32px; margin-bottom: 32px; } } .cs-main-content .entry-content>*:first-child, .cs-main-content .entry-content .wp-block-column>*:first-child, .cs-main-content .entry-content .wp-block-group__inner-container>*:first-child, .cs-main-content .entry-content .wp-block-cover__inner-container>*:first-child, .cs-main-content .entry-content .wp-block-media-text__content>*:first-child, .cs-main-content .entry-content .cnvs-block-column-inner>div>*:first-child, .cs-main-content .entry-content .cnvs-block-section-content-inner>*:first-child, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner>*:first-child, .cs-main-content .entry-summary>*:first-child, .cs-main-content .entry-summary .wp-block-column>*:first-child, .cs-main-content .entry-summary .wp-block-group__inner-container>*:first-child, .cs-main-content .entry-summary .wp-block-cover__inner-container>*:first-child, .cs-main-content .entry-summary .wp-block-media-text__content>*:first-child, .cs-main-content .entry-summary .cnvs-block-column-inner>div>*:first-child, .cs-main-content .entry-summary .cnvs-block-section-content-inner>*:first-child, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner>*:first-child { margin-top: 0; } .cs-main-content .entry-content>*:last-child, .cs-main-content .entry-content .wp-block-column>*:last-child, .cs-main-content .entry-content .wp-block-group__inner-container>*:last-child, .cs-main-content .entry-content .wp-block-cover__inner-container>*:last-child, .cs-main-content .entry-content .wp-block-media-text__content>*:last-child, .cs-main-content .entry-content .cnvs-block-column-inner>div>*:last-child, .cs-main-content .entry-content .cnvs-block-section-content-inner>*:last-child, .cs-main-content .entry-content .cnvs-block-section-sidebar-inner>*:last-child, .cs-main-content .entry-summary>*:last-child, .cs-main-content .entry-summary .wp-block-column>*:last-child, .cs-main-content .entry-summary .wp-block-group__inner-container>*:last-child, .cs-main-content .entry-summary .wp-block-cover__inner-container>*:last-child, .cs-main-content .entry-summary .wp-block-media-text__content>*:last-child, .cs-main-content .entry-summary .cnvs-block-column-inner>div>*:last-child, .cs-main-content .entry-summary .cnvs-block-section-content-inner>*:last-child, .cs-main-content .entry-summary .cnvs-block-section-sidebar-inner>*:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-section, .cs-main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-section, .cs-main-content .entry-summary .cnvs-block-section { margin-top: 64px; margin-bottom: 64px; } } .cs-main-content .entry-content .cnvs-block-section:first-child, .cs-main-content .entry-summary .cnvs-block-section:first-child { margin-top: 0; } .cs-main-content .entry-content .cnvs-block-section:last-child, .cs-main-content .entry-summary .cnvs-block-section:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-posts { margin-top: 48px; margin-bottom: 48px; } } .cs-main-content .entry-content .cnvs-block-posts:first-child, .cs-main-content .entry-summary .cnvs-block-posts:first-child { margin-top: 0; } .cs-main-content .entry-content .cnvs-block-posts:last-child, .cs-main-content .entry-summary .cnvs-block-posts:last-child { margin-bottom: 0; } .cs-main-content .entry-content .cnvs-block-posts+.cnvs-block-section-heading, .cs-main-content .entry-summary .cnvs-block-posts+.cnvs-block-section-heading { margin-top: 64px; } @media (min-width: 600px) { .cs-main-content .entry-content .cnvs-block-posts+.cnvs-block-section-heading, .cs-main-content .entry-summary .cnvs-block-posts+.cnvs-block-section-heading { margin-top: 64px; } .cs-main-content .entry-content .cnvs-block-posts+.cnvs-block-section-heading:first-child, .cs-main-content .entry-summary .cnvs-block-posts+.cnvs-block-section-heading:first-child { margin-top: 0; } } .cs-main-content .entry-content .cnvs-block-section-heading+.cnvs-block-posts, .cs-main-content .entry-summary .cnvs-block-section-heading+.cnvs-block-posts { margin-top: 32px; } .cs-main-content .entry-content .cnvs-block-section-heading+.cnvs-block-posts:first-child, .cs-main-content .entry-summary .cnvs-block-section-heading+.cnvs-block-posts:first-child { margin-top: 0; } .cs-main-content .entry-content>h1:not(:first-child), .cs-main-content .entry-content>h2:not(:first-child), .cs-main-content .entry-content>h3:not(:first-child), .cs-main-content .entry-content>h4:not(:first-child), .cs-main-content .entry-content>h5:not(:first-child), .cs-main-content .entry-content>h6:not(:first-child), .cs-main-content .entry-content>.h1:not(:first-child), .cs-main-content .entry-content>.h2:not(:first-child), .cs-main-content .entry-content>.h3:not(:first-child), .cs-main-content .entry-content>.h4:not(:first-child), .cs-main-content .entry-content>.h5:not(:first-child), .cs-main-content .entry-content>.h6:not(:first-child), .cs-main-content .entry-summary>h1:not(:first-child), .cs-main-content .entry-summary>h2:not(:first-child), .cs-main-content .entry-summary>h3:not(:first-child), .cs-main-content .entry-summary>h4:not(:first-child), .cs-main-content .entry-summary>h5:not(:first-child), .cs-main-content .entry-summary>h6:not(:first-child), .cs-main-content .entry-summary>.h1:not(:first-child), .cs-main-content .entry-summary>.h2:not(:first-child), .cs-main-content .entry-summary>.h3:not(:first-child), .cs-main-content .entry-summary>.h4:not(:first-child), .cs-main-content .entry-summary>.h5:not(:first-child), .cs-main-content .entry-summary>.h6:not(:first-child) { margin-top: 64px; } .cs-main-content .entry-content .entry-content, .cs-main-content .entry-content .entry-summary, .cs-main-content .entry-summary .entry-content, .cs-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } @media (min-width: 600px) { .cs-main-content .entry-content .entry-content, .cs-main-content .entry-content .entry-summary, .cs-main-content .entry-summary .entry-content, .cs-main-content .entry-summary .entry-summary { margin: inherit; max-width: inherit; padding: inherit; } } .cs-main-content .entry-content>.alignleft, .cs-main-content .entry-content>.alignright, .cs-main-content .entry-summary>.alignleft, .cs-main-content .entry-summary>.alignright { margin-top: 0; } /*-------------------------------------------------------------- ## Entry Content --------------------------------------------------------------*/ .entry-content { line-height: var(--cs-font-base-line-height); } .entry-content p>a, .entry-content p>strong>a, .entry-content figcaption>a, .entry-content>a, .entry-content>p>a, .entry-content>ul li>a, .entry-content>ol li>a, .entry-content>p>em>a, .entry-content>p>strong>a, .entry-content td>a, .entry-content th>a, .entry-content .is-root-container>a, .entry-content .is-root-container>p>a, .entry-content .is-root-container>ul li>a, .entry-content .is-root-container>ol li>a, .entry-content .is-root-container>p>em>a, .entry-content .is-root-container>p>strong>a { color: var(--cs-color-primary); text-decoration: underline; } .entry-content p>a:hover, .entry-content p>a:focus, .entry-content p>strong>a:hover, .entry-content p>strong>a:focus, .entry-content figcaption>a:hover, .entry-content figcaption>a:focus, .entry-content>a:hover, .entry-content>a:focus, .entry-content>p>a:hover, .entry-content>p>a:focus, .entry-content>ul li>a:hover, .entry-content>ul li>a:focus, .entry-content>ol li>a:hover, .entry-content>ol li>a:focus, .entry-content>p>em>a:hover, .entry-content>p>em>a:focus, .entry-content>p>strong>a:hover, .entry-content>p>strong>a:focus, .entry-content td>a:hover, .entry-content td>a:focus, .entry-content th>a:hover, .entry-content th>a:focus, .entry-content .is-root-container>a:hover, .entry-content .is-root-container>a:focus, .entry-content .is-root-container>p>a:hover, .entry-content .is-root-container>p>a:focus, .entry-content .is-root-container>ul li>a:hover, .entry-content .is-root-container>ul li>a:focus, .entry-content .is-root-container>ol li>a:hover, .entry-content .is-root-container>ol li>a:focus, .entry-content .is-root-container>p>em>a:hover, .entry-content .is-root-container>p>em>a:focus, .entry-content .is-root-container>p>strong>a:hover, .entry-content .is-root-container>p>strong>a:focus { color: var(--cs-color-primary); text-decoration: none; } .entry-content b, .entry-content strong { font-weight: bolder; } .entry-content>blockquote { position: relative; margin-left: 0; margin-right: 0; margin-top: 48px; margin-bottom: 48px; padding: 30px 30px 30px 70px; font-size: 1.125rem; font-weight: 500; color: inherit; background: var(--cs-color-secondary-background); border-radius: var(--cs-layout-elements-border-radius); border-left: none; border-right: none; } .entry-content>blockquote p:first-child { font-size: inherit; margin-top: 0; } .entry-content>blockquote p:last-child { margin-bottom: 0; } .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:before { content: ""; font-family: "cs-icons" !important; position: absolute; top: calc(40px / 4 * 3 + 0.3em); left: 30px; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; background-color: var(--cs-color-accent); border-radius: var(--cs-arrow-button-border-radius); font-size: 0.75rem; color: #ffffff; } .entry-content pre, .entry-content code { background-color: var(--cs-color-contrast-50); } .entry-content pre { padding: 20px; } .entry-content pre code { background-color: transparent; } .entry-content .wp-caption-dd { color: var(--cs-color-secondary); margin-left: 0; } .entry-content .is-style-cnvs-paragraph-callout { font-size: 1.25rem; } .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); } } /** =========== Blocks =========== */ .wp-block-group.has-background { padding: 1.5rem 2rem; } .wp-block-columns>*:not(.wp-block-column):first-child { margin-top: 0; } .wp-block-columns>*:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column>*:first-child { margin-top: 0; } .wp-block-columns .wp-block-column>*:last-child { margin-bottom: 0; } @media (max-width: 599px) { .wp-block-columns .wp-block-column+.wp-block-column { margin-top: 32px; } } .wp-block-group.has-background { padding: 1.5rem 2rem; } p.has-background { padding: 1.5rem 2rem; } p.wp-block-subhead { font-size: 1.5rem; 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-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-button.is-style-cs-button-block { display: block; width: 100%; } .wp-block-button.is-style-cs-button-block .wp-block-button__link { display: block; width: 100%; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0 !important; } .wp-block-file .wp-block-file__button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.5rem 1rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); 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); } .wp-block-embed figcaption { color: var(--cs-color-secondary); } .wp-block-video video { width: 100%; } .wp-block-media-text p:last-child { margin-bottom: 0; } @media (max-width: 599.98px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 8%; padding-bottom: 0; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { padding-top: 0; padding-bottom: 8%; } } .wp-block-image figcaption { color: var(--cs-color-secondary); text-align: center; } .wp-block-image .alignleft figcaption, .wp-block-image .alignright figcaption, .wp-block-image .aligncenter figcaption, .wp-block-image .alignwide figcaption, .wp-block-image .alignfull figcaption { text-align: center; } .wp-block-image.alignleft figcaption, .wp-block-image.alignright figcaption, .wp-block-image.aligncenter figcaption, .wp-block-image.alignwide figcaption, .wp-block-image.alignfull figcaption { text-align: center; } .wp-block-image .alignleft, .wp-block-image.alignleft { float: none; margin-right: 0; } @media (min-width: 600px) { .wp-block-image .alignleft, .wp-block-image.alignleft { float: left; margin-right: 2rem; } } .wp-block-image .alignright, .wp-block-image.alignright { float: none; margin-left: 0; } @media (min-width: 600px) { .wp-block-image .alignright, .wp-block-image.alignright { float: right; margin-left: 2rem; } } @media (max-width: 599.98px) { .wp-block-image .alignleft, .wp-block-image .alignright { margin-left: auto; margin-right: auto; } } .wp-block-cover, .wp-block-cover-image { min-height: auto; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; } .wp-block-cover.has-background-dim, .wp-block-cover-image.has-background-dim { padding: 40px; } .wp-block-cover.has-background-dim a, .wp-block-cover.has-background-dim a:hover, .wp-block-cover-image.has-background-dim a, .wp-block-cover-image.has-background-dim a:hover { color: inherit; } .wp-block-cover.has-background-dim .wp-block-cover__inner-container, .wp-block-cover.has-background-dim .wp-block-cover-text, .wp-block-cover-image.has-background-dim .wp-block-cover__inner-container, .wp-block-cover-image.has-background-dim .wp-block-cover-text { color: #ffffff; } .wp-block-cover__inner-container *:last-child { margin-bottom: 0; } .wp-block-cover .block-list-appender:empty { margin: 0; } .wp-block-cover .block-editor-block-list__layout .block-editor-block-list__block { margin-bottom: 0; } .wp-block-cover .block-editor-block-list__layout .block-editor-block-list__block>* { margin-bottom: 0; } .wp-block-cover .block-editor-block-list__layout *:last-child { margin-bottom: 0; } .wp-block-cover .wp-block-cover-text { font-size: 2.25rem; line-height: var(--cs-font-base-line-height); padding: 0; max-width: calc(var(--cs-entry-content-width)); } .wp-block-quote { position: relative; margin-top: 48px; margin-bottom: 48px; padding: 30px 30px 30px 70px; font-size: 1.125rem; font-weight: 500; color: inherit; background: var(--cs-color-secondary-background); border-radius: var(--cs-layout-elements-border-radius); border-left: none; border-right: none; } .wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) { padding: 30px 30px 30px 70px; margin-top: 48px; margin-bottom: 48px; font-size: 1.125rem; background: var(--cs-color-secondary-background); color: inherit; } .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 { 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); } .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.75rem; 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-quote:before { content: ""; font-family: "cs-icons" !important; position: absolute; top: calc(40px / 4 * 3 + 0.3em); left: 30px; display: flex; align-items: center; justify-content: center; width: 23px; height: 23px; background-color: var(--cs-color-accent); border-radius: 50%; font-size: 0.75rem; color: #ffffff; } .wp-block-pullquote { padding: 2rem 1rem; color: var(--cs-color-primary); } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote:not(.is-style-solid-color) { border-top: 4px solid var(--cs-color-primary); border-bottom: 4px solid var(--cs-color-primary); } .wp-block-pullquote blockquote { margin: 0; text-transform: none; } .wp-block-pullquote blockquote cite, .wp-block-pullquote blockquote footer, .wp-block-pullquote blockquote .wp-block-pullquote__citation { font-style: normal; } .wp-block-pullquote blockquote:not(.has-text-color) { color: var(--cs-color-base); } .wp-block-pullquote p { font-size: 1.875rem; line-height: var(--cs-font-base-line-height); } .wp-block-pullquote .alignleft p, .wp-block-pullquote .alignright p { font-size: 1.5rem; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; } .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); margin-bottom: 1.5rem; } .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.4375rem 0.625rem; border-radius: var(--cs-layout-elements-border-radius); flex: 1 1 auto; width: 1%; max-width: 100%; } .wp-block-search .wp-block-search__button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); margin-left: 0; } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:hover { outline: none; } .wp-block-search .wp-block-search__button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .wp-block-search .wp-block-search__button.has-icon { line-height: 1rem; } .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-outside .wp-block-search__input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .wp-block-search.wp-block-search__button-outside .wp-block-search__button { border-top-left-radius: 0; border-bottom-left-radius: 0; } .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-layout-elements-border-radius); background-color: var(--cs-color-primary-contrast); } .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.4375rem 0.625rem; border-radius: var(--cs-layout-elements-border-radius); border: 1px solid transparent; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); margin-left: 0; } .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; } .wc-block-product-search .wc-block-product-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); margin-bottom: 1.5rem; } .wc-block-product-search .wc-block-product-search__fields { display: flex; flex-direction: row; align-items: center; } .wc-block-product-search .wc-block-product-search__field { 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.4375rem 0.625rem; border-radius: var(--cs-layout-elements-border-radius); flex: 1 1 auto; width: 1%; max-width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .wc-block-product-search .wc-block-product-search__button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; line-height: 1rem; } .wc-block-product-search .wc-block-product-search__button:focus, .wc-block-product-search .wc-block-product-search__button:hover { outline: none; } .wc-block-product-search .wc-block-product-search__button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .wc-block-product-search .wc-block-product-search__button svg { display: none; } .wc-block-product-search .wc-block-product-search__button:before { content: ""; font-family: "cs-icons" !important; } .searchwp-live-search-widget-search-form { display: flex; flex-direction: row; align-items: center; width: 100%; } .searchwp-live-search-widget-search-form>label { display: flex; flex: 1 1 auto; width: 1%; max-width: 100%; margin-bottom: 0; } .searchwp-live-search-widget-search-form .search-field { 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.4375rem 0.625rem; border-radius: var(--cs-layout-elements-border-radius); flex: 1 1 auto; max-width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .searchwp-live-search-widget-search-form .search-submit { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: 0; } .searchwp-live-search-widget-search-form .search-submit:focus, .searchwp-live-search-widget-search-form .search-submit:hover { outline: none; } .searchwp-live-search-widget-search-form .search-submit:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .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 { list-style: none; padding-left: 0; padding-right: 0; } .wp-block-latest-posts>li:not(:last-child) { margin-bottom: 2rem; } .wp-block-latest-posts>li>a { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1rem; display: inline-block; text-decoration: none !important; } .wp-block-latest-posts>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 { 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 { 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 { margin-top: 1rem; color: var(--cs-color-primary); clear: both; } .wp-block-latest-posts .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 { flex: 0 0 100%; } .wp-block-latest-posts__featured-image img { display: inline-block; } .wp-block-categories>.wp-block-categories__list { padding: 0; } ul.wp-block-categories-list, ul.wp-block-categories__list, ul.wp-block-archives-list, ul.wp-block-page-list { list-style: none; padding: 0; } ul.wp-block-categories-list li, ul.wp-block-categories__list li, ul.wp-block-archives-list li, ul.wp-block-page-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); display: flex; flex-wrap: wrap; position: relative; padding: 0.5rem 0; color: var(--cs-color-secondary); } ul.wp-block-categories-list li:not(:last-child), ul.wp-block-categories__list li:not(:last-child), ul.wp-block-archives-list li:not(:last-child), ul.wp-block-page-list li:not(:last-child) { border-bottom: 1px solid var(--cs-color-contrast-200); } ul.wp-block-categories-list li a, ul.wp-block-categories__list li a, ul.wp-block-archives-list li a, ul.wp-block-page-list li a { padding-right: 0.5rem; color: var(--cs-color-primary); margin-right: auto; text-decoration: none; font-weight: 700; } ul.wp-block-categories-list li a:hover, ul.wp-block-categories__list li a:hover, ul.wp-block-archives-list li a:hover, ul.wp-block-page-list li a:hover { color: var(--cs-color-secondary); } .wp-block-categories-list ul, .wp-block-categories__list ul, .wp-block-page-list ul { flex: 0 0 100%; width: 100%; margin-top: 0.5rem; padding-left: 20px; } .wp-block-categories-list ul li, .wp-block-categories__list ul li, .wp-block-page-list ul li { 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); } .wp-block-query .wp-block-post-template { padding-left: 0 !important; } .wp-block-query .wp-block-post-title a { color: inherit; text-decoration: none; } .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-post-meta); 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-post-meta); 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-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-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-pagination-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); } /*-------------------------------------------------------------- ## Overlay --------------------------------------------------------------*/ .cs-entry__thumbnail img { display: block; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .cs-entry__overlay { position: relative; } .cs-overlay-background { display: flex; flex-direction: column; position: relative; } .cs-overlay-background:after, .cs-overlay-background:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.25s; opacity: 1; } .cs-overlay-background:after { background: var(--cs-color-overlay-background); } .cs-overlay-background.cs-overlay-transparent:after, .cs-overlay-background.cs-overlay-transparent:before { opacity: 0 !important; } .cs-overlay-gradient .cs-overlay-background:after { background: linear-gradient(180deg, transparent 75%, rgba(0, 0, 0, 0.5) 100%); opacity: 1; } .cs-breadcrumbs-gradient .cs-overlay-background:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 25%, transparent 100%); opacity: 1; z-index: 1; } .cs-overlay-content { padding: 20px; } .cs-overlay-content a { position: relative; z-index: 2; } .cs-overlay-content .cs-overlay-link { position: absolute; } .cs-overlay-link { display: flex; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .cs-overlay-link a { display: block; } .cs-overlay-ratio { position: relative; display: 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-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: 125%; } .cs-ratio-portrait-2-3:before { padding-bottom: 150%; } .cs-ratio-square:before { padding-bottom: 100%; } .cs-ratio-wide { display: flex; position: relative; } .cs-ratio-wide:before { content: ""; width: 0; top: 0; left: 0; padding-bottom: 30%; min-height: 300px; } @media (min-width: 1020px) { .cs-ratio-wide:before { padding-bottom: 30%; min-height: 500px; } } .cs-entry__inner.cs-entry__overlay .cs-overlay-background:after, .cs-entry__inner.cs-entry__overlay .cs-overlay-background:before { opacity: 0; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: 0.25s; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content>* { margin-top: auto; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__read-more { margin-top: 0; } .cs-entry__inner.cs-entry__overlay .cs-overlay-content .cs-entry__read-more:not(:only-child) { margin-top: auto; } .cs-entry__inner.cs-entry__overlay:hover .cs-overlay-content { opacity: 1; } .cs-entry__inner.cs-entry__overlay:hover .cs-overlay-background:after { opacity: 1; } .cs-entry__inner.cs-overlay-content { display: flex; flex-direction: column; justify-content: flex-end; } .cs-entry__inner.cs-overlay-content:not(:first-child) { margin-top: 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-arrow-button-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); } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Display --------------------------------------------------------------*/ .cs-d-none { display: none !important; } .cs-d-inline { display: inline !important; } .cs-d-inline-block { display: inline-block !important; } .cs-d-block { display: block !important; } .cs-d-flex { display: 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; } /*-------------------------------------------------------------- # Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Site --------------------------------------------------------------*/ 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: 97%; } } .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; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .cs-header { position: relative; --cs-border-header-width: 1px; border-bottom: var(--cs-border-header-width) solid var(--cs-color-contrast-200); background: var(--cs-color-header-background); width: 100%; z-index: 10; } .cs-header__item { position: static; width: 100%; opacity: 1; border-bottom: 1px solid var(--cs-color-contrast-200); transition: 0.25s; } .cs-header__item:first-child { position: relative; } .cs-header__item:first-child:before { display: none; content: ""; position: absolute; left: 100%; bottom: -1px; width: 0; height: 1px; background-color: var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-header__item:first-child:before { display: block; width: calc(((100vw - 1020px) / 2) + 20px); } } @media (min-width: 1200px) { .cs-header__item:first-child:before { display: block; width: calc(((100vw - 1200px) / 2) + 20px); } } .cs-header__item:first-child .cs-col-left { padding: 0 20px; } .cs-header__item:last-child { display: block; border: none; } .cs-header__inner { position: relative; display: flex; justify-content: space-between; align-items: stretch; min-height: var(--cs-header-height); transition: 0.25s; opacity: 1; } .cs-header__inner-mobile { display: flex; } @media (min-width: 1020px) { .cs-header__inner-mobile { display: none; } } .cs-header__inner-desktop { display: none; } @media (min-width: 1020px) { .cs-header__inner-desktop { display: flex; } } .cs-header__left { display: flex; align-items: center; } .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; justify-content: center; flex: 1 1 auto; padding: 0 20px; } @media (min-width: 1020px) { .cs-header__col.cs-col-nav { justify-content: flex-start; } } .cs-header__col.cs-col-center { /*justify-content: center;*/ padding: 0 20px; } .cs-header__inner-mobile .cs-header__col.cs-col-center { padding: 0; } .cs-header__col.cs-col-left:not(:only-child) { padding-right: 20px; } .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-column { flex-direction: column; flex: 1 1 auto; } .cs-header__col.cs-col-column>*:not(:first-child) { margin-left: 0; } .cs-header__col.cs-col-large { flex: 1 1 auto; } .cs-header__offcanvas-toggle { padding: 0; cursor: pointer; } @media (min-width: 1020px) { .cs-header__offcanvas-toggle.cs-d-lg-none+* { margin-left: 0 !important; } } .cs-header__offcanvas-toggle .cs-icon { transition: 0.25s; } .cs-header__offcanvas-toggle:hover .cs-icon { color: var(--cs-color-secondary); } .cs-header__logo { display: block; color: var(--cs-color-primary); white-space: nowrap; font-family: var(--cs-font-main-logo-family), sans-serif; font-size: var(--cs-font-main-logo-size); font-weight: var(--cs-font-main-logo-weight); font-style: var(--cs-font-main-logo-style); letter-spacing: var(--cs-font-main-logo-letter-spacing); text-transform: var(--cs-font-main-logo-text-transform); } .cs-header__logo.cs-logo-large { padding: 10px 0; font-family: var(--cs-font-large-logo-family), sans-serif; font-size: var(--cs-font-large-logo-size); font-weight: var(--cs-font-large-logo-weight); font-style: var(--cs-font-large-logo-style); letter-spacing: var(--cs-font-large-logo-letter-spacing); text-transform: var(--cs-font-large-logo-text-transform); transition: 0.25s; } .cs-header__logo.cs-logo-dark { display: none; } [data-scheme=inverse] .cs-header__logo.cs-logo-dark, [data-scheme=dark] .cs-header__logo.cs-logo-dark { display: block; } [data-scheme=inverse] .cs-header__logo.cs-logo-default, [data-scheme=dark] .cs-header__logo.cs-logo-default { display: none; } .cs-header__logo img { display: block; width: auto; max-width: inherit; max-height: calc(var(--cs-header-height) - 20px); transition: opacity 0.25s; } .cs-col-left .cs-header__logo { padding-right: 10px; } .cs-header .cs-logo { transition: 0.25s; } .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; } .cs-header .cs-logo.cs-logo-hide+.cs-header__nav { margin-left: 0; } .cs-header__nav { display: block; height: 100%; transition: 0.25s; } .cs-header__nav:not(:first-child) { margin-left: 40px; } .cs-header__scheme-toggle { display: flex; align-items: center; position: relative; cursor: pointer; } [data-site-scheme=dark] .cs-header__scheme-toggle .cs-header__scheme-toggle-element:after { left: 1rem; } [data-site-scheme=dark] .cs-header__scheme-toggle .cs-header__scheme-toggle-icon:last-child { color: var(--cs-color-primary); } .cs-header__scheme-toggle:hover .cs-header__scheme-toggle-element { background: var(--cs-color-contrast-600); } .cs-header__scheme-toggle-mobile { width: 2rem; height: 2rem; position: relative; } .cs-header__scheme-toggle-mobile .cs-header__scheme-toggle-icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: block; text-align: center; transform: scale(0); height: 2rem; line-height: 2rem; font-size: 1rem; } .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-icon { width: 1rem; height: 2rem; line-height: 2rem; font-size: 1rem; display: inline-block; color: var(--cs-color-primary); } .cs-header__scheme-toggle-element { margin: 0 0.25rem; display: block; height: 1rem; width: 2rem; border-radius: 0.5rem; background: var(--cs-color-contrast-400); position: relative; transition: 0.25s; } .cs-header__scheme-toggle-element::after { transition: 0.25s !important; content: ""; display: block; position: absolute; top: 0; bottom: 0; margin: auto; width: 0.75rem; height: 0.75rem; background: #ffffff; border-radius: 50%; left: 0; margin-left: 0.125rem; } .cs-header__nav-inner { display: flex; height: 100%; padding: 0; margin: 0; align-items: center; list-style: none; } .cs-header__nav-inner li { position: relative; } .cs-header__nav-inner li:not(.touch-device):hover>.sub-menu { visibility: visible; opacity: 1; top: -1px; 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 { margin-left: 2px; font-family: "cs-icons"; content: ""; font-size: 0.75rem; line-height: 1; } .cs-header__nav-inner li.current-menu-ancestor>a, .cs-header__nav-inner li.current-menu-item>a { color: var(--cs-color-menu-active); } .cs-header__nav-inner li.current-menu-ancestor>a>span:first-child:before, .cs-header__nav-inner li.current-menu-item>a>span:first-child:before { bottom: -3px; opacity: 1; background-color: var(--cs-color-secondary); } .cs-header__nav-inner>li { height: 100%; } .cs-header__nav-inner>li:not(:first-child) { margin-left: 20px; } .cs-header__nav-inner>li>a { position: relative; display: flex; align-items: center; white-space: nowrap; height: 100%; font-family: var(--cs-font-menu-family), sans-serif; font-size: var(--cs-font-menu-size); font-weight: var(--cs-font-menu-weight); font-style: var(--cs-font-menu-style); letter-spacing: var(--cs-font-menu-letter-spacing); text-transform: var(--cs-font-menu-text-transform); } .cs-header__nav-inner>li>a>span { position: relative; } .cs-header__nav-inner>li>a>span:first-child:before { content: ""; position: absolute; bottom: -10px; opacity: 0; width: 100%; height: 1px; background-color: var(--cs-color-menu-hover); transition: 0.25s; } .cs-header__nav-inner>li>a .pk-badge { position: relative; } .cs-header__nav-inner>li>a .pk-badge:after { content: ""; position: absolute; height: 10px; width: calc(100% + 12px); top: 100%; left: -8px; background: var(--cs-color-header-background); } .cs-header__nav-inner>li:hover>a { color: var(--cs-color-menu-hover); } .cs-header__nav-inner>li:hover>a>span:before { opacity: 1; bottom: -3px; } .cs-header__nav-inner>li.menu-item-has-children>.sub-menu { top: -9999px; left: 0; z-index: 11; opacity: 0; visibility: hidden; } .cs-header-four .cs-header__nav-inner>li.menu-item-has-children>.sub-menu { top: -9999px; } .cs-header-four .cs-header__nav-inner>li.menu-item-has-children.cs-mega-menu>.sub-menu { top: -9999px; } .cs-header__nav-inner>li.menu-item-has-children>a:after { content: ""; 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-four .cs-header__nav-inner>li.menu-item-has-children:not(.touch-device):hover>.sub-menu { top: calc(100% - 1px); } .cs-header-four.cs-scroll-sticky .cs-header__nav-inner>li.menu-item-has-children:not(.touch-device):hover>.sub-menu { top: 100%; } .cs-header__nav-inner>li.menu-item-has-children.submenu-visible>.sub-menu { top: 100%; left: 0; visibility: visible; opacity: 1; } .cs-header-four .cs-header__nav-inner>li.menu-item-has-children.submenu-visible>.sub-menu { top: calc(100% - 1px); } .cs-header-four.cs-scroll-sticky .cs-header__nav-inner>li.menu-item-has-children.submenu-visible>.sub-menu { top: 100%; } .cs-header__nav-inner>li.current-menu-ancestor>a>span:first-child:before, .cs-header__nav-inner>li.current-menu-item>a>span:first-child:before { background-color: var(--cs-color-menu-active); } .cs-header__nav-inner>li.current-menu-ancestor:hover>a>span:first-child:before, .cs-header__nav-inner>li.current-menu-item:hover>a>span:first-child:before { background-color: var(--cs-color-menu-hover); } .cs-header__nav-inner .menu-item .pk-badge { margin: auto auto auto 0.25rem; } .cs-header__nav-inner .sub-menu { position: absolute; display: block; padding: 0; margin: 0; text-align: left; list-style: none; background-color: var(--cs-color-submenu-background); border: 1px var(--cs-color-contrast-200) solid; } .cs-header__nav-inner .sub-menu>li { padding: 0 1rem; } .cs-header__nav-inner .sub-menu>li a { display: 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:hover { color: var(--cs-color-submenu-hover); } .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-submenu-active); } .cs-header__nav-inner .sub-menu .sub-menu { display: block; top: -9999px; left: 100%; z-index: 1; opacity: 0; transition: opacity 0.25s; transform: translate3d(0.5rem, 0, 0); visibility: hidden; } .cs-header__nav-inner .sub-menu .cs-sm-position-left>.sub-menu { left: auto; right: 100%; } .cs-header__nav-inner .sub-menu .cs-sm-position-left>a:after { transform: rotate(180deg); } .cs-header__nav-inner .cs-mega-menu { position: static; } .cs-header__multi-column { height: 100%; } .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-menu-hover); } .cs-header__single-column { height: 100%; } .cs-header__single-column .cs-icon { transition: 0.25s; } .cs-header__single-column:hover .cs-header__widgets { opacity: 1; visibility: visible; transition: 0.25s; } .cs-header__single-column:hover .cs-header__single-column-toggle .cs-icon { background-color: var(--cs-color-menu-hover); } .cs-header__single-column-toggle { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 1.375rem; cursor: pointer; } .cs-header__single-column-toggle .cs-icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 0.875rem; color: var(--cs-color-primary-contrast); background-color: var(--cs-color-accent); } [data-scheme=inverse] .cs-header__single-column-toggle .cs-icon, [data-scheme=dark] .cs-header__single-column-toggle .cs-icon { color: var(--cs-color-primary); background-color: var(--cs-color-secondary); } .cs-header__multi-column-toggle { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 1.375rem; cursor: pointer; } .cs-header__multi-column-container { position: absolute; top: 100%; left: 0; right: 0; max-height: 60vh; min-height: 100%; background: var(--cs-color-submenu-background); border: 1px solid var(--cs-color-contrast-200); overflow-y: auto; overflow-x: hidden; visibility: hidden; opacity: 0; z-index: 11; } .cs-header__multi-column-row { display: flex; padding: 2rem 0; } .cs-header__multi-column-col { flex: 1; width: 100%; padding: 0 30px; } .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__cart { display: none; align-items: center; color: var(--cs-color-primary); transition: 0.25s; } .cs-header__cart i { font-size: 1.125rem; transition: 0.25s; } .cs-header__cart:hover .cs-icon { color: var(--cs-color-menu-hover); } .cs-header__cart:hover .cs-header__cart-quantity { background-color: var(--cs-color-menu-hover); color: var(--cs-color-primary-contrast); } @media (min-width: 1020px) { .cs-header__cart { display: flex; } } .cs-header__cart-quantity { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-left: 5px; background-color: var(--cs-color-contrast-200); color: var(--cs-color-contrast-800); font-size: 0.75rem; line-height: 1; font-weight: 500; 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 { font-size: 1.125rem; transition: 0.25s; } .cs-header__search-toggle:hover .cs-icon { color: var(--cs-color-menu-hover); } .cs-header__button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); display: none; } .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); } @media (min-width: 1200px) { .cs-header__button { display: inline-flex; } } .cs-header__two-column { display: flex; height: 100%; align-items: center; color: var(--cs-color-primary); cursor: pointer; } .cs-header__two-column:after { margin-left: 2px; font-family: "cs-icons"; content: ""; font-size: 0.75rem; line-height: 1; transform: translateY(2px); } .cs-header__two-column:hover .cs-header__two-column-label { color: var(--cs-color-menu-hover); } .cs-header__two-column:hover .cs-header__two-column-label:before { opacity: 1; bottom: -3px; } .cs-header__two-column:hover:after { color: var(--cs-color-menu-hover); } .cs-header__two-column:hover .cs-header__multi-column-container { opacity: 1; visibility: visible; transition: 0.25s; } .cs-header__two-column .cs-header__multi-column-container { max-width: 700px; left: auto; } .cs-header__two-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__two-column-label:before { content: ""; position: absolute; bottom: -10px; width: 100%; height: 1px; background-color: var(--cs-color-menu-hover); opacity: 0; transition: 0.25s; } .cs-header__info { display: flex; max-width: 160px; padding: 10px 0; color: var(--cs-color-secondary); font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cs-col-right .cs-header__info { text-align: right; } .cs-header__widgets { position: absolute; top: 100%; right: 0; left: initial; display: flex; max-height: 60vh; min-height: 100%; width: auto; max-width: 980px; background: var(--cs-color-submenu-background); visibility: hidden; opacity: 0; z-index: 11; cursor: auto; } .cs-header__widgets-img { position: relative; 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: 30px; border: 1px solid var(--cs-color-contrast-200); overflow-x: hidden; overflow-y: auto; } .cs-header__image { display: block; } .cs-header__image img { display: block; width: auto; max-width: inherit; max-height: calc(var(--cs-header-height) - 30px); } .cs-header .cs-separator { display: flex; flex: none; height: 100%; width: 1px; background-color: var(--cs-color-contrast-200); } .cs-header .cs-navbar-social-links .pk-social-links-items { flex-wrap: nowrap; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky .cs-logo-hide, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky .cs-logo-hide { margin-right: 1rem; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky .cs-logo-hide .cs-header__logo, .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-smart-enabled .cs-header.cs-scroll-sticky .cs-logo-hide .cs-header__logo img, .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-smart-enabled .cs-header.cs-scroll-sticky.cs-header-three .cs-header__col, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-three .cs-header__col { flex-grow: 1; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__inner-wrapper, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__inner-wrapper { height: var(--cs-header-height); } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__logo img, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__logo img { max-height: calc(var(--cs-header-height) - 20px); } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child { border-bottom: 0; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child:before, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child:before { display: none; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child .cs-header__inner, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:first-child .cs-header__inner { height: 0; opacity: 0; } .cs-navbar-smart-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:last-child .cs-header__inner, .cs-navbar-sticky-enabled .cs-header.cs-scroll-sticky.cs-header-four .cs-header__item:last-child .cs-header__inner { height: var(--cs-header-height); } .cs-navbar-smart-enabled .cs-header.cs-scroll-active { top: 0; transform: translateY(-100%); } .cs-header.cs-header-one .cs-navbar-social-links { display: none; } @media (min-width: 1200px) { .cs-header.cs-header-one .cs-navbar-social-links { display: block; } } .cs-header.cs-header-two .cs-col-left>* { display: flex; height: 100%; align-items: center; } .cs-navbar-sticky-enabled .cs-header { position: sticky; top: 0; } .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 32px; } .cs-navbar-smart-enabled .cs-header { transition: 0.4s; position: sticky; top: calc(0px - var(--cs-header-height) - 10px); } .cs-navbar-smart-enabled .cs-header.cs-header-smart-visible { top: 0px; } .cs-navbar-smart-enabled.admin-bar .cs-header { top: calc(32px - var(--cs-header-height) - 10px); } .cs-navbar-smart-enabled.admin-bar .cs-header.cs-header-smart-visible { top: 32px; } .cs-topbar { --cs-border-topbar-width: 1px; display: none; background: var(--cs-color-topbar-background); width: 100%; border-bottom: var(--cs-border-topbar-width) solid var(--cs-color-contrast-200); } @media (min-width: 1020px) { .cs-topbar { display: block; } } .cs-topbar .cs-header__inner { min-height: var(--cs-header-topbar-height); } .cs-topbar .cs-header__logo img { max-height: calc(var(--cs-header-topbar-height) - 20px); } .cs-topbar .cs-search__nav-form { position: relative; width: var(--cs-search-input-wigth); max-width: 100%; } .cs-topbar .cs-search__nav-form .cs-search__group { padding-left: 0; background-color: var(--cs-color-search-input-background); border: var(--cs-search-input-border-width) solid var(--cs-palette-color-gray-200); border-radius: var(--cs-search-input-border-radius); } .cs-topbar .cs-search__nav-form .cs-search__input { height: var(--cs-search-input-height); color: var(--cs-color-search-input); border-radius: 0; } .cs-topbar .cs-search__nav-form .cs-search__input::-moz-placeholder { color: var(--cs-color-search-input); } .cs-topbar .cs-search__nav-form .cs-search__input:-ms-input-placeholder { color: var(--cs-color-search-input); } .cs-topbar .cs-search__nav-form .cs-search__input::placeholder { color: var(--cs-color-search-input); } .cs-topbar .cs-search__nav-form .cs-search__submit { left: auto; right: 0; justify-content: center; height: var(--cs-search-input-height); } .cs-topbar .cs-search__nav-form .cs-search__submit .cs-icon { color: var(--cs-color-search-input); font-size: var(--cs-font-input-size); } .cs-topbar .cs-search__nav-form .cs-search__submit .cs-icon:hover { color: var(--cs-color-secondary); } .cs-topbar .cs-search__nav-form .cs-search__close { display: none; } @media screen and (max-width: 782px) { .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 46px; } .cs-navbar-smart-enabled.admin-bar .cs-header.cs-scroll-sticky { top: calc(46px - var(--cs-header-height) - 10px); } .cs-navbar-smart-enabled.admin-bar .cs-header.cs-scroll-sticky.cs-header-smart-visible { top: 46px; } } @media screen and (max-width: 600px) { .cs-navbar-sticky-enabled.admin-bar .cs-header { top: 0; } .cs-navbar-smart-enabled.admin-bar .cs-header.cs-scroll-sticky { top: calc(0px - var(--cs-header-height) - 10px); } .cs-navbar-smart-enabled.admin-bar .cs-header.cs-scroll-sticky.cs-header-smart-visible { top: 0; } } .cs-search { display: none; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; padding: 2rem 0 2.5rem 0; background-color: var(--cs-color-search-background); } .cs-search.cs-search-disable { transition: 0.25s; } .cs-search__nav-form button { position: absolute; top: 0; width: 40px; height: 50px; display: flex; align-items: center; padding: 0; font: inherit; color: inherit; background-color: transparent; cursor: pointer; border: none; outline: none; } .cs-search__nav-form button i { font-size: 1.25rem; transition: 0.25s; } .cs-search__nav-form button:hover i { color: var(--cs-color-secondary); } .cs-search__nav-form .cs-search__group { position: relative; padding: 0 40px; border-bottom: 1px solid var(--cs-color-contrast-200); } .cs-search__nav-form .cs-search__input { width: 100%; height: 50px; border: none !important; background: none !important; color: var(--cs-color-primary) !important; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cs-search__nav-form .cs-search__submit { left: 0; justify-content: flex-start; } .cs-search__nav-form .cs-search__submit span { display: none; } .cs-search__nav-form .cs-search__close { right: 0; justify-content: flex-end; } .cs-search__content { position: relative; width: 100%; } .cs-search__posts { display: none; margin-top: 2.5rem; } .cs-search__posts .cs-section-heading { margin-bottom: 2rem; } @media (min-width: 720px) { .cs-search__posts { display: block; } } .cs-search__posts-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -1rem; margin-right: -1rem; } .cs-search__posts-wrapper .cs-entry { display: flex; flex: 0 0 50%; max-width: 50%; margin-bottom: 1rem; padding: 0 1rem; } .cs-search__posts-wrapper .cs-entry:nth-child(odd) { border-right: 1px solid var(--cs-color-contrast-200); } @media (min-width: 1200px) { .cs-search__posts-wrapper .cs-entry { flex: 0 0 25%; max-width: 25%; margin-bottom: 0; } .cs-search__posts-wrapper .cs-entry:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-search__posts-wrapper .cs-entry__outer { display: flex; } .cs-search__posts-wrapper .cs-entry__inner:not(:first-child) { margin-top: 0; } .cs-search__posts-wrapper .cs-entry__thumbnail { flex: none; align-self: flex-start; width: 60px; margin-right: 1rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-search__posts-wrapper .cs-entry__thumbnail img { border-radius: 0; } .cs-search__posts-wrapper .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-search__posts-wrapper .cs-entry__post-meta { font-size: 0.625rem; } .cs-search__posts-wrapper .cs-entry__title { font-size: 1rem; } .cs-search__tags { margin-top: 2.5rem; display: none; } @media (min-width: 1020px) { .cs-search__tags { display: block; } } .cs-search__tags ul { display: flex; flex-wrap: wrap; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .cs-search__tags ul>li:not(.cs-title-tags), .cs-search__tags ul>a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .cs-search__tags ul>li:last-child, .cs-search__tags ul>a:last-child { margin-right: 0; } .cs-search__tags ul a { display: flex; align-items: center; justify-content: center; padding: 5px 12px; color: var(--cs-color-accent); border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-tag-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: 20px; } .cs-mega-menu .cs-mm__posts { display: flex; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem; } .cs-mega-menu .cs-mm__posts .cs-entry { position: relative; width: 100%; flex: 0 0 20%; max-width: 20%; padding: 0 1rem; } .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 { font-size: 0.625rem; } .cs-mega-menu .cs-mm__posts .cs-entry__content { text-align: center; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta { display: flex; align-items: center; justify-content: center; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta:not(:first-child) { margin-top: 0.5rem; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta li:not(:first-child) { margin-left: 10px; } .cs-mega-menu .cs-mm__posts .cs-entry__content .cs-entry__post-meta li i { margin-right: 4px; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content { display: 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 25%; max-width: 25%; } .cs-mega-menu.cs-mega-menu-terms .cs-mm__content .cs-mm__posts-container .cs-mm__posts.cs-active-item { display: flex; } .cs-mega-menu .cs-active-item>a { color: var(--cs-color-secondary); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .cs-footer { padding-top: 50px; padding-bottom: 50px; background-color: var(--cs-color-footer-background); } @media (min-width: 1020px) { .cs-footer { padding-top: 70px; padding-bottom: 70px; } } .cs-footer__item { display: flex; flex-direction: column; height: 100%; } @media (min-width: 1020px) { .cs-footer__item { flex-direction: row; justify-content: space-between; text-align: initial; } } .cs-footer__item-bottom:not(:first-child) { margin-top: 2rem; } .cs-footer__item-bottom .cs-footer__col { align-items: center; } .cs-footer__col { display: flex; flex: 1; } .cs-footer__col>*:not(:first-child) { margin-left: 1.5rem; } .cs-footer__col:not(:first-child) { margin-top: 2rem; } @media (min-width: 1020px) { .cs-footer__col:not(:first-child) { margin-top: 0; } } .cs-footer__col.cs-col-column { flex-direction: column; } @media (min-width: 1020px) { .cs-footer__col.cs-col-left:not(:last-child) { padding-right: 30px; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-left:not(:last-child) { padding-right: 50px; } } .cs-footer__col.cs-col-center { max-width: 100%; } @media (min-width: 1020px) { .cs-footer__col.cs-col-center { padding-right: 30px; padding-left: 30px; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-center { padding-right: 50px; padding-left: 50px; } } @media (min-width: 1020px) { .cs-footer__col.cs-col-right { padding-left: 30px; justify-content: flex-end; } } @media (min-width: 1200px) { .cs-footer__col.cs-col-right { padding-left: 50px; } } .cs-footer__inner { display: flex; flex-direction: column; width: 100%; } .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; font-family: var(--cs-font-footer-logo-family), sans-serif; font-size: var(--cs-font-footer-logo-size); font-weight: var(--cs-font-footer-logo-weight); font-style: var(--cs-font-footer-logo-style); letter-spacing: var(--cs-font-footer-logo-letter-spacing); text-transform: var(--cs-font-footer-logo-text-transform); } .cs-footer__logo img { display: block; max-width: inherit; width: auto; max-height: 60px; } .cs-footer__logo.cs-logo-large { font-family: var(--cs-font-large-logo-family), sans-serif; font-size: var(--cs-font-large-logo-size); font-weight: var(--cs-font-large-logo-weight); font-style: var(--cs-font-large-logo-style); letter-spacing: var(--cs-font-large-logo-letter-spacing); text-transform: var(--cs-font-large-logo-text-transform); } .cs-footer__logo.cs-logo-dark { display: none; } footer[data-scheme=inverse] .cs-footer__logo.cs-logo-dark, footer[data-scheme=dark] .cs-footer__logo.cs-logo-dark { display: block; } footer[data-scheme=inverse] .cs-footer__logo.cs-logo-default, footer[data-scheme=dark] .cs-footer__logo.cs-logo-default { display: none; } .cs-footer__copyright { 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__copyright a { transition: 0.25s; text-decoration: underline; } .cs-footer__copyright a:hover { color: var(--cs-color-accent); } .cs-footer__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-footer__nav { display: flex; flex-wrap: wrap; 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; transition: 0.25s; } .cs-footer__nav a:hover, .cs-footer__nav a:active, .cs-footer__nav a:focus { color: var(--cs-color-accent); text-decoration: none; } .cs-footer__nav .sub-menu 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); } .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; } @media (min-width: 1200px) { .cs-footer__nav.cs-nav-grid { display: grid; grid-template-columns: repeat(2, 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>.menu-item-has-children>a { font-family: var(--cs-font-footer-headings-family), sans-serif; font-size: var(--cs-font-footer-headings-size); font-weight: var(--cs-font-footer-headings-weight); font-style: var(--cs-font-footer-headings-style); letter-spacing: var(--cs-font-footer-headings-letter-spacing); text-transform: var(--cs-font-footer-headings-text-transform); } .cs-footer__nav>.menu-item-has-children>a:hover { color: var(--cs-color-accent); } .cs-footer__nav.cs-nav-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); grid-gap: 30px; justify-content: space-between; width: 100%; } .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: 1rem; } .cs-footer__nav.cs-nav-columns .sub-menu li { padding: 0; } .cs-footer__nav.cs-nav-columns .sub-menu li:not(:first-child) { margin-top: 0.75rem; } .cs-footer__image { display: block; } .cs-footer__image img { display: block; } .cs-footer__desc>*:not(:first-child) { margin-top: 1rem; } .cs-footer__desc a { display: block; } .cs-footer__desc h5 { text-transform: uppercase; margin-bottom: 0; } .cs-footer__desc p { margin-bottom: 0; } @media (min-width: 1020px) { .cs-col-right .cs-footer__desc { text-align: right; } } .cs-footer__posts .cs-entry { display: flex; } .cs-footer__posts .cs-entry:not(:first-child) { margin-top: 1.5rem; } .cs-footer__posts .cs-entry__outer { display: flex; } .cs-footer__posts .cs-entry__inner:not(:first-child) { margin-top: 0; } .cs-footer__posts .cs-entry__thumbnail { flex: none; align-self: flex-start; width: 80px; margin-right: 1rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-footer__posts .cs-entry__thumbnail img { border-radius: 0; } .cs-footer__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-footer__posts .cs-entry__title { font-size: 1rem; } .cs-footer__posts-inner:not(:first-child) { margin-top: 1rem; } .cs-footer__posts-title { font-family: var(--cs-font-footer-headings-family), sans-serif; font-size: var(--cs-font-footer-headings-size); font-weight: var(--cs-font-footer-headings-weight); font-style: var(--cs-font-footer-headings-style); letter-spacing: var(--cs-font-footer-headings-letter-spacing); text-transform: var(--cs-font-footer-headings-text-transform); margin-bottom: 0; } .cs-footer .cs-footer-social-links .pk-social-links-items { flex-wrap: nowrap; } .cs-footer .cs-site-subscribe__form { flex-direction: column; } .cs-footer .cs-site-subscribe__form-wrapper { display: flex; } .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form { flex: 1 1 100%; max-width: 100%; } @media (min-width: 1020px) { .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form { flex: 1 1 70%; max-width: 70%; margin-right: 1rem; } .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form:only-child { flex: 1 1 100%; max-width: 100%; margin-right: 0; } } .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form-image { display: none; flex: 1 1 30%; max-width: 30%; } @media (min-width: 1020px) { .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form-image { display: block; } } .cs-footer .cs-site-subscribe__form-wrapper .cs-site-subscribe__form-image img { display: block; width: auto; } .cs-footer .cs-site-subscribe__info { margin-right: 0; } .cs-footer.cs-form-styled-two .pk-input-group input[type=text] { border: none; } .cs-footer.cs-footer-one { padding-bottom: 40px; } @media (min-width: 1020px) { .cs-footer.cs-footer-one .cs-footer__item-top .cs-col-left:not(:last-child) { max-width: 25%; } } .cs-footer.cs-footer-one .cs-footer__item-bottom:not(:only-child) { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-one .pk-input-group { flex-direction: column; } .cs-footer.cs-footer-one .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .cs-footer.cs-footer-one .pk-input-group input[type=text] { width: 100%; } .cs-footer.cs-footer-one .pk-input-group .pk-subscribe-submit { width: 100%; border-radius: var(--cs-button-border-radius); } .cs-footer.cs-footer-one.cs-form-styled-one .pk-input-group input[type=text] { flex: 1 1 auto; margin-right: 0; } .cs-footer.cs-footer-one.cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-one.cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } @media (min-width: 1020px) { .cs-footer.cs-footer-two .cs-col-center { border-left: 1px solid var(--cs-color-contrast-300); border-right: 1px solid var(--cs-color-contrast-300); } } .cs-footer.cs-footer-two.cs-form-styled-one .pk-input-group, .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group { flex-direction: column; } .cs-footer.cs-footer-two.cs-form-styled-one .pk-input-group>*:not(:first-child), .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .cs-footer.cs-footer-two.cs-form-styled-one .pk-input-group input[type=text], .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group input[type=text] { width: 100%; } .cs-footer.cs-footer-two.cs-form-styled-one .pk-input-group .pk-subscribe-submit, .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group .pk-subscribe-submit { width: 100%; border-radius: var(--cs-button-border-radius); } .cs-footer.cs-footer-two.cs-form-styled-one .pk-input-group input[type=text] { flex: 1 1 auto; margin-right: 0; } .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-two.cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-three { padding-bottom: 40px; } .cs-footer.cs-footer-three .cs-footer__item-bottom:not(:only-child) { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-three .cs-footer__nav { align-self: flex-start; } .cs-footer.cs-footer-four { padding-top: 0; padding-bottom: 0; } .cs-footer.cs-footer-four>.cs-container { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1020px) { .cs-footer.cs-footer-four>.cs-container { padding-top: 70px; padding-bottom: 70px; } } .cs-footer.cs-footer-four .cs-footer__nav { align-self: flex-start; } .cs-footer.cs-footer-four .cs-site-subscribe { padding-top: 50px; } @media (min-width: 1020px) { .cs-footer.cs-footer-four .cs-site-subscribe { padding-top: 70px; } } .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__item { padding-bottom: 50px; border-bottom: 1px solid var(--cs-color-contrast-400); } @media (min-width: 1020px) { .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__item { padding-bottom: 70px; } } .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__form { max-width: 700px; margin: 0 auto; } .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__info { text-align: center; } .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__title { font-size: 1.875rem; } @media (min-width: 1020px) { .cs-footer.cs-footer-four .cs-site-subscribe .cs-site-subscribe__title { font-size: 2.625rem; } } .cs-footer.cs-footer-four .cs-site-subscribe .cs-footer__item-bottom { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-five { padding-bottom: 40px; } .cs-footer.cs-footer-five.cs-form-styled-one .pk-input-group, .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group { flex-direction: column; } .cs-footer.cs-footer-five.cs-form-styled-one .pk-input-group>*:not(:first-child), .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .cs-footer.cs-footer-five.cs-form-styled-one .pk-input-group input[type=text], .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group input[type=text] { width: 100%; } .cs-footer.cs-footer-five.cs-form-styled-one .pk-input-group .pk-subscribe-submit, .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group .pk-subscribe-submit { width: 100%; border-radius: var(--cs-button-border-radius); } .cs-footer.cs-footer-five .cs-footer__item-bottom:not(:only-child) { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-five.cs-form-styled-one .pk-input-group input[type=text] { flex: 1 1 auto; margin-right: 0; } .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-five.cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-six { padding-top: 0; padding-bottom: 0; } .cs-footer.cs-footer-six>.cs-container { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1020px) { .cs-footer.cs-footer-six>.cs-container { padding-top: 70px; padding-bottom: 40px; } } @media (min-width: 1020px) { .cs-footer.cs-footer-six .cs-footer__item-top .cs-col-right { max-width: 25%; } } @media (min-width: 1020px) { .cs-footer.cs-footer-six .cs-footer__item-top .cs-col-right .cs-footer__inner { align-items: flex-end; } } .cs-footer.cs-footer-six .cs-footer__item-bottom:not(:only-child) { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-six .cs-footer__nav { align-self: flex-start; } .cs-footer.cs-footer-six .cs-site-subscribe { padding-top: 50px; } @media (min-width: 1020px) { .cs-footer.cs-footer-six .cs-site-subscribe { padding-top: 70px; } } .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__item { padding-bottom: 50px; } @media (min-width: 1020px) { .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__item { padding-bottom: 70px; } } .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__form { max-width: 700px; margin: 0 auto; } .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__info { text-align: center; } .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__title { font-size: 1.875rem; } @media (min-width: 1020px) { .cs-footer.cs-footer-six .cs-site-subscribe .cs-site-subscribe__title { font-size: 2.625rem; } } .cs-footer.cs-footer-six .cs-site-subscribe .cs-footer__item-bottom { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-seven .cs-footer__item-bottom { padding-top: 40px; border-top: 1px solid var(--cs-color-contrast-400); } .cs-footer.cs-footer-seven .cs-col-center { flex: 0 1 auto; max-width: 100%; } @media (min-width: 1020px) { .cs-footer.cs-footer-seven .cs-col-center { max-width: 50%; border-left: 1px solid var(--cs-color-contrast-300); border-right: 1px solid var(--cs-color-contrast-300); } } .cs-footer.cs-footer-seven.cs-form-styled-one .pk-input-group, .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group { flex-direction: column; } .cs-footer.cs-footer-seven.cs-form-styled-one .pk-input-group>*:not(:first-child), .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .cs-footer.cs-footer-seven.cs-form-styled-one .pk-input-group input[type=text], .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group input[type=text] { width: 100%; } .cs-footer.cs-footer-seven.cs-form-styled-one .pk-input-group .pk-subscribe-submit, .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group .pk-subscribe-submit { width: 100%; border-radius: var(--cs-button-border-radius); } .cs-footer.cs-footer-seven.cs-form-styled-one .pk-input-group input[type=text] { flex: 1 1 auto; margin-right: 0; } .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-seven.cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-footer.cs-footer-seven.cs-form-styled-three .pk-input-group input[type=text] { width: 100%; } /*-------------------------------------------------------------- ## Entry --------------------------------------------------------------*/ .cs-entry__title { word-break: break-word; } .cs-entry__title>span { word-break: break-word; } .cs-entry__header { position: relative; } .cs-entry__header:not(:last-child) { margin-bottom: 2.5rem; } .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-thumbnail-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-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-entry__header-grid .cs-entry__post-media img { border-radius: var(--cs-thumbnail-border-radius); -o-object-fit: cover; object-fit: cover; height: 100%; } .cs-entry__header-grid .cs-entry__post-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-entry__header-grid-alt .cs-entry__post-media img { border-radius: 0; -o-object-fit: cover; object-fit: cover; height: 100%; } .cs-entry__header-grid-alt .cs-entry__post-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__header-grid-alt .cs-entry__post-meta { justify-content: center; } .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; } @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-grid-alt .cs-entry__header-inner { grid-row-gap: 0; } @media (min-width: 1020px) { .cs-entry__header-grid-alt .cs-entry__header-inner { grid-column-gap: 0; } } .cs-entry__header-info { position: relative; } .cs-entry__header-info>*:not(:first-child) { margin-top: 1.25rem; } .cs-entry__header-info .cs-entry__title { font-size: 2.625rem; 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: 3.125rem; } } .cs-entry__header-info .cs-entry__title span { display: inline-block; } .cs-entry__header-grid .cs-entry__header-info { display: flex; flex-direction: column; width: 100%; } .cs-entry__header-grid .cs-entry__header-info .cs-entry__details-data { flex: 0 1 auto; } .cs-entry__header-grid .cs-entry__header-info .cs-entry__share-buttons { margin-top: auto; padding-top: 20px; } .cs-entry__header-grid-alt .cs-entry__header-info { align-items: center; justify-content: center; padding: 40px; background-color: var(--cs-color-secondary-background); text-align: center; } .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: 0.5rem; } .cs-entry__header-details:not(:first-child)>* { margin-top: 2rem; } .cs-entry-format { position: absolute; top: 10px; right: 10px; z-index: 3; } .format-video .cs-entry-format { width: 48px; height: 48px; top: 50%; right: 50%; transform: translate(50%, -50%); } .format-video .cs-entry-format .cs-format-icon { width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6); } .format-video .cs-entry-format .cs-format-icon:after { line-height: 1; transform: translateX(10%); } .cs-entry-format>a.cs-format-icon { position: relative; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; line-height: 40px; transition: 0.25s; color: #ffffff; } .cs-entry-format>a.cs-format-icon:after { position: relative; font-family: "cs-icons"; font-weight: normal; font-style: normal; font-size: 1.125rem; opacity: 1; width: auto; } .cs-entry-format .cs-format-count { padding-right: 4px; } .cs-entry-format .cs-format-image:after { content: ""; } .cs-entry-format .cs-format-video:after { content: ""; } .cs-entry-format .cs-format-audio:after { content: ""; } .cs-entry-format .cs-format-gallery:after { content: ""; } .cs-entry-format .cs-format-link:after { content: ""; } .cs-entry-format .cs-format-quote:after { content: ""; } .cs-entry-format .cs-format-status:after { content: ""; } .cs-entry-format .cs-format-aside:after { content: ""; } .cs-entry-format .cs-format-chat:after { content: ""; } body { counter-reset: number-post; } .cs-entry__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-thumbnail-border-radius); transition: 0.25s; } .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-entry__thumbnail .cs-overlay-background img { border-radius: 0; } .cs-entry__thumbnail .cs-overlay-background img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__thumbnail .cs-video-wrapper { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-entry__thumbnail:hover img { opacity: 0.8; } .cs-entry__thumbnail:hover .cs-format-video { transform: scale(1.1); } .cs-entry.format-video .cs-entry__thumbnail.cs-entry__setting-format:hover img { opacity: 1; } .cs-entry__title { --cs-color-title: var(--cs-color-primary); --cs-color-title-hover: var(--cs-color-secondary); 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: 1rem; } .cs-posts-area__full .cs-entry__title { font-size: 1.5rem; } @media (min-width: 600px) { .cs-posts-area__full .cs-entry__title { font-size: 1.875rem; } } @media (min-width: 1020px) { .cs-posts-area__full .cs-entry__title { font-size: 2.625rem; } } .cs-entry__title a { text-decoration: none; color: var(--cs-color-title); transition: 0.25s; } .cs-entry__title a:hover { color: var(--cs-color-title-hover); } .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); } .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); color: var(--cs-color-contrast-800); } .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-category-label-border-radius); transition: 0.25s; } .cs-entry__category a:hover { text-decoration: none; color: var(--cs-color-accent); background: var(--cs-color-accent-contrast); } .cs-entry__overlay .cs-entry__excerpt { color: var(--cs-color-contrast-800); z-index: 1; } .cs-entry__overlay .cs-entry__post-meta { color: var(--cs-color-contrast-800); } .cs-entry__overlay .cs-entry__post-meta .cs-meta-author .cs-by { color: var(--cs-color-contrast-800); } .cs-entry__overlay .cs-entry__post-meta>*:not(:last-child):before { background-color: var(--cs-color-contrast-800); } .cs-entry__overlay .cs-video-wrapper { border-radius: 0; } .cs-entry__read-more:not(:first-child) { margin-top: 1rem; } .cs-entry__read-more a { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); 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 { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-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-direction: column; 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 { --cs-color-meta: var(--cs-color-secondary); --cs-color-meta-links: var(--cs-color-primary); --cs-color-meta-links-hover: var(--cs-color-secondary); display: flex; align-items: center; } .cs-entry__author-meta a { position: relative; color: var(--cs-color-meta-links); font-weight: 500; } .cs-entry__author-meta a:hover { color: var(--cs-color-meta-links-hover); } .cs-entry__author-meta a:not(:first-child) { margin-left: 10px; padding-left: 10px; } .cs-entry__author-meta a:not(:first-child):before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 2px; border-radius: 50%; background-color: var(--cs-color-meta); } .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-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__post-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-post-meta); transition: 0.25s; } .cs-entry__post-meta:not(:first-child) { margin-top: 1rem; } .cs-entry__post-meta a { color: var(--cs-color-post-meta-link); transition: 0.25s; } .cs-entry__post-meta a:hover { color: var(--cs-color-post-meta-link-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-post-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: 26px; height: 26px; overflow: hidden; } .cs-entry__post-meta .cs-meta-author .cs-photo img { display: block; max-width: 100%; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 50%; } .cs-entry__post-meta .cs-meta-author .cs-photo img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 50%); clip-path: inset(0 0 0 0 round 50%); } .cs-entry__post-meta .cs-meta-author .cs-author { font-weight: 600; } .cs-entry__post-meta .cs-meta-author .cs-by { color: var(--cs-color-post-meta); } .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 a { position: relative; z-index: 2; } .cs-entry__post-meta .cs-meta-category .post-categories li:not(:first-child) { margin-left: 0.125rem; } .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); transition: 0.25s; } .cs-entry__post-meta .cs-meta-category .post-categories a { color: var(--cs-color-category); } .cs-entry__post-meta .cs-meta-category .post-categories a:hover { color: var(--cs-color-category-hover); } .cs-entry__post-meta .cs-meta-shares { position: relative; } .cs-entry__post-meta .cs-meta-photos i { color: var(--cs-color-category); } .cs-entry__post-meta .cs-entry__details-data { flex: 0 1 auto; } .cs-entry__post-meta .cs-meta-duration:first-child:last-child { font-size: 1rem; } .cs-entry__post-related { margin-top: 3rem; } .cs-entry__post-related .cs-section-heading { margin-bottom: 2rem; } .cs-entry__post-related .cs-entry__post-wrap { display: 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 25%; max-width: 25%; } .cs-entry__post-related .cs-entry:nth-child(-n+4) { margin-top: 0; } .cs-entry__post-related .cs-entry:not(:last-child):not(:nth-child(4n+4)) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-entry__post-related .cs-entry__thumbnail { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-entry__post-related .cs-entry__thumbnail img { border-radius: 0; } .cs-entry__post-related .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__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:not(:first-child) { margin-top: 3rem; } .cs-entry__author .pk-social-links-link { transition: color 0.25s; font-size: 1rem; } .cs-entry__author-inner { display: flex; flex-direction: column; align-items: center; padding: 30px; background-color: var(--cs-color-accent-background); border-radius: var(--cs-layout-elements-border-radius); } .cs-entry__author-inner:not(:first-child) { margin-top: 1rem; } @media (min-width: 1020px) { .cs-entry__author-inner { flex-direction: row; align-items: flex-start; } } .cs-entry__author-photo { display: block; flex: 0 0 85px; width: 85px; height: 85px; overflow: hidden; transition: 0.25s; } .cs-entry__author-photo img { display: block; max-width: 100%; width: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: var(--cs-avatar-border-radius); } .cs-entry__author-photo img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); } .cs-entry__author-info { text-align: center; } .cs-entry__author-info:not(:first-child) { margin-top: 20px; } @media (min-width: 1020px) { .cs-entry__author-info { text-align: left; } .cs-entry__author-info:not(:first-child) { margin-left: 20px; margin-top: 0; } } .cs-entry__author-position { display: block; color: var(--cs-color-secondary); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-entry__author-name-wrapper:not(:first-child) { margin-top: 0.5rem; } .cs-entry__author-name-wrapper a { display: block; } .cs-entry__author-name { 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.375rem; color: var(--cs-color-primary); transition: 0.25s; } .cs-entry__author-name:hover { color: var(--cs-color-secondary); text-decoration: none; } .cs-entry__author-social { margin-top: 1rem; } .cs-entry__author-social .pk-social-links-items { justify-content: center; } @media (min-width: 1020px) { .cs-entry__author-social .pk-social-links-items { justify-content: flex-start; } } .cs-entry__author-description { margin-top: 1rem; font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } .cs-entry__prev-next { display: flex; flex-direction: column; } .cs-entry__prev-next:not(:first-child) { margin-top: 3rem; } @media (min-width: 1020px) { .cs-entry__prev-next { flex-direction: row; } } .cs-entry__prev-next .cs-entry__title { transition: 0.25s; font-size: 1rem; } .cs-entry__prev-next .cs-entry:not(:first-child) { margin-top: 1rem; } .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__outer { display: flex; } .cs-entry__prev-next .cs-entry__thumbnail { flex: none; align-self: flex-start; width: 80px; overflow: hidden; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-entry__prev-next .cs-entry__thumbnail img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0; } .cs-entry__prev-next .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-entry__prev-next .cs-entry__content { margin-top: 0; } .cs-entry__prev-next .cs-entry__post-meta { margin-top: 0.5rem; } .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__prev .cs-entry__content:not(:first-child) { margin-left: 16px; } .cs-entry__prev-next-item { position: relative; flex: 1; transition: 0.25s; } .cs-entry__prev-next-item:last-child { margin-top: 20px; } .cs-entry__prev-next-item:only-child { margin-top: 0; } @media (min-width: 1020px) { .cs-entry__prev-next-item:first-child { padding-right: 20px; } .cs-entry__prev-next-item:last-child { padding-left: 20px; margin-top: 0; } .cs-entry__prev-next-item:only-child { padding: 0; border: none; } .cs-entry__prev-next-item:not(:last-child) { border-right: 1px solid var(--cs-color-contrast-200); } } .cs-entry__prev-next-item a:not(.cs-entry__prev-next-link) { position: relative; z-index: 2; } .cs-entry__prev-next-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .cs-entry__prev-next-link:hover~.cs-entry .cs-entry__title { color: var(--cs-color-secondary); } .cs-entry__prev-next-link:hover~.cs-entry__prev-next-label .cs-entry__prev-next-arrow { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); transition: 0.25s; } .cs-entry__prev-next-label { display: flex; align-items: center; } .cs-entry__next .cs-entry__prev-next-label { justify-content: flex-end; } .cs-entry__prev-next-arrow { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: 50%; transition: 0.25s; transform: translateX(0); } .cs-entry__next .cs-entry__prev-next-arrow { order: 1; } .cs-entry__next .cs-entry__prev-next-arrow i { transform: rotate(180deg); } .cs-entry__prev-next-text { color: var(--cs-color-secondary); 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__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 { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); 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-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; margin-left: 8px; color: transparent; width: 30px; height: 30px; 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 .children { margin: 0; list-style: none; padding-left: 20px; } @media (min-width: 1020px) { .comment-list .children { padding-left: 40px; } } .comment-list .children .children .children .children .children .children { padding-left: 0; } @media (min-width: 1020px) { .comment-list .children .children .children .children .children .children { padding-left: 0; } } .comment-meta { margin-bottom: 1rem; } .comment-meta:after { content: ""; display: block; clear: both; } .comment-metadata { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .comment-author .avatar { float: left; position: relative; width: 60px; height: 60px; margin-right: 20px; border-radius: var(--cs-avatar-border-radius); } .comment-author .avatar.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); } .comment-reply-link { color: var(--cs-color-secondary); 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; } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1rem; } .comment-form .required { color: #F00F00; } @media (min-width: 1020px) { .comment-form { margin-left: -5px; margin-right: -5px; } } .comment.bypostauthor { outline: none; } .comment-body { border-bottom: 1px solid var(--cs-color-contrast-200); } .comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit, .logged-in-as { flex: 0 0 100%; max-width: 100%; position: relative; width: 100%; margin-bottom: 1.5rem; } @media (min-width: 1020px) { .comment-notes, .comment-form-comment, .comment-form-cookies-consent, .form-submit, .logged-in-as { padding: 0 5px; } } .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 { padding: 0 5px; min-width: 30%; flex: 1; } } .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] { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); 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); } .cs-entry__tags:not(:first-child) { margin-top: 3rem; } .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__tags ul { display: flex; flex-wrap: wrap; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; text-transform: 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: 5px 12px; color: var(--cs-color-accent); border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-tag-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__subscribe { border-radius: var(--cs-layout-elements-border-radius); padding: 30px; background-color: var(--cs-color-secondary-background); } .cs-entry__subscribe:not(:first-child) { margin-top: 3rem; } @media (min-width: 1020px) { .cs-entry__subscribe { padding: 50px; } } .cs-entry__subscribe .cs-site-subscribe__form { flex-direction: column; } .cs-entry__subscribe .cs-site-subscribe__title { font-size: 2.625rem; } @media (min-width: 1020px) { .cs-entry__subscribe .cs-site-subscribe__title { font-size: 3.125rem; } } .cs-entry__subscribe .cs-site-subscribe__info { margin-right: 0; font-family: var(--cs-font-entry-summary-family), sans-serif; font-size: var(--cs-font-entry-summary-size); letter-spacing: var(--cs-font-entry-summary-letter-spacing); } .cs-form-styled-two .cs-entry__subscribe .pk-input-group input[type=text] { border: none; } /*-------------------------------------------------------------- ## Post layout --------------------------------------------------------------*/ .cnvs-block-posts-layout-standard-type-1 .cs-display-borders-between-posts { gap: 0 var(--cs-posts-area-grid-gap); } .cnvs-block-posts-layout-standard-type-1 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-standard-type-1 .cs-entry__outer { height: 100%; 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; } .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: 720px) { .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__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-1 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-1 .cs-overlay-background { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-standard-type-1 .cs-entry__content { max-width: var(--cs-entry-content-width); } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-1 .cs-entry__thumbnail { position: relative; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-1 .cs-entry__thumbnail:after { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; counter-increment: number-post; content: counter(number-post); position: absolute; left: 20px; top: 20px; z-index: 1; background-color: var(--cs-color-accent); border-radius: var(--cs-post-numbered-label-border-radius); font-size: 1.125rem; line-height: 1; color: #ffffff; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-2 .cs-entry__content { position: relative; max-width: var(--cs-entry-content-width); padding-left: 45px; min-height: 28px; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-2 .cs-entry__content:before { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; counter-increment: number-post; content: counter(number-post); position: absolute; left: 0; top: 0; background-color: var(--cs-color-accent); border-radius: var(--cs-post-numbered-label-border-radius); font-size: 1.125rem; line-height: 1; color: #ffffff; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-3 .cs-entry__content { position: relative; max-width: var(--cs-entry-content-width); padding-left: 45px; min-height: 2.875rem; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-3 .cs-entry__content:before { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); min-width: 37px; counter-increment: number-post; content: counter(number-post); position: absolute; left: 0; top: 0; font-size: 2.875rem; line-height: 1; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-4 .cs-entry__thumbnail+.cs-entry__content { padding-right: 0; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-4 .cs-entry__thumbnail+.cs-entry__content:before { top: -46px; right: 20px; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-4 .cs-entry__content { position: relative; max-width: var(--cs-entry-content-width); padding-right: 46px; min-height: 46px; } .cnvs-block-posts-layout-standard-type-1.cs-counter-type-4 .cs-entry__content:before { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; counter-increment: number-post; content: counter(number-post); position: absolute; right: 0; top: 0; background-color: var(--cs-color-accent); border-radius: var(--cs-post-numbered-label-border-radius); font-size: 1.375rem; line-height: 1; color: #ffffff; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-posts-area__title-underline .cs-entry__title:before { left: 50%; transform: translateX(-50%); } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-entry__content { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; text-align: center; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-entry__post-meta { justify-content: center; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-meta-author { justify-content: center; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-posts-area__category-style-four .cs-meta-category { border-bottom-left-radius: 0; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-posts-area__category-style-four .cs-entry__overlay .cs-overlay-content { align-items: center; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category { margin-left: 0; } .cnvs-block-posts-layout-standard-type-1.cs-content-center .cs-posts-area__category-style-five .cs-entry__overlay .cs-overlay-content { align-items: center; } .cnvs-block-posts-layout-standard-type-2 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-standard-type-2 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail { position: relative; flex: none; width: 160px; margin: 0 auto; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-2 .cs-entry__content { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; text-align: center; } .cnvs-block-posts-layout-standard-type-2 .cs-posts-area__title-underline .cs-entry__title:before { left: 50%; transform: translateX(-50%); } .cnvs-block-posts-layout-standard-type-2 .cs-entry__post-meta { justify-content: center; } .cnvs-block-posts-layout-standard-type-2 .cs-meta-author { justify-content: center; } .cnvs-block-posts-layout-standard-type-3 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-standard-type-3 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail { position: relative; flex: none; width: 160px; margin: 0 auto; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail .cs-overlay-background:before, .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail .cs-overlay-background:after { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); display: flex; align-items: center; justify-content: center; color: #ffffff; line-height: 1; background-color: var(--cs-color-overlay-background); opacity: 1; transition: 0.25s; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; transform: translateY(0); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; transform: translateY(100%); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail:hover .cs-overlay-background:before { transform: translateY(-100%); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail:hover .cs-overlay-background:after { transform: translateY(0); } .cnvs-block-posts-layout-standard-type-3 .cs-entry__thumbnail:hover img { opacity: 1; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__content { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; text-align: center; } .cnvs-block-posts-layout-standard-type-3 .cs-entry__post-meta { justify-content: center; } .cnvs-block-posts-layout-standard-type-3 .cs-posts-area__title-underline .cs-entry__title:before { left: 50%; transform: translateX(-50%); } .cnvs-block-posts-layout-standard-type-3 .cs-meta-author { justify-content: center; } .cnvs-block-posts-layout-standard-type-4 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-standard-type-4 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-4 .cs-overlay-background { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__content { max-width: var(--cs-entry-content-width); } .cnvs-block-posts-layout-standard-type-4 .cs-entry__content:not(:first-child) { width: 90%; margin-top: -4.7em; padding-right: 30px; background: var(--cs-color-site-background); z-index: 3; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__content:not(:first-child) .cs-entry__post-meta:first-child { padding-top: 30px; } .cnvs-block-posts-layout-standard-type-4 .cs-entry__content:not(:first-child) .cs-entry__title:first-child { padding-top: 30px; margin-top: 2rem; } .cnvs-block-posts-layout-standard-type-5 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-standard-type-5 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-standard-type-5 .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; } .cnvs-block-posts-layout-standard-type-5 .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: 720px) { .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__thumbnail { align-self: var(--cs-post-area-align-image); } } .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__content { background: var(--cs-post-area-content-background); } .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__thumbnail { margin-bottom: 0; } @media (min-width: 720px) { .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer { background: transparent; } } .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__content { max-width: var(--cs-entry-content-width); z-index: 3; } @media (min-width: 720px) { .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__content:not(:first-child) { margin-top: calc( -1 * (var(--cs-post-area-content-padding) + 0.8em)); } } @media (min-width: 720px) { .cnvs-block-posts-layout-standard-type-5 .cs-entry__outer .cs-entry__content { padding: var(--cs-post-area-content-padding); } } .cnvs-block-posts-layout-standard-type-5 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-standard-type-5 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-standard-type-5 .cs-overlay-background { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-posts-area__title-underline .cs-entry__title:before { left: 50%; transform: translateX(-50%); } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-entry__content { max-width: var(--cs-entry-content-width); margin-left: auto; margin-right: auto; text-align: center; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-entry__post-meta { justify-content: center; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-meta-author { justify-content: center; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-posts-area__category-style-four .cs-meta-category { border-bottom-left-radius: 0; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-posts-area__category-style-four .cs-entry__overlay .cs-overlay-content { align-items: center; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category { margin-left: 0; } .cnvs-block-posts-layout-standard-type-5.cs-content-center .cs-posts-area__category-style-five .cs-entry__overlay .cs-overlay-content { align-items: center; } .cnvs-block-posts-layout-horizontal-type-1 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-1 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer { 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; } .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: 720px) { .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)); } } .cnvs-block-posts-layout-horizontal-type-1 .cs-entry__outer { display: flex; flex-direction: column; } @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-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-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-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)); } } .cnvs-block-posts-layout-horizontal-type-2 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-2 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__outer { display: 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 { flex: none; align-self: var(--cs-post-area-align-image); width: var(--cs-post-area-image-width); margin-right: 1rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-2 .cs-entry__content { display: flex; flex-direction: column; flex: 1; justify-content: var(--cs-post-area-align-content); } .cnvs-block-posts-layout-horizontal-type-3 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-3 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__outer { display: flex; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail { flex: none; width: var(--cs-post-area-image-width); align-self: var(--cs-post-area-align-image); margin-right: 1rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail:hover .cs-overlay-background:before { transform: translateY(-100%); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail:hover .cs-overlay-background:after { transform: translateY(0); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail:hover img { opacity: 1; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail .cs-overlay-background:before, .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail .cs-overlay-background:after { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; background-color: var(--cs-color-overlay-background); opacity: 1; line-height: 1; transition: 0.25s; } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; transform: translateY(0); } .cnvs-block-posts-layout-horizontal-type-3 .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; font-size: 1.5rem; transform: translateY(100%); } .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 { display: flex; flex-direction: column; flex: 1; justify-content: var(--cs-post-area-align-content); } .cnvs-block-posts-layout-horizontal-type-4 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__outer { display: flex; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail { flex: none; align-self: var(--cs-post-area-align-image); width: 48px; margin-right: 1rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title { 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); } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title a { position: relative; display: inline-block; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title a:after { font-family: "cs-icons" !important; content: ""; position: relative; display: inline-block; transform: translateX(-100%); line-height: 1; opacity: 0; transition: 0.25s; margin-left: 0.5rem; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title a:hover { color: var(--cs-color-accent); } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__title a:hover:after { transform: translateX(0); color: var(--cs-color-accent); opacity: 1; } .cnvs-block-posts-layout-horizontal-type-4 .cs-entry__content { display: flex; flex-direction: column; flex: 1; justify-content: var(--cs-post-area-align-content); } .cnvs-block-posts-layout-horizontal-type-5 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-5 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__outer { display: flex; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__inner:not(:first-child) { margin-top: 0; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title { font-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); position: relative; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title a { position: relative; display: inline-block; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title a:before { content: ""; position: absolute; left: -16px; top: 0.8em; transform: translateY(-50%); width: 4px; height: 4px; background-color: var(--cs-color-accent); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title a:after { font-family: "cs-icons" !important; content: ""; position: relative; display: inline-block; transform: translateX(-100%); line-height: 1; opacity: 0; transition: 0.25s; margin-left: 0.5rem; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title a:hover { color: var(--cs-color-accent); } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__title a:hover:after { transform: translateX(0); color: var(--cs-color-accent); opacity: 1; } .cnvs-block-posts-layout-horizontal-type-5 .cs-entry__content { display: flex; flex-direction: column; flex: 1; justify-content: var(--cs-post-area-align-content); padding-left: 16px; } .cnvs-block-posts-layout-horizontal-type-6 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-6 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-6 .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-6 .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: 720px) { .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__outer .cs-entry__thumbnail { align-self: var(--cs-post-area-align-image); } } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__outer .cs-entry__content { background: var(--cs-post-area-content-background); } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__outer .cs-entry__thumbnail { margin-left: 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-6 .cs-entry__outer .cs-entry__thumbnail { margin-left: 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-6 .cs-entry__outer { flex-direction: row; } } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__thumbnail { flex: 0 0 100%; order: 0; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__thumbnail { flex: 0 0 calc( 50% + var(--cs-post-area-content-padding)); max-width: calc( 50% + var(--cs-post-area-content-padding)); order: 1; } } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-6 .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-6 .cs-entry__thumbnail .cs-overlay-background { height: 100%; } .cnvs-block-posts-layout-horizontal-type-6 .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-6 .cs-entry__content { display: flex; flex: 1; flex-direction: column; justify-content: var(--cs-post-area-align-content); max-width: 100%; order: 1; } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__content:not(:last-child) { margin-right: 0; margin-top: 1.5rem; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__content { order: 0; } .cnvs-block-posts-layout-horizontal-type-6 .cs-entry__content:not(:last-child) { margin-right: 1.5rem; margin-top: 0; } } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-6 .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-6 .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)); } } .cnvs-block-posts-layout-horizontal-type-7 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-7 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-7 .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; } .cnvs-block-posts-layout-horizontal-type-7 .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: 720px) { .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__outer .cs-entry__thumbnail { align-self: var(--cs-post-area-align-image); } } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__outer .cs-entry__content { background: var(--cs-post-area-content-background); } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__outer .cs-entry__thumbnail { margin-left: 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-7 .cs-entry__outer .cs-entry__thumbnail { margin-left: 0; margin-bottom: calc( -1 * (var(--cs-post-area-content-padding) + var(--cs-post-area-content-border) * 2)); } } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__thumbnail { flex: 0 0 100%; order: 0; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__thumbnail { flex: 0 0 calc( 50% + var(--cs-post-area-content-padding)); max-width: calc( 50% + var(--cs-post-area-content-padding)); order: 1; } } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-7 .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-7 .cs-entry__thumbnail .cs-overlay-background { height: 100%; } .cnvs-block-posts-layout-horizontal-type-7 .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-7 .cs-entry__content { display: flex; flex: 1; flex-direction: column; justify-content: var(--cs-post-area-align-content); max-width: 100%; order: 1; padding-left: 20px; } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__content:not(:last-child) { margin-right: 0; margin-top: 1.5rem; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__content { order: 0; } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__content:not(:last-child) { margin-right: 1.5rem; margin-top: 0; } } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__content-inner { position: relative; } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__content-inner:before { content: ""; position: absolute; top: 5px; left: -20px; } .cnvs-block-posts-layout-horizontal-type-7 .cs-posts-area__content-badge-round .cs-entry__content-inner:before { width: 10px; height: 10px; background: var(--cs-color-accent); border-radius: 50%; } .cnvs-block-posts-layout-horizontal-type-7 .cs-posts-area__content-badge-triangle .cs-entry__content-inner:before { width: 0; height: 0; border-style: solid; border-width: 4px; border-color: var(--cs-color-accent) var(--cs-color-accent) transparent transparent; background: none; } .cnvs-block-posts-layout-horizontal-type-7 .cs-posts-area__content-badge-blot .cs-entry__content-inner:before { font-family: "cs-icons" !important; content: ""; top: 3px; color: var(--cs-color-accent); font-size: 0.875rem; line-height: 1; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-7 .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-7 .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)); } } .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__outer { display: flex; flex-direction: column; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-7 .cs-entry__outer { flex-direction: row; } } .cnvs-block-posts-layout-horizontal-type-8 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-8 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-8 .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; } .cnvs-block-posts-layout-horizontal-type-8 .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: 720px) { .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__outer .cs-entry__thumbnail { align-self: var(--cs-post-area-align-image); } } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__outer .cs-entry__content { background: var(--cs-post-area-content-background); } .cnvs-block-posts-layout-horizontal-type-8 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-horizontal-type-8 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__thumbnail { flex: 0 0 100%; order: 0; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__thumbnail { flex: 0 0 calc( 50% + var(--cs-post-area-content-padding)); max-width: calc( 50% + var(--cs-post-area-content-padding)); order: 1; } } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__thumbnail img { border-radius: 0; } .cnvs-block-posts-layout-horizontal-type-8 .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-8 .cs-entry__thumbnail .cs-overlay-background { height: 100%; } .cnvs-block-posts-layout-horizontal-type-8 .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-8 .cs-entry__content { display: flex; flex: 1; flex-direction: column; justify-content: var(--cs-post-area-align-content); max-width: 100%; min-height: 35px; order: 1; padding-left: 45px; } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__content:not(:last-child) { margin-right: 0; margin-top: 1.5rem; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__content { order: 0; } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__content:not(:last-child) { margin-right: 1.5rem; margin-top: 0; } } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__content-inner { position: relative; } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__content-inner:before { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); min-width: 37px; counter-increment: number-post; content: counter(number-post); position: absolute; left: -45px; top: 0; font-size: 2.375rem; line-height: 1; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-8 .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-8 .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)); } } .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__outer { display: flex; flex-direction: column; } @media (min-width: 720px) { .cnvs-block-posts-layout-horizontal-type-8 .cs-entry__outer { flex-direction: row; } } .cnvs-block-posts-layout-tile-type-1 .cs-display-borders-between-posts { grid-gap: 0; } .cnvs-block-posts-layout-tile-type-1 .cs-display-borders-between-posts .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cnvs-block-posts-layout-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 { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); background: var(--cs-color-overlay-background); overflow: hidden; flex-direction: row; height: 100%; } .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media (min-width: 600px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 600px; } } @media (min-width: 720px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 720px; } } @media (min-width: 1020px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 1020px; } } @media (min-width: 1200px) { .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__content.cs-overlay-content { max-width: 1200px; } } .cnvs-block-section-layout-align-full .cnvs-block-posts-layout-tile-type-1 .cs-entry__overlay:before { padding-bottom: 30%; } .cnvs-block-posts-layout-tile-type-1 .cs-overlay-content { padding: 30px; } /*-------------------------------------------------------------- ## Tiles Categories --------------------------------------------------------------*/ .cs-tiles-categories { --cs-categories-grid-columns: 1; --cs-categories-image-width: 107px; --cs-categories-grid-gap: 40px; } .cs-tiles-categories__wrap { display: grid; grid-gap: var(--cs-categories-grid-gap); grid-template-columns: repeat(var(--cs-categories-grid-columns), 1fr); } .cs-tiles-categories__item { height: 100%; } .cs-tiles-categories__inner { display: block; width: 100%; } .cs-tiles-categories__thumbnail { margin-bottom: 0; } .cs-tiles-categories__title { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1.5rem; } .cs-tiles-categories__title:hover { color: var(--cs-color-secondary); } .cs-tiles-categories__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); } .cs-tiles-categories__excerpt:not(:first-child) { margin-top: 1rem; } .cs-tiles-categories__excerpt p { margin-bottom: 0; } .cs-tiles-categories__content { display: flex; flex-direction: column; justify-content: center; } .cs-tiles-categories-1 .cs-tiles-categories__inner { height: 100%; border-radius: var(--cs-layout-elements-border-radius); border: 1px solid var(--cs-color-contrast-200); overflow: hidden; } .cs-tiles-categories-1 .cs-tiles-categories__content { position: relative; padding: 30px; } .cs-tiles-categories-1 .cs-tiles-categories__content:first-child { height: 100%; } .cs-tiles-categories-1 .cs-tiles-categories__title { display: flex; align-items: center; color: var(--cs-color-accent); } .cs-tiles-categories-1 .cs-tiles-categories__title:hover { color: var(--cs-color-secondary); } .cs-tiles-categories-1 .cs-tiles-categories__title:hover .cs-tiles-categories__arrow { transform: translateX(5px); color: var(--cs-color-secondary); } .cs-tiles-categories-1 .cs-tiles-categories__excerpt:not(:first-child) { padding-top: 1rem; border-top: 1px solid var(--cs-color-contrast-200); } .cs-tiles-categories-1 .cs-tiles-categories__arrow { margin-left: 1rem; color: var(--cs-color-accent); transform: translateX(0); transition: 0.25s; } .cs-tiles-categories-2 .cs-tiles-categories__inner { display: flex; } .cs-tiles-categories-2 .cs-entry__thumbnail { flex: none; align-self: flex-start; width: var(--cs-categories-image-width); margin-right: 1.5rem; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-tiles-categories-2 .cs-entry__thumbnail img { border-radius: 0; } .cs-tiles-categories-2 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-tiles-categories-2 .cs-tiles-categories__title { color: var(--cs-color-accent); } .cs-tiles-categories-2 .cs-tiles-categories__title:hover { color: var(--cs-color-secondary); } .cs-tiles-categories-3 .cs-tiles-categories__inner { display: flex; flex-direction: column; align-items: center; text-align: center; } .cs-tiles-categories-3 .cs-entry__thumbnail { position: relative; flex: none; width: var(--cs-categories-image-width); margin: 0 auto; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-tiles-categories-3 .cs-entry__thumbnail img { border-radius: 0; } .cs-tiles-categories-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); } .cs-tiles-categories-3 .cs-tiles-categories__content { text-align: center; } .cs-tiles-categories-3 .cs-tiles-categories__content:not(:first-child) { margin-top: 1.25rem; } .cs-tiles-categories-4 .cs-tiles-categories__inner { display: flex; flex-direction: column; align-items: center; text-align: center; } .cs-tiles-categories-4 .cs-entry__thumbnail { position: relative; flex: none; width: var(--cs-categories-image-width); margin: 0 auto; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-tiles-categories-4 .cs-entry__thumbnail img { border-radius: 0; } .cs-tiles-categories-4 .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-tiles-categories-4 .cs-entry__thumbnail .cs-overlay-background:before, .cs-tiles-categories-4 .cs-entry__thumbnail .cs-overlay-background:after { font-family: var(--cs-font-numbered-post-family), sans-serif; font-size: var(--cs-font-numbered-post-size); font-weight: var(--cs-font-numbered-post-weight); font-style: var(--cs-font-numbered-post-style); display: flex; align-items: center; justify-content: center; color: #ffffff; background-color: var(--cs-color-overlay-background); opacity: 1; transition: 0.25s; line-height: 1; } .cs-tiles-categories-4 .cs-entry__thumbnail .cs-overlay-background:before { content: counter(number-post); counter-increment: number-post; transform: translateY(0); } .cs-tiles-categories-4 .cs-entry__thumbnail .cs-overlay-background:after { font-family: "cs-icons"; content: ""; transform: translateY(100%); } .cs-tiles-categories-4 .cs-entry__thumbnail:hover .cs-overlay-background:before { transform: translateY(-100%); } .cs-tiles-categories-4 .cs-entry__thumbnail:hover .cs-overlay-background:after { transform: translateY(0); } .cs-tiles-categories-4 .cs-entry__thumbnail:hover img { opacity: 1; } .cs-tiles-categories-4 .cs-tiles-categories__content { text-align: center; } .cs-tiles-categories-4 .cs-tiles-categories__content:not(:first-child) { margin-top: 1.25rem; } /*-------------------------------------------------------------- ## Searchform --------------------------------------------------------------*/ .cs-search__form .cs-search__container { display: flex; flex-direction: row; align-items: center; border-radius: var(--cs-layout-elements-border-radius); background-color: var(--cs-color-site-background); border: 1px solid var(--cs-color-contrast-200); overflow: hidden; padding-right: 0; } .cs-search__form .cs-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.5rem 1rem; border-radius: var(--cs-layout-elements-border-radius); flex: 1 1 auto; width: 1%; border: none; border-radius: 0; } .cs-search__form .cs-search__submit { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 0.75rem; border-radius: var(--cs-button-border-radius); font-size: 0; background-color: transparent; color: var(--cs-color-primary); } .cs-search__form .cs-search__submit:focus, .cs-search__form .cs-search__submit:hover { outline: none; } .cs-search__form .cs-search__submit:hover { color: var(--cs-color-secondary); } .cs-search__form .cs-search__submit:before { content: ""; font-family: "cs-icons" !important; font-size: 0.875rem; } /*-------------------------------------------------------------- ## Singular --------------------------------------------------------------*/ .entry-content { font-family: var(--cs-font-post-content-family), sans-serif; font-size: var(--cs-font-post-content-size); letter-spacing: var(--cs-font-post-content-letter-spacing); } .entry-content:not(:first-child) { margin-top: 4rem; } .entry-content:after, .entry-content:before { content: ""; display: table; clear: both; } .single .cs-entry__container { display: grid; } @media (min-width: 1020px) { .single .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)); justify-content: center; } } .single .cs-metabar-enabled .cs-entry__container { grid-template-columns: minmax(0, var(--cs-entry-content-width)); } @media (min-width: 1020px) { .single .cs-metabar-enabled .cs-entry__container { grid-template-columns: 80px 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 { margin: 48px 0; margin-left: calc( -50vw + 50%); transform: translateX(0); width: 100vw !important; max-width: 100vw; } .cs-sidebar-disabled .entry-content .alignfull img { width: 100%; min-width: 100%; } .cs-sidebar-disabled .entry-content .alignfull figcaption { text-align: center; } .cs-sidebar-disabled .entry-content .alignfull .pk-zoom-icon-popup:after { display: none; } .cs-sidebar-disabled .entry-content .alignfull .pk-pin-it { display: none; } } @media (min-width: 600px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 560px; } } @media (min-width: 720px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 680px; } } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 980px; } } @media (min-width: 1200px) { .single .cs-sidebar-disabled .entry-content .alignwide { width: 1160px; } } @media (min-width: 600px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 560px; } } @media (min-width: 720px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 680px; } } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 980px; } } @media (min-width: 1200px) { .single .cs-sidebar-disabled .entry-content .alignwide { max-width: 1160px; } } .single .cs-sidebar-disabled .entry-content .alignwide figcaption { text-align: center; } .single .cs-sidebar-disabled .entry-content .alignwide img { width: 100%; min-width: 100%; } @media (min-width: 1020px) { .single .cs-sidebar-disabled .entry-content .alignwide { 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(-60px); } } @media (min-width: 1020px) { .single .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignwide { transform: translateX(calc((1080px - var(--cs-entry-content-width)) / 2 * -1)); } } @media (min-width: 1200px) { .single .cs-sidebar-disabled.cs-metabar-enabled .entry-content .alignwide { transform: translateX(calc((1280px - 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; } /*-------------------------------------------------------------- ## Sidebar --------------------------------------------------------------*/ .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: 20px; flex: initial; transition: 0.4s; } .cs-sticky-sidebar-enabled.cs-stick-to-top.admin-bar .cs-sidebar__inner { top: 52px; } .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; margin-top: auto; flex: 0 0 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 { top: 0; bottom: initial; margin-top: initial; flex: initial; transition: 0.4s; } } } /*-------------------------------------------------------------- ## Content --------------------------------------------------------------*/ .cs-main-content { position: relative; display: grid; grid-auto-flow: row; row-gap: 3rem; grid-template-columns: minmax(0, 1fr); } @media (min-width: 1020px) { .cs-main-content { -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)) 80px; 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; } .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; } } /*-------------------------------------------------------------- ## Subscribe --------------------------------------------------------------*/ .cs-site-subscribe { background-color: var(--cs-color-contrast-50); } .cs-footer .cs-site-subscribe { background-color: transparent; } .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: 1020px) { .cs-site-subscribe__item { flex-direction: row; } .cs-site-subscribe__item>*:not(:last-child) { margin-right: 120px; margin-bottom: 0; } } .cs-site-subscribe__info-text { color: var(--cs-color-contrast-800); font-size: var(--cs-font-entry-excerpt-size); } .cs-site-subscribe__text { display: flex; flex-direction: column; text-align: center; flex: 0 1 auto; } @media (min-width: 1020px) { .cs-site-subscribe__text { text-align: left; } } .cs-site-subscribe__text .cs-subscribe-arrow { display: none; width: 6.25rem; flex: 0 0 auto; margin-left: 90px; } @media (min-width: 1020px) { .cs-site-subscribe__text .cs-subscribe-arrow { display: block; } } .cs-site-subscribe__text .cs-subscribe-arrow img { display: block; max-width: 100%; width: auto; height: auto; } .cs-site-subscribe__form { display: flex; flex-direction: column; } @media (min-width: 1020px) { .cs-site-subscribe__form { flex-direction: row; } } .cs-site-subscribe__info { margin-right: 0; } @media (min-width: 1020px) { .cs-site-subscribe__info { margin-right: 20px; } } .cs-site-subscribe__info>* { display: block; } .cs-site-subscribe .pk-subscribe-form-wrap { flex: 1; } .cs-site-subscribe.cs-subscribe-with-name .cs-site-subscribe__info { flex: 0 1 auto; } .cs-site-subscribe.cs-subscribe-with-name .pk-subscribe-form-wrap { flex: 0 1 auto; } /*-------------------------------------------------------------- ## Posts Area --------------------------------------------------------------*/ .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-post-area-image-width: 100px; } .cs-section-heading+.cs-posts-area { margin-top: 1.5rem; } .cs-posts-area .cs-display-borders-between-posts.cs-posts-area__main { grid-gap: 0; } .cs-posts-area .cs-display-borders-between-posts.cs-posts-area__main .cs-entry:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: calc(var(--cs-posts-area-grid-gap) / 2); padding-top: calc(var(--cs-posts-area-grid-gap) / 2); } .cs-posts-area__main { --cs-posts-area-grid-gap: 40px; --cs-posts-area-grid-columns: 1; display: grid; grid-gap: var(--cs-posts-area-grid-gap); grid-template-columns: repeat(var(--cs-posts-area-grid-columns), 1fr); } .cs-posts-area__grid .cs-entry__thumbnail { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-posts-area__grid .cs-entry__thumbnail img { border-radius: 0; } .cs-posts-area__grid .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-posts-area__list .cs-entry__outer { display: 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; border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__thumbnail { flex: 0 0 50%; max-width: 50%; margin-right: 2rem; } } .cs-posts-area__list .cs-entry__thumbnail img { border-radius: 0; } .cs-posts-area__list .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__inner:not(:first-child) { margin-top: 0; } } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__inner.cs-entry__overlay { align-self: flex-start; } } .cs-posts-area__list .cs-entry__content { flex: 1; display: flex; flex-direction: column; max-width: 100%; } .cs-posts-area__list .cs-entry__content .cs-entry__post-meta:not(:first-child), .cs-posts-area__list .cs-entry__content .cs-entry__more:not(:first-child) { margin-top: 1rem; } @media (min-width: 720px) { .cs-posts-area__list .cs-entry__content .cs-entry__post-meta:not(:first-child):last-child, .cs-posts-area__list .cs-entry__content .cs-entry__more:not(:first-child):last-child { margin-top: auto; padding-top: 1rem; } } @media (min-width: 720px) { .cs-posts-area__list.cs-posts-area__image-width-one-third .cs-entry__thumbnail { flex: 0 0 33.3%; max-width: 33.3%; } } .cs-posts-area__full .cs-entry__thumbnail { border-radius: var(--cs-thumbnail-border-radius); -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); overflow: hidden; } .cs-posts-area__full .cs-entry__thumbnail img { border-radius: 0; } .cs-posts-area__full .cs-entry__thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round 0); clip-path: inset(0 0 0 0 round 0); } .cs-posts-area__full .cs-entry__header { margin-bottom: 0; } .cs-posts-area__full .cs-entry__wrap { margin-top: 1rem; } .cs-posts-area__full .cs-entry-type-summary { font-family: var(--cs-font-entry-summary-family), sans-serif; font-size: var(--cs-font-entry-summary-size); letter-spacing: var(--cs-font-entry-summary-letter-spacing); } .cs-posts-area__full .cs-entry__read-more { margin-top: 1.5rem; } .cs-posts-area__full .more-link { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin-top: 0; } .cs-posts-area__full .more-link:focus, .cs-posts-area__full .more-link:hover { outline: none; } .cs-posts-area__full .more-link:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .cs-posts-area__full.cs-posts-area__fullwidth .cs-entry__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__title-underline .cs-entry__title { position: relative; padding-bottom: 10px; } .cs-posts-area__title-underline .cs-entry__title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 1px; background-color: var(--cs-color-accent); } .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category li:not(:first-child) { margin-left: 0.5rem; } .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category li:not(:last-child) { padding-right: 0; } .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category li:after, .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category li:before { display: none; } .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category a { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; background-color: var(--cs-color-styled-category); color: var(--cs-color-styled-category-contrast); border-radius: var(--cs-category-label-border-radius); transition: 0.25s; } .cs-posts-area__category-style-two .cs-entry__post-meta .cs-meta-category a:hover { color: var(--cs-color-styled-category-hover-contrast); background-color: var(--cs-color-styled-category-hover); } .cs-posts-area__category-style-three .cs-entry__post-meta .cs-meta-category .post-categories li:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--cs-color-category-underline); transition: 0.25s; } .cs-posts-area__category-style-three .cs-entry__post-meta .cs-meta-category .post-categories li:not(:last-child):before { width: calc(100% - (40px / 10)); } .cs-posts-area__category-style-four .cs-meta-category { border-bottom-left-radius: var(--cs-thumbnail-border-radius); overflow: hidden; } .cs-posts-area__category-style-four .cs-meta-category .post-categories { display: flex; } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:not(:first-child) { margin-left: 0; } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:not(:first-child) a { padding-left: 0; } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:not(:last-child) { padding-right: 0; } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:not(:last-child):after { color: var(--cs-color-styled-category-contrast); bottom: 5px; right: 5px; z-index: 2; } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:hover a { color: var(--cs-color-styled-category-hover-contrast); background-color: var(--cs-color-styled-category-hover); } .cs-posts-area__category-style-four .cs-meta-category .post-categories li:hover:after { color: var(--cs-color-styled-category-hover-contrast); } .cs-posts-area__category-style-four .cs-meta-category .post-categories a { background-color: var(--cs-color-styled-category); padding: 5px 10px; color: var(--cs-color-styled-category-contrast); } .cs-posts-area__category-style-four .cs-entry__overlay .cs-overlay-content { justify-content: flex-start; align-items: flex-start; padding: 0; opacity: 1; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category { transform: translateY(50%); margin-left: var(--cs-post-area-content-padding); z-index: 3; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category li:not(:first-child) { margin-left: 0.5rem; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category li:not(:last-child) { padding-right: 0; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category li:after, .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category li:before { display: none; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category a { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; background-color: var(--cs-color-styled-category); color: var(--cs-color-styled-category-contrast); border-radius: var(--cs-category-label-border-radius); transition: 0.25s; } .cs-posts-area__category-style-five .cs-entry__post-meta .cs-meta-category a:hover { color: var(--cs-color-styled-category-hover-contrast); } .cs-posts-area__category-style-five .cs-entry__overlay .cs-overlay-content { justify-content: flex-start; align-items: flex-start; padding: 0; opacity: 1; } /*-------------------------------------------------------------- ## Pagination --------------------------------------------------------------*/ .cs-posts-area__pagination { margin-top: 3rem; } .cs-posts-area__pagination .cs-load-more { padding: 1rem 2rem; background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); display: flex; width: 100%; max-width: 300px; margin: 0 auto; } .cs-posts-area__pagination .cs-load-more:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .cnvs-block-column .cs-posts-area__pagination .cs-load-more { max-width: 100%; } .cs-posts-area__pagination .cs-load-more.loading { position: relative; color: transparent; } .cs-posts-area__pagination .cs-load-more.loading:before { width: 1rem; height: 1rem; border: 2px solid rgba(255, 255, 255, 0.25); border-top-color: white; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; content: ""; } @keyframes loader-rotate { 0% { 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 { border: 1px solid transparent; display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; padding: 0.5rem 0.75rem; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .navigation.pagination .nav-links>.page-number, .navigation.pagination .nav-links>.current { color: var(--cs-color-accent-contrast); background-color: var(--cs-color-accent); border-radius: var(--cs-pagination-border-radius); } .navigation.pagination .nav-links a.post-page-numbers:hover, .navigation.pagination .nav-links a.page-numbers:hover { color: var(--cs-color-secondary); } .navigation.pagination .nav-links a:first-child:before { margin-right: 0.5rem; font-family: "cs-icons"; content: ""; } .navigation.pagination .nav-links a:last-child:after { margin-left: 0.5rem; font-family: "cs-icons"; content: ""; } .entry-content+.navigation.pagination { margin-top: 3rem; } .navigation.comment-navigation { border-top: 1px solid var(--cs-color-contrast-200); border-bottom: 1px solid var(--cs-color-contrast-200); } .navigation.comment-navigation .nav-links { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; 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; } /*-------------------------------------------------------------- ## Page --------------------------------------------------------------*/ .cs-page__header:not(:last-child) { margin-bottom: 3rem; } .cs-page__subtitle { font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-page__title { margin-bottom: 0; } .cs-page__title:not(:first-child) { margin-top: 1rem; } .cs-page__archive-count { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); color: var(--cs-color-secondary); } .cs-page__archive-count:not(:first-child) { margin-top: 0.5rem; } .cs-page__archive-description:not(:first-child) { margin-top: 1rem; } .cs-page__archive-description>* { margin-bottom: 0; } .cs-page__archive-description>*:not(:first-child) { margin-top: 1rem; } .cs-page__subcategories:not(:first-child) { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--cs-color-contrast-200); } .cs-page__subcategories .cs-section-heading { margin-bottom: 0; } .cs-page__subcategories .cs-entry__tags:not(:first-child) { margin-top: 2rem; } .cs-page__author { display: flex; align-items: center; 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; 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-avatar-border-radius); } .cs-page__author-thumbnail img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); } .cs-page__author-social { margin-top: 1rem; } .cs-page__author-social .pk-social-links-items { justify-content: center; } .cs-page__author-info { text-align: center; } .cs-page__author-info:not(:first-child) { margin-top: 20px; } @media (min-width: 1020px) { .cs-page__author-info { text-align: left; } .cs-page__author-info:not(:first-child) { margin-left: 30px; margin-top: 0; } } .cs-page__tags:not(:first-child) { margin-top: 2rem; } .cs-page__tags ul { display: flex; flex-wrap: wrap; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; } .cs-page__tags ul>li:not(.cs-title-tags), .cs-page__tags ul>a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .cs-page__tags ul>li:last-child, .cs-page__tags ul>a:last-child { margin-right: 0; } .cs-page__tags ul a { display: flex; align-items: center; justify-content: center; padding: 5px 12px; color: var(--cs-color-accent); border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-tag-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); } /*-------------------------------------------------------------- ## Meet The Team Template --------------------------------------------------------------*/ .cs-meet-team .cs-author:not(:first-child) { margin-top: 3rem; } .cs-meet-team .cs-author .cs-author-meta { width: 100%; display: flex; flex-wrap: wrap; align-items: center; } .cs-meet-team .cs-author .cs-author-avatar { margin-right: 1.5rem; } .cs-meet-team .cs-author .cs-author-avatar img { border-radius: var(--cs-avatar-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-avatar-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-avatar-border-radius)); } .cs-meet-team .cs-author .cs-author-title { margin-right: 1.5rem; margin-bottom: 0; } .cs-meet-team .cs-author .cs-author-title a { color: var(--cs-color-primary); } .cs-meet-team .cs-author .cs-author-title a:hover { color: var(--cs-color-secondary); } .cs-meet-team .cs-author .cs-author-description { margin-top: 1rem; } .cs-meet-team .cs-author .cs-author-posts { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 1.5rem; padding-top: 1.5rem; } .cs-meet-team .cs-author .cs-author-title-posts { font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ .cs-offcanvas { position: fixed; height: 100%; top: 0; left: -320px; /* left: 0px; right: 0px; */ display: flex; width: 320px; flex-direction: column; 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; word-break: break-all; } .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; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { width: 100%; } .widget:not(:last-child) { margin-bottom: 3rem; } .widget .cs-section-heading { margin-bottom: 1.5rem; } .widget_categories ul, .widget_pages ul, .widget_archive ul, .widget_meta ul { padding-left: 20px; } .widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li { display: 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, .wp-block-calendar table, .wp-block-calendar .wp-block-table { margin: 0; } .widget_calendar table td, .widget_calendar .wp-block-table td, .widget_calendar table th, .widget_calendar .wp-block-table th, .wp-block-calendar table td, .wp-block-calendar .wp-block-table td, .wp-block-calendar table th, .wp-block-calendar .wp-block-table 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 table th, .widget_calendar .wp-block-table th, .wp-block-calendar table th, .wp-block-calendar .wp-block-table 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); background: var(--cs-color-site-background); 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 table tr, .widget_calendar .wp-block-table tr, .wp-block-calendar table tr, .wp-block-calendar .wp-block-table tr { border: none; } .widget_calendar table tbody td a, .widget_calendar .wp-block-table tbody td a, .wp-block-calendar table tbody td a, .wp-block-calendar .wp-block-table tbody td a { position: relative; display: block; background: var(--cs-color-contrast-50); transition: 0.25s; } .widget_calendar table tbody td a:hover, .widget_calendar .wp-block-table tbody td a:hover, .wp-block-calendar table tbody td a:hover, .wp-block-calendar .wp-block-table tbody td a:hover { background-color: var(--cs-color-primary); color: var(--cs-color-primary-contrast); } .widget_calendar table tbody td#today a:after, .widget_calendar .wp-block-table tbody td#today a:after, .wp-block-calendar table tbody td#today a:after, .wp-block-calendar .wp-block-table 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 table tfoot td, .widget_calendar .wp-block-table tfoot td, .wp-block-calendar table tfoot td, .wp-block-calendar .wp-block-table tfoot td { text-align: left; } .widget_calendar table tfoot td a, .widget_calendar .wp-block-table tfoot td a, .wp-block-calendar table tfoot td a, .wp-block-calendar .wp-block-table 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 table tfoot td a:after, .widget_calendar .wp-block-table tfoot td a:after, .wp-block-calendar table tfoot td a:after, .wp-block-calendar .wp-block-table 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 table tfoot td a:hover, .widget_calendar .wp-block-table tfoot td a:hover, .wp-block-calendar table tfoot td a:hover, .wp-block-calendar .wp-block-table tfoot td a:hover { color: var(--cs-color-secondary); } .widget_calendar table caption, .widget_calendar .wp-block-table caption, .wp-block-calendar table caption, .wp-block-calendar .wp-block-table caption { color: var(--cs-color-secondary); caption-side: top; padding-top: 0; text-align: left; 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 .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { 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); padding: 0.25rem; line-height: 1.75rem; border: 1px solid var(--cs-color-contrast-200); border-top: none; text-align: left; } .widget_calendar .wp-calendar-nav a, .wp-block-calendar .wp-calendar-nav a { display: inline-block; position: relative; padding-left: 10px; 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 .wp-calendar-nav a:after, .wp-block-calendar .wp-calendar-nav a:after { content: ""; position: absolute; height: 100%; top: 0; bottom: 0; right: 0; width: 2px; background-color: var(--cs-color-contrast-200); } .widget_calendar .wp-calendar-nav a:hover, .wp-block-calendar .wp-calendar-nav a:hover { color: var(--cs-color-secondary); } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a:after, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a:after { right: auto; left: 0; } .widget_calendar .wp-calendar-nav .wp-calendar-nav-prev:only-child a:after, .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev:only-child a:after { right: 0; left: auto; } .widget_recent_comments ul { padding: 0; list-style: none; } .widget_recent_comments li { position: relative; padding-bottom: 1rem; 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_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: 1rem; } .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_search .cs-search__container { display: flex; flex-direction: row; align-items: center; border-radius: var(--cs-layout-elements-border-radius); background-color: var(--cs-color-site-background); border: 1px solid var(--cs-color-contrast-200); overflow: hidden; padding-right: 0; } .has-background .widget_search .cs-search__container { border: none; } .widget_search .cs-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.5rem 1rem; border-radius: var(--cs-layout-elements-border-radius); flex: 1 1 auto; width: 1%; border: none; border-radius: 0; } .widget_search .cs-search__submit { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 0.75rem; border-radius: var(--cs-button-border-radius); font-size: 0; background-color: transparent; color: var(--cs-color-primary); } .widget_search .cs-search__submit:focus, .widget_search .cs-search__submit:hover { outline: none; } .widget_search .cs-search__submit:hover { color: var(--cs-color-secondary); } .widget_search .cs-search__submit:before { content: ""; font-family: "cs-icons" !important; font-size: 0.875rem; } .widget_tag_cloud { overflow: hidden; } .widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); margin: 0; padding: 0; list-style: none; margin-top: -0.5rem; } .widget_tag_cloud .tagcloud>li:not(.cs-title-tags), .widget_tag_cloud .tagcloud>a:not(.cs-title-tags) { margin-right: 10px; margin-bottom: 10px; } .widget_tag_cloud .tagcloud>li:last-child, .widget_tag_cloud .tagcloud>a:last-child { margin-right: 0; } .widget_tag_cloud .tagcloud a { display: flex; align-items: center; justify-content: center; padding: 5px 12px; color: var(--cs-color-accent); border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-tag-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%; } /* Text widget */ .widget_text { color: var(--cs-color-primary); word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1rem 1rem; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1rem; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li+li { margin-top: -1px; } .widget_text img { display: inline-block; max-width: 100%; width: auto; height: auto; } .widget_text .wp-caption-text { display: 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); } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Image --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; margin-bottom: 1rem; } .wp-caption img[class*=wp-image-] { margin-left: auto; margin-right: auto; display: block; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { 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; margin-bottom: 0; color: var(--cs-color-secondary); font-size: 0.75rem; } .wp-caption-text, .gallery-caption, .wp-caption-dd, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd, .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-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); margin-top: 0.5rem; margin-bottom: 0; color: var(--cs-color-secondary); font-size: 0.75rem; } .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); font-size: 0.75rem; } .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; overflow: unset; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .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); font-size: 0.75rem; } .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; overflow: unset; } .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; } /*-------------------------------------------------------------- ## Video --------------------------------------------------------------*/ .cs-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cs-video-wrapper .cs-video-inner { position: absolute; top: 50%; left: 50%; margin: auto; opacity: 0; transition: opacity 0.5s; max-width: unset; transform: translate(-50%, -50%); } .cs-video-wrapper .cs-video-inner.active { opacity: 1; } .cs-video-wrapper[data-video-type=hover] .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: 0; } .cs-video-wrapper[data-video-type=hover] .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-entry__thumbnail:hover .cs-video-wrapper[data-video-type=hover] .cs-video-loader { opacity: 1; } .cs-video-bg-init .cs-entry__thumbnail .cs-video-wrapper[data-video-type=hover] .cs-video-loader { opacity: 0; } .cs-video-wrapper[data-video-type=always] .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[data-video-type=always] .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[data-video-type=always] .cs-video-loader { opacity: 0; } .cs-video-wrapper~.cs-entry-format { opacity: 1; transition: 0.4s; } .cs-video-wrapper[data-video-type=always]~.cs-entry-format, .cs-video-wrapper[data-video-type=hover].cs-video-played~.cs-entry-format { opacity: 0; } .cs-video-controls { display: flex; position: absolute; top: 10px; right: 10px; opacity: 0; z-index: 4; transform: translateX(-9999px); transition: opacity 0.25s; } .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: 40px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.125rem; cursor: pointer; transition: 0.2s; } .cs-video-controls .cs-player-control:after { position: relative; font-family: "cs-icons"; font-style: normal; font-size: 1.125rem; opacity: 1; width: auto; } .cs-video-controls .cs-player-control .cs-tooltip { position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -ms-grid; -ms-grid-columns: max-content; top: 100%; left: -9999px; padding-left: 50%; padding-bottom: 0.5rem; transform: translateY(-30%); transition: transform 0.5s; } .cs-video-controls .cs-player-control .cs-tooltip span { background: #ffffff; display: block; position: relative; padding: 0.25rem 1rem; margin: 0; opacity: 0; color: #000000; transform: translate(-50%, 0); transition: opacity 0.5s; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cs-video-controls .cs-player-control .cs-tooltip span:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .cs-video-controls .cs-player-control:hover .cs-tooltip { transform: translateY(0); left: 0; } .cs-video-controls .cs-player-control:hover .cs-tooltip span { opacity: 1; } .cs-video-controls .cs-player-link:after { content: ""; } .cs-video-controls .cs-player-play:after { content: ""; } .cs-video-controls .cs-player-pause:after { content: ""; } .cs-video-controls .cs-player-unmute:after { content: ""; } .cs-video-controls .cs-player-mute:after { content: ""; } .cs-video-controls-large { top: 30px; right: 30px; } .cs-video-controls-large .cs-player-control { justify-content: flex-end; width: 1.5rem; margin-left: 1.5rem; font-size: 1.5rem; } .cs-video-controls-large .cs-player-control:after { font-size: 1.5rem; } .cs-video-controls-large .cs-player-control .cs-tooltip span { padding: 0.5rem 1rem; } .cs-video-controls-large .cs-player-control:first-child { margin-left: 0; } /*-------------------------------------------------------------- ## Magnific Popup (Settings) --------------------------------------------------------------*/ .mfp-bg, .mfp-wrap { --mfp-overlay-color: var(--cs-color-site-background); --mfp-controls-color: var(--cs-color-primary); --mfp-controls-border-color: var(--cs-color-site-background); --mfp-inner-close-icon-color: var(--cs-color-site-background); --mfp-controls-text-color: var(--cs-color-secondary); --mfp-controls-text-color-hover: var(--cs-color-primary); --mfp-iframe-background: var(--cs-color-site-background); --mfp-image-background: var(--cs-color-site-background); --mfp-caption-title-color: var(--cs-color-primary); --mfp-caption-subtitle-color: var(--cs-color-secondary); } button.mfp-close:hover, button.mfp-arrow:hover { background: none; } /*-------------------------------------------------------------- # Powerkit --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ .pk-color-secondary { --pk-secondary-color: var(--cs-color-secondary); } .pk-post-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); --pk-secondary-font-color: var(--cs-color-secondary); } .pk-post-meta a { color: var(--cs-color-primary); font-size: inherit; 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 { --pk-heading-font-color: var(--cs-color-primary); --pk-heading-font-weight: 400; } .pk-font-primary { 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-badge-border-radius); } [data-scheme=dark] .pk-badge.pk-badge-secondary { background-color: var(-color-contrast-100); } [data-scheme=dark] .pk-badge.pk-badge-dark { background-color: #000000; color: #ffffff; } .pk-badge-success { background: #ccf6d5; color: #189134; } [data-scheme=dark] .pk-badge-success { background: #1ca73b; color: #a0efb2; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-success { background: #ccf6d5; color: #189134; } .pk-badge-info { background: #beeff6; color: #127989; } [data-scheme=dark] .pk-badge-info { background: #158da0; color: #91e4f0; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-info { background: #beeff6; color: #127989; } .pk-badge-warning { background: #fff4d3; color: #ba8b00; } [data-scheme=dark] .pk-badge-warning { background: #d39e00; color: #ffe7a0; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-warning { background: #fff4d3; color: #ba8b00; } .pk-badge-danger { background: #fae3e5; color: #a71d2a; } [data-scheme=dark] .pk-badge-danger { background: #bd2130; color: #f3b7bd; } [data-scheme=dark] ul[data-scheme=default] .pk-badge-danger { background: #fae3e5; color: #a71d2a; } /*-------------------------------------------------------------- # About --------------------------------------------------------------*/ .pk-widget-about .pk-about-button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-widget-about .pk-about-button:focus, .pk-widget-about .pk-about-button:hover { outline: none; } .pk-widget-about .pk-about-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Author --------------------------------------------------------------*/ .pk-widget-author .pk-widget-author-container { display: flex; flex-direction: column; } .pk-widget-author .pk-author-avatar { order: 0; } .pk-widget-author .pk-main-title { 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); order: 1; margin-bottom: 0; margin-top: 0.5rem; font-size: 0.75rem; } .pk-widget-author .pk-author-title { order: 2; margin-bottom: 0; margin-top: 1rem; font-size: 1.125rem; } .pk-widget-author .pk-author-data { order: 3; } .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); color: var(--cs-color-contrast-800); } .pk-widget-author .pk-author-button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-widget-author .pk-author-button:focus, .pk-widget-author .pk-author-button:hover { outline: none; } .pk-widget-author .pk-author-button:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .pk-widget-author-with-bg { border-radius: var(--cs-layout-elements-border-radius); overflow: hidden; } .pk-widget-author-with-bg .wp-block-button__link:hover { color: var(--cs-color-button-hover-contrast) !important; } .widget .pk-widget-author .pk-author-title { font-size: 1rem; } .pk-about-media img { border-radius: var(--cs-thumbnail-border-radius); } .pk-about-media img.pk-lazyload.pk-lqip { -webkit-clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .cs-widget-author-alternate:not(:last-child) { margin-bottom: 3rem; } .cs-widget-author-alternate .pk-widget-author { text-align: left; } .cs-widget-author-alternate .pk-widget-author .pk-widget-author-container { padding: 30px; padding-top: 18px; background-color: var(--cs-color-secondary-background); } .cs-widget-author-alternate .pk-widget-author .pk-main-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); order: 0; margin-top: 0; } .cs-widget-author-alternate .pk-widget-author .pk-author-avatar { order: 1; height: 225px; margin-right: -30px; margin-left: -30px; } .cs-widget-author-alternate .pk-widget-author .pk-author-avatar:not(:first-child) { margin-top: 1rem; } .cs-widget-author-alternate .pk-widget-author .pk-author-avatar .avatar { display: block; } .cs-widget-author-alternate .pk-widget-author .pk-author-avatar img { border-radius: 0; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .cs-widget-author-alternate .pk-widget-author .pk-author-avatar 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-widget-author-alternate .pk-widget-author .pk-author-title { order: 2; font-size: 1.375rem; } .cs-widget-author-alternate .pk-widget-author .pk-author-title:not(:first-child) { margin-top: 1.5rem; } .cs-widget-author-alternate .pk-widget-author .pk-author-data { order: 3; } .cs-widget-author-alternate .pk-widget-author .pk-social-links-items { justify-content: flex-start; } .cs-widget-author-alternate .pk-widget-author .pk-social-links-items .pk-icon { font-size: 1.125rem; } /*-------------------------------------------------------------- # Contributors --------------------------------------------------------------*/ .pk-widget-contributors { --pk-contributors-item-border-color: var(--cs-color-contrast-200); --pk-contributors-post-arrow-color: var(--cs-color-secondary); --pk-contributors-post-arrow-color-hover: var(--cs-color-accent-contrast); --pk-contributors-post-arrow-backgroynd-hover: var(--cs-color-accent); } .pk-widget-contributors .pk-author-data .author-description { font-family: var(--cs-font-entry-excerpt-family), sans-serif; font-size: var(--cs-font-entry-excerpt-size); letter-spacing: var(--cs-font-entry-excerpt-letter-spacing); } /*-------------------------------------------------------------- # Alerts --------------------------------------------------------------*/ .pk-alert { --pk-alert-background: var(--cs-color-contrast-50); } /*-------------------------------------------------------------- # Social Links --------------------------------------------------------------*/ .pk-social-links-wrap { --pk-social-link-color: var(--cs-color-primary); --pk-social-links-label-color: var(--cs-color-secondary); --pk-social-bold-title-color: var(--cs-color-primary); --pk-social-light-bg-link-background: var(--cs-color-contrast-100); --pk-social-light-rounded-icon-background: var(--cs-color-contrast-100); --pk-social-light-rounded-title-color: var(--cs-color-primary); --pk-social-bold-rounded-icon-background: var(--cs-color-contrast-100); --pk-social-bold-rounded-title-color: var(--cs-color-primary); --pk-social-links-title-font-size: 0.75rem; } [data-scheme=dark] .pk-social-links-wrap { --pk-social-dark-link-hover-background: var(--cs-color-contrast-200); --pk-social-dark-rounded-link-hover-background: var(--cs-color-contrast-200); --pk-social-light-rounded-icon-background: #ffffff; } .pk-social-links-template-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: #ffffff; } .is-style-pk-social-links-rounded-horizontal .pk-social-links-count { color: var(--cs-color-primary); } .is-style-pk-social-links-rounded-horizontal .pk-social-links-item .pk-social-links-link { flex-direction: row; } .is-style-pk-social-links-rounded-horizontal .pk-social-links-wrap:not(.pk-social-links-template-vertical) .pk-social-links-count, .is-style-pk-social-links-rounded-horizontal .pk-social-links-wrap:not(.pk-social-links-template-vertical) .pk-social-links-label, .is-style-pk-social-links-rounded-horizontal .pk-social-links-wrap:not(.pk-social-links-template-vertical) .pk-social-links-title { margin-top: 2px; margin-left: 0.5rem; } .is-style-pk-social-links-rounded-horizontal .pk-social-links-wrap:not(.pk-social-links-template-vertical):not(.pk-social-links-template-columns) .pk-social-links-item:not(:last-child) { margin-right: 1.125rem; } .is-style-pk-social-links-rounded-horizontal .pk-social-links-template-columns .pk-social-links-link { padding: 0.5rem 0.5rem 0.5rem 0 !important; } .is-style-pk-social-links-rounded-horizontal .pk-social-links-icon { background-color: var(--cs-color-accent); display: flex; align-content: center; justify-content: center; width: 2.1rem; height: 2.1rem; line-height: 2.1rem; border-radius: 50%; color: #fff; transition: background-color 0.2s; } /* .pk-social-links-template-columns .pk-social-links-link { padding: 1rem .5rem !important; } */ .pk-social-links-template-vertical .pk-social-links-title { text-transform: uppercase; } /*-------------------------------------------------------------- # Instagram --------------------------------------------------------------*/ .pk-instagram-feed { --pk-instagram-info-color: var(--cs-color-primary); --pk-instagram-number-color: var(--cs-color-primary); } .pk-instagram-feed .pk-instagram-counters { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .pk-instagram-feed .pk-instagram-counters .number { font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .pk-instagram-feed .pk-instagram-username { margin-top: 0; } .pk-instagram-feed .pk-instagram-username a:hover { color: var(--cs-color-secondary); } .pk-instagram-feed .pk-instagram-name a { color: var(--cs-color-secondary); } .pk-instagram-feed .pk-instagram-name a:hover { color: var(--cs-color-primary); } .pk-instagram-feed .pk-instagram-meta .pk-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .pk-instagram-feed .pk-instagram-header { margin-bottom: 1rem; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); display: inline-block; width: auto; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:focus, .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover { outline: none; } .pk-instagram-feed .pk-instagram-footer .pk-instagram-btn:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Share Buttons --------------------------------------------------------------*/ .pk-share-buttons-wrap { --pk-share-link-background: var(--cs-color-contrast-100); --pk-share-link-color: var(--cs-color-primary); --pk-mobile-share-horizontal-background: var(--cs-color-contrast-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-button-border-radius); } .pk-share-buttons-wrap .pk-share-buttons-link .pk-share-buttons-count { opacity: 1; font-size: 0.75rem; } .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-button-border-radius); } .pk-share-buttons-scheme-bold .pk-share-buttons-link, .is-style-pk-share-buttons-bold .pk-share-buttons-link { --pk-share-link-background: var(--cs-color-contrast-100); } [data-scheme=dark] .pk-share-buttons-scheme-bold .pk-share-buttons-link, [data-scheme=dark] .is-style-pk-share-buttons-bold .pk-share-buttons-link { --pk-share-link-background: #ffffff; } [data-scheme=dark] .pk-share-buttons-scheme-bold-light .pk-share-buttons-mail .pk-share-buttons-link, [data-scheme=dark] .is-style-pk-share-buttons-bold-light .pk-share-buttons-mail .pk-share-buttons-link { color: #ffffff; } [data-scheme=dark] .pk-share-buttons-scheme-bold-light .pk-share-buttons-mail .pk-share-buttons-link:hover, [data-scheme=dark] .is-style-pk-share-buttons-bold-light .pk-share-buttons-mail .pk-share-buttons-link:hover { color: var(--cs-color-contrast-200); } .pk-share-buttons-after-post { justify-content: space-between; flex-wrap: wrap; margin-top: 0; margin-bottom: 0; } .pk-share-buttons-after-post .pk-share-buttons-items { flex-wrap: nowrap; flex: 0 1 auto; } .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-after-post .pk-share-buttons-total { flex-direction: row; align-items: center; } .pk-share-buttons-after-post .pk-share-buttons-total .pk-share-buttons-label { 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-share-buttons-after-post .pk-share-buttons-total .pk-share-buttons-count { 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); color: var(--cs-color-post-meta-link); } .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 { align-items: flex-start; margin-right: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--cs-color-contrast-200); } .pk-share-buttons-metabar-post .pk-share-buttons-total .pk-share-buttons-count { position: relative; padding: 0; font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: 1.375rem; } .pk-share-buttons-metabar-post .pk-share-buttons-label { padding: 0; 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-share-buttons-metabar-post .pk-share-buttons-count { padding: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-icon { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--cs-color-contrast-200); border-radius: 50%; padding: 0; } .pk-share-buttons-metabar-post .pk-share-buttons-icon:not(:last-child) { margin-right: 0.75rem; } .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: 1rem; } .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; flex-wrap: wrap; } .pk-share-buttons-post-header .pk-share-buttons-total { flex-direction: row; align-items: center; margin-right: 1rem; } .pk-share-buttons-post-header .pk-share-buttons-total .pk-share-buttons-label { 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-share-buttons-post-header .pk-share-buttons-total .pk-share-buttons-count { 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); color: var(--cs-color-post-meta-link); } .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: #ffffff; 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: #ffffff; 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; } /*-------------------------------------------------------------- # Subscribe Form --------------------------------------------------------------*/ .pk-subscribe-form-wrap { --pk-subscribe-heading-font-size: 1rem; border-radius: var(--cs-layout-elements-border-radius); } .pk-subscribe-form-wrap:not(:first-child) { margin-top: 1rem; } .pk-input-group { display: flex; flex-direction: column; align-items: center; } .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .pk-input-group 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.5rem 1.5rem; border-radius: var(--cs-layout-elements-border-radius); border: 0; } @media (min-width: 720px) { .pk-input-group { flex-direction: row; } .pk-input-group>*:not(:first-child) { margin-top: 0; } .pk-input-group input[type=text] { flex: 1 1 auto; width: 1%; } } .cs-form-styled-one .pk-input-group input[type=text] { padding-left: 0; background-color: transparent; border: 0; border-bottom: 2px solid var(--cs-color-contrast-500); border-radius: 0; } @media (min-width: 720px) { .cs-form-styled-one .pk-input-group input[type=text] { flex: 1; margin-right: 1rem; } } .cs-form-styled-one .pk-input-group .pk-subscribe-submit { border-radius: var(--cs-button-border-radius); } .cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); border: 1px solid var(--cs-color-contrast-200); } .cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-left: 1px solid var(--cs-color-contrast-200); } @media (min-width: 720px) { .cs-form-styled-two .pk-input-group input[type=text]+input[type=text] { border-radius: 0; } } @media (min-width: 720px) { .cs-form-styled-two .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius) 0 0 var(--cs-layout-elements-border-radius); border-right: none; } } .cs-form-styled-three .pk-input-group { overflow: hidden; } @media (min-width: 720px) { .cs-form-styled-three .pk-input-group { border-radius: var(--cs-layout-elements-border-radius); background-color: var(--cs-color-site-background); border: 1px solid var(--cs-color-contrast-200); padding-right: 12px; } } .cs-form-styled-three .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); border: 1px solid var(--cs-color-contrast-200); } @media (min-width: 720px) { .cs-form-styled-three .pk-input-group input[type=text] { 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: 1rem 1.5rem; border-radius: var(--cs-layout-elements-border-radius); border: none; border-radius: 0; } .cs-form-styled-three .pk-input-group input[type=text]:not(:first-child) { border-left: 1px solid var(--cs-color-contrast-200); } } @media (min-width: 720px) { .cs-form-styled-three .pk-input-group .pk-subscribe-submit { border-radius: var(--cs-button-border-radius); } } .pk-subscribe-submit { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.8125rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); white-space: nowrap; width: 100%; border-radius: var(--cs-button-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-button-border-radius) var(--cs-button-border-radius) 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; } } .cnvs-block-section-sidebar .pk-input-group, .cs-widget-area .pk-input-group { flex-direction: column; } .cnvs-block-section-sidebar .pk-input-group>*:not(:first-child), .cs-widget-area .pk-input-group>*:not(:first-child) { margin-top: 1rem; } .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-widget-area .pk-input-group input[type=text] { width: 100%; } .cs-form-styled-one .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-form-styled-one .cs-widget-area .pk-input-group input[type=text] { flex: 1 1 auto; margin-right: 0; } .cs-form-styled-two .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-form-styled-two .cs-widget-area .pk-input-group input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } .cs-form-styled-two .cnvs-block-section-sidebar .pk-input-group input[type=text]+input[type=text], .cs-form-styled-two .cs-widget-area .pk-input-group input[type=text]+input[type=text] { border-radius: var(--cs-layout-elements-border-radius); } @media (min-width: 720px) { .cs-form-styled-two .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-form-styled-two .cs-widget-area .pk-input-group input[type=text] { border: 1px solid var(--cs-color-contrast-200); } } .cs-form-styled-three .cnvs-block-section-sidebar .pk-input-group, .cs-form-styled-three .cs-widget-area .pk-input-group { border-radius: 0; background-color: transparent; border: none; padding-right: 0; } .cs-form-styled-three .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-form-styled-three .cs-widget-area .pk-input-group input[type=text] { 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.5rem 1.5rem; border-radius: var(--cs-layout-elements-border-radius); } [data-scheme=inverse] .cs-form-styled-three .cnvs-block-section-sidebar .pk-input-group input[type=text], [data-scheme=inverse] .cs-form-styled-three .cs-widget-area .pk-input-group input[type=text] { color: var(--cs-color-primary-contrast); } @media (min-width: 720px) { .cs-form-styled-three .cnvs-block-section-sidebar .pk-input-group input[type=text], .cs-form-styled-three .cs-widget-area .pk-input-group input[type=text] { border: 1px solid var(--cs-color-contrast-200); border-radius: var(--cs-layout-elements-border-radius); } } .cnvs-block-section-sidebar .pk-subscribe-submit, .cs-widget-area .pk-subscribe-submit { width: 100%; border-radius: var(--cs-button-border-radius); } .cs-sidebar__area .pk-subscribe-form-wrap, .cs-offcanvas__area .pk-subscribe-form-wrap { padding: 30px; background-color: var(--cs-color-accent-background); } .cs-form-styled-two .cs-sidebar__area .pk-subscribe-form-wrap input[type=text], .cs-form-styled-two .cs-offcanvas__area .pk-subscribe-form-wrap input[type=text] { border: none; } .cs-form-styled-three .cs-sidebar__area .pk-subscribe-form-wrap input[type=text], .cs-form-styled-three .cs-offcanvas__area .pk-subscribe-form-wrap input[type=text] { border: none; } .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; } .cs-form-styled-one .pk-subscribe-with-bg input[type=text] { color: var(--pk-subscribe-with-bg-elements-color); border-bottom: 1px solid var(--pk-subscribe-with-bg-elements-color); } .cs-form-styled-one .pk-subscribe-with-bg input[type=text]::-moz-placeholder { color: var(--pk-subscribe-with-bg-elements-color); } .cs-form-styled-one .pk-subscribe-with-bg input[type=text]:-ms-input-placeholder { color: var(--pk-subscribe-with-bg-elements-color); } .cs-form-styled-one .pk-subscribe-with-bg input[type=text]::placeholder { color: var(--pk-subscribe-with-bg-elements-color); } @media (min-width: 720px) { .cs-form-styled-one .cs-content-area .pk-subscribe-submit, .cs-form-styled-one.cs-site-content .pk-subscribe-submit, .cs-form-styled-one .editor-styles-wrapper .pk-subscribe-submit { max-width: 240px; } } .cs-form-styled-one .adp-popup-content .pk-subscribe-submit { flex: initial; } /*-------------------------------------------------------------- # Posts --------------------------------------------------------------*/ .pk-widget-posts { --pk-posts-thumbnail-border-radius: 0; --pk-posts-thumbnail-gutter: 1rem; --pk-posts-number-color: #ffffff; --pk-posts-number-border-radius: var(--cs-thumbnail-border-radius); } .pk-widget-posts ul { margin: 0; padding: 0; list-style: none; } .pk-widget-posts .pk-post-item:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 20px; padding-top: 20px; } .pk-widget-posts .pk-post-outer .pk-post-thumbnail { font-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-thumbnail-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-thumbnail-border-radius)); clip-path: inset(0 0 0 0 round var(--cs-thumbnail-border-radius)); } .pk-widget-posts .pk-post-outer .pk-post-number { background-color: #000000; border-radius: var(--cs-thumbnail-border-radius); } [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 { font-size: 1.25rem; 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-template-list .pk-post-outer .pk-post-data .entry-title { font-size: 1rem; } .pk-widget-posts-template-numbered .pk-post-outer .pk-post-data .entry-title { font-size: 1rem; } /*-------------------------------------------------------------- # Twitter --------------------------------------------------------------*/ .pk-twitter-wrap { --pk-twitter-number-color: var(--cs-color-primary); --pk-twitter-tweet-border-color: var(--cs-color-contrast-200); } .pk-twitter-wrap a:hover { color: var(--cs-color-secondary); } .pk-twitter-wrap .pk-twitter-name { margin-top: 0; } .pk-twitter-wrap .pk-twitter-username { margin-top: 0; } .pk-twitter-wrap .pk-twitter-username a { color: var(--cs-color-secondary); } .pk-twitter-wrap .pk-twitter-username a:hover { color: var(--cs-color-primary); } .pk-twitter-wrap .pk-twitter-counters { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .pk-twitter-wrap .pk-twitter-counters .number { font-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 { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-border-radius); background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); display: inline-block; width: auto; } .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:focus, .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:hover { outline: none; } .pk-twitter-wrap .pk-twitter-footer .pk-twitter-btn:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } /*-------------------------------------------------------------- # Categories --------------------------------------------------------------*/ .pk-featured-categories { --pk-featured-list-count-size: 2rem; --pk-featured-overlay-background: var(--cs-color-overlay-background); } .pk-featured-categories-tiles .pk-featured-link { font-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-layout-elements-border-radius); overflow: hidden; } .pk-featured-categories-vertical-list .pk-featured-number { 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-numbered-border-radius); } .pk-featured-categories-vertical-list .pk-featured-count:after { font-family: "cs-icons"; content: ""; } /*-------------------------------------------------------------- # Table of Contents --------------------------------------------------------------*/ .pk-toc { --pk-toc-box-border-radius: var(--cs-toc-border-radius); --pk-toc-box-background: var(--cs-color-secondary-background); --pk-toc-box-color: var(--cs-color-primary); --pk-toc-box-font-size: 0.8125rem; --pk-toc-box-font-weight: var(--cs-font-base-weight); --pk-toc-box-line-height: 1; } .pk-toc a { font-size: 1.125rem; color: var(--cs-color-accent); } .pk-toc a:hover { color: var(--cs-color-secondary); } .pk-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: ol; } .pk-toc ol li { position: relative; padding-left: 2rem; } .pk-toc ol li:not(:first-child) { margin-top: 1rem; } .pk-toc ol li:before { counter-increment: ol; content: counters(ol, "."); z-index: 1; } .pk-toc>ol { -moz-column-count: 1; column-count: 1; } @media (min-width: 720px) { .pk-toc>ol { -moz-column-count: 2; column-count: 2; } } .pk-toc>ol>li { -moz-column-break-inside: avoid; break-inside: avoid; } .pk-toc>ol>li:before { display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 1.5rem; height: 1.5rem; background-color: var(--pk-toc-box-background); color: var(--pk-toc-box-color); font-size: var(--pk-toc-box-font-size); font-weight: var(--pk-toc-box-font-weight); line-height: var(--pk-toc-box-line-height); border-radius: var(--pk-toc-box-border-radius); } .pk-toc>ol ol { padding-top: 1rem; position: relative; } .pk-toc>ol ol:before { content: ""; top: -0.8125rem; left: -1.25rem; z-index: 0; position: absolute; width: 1px; height: 100%; background: var(--cs-palette-color-gray-200); } .pk-toc>ol ol>li { padding-left: 1.5rem; } .pk-toc>ol ol>li:not(:first-child) { margin-top: 1rem; } .pk-toc>ol ol>li:before { position: absolute; content: ""; left: 0; top: 0; } .pk-toc>ol ol>li:after { position: absolute; content: ""; top: 0.875rem; left: -1.25rem; width: 1rem; height: 1px; background: var(--cs-palette-color-gray-200); } .pk-toc>ol ol>li:last-child a { position: relative; } .pk-toc>ol ol>li:last-child a:before { position: absolute; content: ""; top: calc(0.75rem + 1px); left: -3.2rem; width: 1px; height: calc(100% - 1.35rem); background: var(--cs-color-site-background); } /*-------------------------------------------------------------- # Scroll to Top --------------------------------------------------------------*/ .pk-scroll-to-top { --pk-scrolltop-background: var(--cs-color-contrast-100); --pk-scrolltop-icon-color: var(--cs-color-primary); border-radius: var(--cs-scroll-to-top-button-border-radius); } /*-------------------------------------------------------------- ## Lightbox --------------------------------------------------------------*/ .pk-zoom-icon-popup:after { border-radius: var(--cs-light-box-zoom-icon-border-radius); } /*-------------------------------------------------------------- ## Pinterest --------------------------------------------------------------*/ .pk-pin-it { border-radius: var(--cs-pin-it-button-border-radius); } /*-------------------------------------------------------------- # Canvas --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ .cnvs-meta { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cnvs-font-primary { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-font-secondary { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .cnvs-badge { --cnvs-badge-background: var(--cs-color-contrast-50); --cnvs-badge-color: var(--cs-color-primary); --cnvs-badge-primary-background: var(--cs-color-accent); --cnvs-badge-primary-color: var(--cs-color-accent-contrast); --cnvs-badge-light-background: var(--cs-color-site-background); --cnvs-badge-light-color: var(--cs-color-primary); --cnvs-badge-border-radius: var(--cs-badge-border-radius); } [data-scheme=dark] .cnvs-badge.is-cnvs-badge-color-secondary { background-color: var(-color-contrast-100); } [data-scheme=dark] .cnvs-badge.is-cnvs-badge-color-dark { background-color: #000000; color: #ffffff; } .is-cnvs-badge-color-success, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-success { background: #ccf6d5; color: #189134; } [data-scheme=dark] .is-cnvs-badge-color-success, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-success { background: #1ca73b; color: #a0efb2; } .is-cnvs-badge-color-info, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-info { background: #beeff6; color: #127989; } [data-scheme=dark] .is-cnvs-badge-color-info, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-info { background: #158da0; color: #91e4f0; } .is-cnvs-badge-color-warning, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-warning { background: #fff4d3; color: #ba8b00; } [data-scheme=dark] .is-cnvs-badge-color-warning, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-warning { background: #d39e00; color: #ffe7a0; } .is-cnvs-badge-color-danger, .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-danger { background: #fae3e5; color: #a71d2a; } [data-scheme=dark] .is-cnvs-badge-color-danger, [data-scheme=dark] .block-editor-rich-text__editable:focus [data-rich-text-format-boundary].is-cnvs-badge-color-danger { background: #bd2130; color: #f3b7bd; } /*-------------------------------------------------------------- ## Sections --------------------------------------------------------------*/ .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: 97%; } } .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; } /*-------------------------------------------------------------- ## Posts --------------------------------------------------------------*/ .wp-block-columns { counter-reset: number-post; } .wp-block-group { counter-reset: number-post; } .cnvs-block-row-inner { counter-reset: number-post; } .cnvs-block-section-content-inner, .cnvs-block-section-sidebar-inner { counter-reset: number-post; } .cnvs-block-section-content-inner>.cnvs-block-posts, .cnvs-block-section-sidebar-inner>.cnvs-block-posts { counter-reset: number-post; } /*-------------------------------------------------------------- # Drop Cap --------------------------------------------------------------*/ p.has-drop-cap { --cnvs-drop-cap-color: inherit; --cnvs-drop-cap-light-background: var(--cs-color-contrast-100); --cnvs-drop-cap-light-color: inherit; --cnvs-drop-cap-bordered-color: var(--cs-color-contrast-300); --cnvs-drop-cap-font-size: 3rem; } [data-scheme=dark] p.has-drop-cap { --cnvs-drop-cap-dark-background: #ffffff; --cnvs-drop-cap-dark-color: #000000; } p.has-drop-cap:not(:focus):first-letter { font-family: var(--cs-font-headings-family), sans-serif; font-weight: var(--cs-font-headings-weight); text-transform: var(--cs-font-headings-text-transform); line-height: var(--cs-font-headings-line-height); letter-spacing: var(--cs-font-headings-letter-spacing); font-size: var(--cnvs-drop-cap-font-size); line-height: 1; margin-top: 0.5rem; margin-right: 2rem; margin-bottom: 0.5rem; } .is-cnvs-dropcap-bordered:first-letter { border-radius: var(--cs-layout-elements-border-radius); } .is-cnvs-dropcap-bg-light:first-letter { border-radius: var(--cs-layout-elements-border-radius); } .is-cnvs-dropcap-bg-dark:first-letter { border-radius: var(--cs-layout-elements-border-radius); } /*-------------------------------------------------------------- # Accordion --------------------------------------------------------------*/ .cnvs-block-collapsible { --cnvs-collapsible-border-top: 1px solid var(--cs-color-contrast-200); --cnvs-collapsible-a-color: var(--cs-color-primary); --cnvs-collapsible-a-hover-color: var(--cs-color-secondary); } .cnvs-block-collapsible-title>h6 { margin: 0; } /*-------------------------------------------------------------- # Alerts --------------------------------------------------------------*/ .cnvs-block-alert { --cnvs-alert-background: var(--cs-color-contrast-50); } /*-------------------------------------------------------------- # Progress --------------------------------------------------------------*/ .cnvs-block-progress { --cnvs-progress-background: var(--cs-color-contrast-100); --cnvs-progress-border-radius: var(--cs-layout-elements-border-radius); font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-block-progress:not([class*=is-style-cnvs]) { --cnvs-progress-bar-background: var(--cs-color-accent); --cnvs-progress-bar-color: var(--cs-color-accent-contrast); } /*-------------------------------------------------------------- # Tabs --------------------------------------------------------------*/ .cnvs-block-tabs { --cnvs-tabs-border-width: 1px; --cnvs-tabs-border-color: var(--cs-color-contrast-200); --cnvs-tabs-border-radius: var(--cs-layout-elements-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-layout-elements-border-radius); } .cnvs-block-tabs .cnvs-block-tabs-button, .cnvs-block-tabs .cnvs-block-tabs-button a { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-buttons { margin-bottom: 0; } .cnvs-block-tabs.cnvs-block-tabs-vertical .cnvs-block-tabs-content>.block-editor-inner-blocks { margin-top: -32px; } /*-------------------------------------------------------------- # Block Group --------------------------------------------------------------*/ .is-style-cnvs-block-bordered { --cnvs-style-single-border-color: var(--cs-color-contrast-300); border-radius: var(--cs-layout-elements-border-radius); } .is-style-cnvs-block-single-border { --cnvs-style-single-border-color: var(--cs-color-contrast-300); border-radius: var(--cs-layout-elements-border-radius); } .is-style-cnvs-block-bg-light { --cnvs-style-bg-light-background: var(--cs-color-contrast-50); border-radius: var(--cs-layout-elements-border-radius); } .is-style-cnvs-block-bg-inverse { border-radius: var(--cs-layout-elements-border-radius); } [data-scheme=dark] .is-style-cnvs-block-bg-inverse { --cnvs-style-bg-inverse-background: #ffffff; --cnvs-style-bg-inverse-color: #000000; } .is-style-cnvs-block-shadow { --cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0, 0, 0, 0.08); border-radius: var(--cs-layout-elements-border-radius); } [data-scheme=dark] .is-style-cnvs-block-shadow { --cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(255, 255, 255, 0.08); } /*-------------------------------------------------------------- # List Styled --------------------------------------------------------------*/ [class*=is-style-cnvs-list-styled] { --cnvs-list-styled-ul-box-background: var(--cs-color-contrast-400); --cnvs-list-styled-ul-box-border-radius: var(--cs-cnvs-list-styled-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-cnvs-list-styled-border-radius); } .is-style-cnvs-list-styled-positive-circle { font-size: 1.375rem; padding-left: 0; list-style: none; font-family: var(--cs-font-headings-family); } .is-style-cnvs-list-styled-positive-circle>li { padding-left: 36px; padding-top: 12px; padding-bottom: 11px; position: relative; } .is-style-cnvs-list-styled-positive-circle>li:before { content: ""; font-family: "canvas-icons"; display: block; background-color: var(--cs-color-accent); color: #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 0; top: 18px; font-size: 15px; font-weight: bold; } .is-style-cnvs-list-styled-positive-circle>li+li { border-top: 1px solid var(--cs-color-contrast-200); } /*-------------------------------------------------------------- # Heading Numbered --------------------------------------------------------------*/ .is-style-cnvs-heading-numbered { --cnvs-heading-numbered-background: var(--cs-color-contrast-100); --cnvs-heading-numbered-color: var(--cs-color-primary); --cnvs-heading-numbered-border-radius: var(--cs-numbered-border-radius); } /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/ .cnvs-block-slider-gallery .flickity-prev-next-button { padding: 0; } /*-------------------------------------------------------------- # Current Date --------------------------------------------------------------*/ .cnvs-block-current-date { display: block; } /*-------------------------------------------------------------- # Custom Link --------------------------------------------------------------*/ .cnvs-block-custom-link { --cs-custom-link-color: var(--cs-color-accent); --cs-custom-link-color-hover: var(--cs-color-secondary); } .cnvs-block-custom-link .cs-custom-link { display: inline-flex; flex-direction: row; align-items: center; 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-custom-link-color); transition: 0.25s; } .cnvs-block-custom-link .cs-custom-link:hover { color: var(--cs-custom-link-color-hover); } .cnvs-block-custom-link .cs-custom-link:after { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; margin-left: 0.25em; text-transform: none; font-style: normal; font-family: "cs-icons"; font-weight: normal; letter-spacing: normal; content: ""; } .cnvs-block-custom-link.is-style-cs-custom-link-styled .cs-custom-link:after { display: flex; align-items: center; justify-content: center; background: var(--cs-custom-link-color); color: #FFFFFF; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; font-size: 0.875rem; margin-left: 0.625em; transition: 0.25s; } .cnvs-block-custom-link.is-style-cs-custom-link-styled .cs-custom-link:hover:after { background: var(--cs-custom-link-color-hover); color: #FFFFFF; } /*-------------------------------------------------------------- # Vendors --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Contact Form 7 --------------------------------------------------------------*/ .wpcf7 { margin: 0; padding: 0; } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output, .wpcf7 .wpcf7-display-none { /* support version below 5.4 */ display: none; } .wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0.5rem 1rem; background: #6cdcff; font-size: 0.75rem; color: #00526c; } .wpcf7 form.sent .wpcf7-response-output { background: #d8f6df; color: #145523; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #ff918a; color: #8a0900; } .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: #fff4d3; color: #a07800; } .wpcf7 .wpcf7-form-control-wrap { position: relative; display: block; } .wpcf7 label .wpcf7-form-control-wrap { margin-top: 0.5rem; } .wpcf7 .wpcf7-not-valid-tip { color: #F00F00; font-size: 0.75rem; font-weight: normal; display: block; } .wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #F00F00; background: var(--cs-color-primary); padding: 0.2em 0.8em; } .wpcf7 .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7 .wpcf7-list-item-label:before, .wpcf7 .wpcf7-list-item-label:after { content: " "; } .wpcf7 .ajax-loader { visibility: hidden; display: inline-block; margin-left: 1rem; vertical-align: middle; width: 20px; height: 20px; border: 2px solid rgba(206, 212, 218, 0.25); border-top-color: #ced4da; border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; } @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .wpcf7 form.submitting .ajax-loader, .wpcf7 .ajax-loader.is-active { /* support version below 5.4 */ visibility: visible; } .wpcf7 div.ajax-error { display: none; } .wpcf7 .placeheld { color: var(--cs-color-secondary); } .wpcf7 .wpcf7-recaptcha iframe { margin-bottom: 0; } .wpcf7 input[type=file] { cursor: pointer; } .wpcf7 input[type=file]:disabled { cursor: default; } .wpcf7 .wpcf7-submit { vertical-align: middle; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } /*-------------------------------------------------------------- ## SearchWP Live Ajax Search --------------------------------------------------------------*/ .searchwp-live-search-results { position: absolute; display: none; opacity: 0; height: 0; overflow: hidden; z-index: 9999; transition: opacity 0.25s; border: 1px solid var(--cs-color-contrast-200); border-top: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .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-site-background); min-height: 164px; max-height: 332px; box-shadow: none; z-index: 999; } .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; font-size: 0.875rem; } .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-search .cs-search-live-result .searchwp-live-search-results { top: 0 !important; left: 0 !important; width: 100% !important; border: none; } @media (min-width: 720px) { .cs-search .cs-search-live-result:not(:first-child) .searchwp-live-search-results { top: -2.5rem !important; } .cs-search .cs-search__posts~.cs-search-live-result .searchwp-live-search-results { min-height: calc(100% + 2.5rem) !important; max-height: calc(100% + 2.5rem) !important; } } .cs-search .searchwp-live-search-results.searchwp-live-search-results-showing { background: var(--cs-color-search-background); } .cs-search .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result img { width: 80px; height: 80px; margin-right: 1rem; } .cs-search .searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result .h6 { font-size: 1.25rem; } .cs-search__nav-form .cs-search-live-result .searchwp-live-search-results { top: 100% !important; left: 0 !important; width: 100% !important; background-color: var(--cs-color-topbar-background); } /*-------------------------------------------------------------- # Absolute Reviews --------------------------------------------------------------*/ .abr-badge { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .abr-review-slice { --abr-review-slice-background-color: var(--cs-color-contrast-200); } .abr-review-progress { --abr-review-progress-background: var(--cs-color-contrast-200); } .abr-post-review { --abr-review-name-color: var(--cs-color-secondary); --abr-review-score-info-background: var(--cs-color-secondary); } .abr-post-review .abr-review-list .abr-review-name { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-post-review .abr-review-list .abr-review-text { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); font-size: 0.875rem; } .abr-post-review .abr-review-score .abr-review-subtext .abr-data-label { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-reviews-posts { --abr-posts-meta-color: var(--cs-color-primary); --abr-posts-number-font-size: var(--cs-font-primary-size); --abr-posts-number-large-font-size: 1; --abr-posts-percentage-icon-font-size: 1.125rem; --abr-posts-item-separator-color: var(--cs-color-contrast-200); --abr-posts-overlay-background: var(--cs-color-overlay-background); } .abr-reviews-posts .abr-post-thumbnail img { width: 100%; } .abr-reviews-posts .abr-post-meta { font-family: var(--cs-font-post-meta-family), sans-serif; font-size: var(--cs-font-post-meta-size); font-weight: var(--cs-font-post-meta-weight); font-style: var(--cs-font-post-meta-style); letter-spacing: var(--cs-font-post-meta-letter-spacing); text-transform: var(--cs-font-post-meta-text-transform); } .abr-reviews-posts .abr-review-number { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); } .abr-reviews-posts .abr-review-caption { font-family: var(--cs-font-secondary-family), sans-serif; font-size: var(--cs-font-secondary-size); font-weight: var(--cs-font-secondary-weight); font-style: var(--cs-font-secondary-style); letter-spacing: var(--cs-font-secondary-letter-spacing); text-transform: var(--cs-font-secondary-text-transform); } .abr-reviews-posts .cs-entry__post-meta { margin-top: 0; } .abr-reviews-posts .cs-entry__post-meta+.entry-title { margin-top: 0.25rem; } .abr-posts-template-reviews-1 .abr-post-item:not(:first-child), .abr-posts-template-reviews-2 .abr-post-item:not(:first-child) { border-top: 1px solid var(--cs-color-contrast-200); margin-top: 1rem; padding-top: 1rem; } .abr-posts-template-reviews-1 .entry-title, .abr-posts-template-reviews-2 .entry-title, .abr-posts-template-reviews-3 .entry-title, .abr-posts-template-reviews-4 .entry-title, .abr-posts-template-reviews-5 .entry-title { font-size: 1.25rem; } .abr-posts-template-reviews-1 .entry-title a, .abr-posts-template-reviews-2 .entry-title a, .abr-posts-template-reviews-3 .entry-title a, .abr-posts-template-reviews-4 .entry-title a, .abr-posts-template-reviews-5 .entry-title a { color: var(--cs-color-primary); } .abr-posts-template-reviews-1 .entry-title a:hover, .abr-posts-template-reviews-2 .entry-title a:hover, .abr-posts-template-reviews-3 .entry-title a:hover, .abr-posts-template-reviews-4 .entry-title a:hover, .abr-posts-template-reviews-5 .entry-title a:hover { color: var(--cs-color-secondary); } /*-------------------------------------------------------------- # Advanced Popups --------------------------------------------------------------*/ .adp-popup .pk-subscribe-submit span:nth-child(2) { display: none; } .adp-popup .adp-popup-container { --adp-popup-container-background: var(--cs-color-site-background); --adp-popup-type-notification-text-color: var(--cs-color-base); --adp-popup-type-notification-text-link-color: var(--cs-color-contrast-600); --adp-popup-close-color: var(--cs-color-contrast-600); --adp-popup-close-hover-color: var(--cs-color-base); } .adp-popup-type-notification-box .adp-popup-button, .adp-popup-type-notification-bar .adp-popup-button { 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-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-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); } /*-------------------------------------------------------------- # Sight --------------------------------------------------------------*/ .sight-portfolio-area-filter { 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); font-size: 0.875em; flex-wrap: wrap; margin-bottom: 2rem; } @media (min-width: 600px) { .sight-portfolio-area-filter { flex-wrap: nowrap; } } .sight-portfolio-area-filter__title { color: var(--cs-color-primary); } .sight-portfolio-area-filter__title:after { background: currentColor; margin: 0 0 0 24px; } .sight-portfolio-area-filter__list-item { display: block; margin-right: 1rem; } @media (min-width: 600px) { .sight-portfolio-area-filter__list-item { margin-left: 1rem; margin-right: 0; } } .sight-portfolio-area-filter__list-item a[data-filter] { display: block; color: var(--cs-color-secondary); } .sight-portfolio-area-filter__list-item a[data-filter]:hover { color: var(--cs-color-category-hover); } .sight-portfolio-area-filter__list-item.sight-filter-active a[data-filter] { color: var(--cs-color-category); } .sight-portfolio-area__pagination { display: flex; justify-content: center; margin-top: 3rem; } .sight-portfolio-area__pagination .sight-portfolio-load-more { font-family: var(--cs-font-primary-family), sans-serif; font-size: var(--cs-font-primary-size); font-weight: var(--cs-font-primary-weight); font-style: var(--cs-font-primary-style); letter-spacing: var(--cs-font-primary-letter-spacing); text-transform: var(--cs-font-primary-text-transform); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border: none; border-radius: var(--cs-button-border-radius); line-height: 1rem; transition: 0.25s; box-shadow: none; cursor: pointer; padding: 0.625rem 1.5rem; border-radius: var(--cs-button-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); padding: 1rem 2rem; background-color: var(--cs-color-button); color: var(--cs-color-button-contrast); display: flex; width: 100%; max-width: 300px; margin: 0 auto; } .sight-portfolio-area__pagination .sight-portfolio-load-more:focus, .sight-portfolio-area__pagination .sight-portfolio-load-more:hover { outline: none; } .sight-portfolio-area__pagination .sight-portfolio-load-more:hover { background-color: var(--cs-color-button-hover); color: var(--cs-color-button-hover-contrast); } .sight-portfolio-area__pagination .sight-portfolio-load-more.loading { position: relative; color: transparent; } .sight-portfolio-area__pagination .sight-portfolio-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); } } .sight-portfolio-entry .sight-portfolio-entry__content:not(:first-child) { margin-top: 1.5rem; } .sight-portfolio-entry .sight-portfolio-entry__content>*:not(:first-child) { margin-top: 0.5rem; } .sight-portfolio-entry .sight-portfolio-entry__inner { margin-top: 1.5rem; } .sight-portfolio-entry .sight-portfolio-entry__inner:first-child { margin-top: 0; } .sight-portfolio-entry .cs-entry__thumbnail { margin-bottom: 0; } .sight-portfolio-entry .sight-portfolio-view-more-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); } .sight-portfolio-entry .sight-portfolio-view-more-label:after { display: inline-block; margin-left: 0.25rem; font-family: "cs-icons"; content: ""; transition: all 0.2s ease; } .sight-portfolio-entry .sight-portfolio-entry__title a { -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; display: flex; align-items: center; } .sight-portfolio-entry .sight-portfolio-entry__title a:hover { text-decoration: none; } .sight-portfolio-entry .sight-portfolio-entry__heading { 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; } .sight-portfolio-entry .sight-portfolio-entry__heading a { text-decoration: none; color: var(--cs-color-primary); transition: 0.25s; } .sight-portfolio-entry .sight-portfolio-entry__heading a:hover { color: var(--cs-color-secondary); } .sight-portfolio-entry .sight-portfolio-entry__caption { 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); -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; display: flex; align-items: center; } .sight-portfolio-entry .sight-portfolio-entry__caption:not(:first-child) { margin-top: 0.5rem; } .sight-portfolio-entry .sight-portfolio-entry__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); color: var(--cs-color-post-meta); } .sight-portfolio-entry .sight-portfolio-entry__meta>* { display: flex; } .sight-portfolio-entry .sight-portfolio-entry__meta>*:not(:last-child) { position: relative; margin-right: 10px; padding-right: 10px; } .sight-portfolio-entry .sight-portfolio-entry__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-post-meta); } .sight-portfolio-entry .sight-portfolio-entry__meta>*:not(:first-child):before { display: none; } .sight-portfolio-entry .sight-portfolio-entry__meta>*.cs-meta-category { margin-right: 0; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-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); } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item { position: relative; line-height: 1; margin-right: 0; color: var(--cs-color-category); } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item:not(:first-child) { margin-left: 0.125rem; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item:not(:last-child) { padding-right: 4px; } .sight-portfolio-entry .sight-portfolio-entry__meta .sight-portfolio-meta-category .sight-portfolio-meta-item:not(:last-child):after { content: ","; position: absolute; bottom: 0; right: 0; color: var(--cs-color-category); } /* Layout Standard */ .sight-block-portfolio-layout-standard .sight-portfolio-area__main { display: grid; grid-gap: var(--sight-portfolio-area-grid-gap, 40px); grid-template-columns: repeat(var(--sight-portfolio-area-grid-columns, 1), minmax(0, 1fr)); } /* Layout Justified */ .sight-block-portfolio-layout-justified .sight-portfolio-area__outer { padding: calc(var(--sight-portfolio-area-grid-gap) / 2); } .sight-block-portfolio-layout-justified .sight-portfolio-area__main { display: flex; overflow: hidden; flex-wrap: wrap; margin: calc(var(--sight-portfolio-area-grid-gap) * -1); /* Remove to justify the last row */ } .sight-block-portfolio-layout-justified .sight-portfolio-area__main:after { content: ""; flex-grow: 999999999; height: 0; } .sight-block-portfolio-layout-justified .sight-portfolio-entry { position: relative; margin: calc(var(--sight-portfolio-area-grid-gap) / 2); flex-grow: 1; } .sight-block-portfolio-layout-justified .sight-portfolio-entry__thumbnail { height: var(--sight-portfolio-area-grid-image-height, 100); } .sight-block-portfolio-layout-justified .sight-portfolio-entry__thumbnail:before { display: none; } .sight-block-portfolio-layout-justified .sight-portfolio-overlay-background { height: 100%; } .sight-block-portfolio-layout-justified .sight-portfolio-entry__thumbnail img, .sight-block-portfolio-layout-justified .sight-portfolio-entry__thumbnail figure { -o-object-fit: cover; object-fit: cover; height: 100%; width: auto; max-width: 100%; min-width: 100%; } .sight-block-portfolio-layout-justified .sight-portfolio-entry-outer { display: table; width: 100%; } .sight-block-portfolio-layout-justified .sight-portfolio-entry__content { display: table-caption; caption-side: bottom; width: 100%; } footer .img-responsive { height: 50px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination a { text-decoration: none !important; z-index: 0 !important; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } footer section { background: none; } footer ul li { font-weight: normal; } footer h1, h2, h3, h4, h5 { font-weight: bold; } :root, [data-site-scheme="default"] { --cs-color-site-background: #ffffff; --cs-color-topbar-background: #ffffff; --cs-color-header-background: #ffffff; --cs-color-submenu-background: #ffffff; --cs-color-search-background: #f8f9fa; --cs-color-footer-background: #ffffff; } .cs-topbar .cs-search__nav-form .cs-search__group { --cs-color-search-input-background: #e7f4f4; } :root, [data-scheme="default"] { --cs-color-overlay-background: rgba(0, 0, 0, 0.25); --cs-color-secondary: #818181; --cs-palette-color-secondary: #818181; --cs-color-secondary-contrast: #222222; --cs-color-secondary-background: #e7f4f4; --cs-color-accent-background: #ececec; --cs-color-accent: #008990; --cs-color-accent-contrast: #ffffff; --cs-color-menu-active: #008990; --cs-color-menu-hover: #ff595e; --cs-color-submenu-active: #008990; --cs-color-submenu-hover: #ff595e; --cs-color-button: #05888f; --cs-color-button-contrast: #ffffff; --cs-color-button-hover: #ff595e; --cs-color-button-hover-contrast: #ffffff; --cs-color-category: #008990; --cs-color-category-hover: #000000; --cs-color-styled-category: #008990; --cs-color-styled-category-contrast: #ffffff; --cs-color-styled-category-hover-contrast: #000000; --cs-color-category-underline: #008990; --cs-color-post-meta: #818181; --cs-color-post-meta-link: #333335; --cs-color-post-meta-link-hover: #818181; } :root .cs-entry__post-meta .cs-meta-category a, [data-scheme="default"] .cs-entry__post-meta .cs-meta-category a { --cs-color-styled-category-hover: #008990; } :root .cs-entry__post-meta .cs-meta-category a:hover, [data-scheme="default"] .cs-entry__post-meta .cs-meta-category a:hover { --cs-color-styled-category: #008990; } [data-site-scheme="dark"] { --cs-color-site-background: #1c1c1c; --cs-color-topbar-background: #1c1c1c; --cs-color-header-background: #1c1c1c; --cs-color-submenu-background: #1c1c1c; --cs-color-search-background: #333333; --cs-color-footer-background: #1c1c1c; } [data-site-scheme="dark"] .cs-topbar .cs-search__nav-form .cs-search__group { --cs-color-search-input-background: #000000; } [data-scheme="dark"] { --cs-color-secondary: #858585; --cs-palette-color-secondary: #858585; --cs-color-secondary-contrast: #000000; --cs-color-secondary-background: #333333; --cs-color-accent-background: #333333; --cs-color-menu-active: #858585; --cs-color-menu-hover: #858585; --cs-color-submenu-active: #858585; --cs-color-submenu-hover: #858585; --cs-color-button: #05888f; --cs-color-button-contrast: #ffffff; --cs-color-button-hover: #141414; --cs-color-button-hover-contrast: #ffffff; --cs-color-category: #ffffff; --cs-color-category-hover: #008990; --cs-color-styled-category: #008990; --cs-color-styled-category-contrast: #ffffff; --cs-color-styled-category-hover-contrast: #000000; --cs-color-category-underline: #008990; --cs-color-post-meta: #818181; --cs-color-post-meta-link: #ffffff; --cs-color-post-meta-link-hover: #818181; } [data-scheme="dark"] .cs-entry__post-meta .cs-meta-category a { --cs-color-styled-category-hover: #008990; } [data-scheme="dark"] .cs-entry__post-meta .cs-meta-category a:hover { --cs-color-styled-category: #008990; } :root { --cs-layout-elements-border-radius: 5px; --cs-thumbnail-border-radius: 5px; --cs-button-border-radius: 2px; --cs-category-label-border-radius: 2px; --cs-header-topbar-height: 90px; --cs-header-height: 60px; } :root .cnvs-block-section-heading, [data-scheme="default"] .cnvs-block-section-heading, [data-scheme="dark"] [data-scheme="default"] .cnvs-block-section-heading { --cnvs-section-heading-border-color: #d5d5d5; } [data-scheme="dark"] .cnvs-block-section-heading { --cnvs-section-heading-border-color: #49494b; } .cs-search__posts { --cs-thumbnail-border-radius: 30px; } .cs-entry__prev-next { --cs-thumbnail-border-radius: 100% !important; } .searchwp-live-search-no-min-chars:after { content: "Continue typing" } /*