File: /home/axxoncom/domains/lapm.xyz/public_html/wp-content/themes/expertly/style-rtl.css
@charset "UTF-8";
/*
Theme Name: Expertly
Theme URI: http://codesupply.co/themes/expertly
Description: Optimized Wordpress Theme for Content Projects
Author: Code Supply Co.
Author URI: https://codesupply.co
Version: 1.8.0
Tags: two-columns, right-sidebar, custom-colors, editor-style, theme-options, featured-images, custom-menu, sticky-post, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: expertly
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reboot
# Base
# Utilities
# Layout
# Elements
# Widgets
# Media
# Vendors
/*--------------------------------------------------------------
# Reboot
--------------------------------------------------------------*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #121416;
text-align: right;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr, .wp-block-separator {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-right: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #000000;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #A0A0A0;
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table, .wp-block-table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: right;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: #000000;
word-wrap: break-word;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
hr, .wp-block-separator {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 48px !important;
margin-bottom: 48px !important;
}
small, .small {
font-size: 80%;
font-weight: 400;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
/*--------------------------------------------------------------
## Font Style
--------------------------------------------------------------*/
.site-title {
font-size: 1.25rem;
}
.title-block {
margin-bottom: 1.5rem;
}
.cs-breadcrumbs {
font-size: 12px;
}
.entry-header .entry-title {
line-height: 1;
}
.entry-header .post-excerpt {
font-size: 1.25rem;
}
.post-archive .entry-title {
font-size: 1.75rem;
}
.post-archive .archive-full .entry-title {
font-size: 2.5rem;
}
@media (min-width: 1380px) {
.headings-large h1, .headings-large .h1 {
font-size: 3.25rem;
}
.headings-large h2, .headings-large .h2 {
font-size: 2.5rem;
}
.headings-large h3, .headings-large .h3 {
font-size: 2rem;
}
.headings-large .post-archive .entry-title {
font-size: 2rem;
}
.headings-large .post-archive .archive-full .entry-title {
font-size: 2.5rem;
}
.headings-large .cs-homepage-post:first-child .entry-title {
font-size: 2.5rem;
}
.headings-large .cs-homepage-post:not(:first-child) .entry-title {
font-size: 1.5rem;
}
.headings-large .cs-homepage-category > article .entry-title {
font-size: 1.75rem;
}
.headings-large .cs-card .entry-title {
font-size: 1.5rem;
}
}
.headings-small h1, .headings-small .h1 {
font-size: 2rem;
}
.headings-small h2, .headings-small .h2 {
font-size: 1.75rem;
}
.headings-small h3, .headings-small .h3 {
font-size: 1.5rem;
}
.headings-small .post-archive .entry-title {
font-size: 1.5rem;
}
.headings-small .post-archive .archive-full .entry-title {
font-size: 1.75rem;
}
.headings-small .cs-homepage-post:first-child .entry-title {
font-size: 1.75rem;
}
.headings-small .cs-homepage-post:not(:first-child) .entry-title {
font-size: 1.25rem;
}
.headings-small .cs-homepage-category > article .entry-title {
font-size: 1.5rem;
}
.headings-small .cs-homepage-category-title {
font-size: 1.25rem;
}
.headings-small .cs-card .entry-title {
font-size: 1.25rem;
}
/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
table, .wp-block-table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
margin-bottom: 1rem;
background-color: transparent;
}
table th, .wp-block-table th,
table td,
.wp-block-table td {
padding: 0.75rem;
vertical-align: top;
border: none;
border-top: 1px solid #dee2e6;
}
table thead th, .wp-block-table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
table tbody + tbody, .wp-block-table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.wp-block-table .wp-block-table__cell-content {
padding: 0;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
@media (max-width: 719.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 1019.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 1199.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media (max-width: 1379.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 3px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
transition: none;
}
}
input[type="text"]::-ms-expand,
input[type="email"]::-ms-expand,
input[type="url"]::-ms-expand,
input[type="password"]::-ms-expand,
input[type="search"]::-ms-expand,
input[type="number"]::-ms-expand,
input[type="tel"]::-ms-expand,
input[type="range"]::-ms-expand,
input[type="date"]::-ms-expand,
input[type="month"]::-ms-expand,
input[type="week"]::-ms-expand,
input[type="time"]::-ms-expand,
input[type="datetime"]::-ms-expand,
input[type="datetime-local"]::-ms-expand,
input[type="color"]::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
background-color: transparent;
border: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
outline: 0;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6c757d;
opacity: 1;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="range"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="color"]::placeholder,
select::placeholder,
textarea::placeholder {
color: #6c757d;
opacity: 1;
}
input[type="text"]:disabled, input[type="text"][readonly],
input[type="email"]:disabled,
input[type="email"][readonly],
input[type="url"]:disabled,
input[type="url"][readonly],
input[type="password"]:disabled,
input[type="password"][readonly],
input[type="search"]:disabled,
input[type="search"][readonly],
input[type="number"]:disabled,
input[type="number"][readonly],
input[type="tel"]:disabled,
input[type="tel"][readonly],
input[type="range"]:disabled,
input[type="range"][readonly],
input[type="date"]:disabled,
input[type="date"][readonly],
input[type="month"]:disabled,
input[type="month"][readonly],
input[type="week"]:disabled,
input[type="week"][readonly],
input[type="time"]:disabled,
input[type="time"][readonly],
input[type="datetime"]:disabled,
input[type="datetime"][readonly],
input[type="datetime-local"]:disabled,
input[type="datetime-local"][readonly],
input[type="color"]:disabled,
input[type="color"][readonly],
select:disabled,
select[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}
select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border: 1px solid transparent;
padding: 0.375rem 1rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 3px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color: #000000;
color: white;
}
@media screen and (prefers-reduced-motion: reduce) {
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
transition: none;
}
}
button:hover, button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus {
text-decoration: none;
color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus {
outline: 0;
}
.button-round {
padding: 0.375rem;
border-radius: 50%;
font-size: 16px;
line-height: 1;
width: 20px;
height: 20px;
box-sizing: content-box;
display: flex;
justify-content: center;
align-items: center;
}
.button-round .cs-icon:before {
display: inline-block;
}
.button-transparent {
background: transparent;
color: #000000;
}
.button-transparent:hover, .button-transparent:focus {
color: #6c757d;
}
.cs-input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
background: #fff;
border-radius: 3px;
}
.cs-input-group input[type="text"],
.cs-input-group input[type="email"],
.cs-input-group input[type="url"],
.cs-input-group input[type="password"],
.cs-input-group input[type="search"],
.cs-input-group input[type="number"],
.cs-input-group input[type="tel"] {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
border: none;
}
.cs-input-group input[type="text"]:focus,
.cs-input-group input[type="email"]:focus,
.cs-input-group input[type="url"]:focus,
.cs-input-group input[type="password"]:focus,
.cs-input-group input[type="search"]:focus,
.cs-input-group input[type="number"]:focus,
.cs-input-group input[type="tel"]:focus {
z-index: 3;
box-shadow: none;
}
.cs-input-group button {
margin: 0.5rem;
position: relative;
z-index: 2;
border: 1px #e9ecef solid;
background: #fff;
color: #6c757d;
}
.cs-input-group button:hover, .cs-input-group button:focus {
color: #343a40;
border-color: #ced4da;
}
.search-form {
border-radius: 3px;
box-shadow: 0 0 0 0.2rem #F8F8F8;
transition: .2s ease box-shadow;
}
.cs-form-focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
outline: 0;
}
.cs-bg-dark form:not(.cs-form-focus) {
box-shadow: none;
}
/*--------------------------------------------------------------
## Icons
--------------------------------------------------------------*/
@font-face {
font-family: "cs-icons";
src: url("css/fonts/icons.ttf") format("truetype"), url("css/fonts/icons.woff") format("woff"), url("css/fonts/icons.svg#icons") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="cs-icon-"],
[class*=" cs-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "cs-icons" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cs-icon-bag:before {
content: "\e92d";
}
.cs-icon-cart:before {
content: "\e92c";
}
.cs-icon-activity:before {
content: "\e900";
}
.cs-icon-alert-circle:before {
content: "\e901";
}
.cs-icon-arrow-down:before {
content: "\e902";
}
.cs-icon-arrow-down-circle:before {
content: "\e903";
}
.cs-icon-arrow-left:before {
content: "\e906";
}
.cs-icon-arrow-left-circle:before {
content: "\e907";
}
.cs-icon-arrow-right:before {
content: "\e904";
}
.cs-icon-arrow-right-circle:before {
content: "\e905";
}
.cs-icon-arrow-up-circle:before {
content: "\e908";
}
.cs-icon-at-sign:before {
content: "\e909";
}
.cs-icon-award:before {
content: "\e90a";
}
.cs-icon-bookmark:before {
content: "\e90b";
}
.cs-icon-chevron-down:before {
content: "\e90c";
}
.cs-icon-chevron-left:before {
content: "\e90e";
}
.cs-icon-chevron-right:before {
content: "\e90d";
}
.cs-icon-chevron-up:before {
content: "\e90f";
}
.cs-icon-circle:before {
content: "\e910";
}
.cs-icon-eye:before {
content: "\e911";
}
.cs-icon-file:before {
content: "\e912";
}
.cs-icon-file-text:before {
content: "\e913";
}
.cs-icon-film:before {
content: "\e914";
}
.cs-icon-help-circle:before {
content: "\e915";
}
.cs-icon-info:before {
content: "\e916";
}
.cs-icon-menu:before {
content: "\e917";
}
.cs-icon-message-square:before {
content: "\e918";
}
.cs-icon-more-horizontal:before {
content: "\e919";
}
.cs-icon-more-vertical:before {
content: "\e91a";
}
.cs-icon-music:before {
content: "\e91b";
}
.cs-icon-play:before {
content: "\e91c";
}
.cs-icon-play-circle:before {
content: "\e91d";
}
.cs-icon-plus-circle:before {
content: "\e91e";
}
.cs-icon-search:before {
content: "\e91f";
}
.cs-icon-share:before {
content: "\e920";
}
.cs-icon-tag:before {
content: "\e921";
}
.cs-icon-watch:before {
content: "\e922";
}
.cs-icon-x:before {
content: "\e923";
}
.cs-icon-x-circle:before {
content: "\e924";
}
.cs-icon-x-square:before {
content: "\e925";
}
.cs-icon-youtube:before {
content: "\e926";
}
.cs-icon-zap:before {
content: "\e927";
}
.cs-icon-zoom-in:before {
content: "\e928";
}
.cs-icon-zoom-out:before {
content: "\e929";
}
/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/
@media (min-width: 1200px) {
body {
background-color: #F8F8F8;
}
}
a {
transition: .2s color ease;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
color: #000000;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus,
.h1 a:hover,
.h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus {
color: #6c757d;
text-decoration: none;
}
.post-categories a:hover, .post-categories a:focus {
color: #000000;
}
.post-meta,
.cs-breadcrumbs {
color: #A0A0A0;
}
.post-meta a,
.cs-breadcrumbs a {
color: #121416;
}
.post-meta a:hover, .post-meta a:focus,
.cs-breadcrumbs a:hover,
.cs-breadcrumbs a:focus {
color: #000000;
}
figcaption {
color: #A0A0A0;
}
span[class*="meta-"] {
color: #A0A0A0;
}
.archive-count {
color: #A0A0A0;
}
.page-subtitle {
color: #A0A0A0;
}
/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
.cs-list-articles {
padding-right: 0;
list-style: none;
}
.cs-list-articles > li > a {
display: flex;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
line-height: 1.25rem;
color: #6c757d;
font-size: 0.875rem;
position: relative;
padding-right: 2rem;
}
.cs-list-articles > li > a:before {
position: absolute;
right: 0;
top: 0;
font-family: "cs-icons";
content: "\e904";
color: #ced4da;
font-size: 14px;
margin-left: 1rem;
display: inline-block;
transition: .2s ease all;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 100%;
top: 4px;
}
.cs-list-articles > li > a:hover {
color: #000000;
}
.cs-list-articles > li > a:hover:before {
color: #fff;
transition: .2s ease all;
background: #6c757d;
}
/*--------------------------------------------------------------
## Entry
--------------------------------------------------------------*/
.entry .entry-content:after {
content: '';
clear: both;
display: table;
}
.entry .entry-content > *:last-child:after,
.entry .entry-summary > *:last-child:after {
content: '';
clear: both;
display: table;
}
.entry .entry-content > *,
.entry .entry-content .wp-block-column > *,
.entry .entry-content .wp-block-group__inner-container > *,
.entry .entry-content .wp-block-cover__inner-container > *,
.entry .entry-content .wp-block-media-text__content > *,
.entry .entry-content .cnvs-block-column-inner > div > *,
.entry .entry-content .cnvs-block-section-content-inner > *,
.entry .entry-content .cnvs-block-section-sidebar-inner > *,
.entry .entry-summary > *,
.entry .entry-summary .wp-block-column > *,
.entry .entry-summary .wp-block-group__inner-container > *,
.entry .entry-summary .wp-block-cover__inner-container > *,
.entry .entry-summary .wp-block-media-text__content > *,
.entry .entry-summary .cnvs-block-column-inner > div > *,
.entry .entry-summary .cnvs-block-section-content-inner > *,
.entry .entry-summary .cnvs-block-section-sidebar-inner > * {
margin-top: 32px;
margin-bottom: 32px;
}
@media (min-width: 720px) {
.entry .entry-content > *,
.entry .entry-content .wp-block-column > *,
.entry .entry-content .wp-block-group__inner-container > *,
.entry .entry-content .wp-block-cover__inner-container > *,
.entry .entry-content .wp-block-media-text__content > *,
.entry .entry-content .cnvs-block-column-inner > div > *,
.entry .entry-content .cnvs-block-section-content-inner > *,
.entry .entry-content .cnvs-block-section-sidebar-inner > *,
.entry .entry-summary > *,
.entry .entry-summary .wp-block-column > *,
.entry .entry-summary .wp-block-group__inner-container > *,
.entry .entry-summary .wp-block-cover__inner-container > *,
.entry .entry-summary .wp-block-media-text__content > *,
.entry .entry-summary .cnvs-block-column-inner > div > *,
.entry .entry-summary .cnvs-block-section-content-inner > *,
.entry .entry-summary .cnvs-block-section-sidebar-inner > * {
margin-top: 32px;
margin-bottom: 32px;
}
}
.entry .entry-content > *:first-child,
.entry .entry-content .wp-block-column > *:first-child,
.entry .entry-content .wp-block-group__inner-container > *:first-child,
.entry .entry-content .wp-block-cover__inner-container > *:first-child,
.entry .entry-content .wp-block-media-text__content > *:first-child,
.entry .entry-content .cnvs-block-column-inner > div > *:first-child,
.entry .entry-content .cnvs-block-section-content-inner > *:first-child,
.entry .entry-content .cnvs-block-section-sidebar-inner > *:first-child,
.entry .entry-summary > *:first-child,
.entry .entry-summary .wp-block-column > *:first-child,
.entry .entry-summary .wp-block-group__inner-container > *:first-child,
.entry .entry-summary .wp-block-cover__inner-container > *:first-child,
.entry .entry-summary .wp-block-media-text__content > *:first-child,
.entry .entry-summary .cnvs-block-column-inner > div > *:first-child,
.entry .entry-summary .cnvs-block-section-content-inner > *:first-child,
.entry .entry-summary .cnvs-block-section-sidebar-inner > *:first-child {
margin-top: 0;
}
.entry .entry-content > *:last-child,
.entry .entry-content .wp-block-column > *:last-child,
.entry .entry-content .wp-block-group__inner-container > *:last-child,
.entry .entry-content .wp-block-cover__inner-container > *:last-child,
.entry .entry-content .wp-block-media-text__content > *:last-child,
.entry .entry-content .cnvs-block-column-inner > div > *:last-child,
.entry .entry-content .cnvs-block-section-content-inner > *:last-child,
.entry .entry-content .cnvs-block-section-sidebar-inner > *:last-child,
.entry .entry-summary > *:last-child,
.entry .entry-summary .wp-block-column > *:last-child,
.entry .entry-summary .wp-block-group__inner-container > *:last-child,
.entry .entry-summary .wp-block-cover__inner-container > *:last-child,
.entry .entry-summary .wp-block-media-text__content > *:last-child,
.entry .entry-summary .cnvs-block-column-inner > div > *:last-child,
.entry .entry-summary .cnvs-block-section-content-inner > *:last-child,
.entry .entry-summary .cnvs-block-section-sidebar-inner > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media (min-width: 720px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
/*--------------------------------------------------------------
## Entry Content
--------------------------------------------------------------*/
.entry-content {
line-height: 1.75;
}
.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 {
text-decoration: underline;
}
.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 {
text-decoration: none;
}
.entry-content > blockquote {
position: relative;
font-size: 1.25rem;
line-height: 1.5;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin-right: 0;
margin-left: 0;
margin-top: 48px;
margin-bottom: 48px;
border-right: 0;
border-top: 1px #e9ecef solid;
border-bottom: 1px #e9ecef solid;
padding-right: 80px;
}
.entry-content > blockquote cite {
display: block;
color: #A0A0A0;
font-size: 0.875rem;
font-style: italic;
margin-top: 0.5rem;
}
.entry-content > blockquote p {
line-height: 1.5;
}
.entry-content > blockquote p:first-child {
font-size: inherit;
margin-top: 0;
}
.entry-content > blockquote p:last-child {
margin-bottom: 0;
}
.entry-content > blockquote:before {
content: "\e904";
font-family: "cs-icons";
color: #ced4da;
line-height: 1;
position: absolute;
top: 1.5rem;
right: 0;
font-size: 2rem;
}
.entry-content cite {
color: #A0A0A0;
}
.entry-content .wp-caption-dd {
color: #A0A0A0;
margin-right: 0;
}
.entry-content .cs-embed {
margin-top: 48px;
margin-bottom: 48px;
}
.alignnone {
max-width: 100%;
}
.alignleft {
float: none;
margin-left: 0;
}
.alignleft:first-child + * {
margin-top: 0;
}
@media (min-width: 720px) {
.alignleft {
float: right;
margin-left: 2rem;
}
}
.alignright {
float: none;
margin-right: 0;
}
.alignright:first-child + * {
margin-top: 0;
}
@media (min-width: 720px) {
.alignright {
float: left;
margin-right: 2rem;
}
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
.aligncenter .wp-caption-text,
.aligncenter .wp-caption-dd {
text-align: center;
}
img.alignleft,
img.alignright {
margin-bottom: 1rem;
}
/** =========== Blocks =========== */
.wp-block-columns > *:first-child {
margin-top: 0;
}
.wp-block-columns > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
p.has-background {
padding: 1.5rem 2rem;
}
p.wp-block-subhead {
font-size: 1.25rem;
color: #A0A0A0;
opacity: 1;
}
p.has-drop-cap:not(:focus):first-letter {
font-size: 4rem;
line-height: 1;
margin-top: 0.5rem;
margin-left: 2rem;
margin-bottom: 0.5rem;
}
.wp-block-separator:not(.is-style-dots) {
border-top: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
max-width: 670px;
}
.wp-block-separator.is-style-dots {
border: none;
text-align: right;
}
.wp-block-separator.is-style-dots:before {
padding-right: 0;
color: #A0A0A0;
}
.wp-block-button.alignleft {
text-align: right;
}
.wp-block-button.alignright {
text-align: left;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-button .wp-block-button__link {
transition: opacity 0.2s;
}
.wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #000000;
}
.wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.wp-block-button .wp-block-button__link:hover {
opacity: 0.7;
cursor: pointer;
}
.wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 2rem;
}
.wp-block-code {
background-color: rgba(0, 0, 0, 0.05);
padding: 1rem 1.5rem;
font-family: Menlo, Consolas, monaco, monospace;
line-height: 1.75;
font-size: 0.875rem;
color: #000000;
white-space: pre-wrap;
border-radius: 0;
border: none;
}
.wp-block-code .editor-plain-text {
background-color: transparent;
}
.wp-block-preformatted {
background-color: rgba(0, 0, 0, 0.05);
padding: 1rem 1.5rem;
}
.wp-block-preformatted pre {
padding: 0;
}
.wp-block-preformatted,
.wp-block-preformatted pre {
font-family: Menlo, Consolas, monaco, monospace;
line-height: 1.75;
font-size: 0.875rem;
color: #000000;
white-space: pre-wrap;
}
.wp-block-verse {
background-color: rgba(0, 0, 0, 0.05);
padding: 1rem 1.5rem;
}
.wp-block-verse pre {
padding: 0;
}
.wp-block-verse,
.wp-block-verse pre {
font-family: Menlo, Consolas, monaco, monospace;
line-height: 1.75;
font-size: 0.875rem;
color: #000000;
overflow: auto;
}
.wp-block-audio figcaption {
color: #A0A0A0;
text-align: center;
}
.wp-block-embed figcaption {
color: #A0A0A0;
text-align: center;
}
.wp-block-video video {
width: 100%;
}
.wp-block-media-text p:last-child {
margin-bottom: 0;
}
@media (max-width: 719.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: #A0A0A0;
text-align: center;
}
@media (min-width: 720px) {
.wp-block-image figcaption {
text-align: initial;
}
}
.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-left: 0;
}
@media (min-width: 720px) {
.wp-block-image .alignleft, .wp-block-image.alignleft {
float: right;
margin-left: 2rem;
}
}
.wp-block-image .alignright, .wp-block-image.alignright {
float: none;
margin-right: 0;
}
@media (min-width: 720px) {
.wp-block-image .alignright, .wp-block-image.alignright {
float: left;
margin-right: 2rem;
}
}
@media (max-width: 719.98px) {
.wp-block-image .alignleft,
.wp-block-image .alignright {
margin-right: auto;
margin-left: auto;
}
}
.wp-block-cover,
.wp-block-cover-image {
display: flex;
justify-content: center;
align-items: center;
min-height: auto;
}
.wp-block-cover:after,
.wp-block-cover-image:after {
width: 0;
padding-bottom: 56.25%;
height: 100%;
content: '';
}
.wp-block-cover.alignleft:after, .wp-block-cover.alignright:after,
.wp-block-cover-image.alignleft:after,
.wp-block-cover-image.alignright:after {
padding-bottom: 75%;
}
.wp-block-cover.alignfull:after, .wp-block-cover.alignwide:after,
.wp-block-cover-image.alignfull:after,
.wp-block-cover-image.alignwide:after {
padding-bottom: 40%;
}
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-text {
font-size: 2rem;
line-height: 1.25;
padding: 1rem;
}
@media (min-width: 720px) {
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-text {
padding: 2rem;
}
}
.wp-block-quote:not(.is-large), .wp-block-quote:not(.is-style-large) {
position: relative;
font-size: 1.25rem;
line-height: 1.5;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin-top: 48px;
margin-bottom: 48px;
border-top: 1px #e9ecef solid;
border-bottom: 1px #e9ecef solid;
padding-right: 80px;
color: #000000;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-right: 0;
padding-right: 80px;
}
.wp-block-quote:before {
content: "\e904";
font-family: "cs-icons";
color: #ced4da;
line-height: 1;
position: absolute;
top: 1.5rem;
right: 0;
font-size: 2rem;
}
.wp-block-quote p {
line-height: 1.5;
}
.wp-block-quote p:first-child {
font-size: inherit;
margin-top: 0;
}
.wp-block-quote p:last-child {
margin-bottom: 0;
}
.wp-block-quote cite {
font-style: italic;
color: #A0A0A0;
line-height: 1.5;
}
.wp-block-quote .wp-block-quote__citation {
font-style: italic;
color: #A0A0A0;
line-height: 1.5;
}
.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.5rem;
font-style: normal;
line-height: 1.6;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 0.875rem;
text-align: right;
}
.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: 720px) {
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: calc(50% - 1rem);
}
}
.wp-block-pullquote {
border-top: 4px solid #000000;
border-bottom: 4px solid #000000;
padding: 2rem 1rem;
}
.wp-block-pullquote blockquote {
margin: 0;
}
.wp-block-pullquote p {
font-size: 1.75rem;
line-height: 1.5;
}
.wp-block-pullquote .alignleft p,
.wp-block-pullquote .alignright p {
font-size: 1.25rem;
}
.wp-block-pullquote blockquote:not(.has-text-color) {
color: #000000;
}
.wp-block-pullquote blockquote:not(.has-text-color) cite,
.wp-block-pullquote blockquote:not(.has-text-color) footer,
.wp-block-pullquote blockquote:not(.has-text-color) .wp-block-pullquote__citation {
color: #A0A0A0;
font-style: italic;
}
.wp-block-latest-comments {
border-top: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
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-date {
color: #A0A0A0;
font-size: 0.875rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
line-height: inherit;
margin: 0.5rem 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts,
.wp-block-categories-list,
.wp-block-categories__list,
.wp-block-archives-list {
padding-right: 0;
list-style: none;
padding-right: 0;
padding-left: 0;
text-align: right;
}
.wp-block-latest-posts li,
.wp-block-categories-list li,
.wp-block-categories__list li,
.wp-block-archives-list li {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.wp-block-latest-posts > li a,
.wp-block-categories-list > li a,
.wp-block-categories__list > li a,
.wp-block-archives-list > li a {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.wp-block-latest-posts > li > a,
.wp-block-categories-list > li > a,
.wp-block-categories__list > li > a,
.wp-block-archives-list > li > a {
display: flex;
position: relative;
padding-right: 2rem;
}
.wp-block-latest-posts > li > a:before,
.wp-block-categories-list > li > a:before,
.wp-block-categories__list > li > a:before,
.wp-block-archives-list > li > a:before {
position: absolute;
right: 0;
top: 8px;
font-family: "cs-icons";
content: "\e904";
color: #ced4da;
font-size: 14px;
margin-left: 1rem;
display: inline-block;
transition: .2s ease all;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border-radius: 100%;
}
.wp-block-latest-posts > li > a:hover,
.wp-block-categories-list > li > a:hover,
.wp-block-categories__list > li > a:hover,
.wp-block-archives-list > li > a:hover {
color: #000000;
}
.wp-block-latest-posts > li > a:hover:before,
.wp-block-categories-list > li > a:hover:before,
.wp-block-categories__list > li > a:hover:before,
.wp-block-archives-list > li > a:hover:before {
color: #fff;
transition: .2s ease all;
background: #6c757d;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date,
.wp-block-categories-list .wp-block-latest-posts__post-date,
.wp-block-categories__list .wp-block-latest-posts__post-date,
.wp-block-archives-list .wp-block-latest-posts__post-date {
margin-right: 2rem;
flex: 0 0 100%;
font-size: 0.875rem;
color: #A0A0A0;
}
.wp-block-latest-posts .children,
.wp-block-latest-posts .wp-block-categories__list,
.wp-block-categories-list .children,
.wp-block-categories-list .wp-block-categories__list,
.wp-block-categories__list .children,
.wp-block-categories__list .wp-block-categories__list,
.wp-block-archives-list .children,
.wp-block-archives-list .wp-block-categories__list {
flex: 0 0 100%;
}
.wp-block-categories > .wp-block-categories__list {
padding: 0;
}
.wp-block-archives.wp-block-archives-list {
padding: 0;
}
.wp-block-categories-list a,
.wp-block-categories__list a,
.wp-block-archives-list a {
padding-left: 0.5rem;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Background
--------------------------------------------------------------*/
.cs-bg-dark {
color: rgba(255, 255, 255, 0.9);
}
.cs-bg-dark h1, .cs-bg-dark h2, .cs-bg-dark h3, .cs-bg-dark h4, .cs-bg-dark h5, .cs-bg-dark h6,
.cs-bg-dark .h1, .cs-bg-dark .h2, .cs-bg-dark .h3, .cs-bg-dark .h4, .cs-bg-dark .h5, .cs-bg-dark .h6 {
color: #fff;
}
.cs-bg-dark h1 a, .cs-bg-dark h2 a, .cs-bg-dark h3 a, .cs-bg-dark h4 a, .cs-bg-dark h5 a, .cs-bg-dark h6 a,
.cs-bg-dark .h1 a, .cs-bg-dark .h2 a, .cs-bg-dark .h3 a, .cs-bg-dark .h4 a, .cs-bg-dark .h5 a, .cs-bg-dark .h6 a {
transition: .2s ease all !important;
color: #fff;
}
.cs-bg-dark h1:hover a, .cs-bg-dark h1:focus a, .cs-bg-dark h2:hover a, .cs-bg-dark h2:focus a, .cs-bg-dark h3:hover a, .cs-bg-dark h3:focus a, .cs-bg-dark h4:hover a, .cs-bg-dark h4:focus a, .cs-bg-dark h5:hover a, .cs-bg-dark h5:focus a, .cs-bg-dark h6:hover a, .cs-bg-dark h6:focus a,
.cs-bg-dark .h1:hover a,
.cs-bg-dark .h1:focus a, .cs-bg-dark .h2:hover a, .cs-bg-dark .h2:focus a, .cs-bg-dark .h3:hover a, .cs-bg-dark .h3:focus a, .cs-bg-dark .h4:hover a, .cs-bg-dark .h4:focus a, .cs-bg-dark .h5:hover a, .cs-bg-dark .h5:focus a, .cs-bg-dark .h6:hover a, .cs-bg-dark .h6:focus a {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark a,
.cs-bg-dark .entry-content a,
.cs-bg-dark .meta-category a {
color: rgba(255, 255, 255, 0.8);
}
.cs-bg-dark a:hover, .cs-bg-dark a:focus,
.cs-bg-dark .entry-content a:hover,
.cs-bg-dark .entry-content a:focus,
.cs-bg-dark .meta-category a:hover,
.cs-bg-dark .meta-category a:focus {
color: white;
}
.cs-bg-dark caption,
.cs-bg-dark figcaption,
.cs-bg-dark .post-meta,
.cs-bg-dark .cs-breadcrumbs {
color: rgba(255, 255, 255, 0.7);
}
.cs-bg-dark.navbar-primary {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark.navbar-primary .navbar-wrap {
border-bottom: none;
}
.cs-bg-dark.navbar-primary .toggle-search,
.cs-bg-dark.navbar-primary .toggle-offcanvas,
.cs-bg-dark.navbar-primary .site-title {
color: #fff;
}
.cs-bg-dark.navbar-primary .toggle-search:hover, .cs-bg-dark.navbar-primary .toggle-search:focus,
.cs-bg-dark.navbar-primary .toggle-offcanvas:hover,
.cs-bg-dark.navbar-primary .toggle-offcanvas:focus,
.cs-bg-dark.navbar-primary .site-title:hover,
.cs-bg-dark.navbar-primary .site-title:focus {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark.navbar-primary .site-description {
border-right-color: rgba(255, 255, 255, 0.05);
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark.navbar-primary .pk-social-links-link:hover {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark.navbar-primary .navbar-nav .sub-menu > li > a {
color: #000000;
}
.cs-bg-dark.navbar-primary .navbar-nav > li.current-menu-ancestor > a,
.cs-bg-dark.navbar-primary .navbar-nav > li.current-menu-item > a {
color: #fff;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a {
color: #000000;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .cs-mega-menu-child > a:focus {
color: #A0A0A0;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title {
color: #A0A0A0;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a {
color: #000000;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .entry-title a:focus {
color: #A0A0A0;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta {
color: #A0A0A0;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a,
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a {
color: #000000;
}
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a:hover, .cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > a:focus,
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a:hover,
.cs-bg-dark.navbar-primary .cs-mega-menu .entry-header .post-meta li > span > a:focus {
color: #A0A0A0;
}
.cs-bg-dark.navbar-primary .pk-social-links-count {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark.offcanvas-header {
border-bottom: none;
border-left: 1px rgba(255, 255, 255, 0.025) solid;
}
.cs-bg-dark .hero-title {
color: #fff !important;
}
.cs-bg-dark .footer-copyright {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark .footer-copyright a {
color: #fff;
}
.cs-bg-dark .pk-font-heading {
color: #fff;
}
.cs-bg-dark .pk-color-secondary {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark .pk-font-secondary {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark .pk-badge-primary {
background: rgba(0, 0, 0, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-secondary {
background: rgba(160, 160, 160, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-success {
background: rgba(40, 167, 69, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-info {
background: rgba(23, 162, 184, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-warning {
background: rgba(255, 193, 7, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-danger {
background: rgba(220, 53, 69, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-light {
background: rgba(248, 249, 250, 0.875);
color: #fff;
}
.cs-bg-dark .pk-badge-dark {
background: rgba(52, 58, 64, 0.875);
color: #fff;
}
.cs-bg-dark .sub-menu .pk-badge-primary {
background: rgba(0, 0, 0, 0.125);
color: black;
}
.cs-bg-dark .sub-menu .pk-badge-secondary {
background: rgba(160, 160, 160, 0.125);
color: #7a7a7a;
}
.cs-bg-dark .sub-menu .pk-badge-success {
background: rgba(40, 167, 69, 0.125);
color: #19692c;
}
.cs-bg-dark .sub-menu .pk-badge-info {
background: rgba(23, 162, 184, 0.125);
color: #0f6674;
}
.cs-bg-dark .sub-menu .pk-badge-warning {
background: rgba(255, 193, 7, 0.125);
color: #ba8b00;
}
.cs-bg-dark .sub-menu .pk-badge-danger {
background: rgba(220, 53, 69, 0.125);
color: #a71d2a;
}
.cs-bg-dark .sub-menu .pk-badge-light {
background: rgba(248, 249, 250, 0.125);
color: #cbd3da;
}
.cs-bg-dark .sub-menu .pk-badge-dark {
background: rgba(52, 58, 64, 0.125);
color: #121416;
}
.cs-bg-dark .pk-badge-primary {
background-color: rgba(255, 255, 255, 0.25);
color: #fff;
}
.cs-bg-dark .pk-social-links-link {
color: #fff;
}
.cs-bg-dark .pk-social-links-link:hover, .cs-bg-dark .pk-social-links-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark .pk-social-links-count {
color: rgba(255, 255, 255, 0.75);
}
.cs-bg-dark .pk-social-links-label {
color: rgba(255, 255, 255, 0.3);
}
.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-icon,
.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link .pk-social-links-title {
color: rgba(255, 255, 255, 0.6);
}
.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link:hover .pk-social-links-icon,
.cs-bg-dark .pk-social-links-scheme-bold .pk-social-links-link:hover .pk-social-links-title {
color: #fff;
}
.cs-bg-dark .pk-social-links-scheme-light-rounded .pk-social-links-link .pk-social-links-icon {
background-color: rgba(255, 255, 255, 0.125);
transition: background-color 0.2s;
color: #fff;
}
.cs-bg-dark .pk-social-links-scheme-light-rounded .pk-social-links-link:hover .pk-social-links-icon {
background-color: rgba(255, 255, 255, 0.225);
}
/*--------------------------------------------------------------
## Alignment
--------------------------------------------------------------*/
.cs-text-center {
text-align: center;
}
/*--------------------------------------------------------------
## 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: 720px) {
.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: 1020px) {
.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: 1200px) {
.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: 1380px) {
.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;
}
}
/*--------------------------------------------------------------
## Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text,
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
## Alerts
--------------------------------------------------------------*/
.cs-alert {
padding: 0.5rem 1rem;
margin: 0;
font-size: 0.875rem;
background-color: #f8f9fa;
}
/*--------------------------------------------------------------
## Embed
--------------------------------------------------------------*/
.cs-embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.cs-embed-responsive:before {
display: block;
content: "";
}
.cs-embed-responsive iframe,
.cs-embed-responsive embed,
.cs-embed-responsive object,
.cs-embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: 0;
}
.cs-embed-responsive:before {
padding-top: 56.25%;
}
.wp-block-embed .cs-embed-responsive {
position: initial;
margin: 0;
padding: 0;
overflow: initial;
}
.wp-block-embed .cs-embed-responsive:before {
display: none;
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site
--------------------------------------------------------------*/
body {
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.cs-container {
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 720px) {
.cs-container {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.cs-container {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.cs-container {
max-width: 1200px;
}
}
@media (min-width: 1380px) {
.cs-container {
max-width: 1380px;
}
}
.site-content {
margin-top: 3rem;
}
@media (min-width: 1020px) {
.main-content {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 1020px) {
.content-area {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1020px) {
.sidebar-right .content-area,
.sidebar-left .content-area {
flex: 0 0 calc(100% - 340px);
max-width: calc(100% - 340px);
}
}
@media (min-width: 1380px) {
.sidebar-right .content-area {
padding-left: 40px;
}
}
@media (min-width: 1020px) {
.sidebar-left .widget-area {
order: -1;
}
}
@media (min-width: 1380px) {
.sidebar-left .content-area {
padding-right: 40px;
}
}
@media (min-width: 1020px) {
.widget-area {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 340px;
max-width: 340px;
}
}
.sidebar-area .sidebar-1:not(:empty),
.sidebar-area .sidebar-2:not(:empty) {
padding-top: 60px;
}
.sidebar-area .sidebar-2 {
display: none;
}
@media (min-width: 720px) {
.sidebar-area {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
margin-top: 3rem;
}
.sidebar-area .sidebar {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
position: initial;
}
.sidebar-area .sidebar-1,
.sidebar-area .sidebar-2 {
display: block;
}
.sidebar-area .sidebar-1:not(:empty),
.sidebar-area .sidebar-2:not(:empty) {
padding-top: 0;
}
}
@media (min-width: 1020px) {
.sidebar-area {
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
.sidebar-area .sidebar {
flex: 0 0 100%;
max-width: 100%;
position: relative;
padding-right: 0;
padding-left: 0;
}
.sidebar-area .sidebar-1 {
display: block;
}
.sidebar-area .sidebar-2 {
display: none !important;
}
}
@supports (position: sticky) or (position: -webkit-sticky) {
@media (min-width: 1020px) {
.sticky-sidebar-enabled.stick-to-top .sidebar-area {
display: flex;
flex-direction: column;
}
.sticky-sidebar-enabled.stick-to-top .sidebar-1 {
position: relative;
position: sticky;
top: 0;
flex: initial;
transition: .4s ease all;
}
.sticky-sidebar-enabled.stick-to-bottom .sidebar-area {
display: flex;
flex-direction: column;
}
.sticky-sidebar-enabled.stick-to-bottom .sidebar-1 {
position: relative;
position: sticky;
bottom: 2rem;
margin-top: auto;
flex: 0 0 auto;
}
.sticky-sidebar-enabled.stick-last .sidebar-1 {
display: flex;
flex-direction: column;
}
.sticky-sidebar-enabled.stick-last .sidebar-1 .widget:last-child {
position: relative;
position: sticky;
top: 3rem;
transition: .4s ease all;
}
}
}
@-moz-document url-prefix() {
@media (min-width: 1020px) {
.sticky-sidebar-enabled.stick-to-bottom .sidebar-1 {
top: 0;
bottom: initial;
margin-top: initial;
flex: initial;
transition: .4s ease all;
}
}
}
/*--------------------------------------------------------------
## Site Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site Footer
--------------------------------------------------------------*/
.site-footer {
padding-top: 3rem;
margin-top: 3rem;
border-top: 1px #e9ecef solid;
}
.site-footer-widgets {
background: #fff;
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.footer-widgets {
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 720px) {
.footer-widgets {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.footer-widgets {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.footer-widgets {
max-width: 1200px;
}
}
@media (min-width: 1380px) {
.footer-widgets {
max-width: 1380px;
}
}
.footer-title {
margin-bottom: 0;
}
.footer-sidebars .sidebar-footer {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 720px) {
.footer-sidebars {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.footer-sidebars .sidebar-footer + .sidebar-footer {
margin-top: 3rem;
}
.footer-sidebars .sidebar-footer {
flex: 0 0 50%;
max-width: 50%;
}
.footer-sidebars .sidebar-footer:nth-child(1), .footer-sidebars .sidebar-footer:nth-child(2) {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.footer-sidebars .sidebar-footer {
flex: 0 0 25%;
max-width: 25%;
}
.footer-sidebars .sidebar-footer + .sidebar-footer {
margin-top: 0;
}
}
.site-footer {
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 3rem;
background: #fff;
}
.section-footer-posts + .site-footer-widgets {
margin-top: 0;
}
.section-footer-posts + .site-footer,
.site-footer-widgets + .site-footer {
margin-top: 0;
}
.footer-title a,
.footer-copyright a {
text-decoration: underline;
}
.footer-title a:hover,
.footer-copyright a:hover {
text-decoration: none;
}
.footer-copyright {
font-size: 0.875rem;
}
.footer-copyright p {
margin-bottom: 0;
}
.site-info {
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
@media (min-width: 720px) {
.site-info {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.site-info {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.site-info {
max-width: 1200px;
}
}
@media (min-width: 1380px) {
.site-info {
max-width: 1380px;
}
}
.site-info .footer-content {
text-align: center;
flex-grow: 1;
order: 1;
}
.site-info .footer-content p {
margin-bottom: 0;
}
.site-info .footer-aside {
order: 2;
}
.site-info .navbar-footer {
margin-top: 1rem;
}
.site-info .navbar-footer .navbar-nav {
margin-right: -0.5rem;
margin-left: -0.5rem;
justify-content: center;
}
.site-info .navbar-footer .navbar-nav > li.menu-item-has-children > a:after {
content: none;
}
.site-info .footer-copyright {
margin-top: 1rem;
}
.site-info .pk-social-links-wrap {
margin-top: 1rem;
display: flex;
justify-content: center;
}
.site-info .pk-social-links-wrap:first-child {
margin-top: 0;
}
@media (min-width: 1020px) {
.site-info {
flex-direction: row;
align-items: flex-start;
}
.site-info .footer-content {
padding-left: 1rem;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
text-align: right;
}
.site-info .footer-aside + .footer-content {
flex: 0 0 50%;
max-width: 50%;
}
.site-info .footer-aside {
padding-right: 1rem;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.site-info .footer-copyright:first-child {
margin-top: 0;
}
.site-info .navbar-footer .navbar-nav {
justify-content: flex-end;
}
.site-info .navbar-footer:first-child {
margin-top: 0;
}
.site-info .pk-social-links-wrap {
margin-top: 1.5rem;
justify-content: flex-end;
}
.site-info .pk-social-links-wrap:first-child {
margin-top: 0;
}
}
/*--------------------------------------------------------------
## Site Search
--------------------------------------------------------------*/
.site-search {
display: none;
padding-top: 3rem;
padding-bottom: 3rem;
background: #e9ecef;
}
.site-search .search-form {
max-width: 800px;
margin-right: auto;
margin-left: auto;
box-shadow: none;
}
.site-search input[type="search"] {
padding: 0.75rem 3rem 0.75rem 1rem;
}
.site-search .search-submit {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.site-search .cs-input-group {
position: relative;
}
.site-search .cs-input-group:after {
content: "\e91f";
font-family: "cs-icons";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3rem;
display: flex;
justify-content: center;
align-items: center;
color: #6c757d;
font-size: 1.25rem;
z-index: 3;
}
@media (min-width: 1200px) {
.site-search input[type="search"] {
padding: 1rem 3rem 1rem 1rem;
}
.site-search .cs-form-focus {
box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
.site-search .search-submit {
padding-right: 2rem;
padding-left: 2rem;
}
}
/*--------------------------------------------------------------
## Off-Canvas Area
--------------------------------------------------------------*/
.offcanvas {
overflow: hidden;
position: fixed;
height: 100%;
top: 0;
right: -320px;
width: 320px;
background: white;
display: flex;
flex-direction: column;
-webkit-overflow-scrolling: touch;
z-index: 2;
transform: translate3d(320px, 0, 0);
}
.admin-bar .offcanvas {
top: 46px;
height: calc( 100% - 46px);
}
@media screen and (min-width: 783px) {
.admin-bar .offcanvas {
top: 32px;
height: calc( 100% - 32px);
}
}
.offcanvas-active {
overflow: hidden;
}
.offcanvas-active .offcanvas {
right: 320px;
}
.offcanvas-active .site {
position: relative;
overflow: hidden;
}
.offcanvas-active .site-inner,
.offcanvas-active .offcanvas-push {
right: 320px;
}
.offcanvas-header {
flex: 0 0 60px;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
border-bottom: 1px #f8f9fa solid;
}
.navbar-offcanvas {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.offcanvas-sidebar {
flex: 1;
overflow-x: hidden;
overflow-y: auto;
}
.offcanvas-inner {
padding: 20px;
}
.site-inner {
position: relative;
right: 0;
}
.site-inner,
.offcanvas,
.offcanvas-push {
transition: all 0.4s ease;
}
.site-overlay {
display: none;
}
.offcanvas-active .site-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.15);
-webkit-animation: fade 0.5s;
animation: fade 0.5s;
z-index: 1;
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*--------------------------------------------------------------
## Post Archive
--------------------------------------------------------------*/
.post-inner:not(:last-child) {
margin-bottom: 1.5rem;
}
.sticky .entry-title:before {
margin-left: 0.5rem;
font-family: 'cs-icons';
content: "\e90b";
}
.entry-excerpt {
color: #6c757d;
margin-bottom: 1rem;
}
.entry-excerpt p:last-child {
margin-bottom: 0;
}
.entry-thumbnail img {
width: 100%;
height: auto;
}
.entry-more-button {
margin-top: 2rem;
}
.entry-more-button .entry-more {
color: #fff;
}
.entry-more a {
padding-bottom: 3px;
border-bottom: 1px solid #000000;
transition: 0.2s;
color: #000000;
}
.entry-more a:hover {
border-color: #A0A0A0;
color: #A0A0A0;
}
.entry-details {
display: flex;
align-items: center;
justify-content: space-between;
}
.entry-details .post-meta {
margin-bottom: 0;
margin-right: 1rem;
}
.archive-wrap {
background: #fff;
}
.archive-first + .archive-main {
border-top: 1px #f8f9fa solid;
margin-top: 40px;
padding-top: 40px;
}
.archive-wrap .title-block {
margin-bottom: 0;
padding-bottom: 40px;
}
@media (min-width: 1200px) {
.archive-wrap .title-block {
padding: 40px;
}
}
@media (min-width: 1380px) {
.archive-wrap .title-block {
padding: 80px;
padding-bottom: 40px;
}
}
.archive-wrap .title-block + .archive-main {
padding-top: 0;
}
@media (min-width: 1200px) {
.archive-first,
.archive-main {
padding: 40px;
}
.archive-first + .archive-main {
margin-top: 0;
}
}
@media (min-width: 1380px) {
.archive-first,
.archive-main {
padding: 80px;
}
.archive-first {
padding-bottom: 40px;
}
.archive-first + .archive-main {
padding-top: 40px;
}
}
.archive-description {
margin-top: 1.5rem;
}
.archive-main article:not(:first-child) {
margin-top: 40px;
}
.archive-main .post-meta > .meta-author:first-child:not(:last-child):after {
content: '';
width: 1.5rem;
border-top: 1px solid rgba(206, 212, 218, 0.75);
}
@media (min-width: 1200px) {
.archive-full article:not(:first-child) {
border-top: 1px solid #e9ecef;
margin-top: 4.5rem;
padding-top: 4.5rem;
}
}
@media (min-width: 1020px) {
.archive-full .post-inner + .post-inner {
margin-top: 2rem;
}
}
@media (min-width: 720px) {
.archive-list .post-outer {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.archive-list .post-inner {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0;
}
.archive-list .post-inner:first-child:last-child {
flex: 0 0 100%;
max-width: 100%;
}
.archive-list .post-inner + .post-inner {
margin-top: 0;
display: flex;
flex-direction: column;
}
}
.archive-grid .post-inner + .post-inner {
margin-top: 1rem;
}
@media (min-width: 720px) {
.archive-grid {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.archive-grid article {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
}
.archive-grid article:nth-child(-n+2) {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.sidebar-disabled .archive-grid article {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.sidebar-disabled .archive-grid article:nth-child(-n+3) {
margin-top: 0;
}
}
.archive-masonry .archive-col-2,
.archive-masonry .archive-col-3 {
display: none;
}
.archive-masonry .cs-overlay-background {
position: relative;
flex: 0 0 100%;
width: 100%;
}
.archive-masonry .cs-overlay-content {
position: absolute;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
min-height: 100%;
top: 0;
right: 0;
}
.archive-masonry .post-inner + .post-inner {
margin-top: 1rem;
}
@media (min-width: 720px) {
.archive-masonry {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.archive-masonry .archive-col,
.archive-masonry > article {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
}
.archive-masonry .archive-col-2 {
display: block;
}
.archive-masonry > article:nth-child(-n+2) {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.sidebar-disabled .archive-masonry .archive-col,
.sidebar-disabled .archive-masonry > article {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.sidebar-disabled .archive-masonry .archive-col-3 {
display: block;
}
.sidebar-disabled .archive-masonry > article:nth-child(-n+3) {
margin-top: 0;
}
}
.archive-related {
margin-top: 3rem;
}
@media (min-width: 1200px) {
.archive-related {
margin-top: 1px;
}
}
/*--------------------------------------------------------------
## Singular
--------------------------------------------------------------*/
@media (min-width: 1200px) {
.single .site-main .entry, .page .site-main .entry {
padding: 40px;
background: white;
}
}
@media (min-width: 1380px) {
.single .site-main .entry, .page .site-main .entry {
padding: 80px;
}
}
.post-media {
margin-top: 3rem;
margin-bottom: 3rem;
}
.post-media figure {
margin-bottom: 0;
}
.post-media figure.wp-caption .wp-caption-text {
margin-bottom: 0;
}
.single .site-main .entry-header-small .post-media > figure,
.single .site-main .entry-header-small .post-media > figure > a:not(.pk-pin-it) > img {
display: block;
height: 100%;
width: 100%;
}
.single .site-main .entry-header-small .post-media > figure {
display: flex;
flex-direction: column;
}
.single .site-main .entry-header-small .post-media > figure > a:not(.pk-pin-it) {
flex: 1;
display: block;
}
.single .site-main .entry-header-small .post-media > figure > figcaption {
flex: 0;
}
.single .site-main .entry-header-small .post-media img {
-o-object-fit: cover;
object-fit: cover;
}
.entry .entry-header {
margin-bottom: 3rem;
}
.entry-header .entry-inline-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.entry-header .entry-inline-meta .post-categories {
margin-left: 1rem;
margin-bottom: 1.5rem;
}
.entry-header .entry-inline-meta .post-meta {
margin-bottom: 1.5rem;
}
.entry-single-header .entry-title {
font-size: 2rem;
}
@media (min-width: 720px) {
.entry-single-header .entry-title {
font-size: 2.5rem;
}
}
.entry-single-header .entry-title,
.entry-single-header .post-excerpt {
margin-bottom: 1.5rem;
}
.entry-single-header .post-excerpt {
max-width: 670px;
}
.entry-single-header .post-excerpt > *:last-child {
margin-bottom: 0;
}
.entry-header.cs-overlay {
margin-right: -20px;
margin-left: -20px;
width: calc(100% + 40px);
overflow: hidden;
}
@media (min-width: 720px) {
.entry-header.cs-overlay {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 1200px) {
.entry-header.cs-overlay {
margin-right: -40px;
margin-left: -40px;
margin-top: -40px;
margin-bottom: 40px;
width: calc(100% + 80px);
}
.entry-header.cs-overlay .cs-overlay-content {
padding: 3rem;
}
.sidebar-disabled .entry-header.cs-overlay .cs-overlay-content {
padding: 4rem;
}
.entry-header.cs-overlay .post-categories {
top: 3rem;
right: 3rem;
}
.entry-header.cs-overlay .entry-title {
max-width: 670px;
}
}
@media (min-width: 1380px) {
.entry-header.cs-overlay {
margin-right: -80px;
margin-left: -80px;
margin-top: -80px;
margin-bottom: 80px;
width: calc(100% + 160px);
}
}
.entry-header-small {
margin-bottom: 3rem;
}
@media (min-width: 720px) {
.entry-header-small {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.entry-header-small .entry-header {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
}
.entry-header-small .post-media {
margin-top: 0;
margin-bottom: 0;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
}
.entry-header-small .post-header {
margin-top: auto;
}
}
.entry-container {
display: flex;
flex-wrap: wrap;
}
.entry-container .entry-content-wrap,
.entry-container .entry-sidebar-wrap {
width: 100%;
}
@media (min-width: 1200px) {
.entry-container {
margin-left: -20px;
margin-right: -20px;
}
.entry-container .entry-content-wrap,
.entry-container .entry-sidebar-wrap {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.entry-container .entry-content-wrap {
flex: 0 0 calc(100% - 120px);
width: calc(100% - 120px);
max-width: 710px;
margin-right: auto;
margin-left: auto;
}
.entry-container .entry-sidebar-wrap {
flex: 0 0 120px;
max-width: 120px;
}
.post-sidebar-enabled.sidebar-disabled .entry-container {
max-width: 830px;
margin-right: auto;
margin-left: auto;
transform: translateX(60px);
}
}
@media (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide,
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
transform: translateX(0);
}
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull,
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
transform: translateX(0);
}
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull img,
.block-align-enabled.sidebar-disabled .entry-content .alignfull img {
width: 100%;
min-width: 100%;
}
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull figcaption,
.block-align-enabled.sidebar-disabled .entry-content .alignfull figcaption {
text-align: center;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 260px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 560px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 740px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 920px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 260px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 560px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 740px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 920px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-130px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-280px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-370px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-460px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 340px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 640px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 820px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 1000px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 340px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 640px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 820px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 1000px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-170px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-320px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-410px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-500px + 50%);
}
}
@media (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-top: 48px;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 600px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 900px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 1080px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 1260px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 600px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 900px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 1080px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 1260px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-300px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-450px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-540px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-630px + 50%);
}
}
@media (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-top: 48px;
margin-bottom: 48px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 680px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 980px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 1160px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 1340px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 680px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 980px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 1160px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 1340px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-340px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-490px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-580px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-670px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 160px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 460px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 640px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
width: 820px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 160px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 460px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 640px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
max-width: 820px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-80px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-230px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-320px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignwide {
margin-right: calc(-410px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 320px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 620px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 800px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
width: 980px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 320px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 620px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 800px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
max-width: 980px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-160px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-310px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-400px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-enabled.post-sidebar-disabled .entry-content .alignfull {
margin-right: calc(-490px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 520px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 820px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 1000px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
width: 1180px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 520px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 820px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 1000px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
max-width: 1180px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-260px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-410px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-500px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-align-enabled.sidebar-disabled .entry-content .alignwide {
margin-right: calc(-590px + 50%);
}
}
@media (min-width: 1200px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-top: 48px;
margin-bottom: 48px;
transform: translateX(0);
}
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull img {
width: 100%;
min-width: 100%;
}
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull figcaption {
text-align: center;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 680px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 980px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 1160px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
width: 1340px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 680px;
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 980px;
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 1160px;
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
max-width: 1340px;
}
}
@media (min-width: 1200px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-340px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-490px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-580px + 50%);
}
}
@media (min-width: 1200px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-disabled .entry-content .alignfull {
margin-right: calc(-670px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
width: 320px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
width: 620px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
width: 800px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
width: 980px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
max-width: 320px;
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
max-width: 620px;
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
max-width: 800px;
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
max-width: 980px;
}
}
@media (min-width: 1380px) and (min-width: 720px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
margin-right: calc(-160px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1020px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
margin-right: calc(-310px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1200px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
margin-right: calc(-400px + 50%);
}
}
@media (min-width: 1380px) and (min-width: 1380px) {
.block-page-align-enabled.sidebar-enabled .entry-content .alignfull {
margin-right: calc(-490px + 50%);
}
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.navbar-primary {
background: #fff;
}
.sticky-type-slide .navbar-primary.sticky-nav {
transform: translateY(calc(-100% - 1rem));
}
.sticky-type-slide .navbar-primary.sticky-nav.sticky-nav-slide-visible {
transform: translateY(0);
transition: transform 0.4s ease;
}
.navbar-primary.sticky-nav {
position: fixed;
top: 0;
width: 100%;
z-index: 5;
transform: translateY(0);
}
.navbar-primary.sticky-nav.sticky-up {
transition: transform 0.4s ease;
}
.navbar-primary.sticky-nav.sticky-nav-slide.sticky-down {
transition: transform 0.4s ease;
}
.admin-bar .navbar-primary.sticky-nav {
top: 32px;
}
.navbar-dummy {
position: absolute;
display: none;
}
.navbar-primary.sticky-nav + .navbar-dummy {
position: relative;
display: block;
}
@media (max-width: 782px) {
.admin-bar .navbar-primary.sticky-nav {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .navbar-primary.sticky-nav {
top: 0;
}
}
.navbar-wrap {
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.navbar-container {
display: flex;
align-items: center;
height: 100%;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 720px) {
.navbar-container {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.navbar-container {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.navbar-container {
max-width: 1200px;
}
}
@media (min-width: 1380px) {
.navbar-container {
max-width: 1380px;
}
}
.navbar-container .navbar-content {
display: flex;
align-items: center;
position: relative;
width: 100%;
height: 60px;
}
.toggle-offcanvas {
background: transparent;
font-size: 1.25rem;
color: #000000;
flex: 0 0 2rem;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border-radius: 100%;
}
.toggle-offcanvas:hover, .toggle-offcanvas:focus {
color: #A0A0A0;
}
.navbar-primary .toggle-offcanvas {
margin-left: auto;
}
@media (min-width: 1200px) {
.navbar-primary .toggle-offcanvas {
margin-left: 1rem;
display: none;
}
}
.offcanvas-header .toggle-offcanvas {
background: #495057;
}
.offcanvas-header .toggle-offcanvas .cs-icon {
color: white;
}
.toggle-search {
margin-right: 1rem;
background: transparent;
color: #000000;
font-size: 1.25rem;
width: 2rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border-radius: 100%;
}
.toggle-search:hover, .toggle-search:focus {
color: #A0A0A0;
}
.toggle-search.toggle-close {
background: #495057;
}
.toggle-search.toggle-close .cs-icon {
color: white;
}
.toggle-search.toggle-close .cs-icon:before {
content: "\e923";
}
@media (min-width: 1200px) {
.site-description + .toggle-search {
margin-right: auto;
}
}
.navbar-brand {
display: inline-block;
margin-bottom: 0;
line-height: inherit;
white-space: nowrap;
margin-right: auto;
margin-left: auto;
position: absolute;
transform: translate3d(-50%, 0, 0);
left: 50%;
}
.navbar-brand a:hover, .navbar-brand a:focus {
text-decoration: none;
}
@media (min-width: 1200px) {
.navbar-brand {
position: static;
right: 0;
transform: none;
margin-right: 0;
margin-left: 1rem;
}
}
.navbar-text {
display: inline-block;
margin-bottom: 0;
}
.navbar-primary .site-description {
display: none;
padding-right: 1rem;
border-right: 1px rgba(233, 236, 239, 0.5) solid;
color: rgba(108, 117, 125, 0.5);
}
@media (min-width: 1380px) {
.navbar-primary .site-description {
display: inline-block;
}
}
.navbar-primary .pk-social-links-count {
color: rgba(108, 117, 125, 0.5);
}
.navbar-nav {
display: flex;
flex-wrap: wrap;
padding-right: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav li {
position: relative;
}
.navbar-nav > li > a {
display: flex;
align-items: center;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
text-decoration: none;
}
.navbar-nav > li.menu-item-has-children > .sub-menu {
top: 100%;
right: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
z-index: 10;
box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.1);
border-top: 1px #f8f9fa solid;
}
.navbar-nav > li.menu-item-has-children.cs-mm-position-left > .sub-menu {
right: auto;
left: 0;
}
.navbar-nav > li.menu-item-has-children:not(.touch-device):hover > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
.navbar-nav > li.menu-item-has-children > a:after {
content: "\e90c";
}
.navbar-nav > li.menu-item-has-children.touch-device > a:after {
display: none;
}
.navbar-nav > li.menu-item-has-children.touch-device.submenu-visible > .sub-menu {
display: block;
opacity: 1;
visibility: visible;
}
.navbar-nav > li.menu-item-has-children.touch-device .expanded {
display: flex;
align-items: center;
height: 100%;
}
.navbar-nav > li.menu-item-has-children.touch-device .expanded:after {
padding-right: 0.25rem;
font-family: "cs-icons";
font-size: 12px;
content: "\e90c";
}
.navbar-nav .menu-item-has-children > a {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.navbar-nav .menu-item-has-children > a:after {
padding-right: 0.25rem;
font-family: "cs-icons";
font-size: 12px;
content: "\e90d";
}
.navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a:after {
display: none;
}
.navbar-nav .menu-item-has-children .touch-device.menu-item-has-children > a > .expanded:after {
padding-right: 0.25rem;
font-family: "cs-icons";
font-size: 12px;
content: "\e90d";
}
.navbar-nav .cs-mm-position-left > .sub-menu {
border-left: 1px #e9ecef solid;
}
.navbar-nav .cs-mm-position-right > .sub-menu {
border-right: 1px #e9ecef solid;
}
.navbar-nav .sub-menu {
background: #fff;
position: absolute;
margin: 0;
padding: 0.5rem 0;
text-align: right;
list-style: none;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}
.navbar-nav .sub-menu > li {
padding: 0;
}
.navbar-nav .sub-menu > li:hover > a, .navbar-nav .sub-menu > li:focus > a {
padding-right: 1.5rem;
background: #f8f9fa;
}
.navbar-nav .sub-menu > li > a {
position: relative;
display: flex;
white-space: nowrap;
min-width: 200px;
padding: 0.5rem 1rem;
transition: 0.2s ease padding, opacity, color;
}
.navbar-nav .sub-menu > .menu-item:not(:last-child) > a {
border-bottom: 1px #e9ecef solid;
}
.navbar-nav .sub-menu .sub-menu {
display: block;
visibility: hidden;
top: -0.5rem;
right: 100%;
opacity: 0;
transition: all 0.2s;
z-index: 1;
}
.navbar-nav .sub-menu .sub-menu.cs-mm-position-init {
transform: translate3d(0.5rem, 0, 0);
}
.navbar-nav .sub-menu li.cs-mm-position-left > .sub-menu {
right: auto;
left: 100%;
}
.navbar-nav .sub-menu li:not(.touch-device):hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-nav .sub-menu li:not(.touch-device):hover > .sub-menu.cs-mm-position-init {
transform: translate3d(0, 0, 0);
}
.navbar-nav .sub-menu li.touch-device.submenu-visible > a {
padding-right: 1.5rem;
}
.navbar-nav .sub-menu li.touch-device.submenu-visible > .sub-menu {
visibility: visible;
opacity: 1;
}
.navbar-nav .sub-menu li.touch-device.submenu-visible > .sub-menu.cs-mm-position-init {
transform: translate3d(0, 0, 0);
}
.navbar-primary .navbar-nav {
margin-right: auto;
height: 100%;
display: none;
}
.navbar-primary .navbar-nav > li {
height: 100%;
}
.navbar-primary .navbar-nav > li > a {
height: 100%;
}
@media (min-width: 1200px) {
.navbar-primary .navbar-nav {
display: flex;
}
}
.navbar-primary .pk-social-links-template-nav {
margin-right: auto;
display: none;
}
@media (min-width: 1200px) {
.navbar-primary .pk-social-links-template-nav {
display: flex;
}
}
/**
* Nav Columns
*/
.navbar-nav > li.cs-menu-5-columns {
position: inherit;
}
.navbar-nav > li.cs-menu-5-columns.cs-hide-titles > .sub-menu > li > a {
display: none;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu {
display: grid !important;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 2rem;
justify-content: flex-start;
padding: 2rem;
transition: opacity 0.3s;
right: -9999px;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a {
background: transparent;
font-weight: bold;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a:after {
display: none;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu > li.menu-item-has-children > a .expanded {
display: none;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu > li > .sub-menu {
visibility: visible;
position: relative;
top: 0;
right: 0;
padding: 0;
border: none;
opacity: 1;
transform: translate3d(0, 0, 0);
box-shadow: none;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu li:hover > a, .navbar-nav > li.cs-menu-5-columns > .sub-menu li:focus > a {
padding-right: 1rem;
}
.navbar-nav > li.cs-menu-5-columns > .sub-menu li a {
white-space: initial;
}
.navbar-nav > li.cs-menu-5-columns:not(.touch-device):hover > .sub-menu {
right: 0;
left: 0;
}
.navbar-nav > li.cs-menu-5-columns.touch-device.submenu-visible > .sub-menu {
right: 0;
left: 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.ajax-navigation {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.ajax-navigation .load-more {
padding: 0.5rem 6rem;
}
.ajax-navigation .load-more.loading {
position: relative;
color: transparent;
}
.ajax-navigation .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;
left: 0;
bottom: 0;
right: 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);
}
}
.navigation.posts-navigation {
margin-top: 3rem;
}
.navigation.posts-navigation .nav-links {
display: flex;
justify-content: space-between;
font-size: 0.875rem;
}
.navigation.posts-navigation .nav-previous > a:before {
margin-left: 0.5rem;
font-family: "cs-icons";
content: "\e906";
}
.navigation.posts-navigation .nav-next > a:after {
margin-right: 0.5rem;
font-family: "cs-icons";
content: "\e904";
}
.navigation.pagination {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.navigation.pagination:last-child {
margin-bottom: 0;
}
.navigation.pagination .nav-links {
display: inline-block;
padding: 0;
color: #adb5bd;
font-size: 0.875rem;
}
.navigation.pagination .nav-links > span,
.navigation.pagination .nav-links > a {
display: inline-block;
padding: 0 0.5rem;
}
.navigation.pagination .nav-links a:first-child:before {
margin-left: 0.5rem;
font-family: "cs-icons";
content: "\e906";
}
.navigation.pagination .nav-links a:last-child:after {
margin-right: 0.5rem;
font-family: "cs-icons";
content: "\e904";
}
.navigation.comment-navigation {
padding: 1rem 0;
border-top: 1px #e9ecef solid;
border-bottom: 1px #e9ecef solid;
}
.navigation.comment-navigation .nav-links {
display: flex;
justify-content: space-between;
align-items: center;
}
.navigation.comment-navigation .nav-links .nav-previous a:before {
margin-left: 0.5rem;
font-family: "cs-icons";
content: "\e906";
}
.navigation.comment-navigation .nav-links .nav-next {
text-align: left;
}
.navigation.comment-navigation .nav-links .nav-next a:after {
margin-right: 0.5rem;
font-family: "cs-icons";
content: "\e904";
}
/*--------------------------------------------------------------
## Сomments
--------------------------------------------------------------*/
.post-comments {
display: none;
margin-top: 3rem;
padding-top: 3rem;
border-top: 1px #e9ecef solid;
}
.post-comments .title-block {
text-align: right;
}
.post-comments-simple {
display: block;
}
.title-comment-reply {
margin-bottom: 1.5rem;
text-align: right;
}
.title-comment-reply:after {
margin-right: 0;
}
.post-comments {
margin-top: 3rem;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
margin-top: 1.5rem;
margin-bottom: 0;
}
.comment-body + .comment-respond,
.comment-list + .comment-respond {
padding-top: 3rem;
border-top: 1px #e9ecef solid;
}
.comment-list {
padding-right: 0;
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.5rem 0;
}
.comment-list .children {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list .children > li {
padding-right: 20px;
}
@media (min-width: 1200px) {
.comment-list .children > li {
padding-right: 40px;
}
}
@media (max-width: 1379.98px) {
.comment-list .children > li > .children > li > .children > li > .children > li > .children > li {
padding-right: 0;
}
}
.comment-author .avatar {
float: right;
position: relative;
width: 60px;
height: 60px;
margin-left: 20px;
border-radius: 50%;
}
.comment-author .fn {
font-size: 1rem;
}
.bypostauthor > article .fn:after {
position: relative;
margin-right: 0.25rem;
font-family: "cs-icons";
content: "\e90b";
}
.comment-meta {
margin-bottom: 1rem;
}
.comment-meta::after {
display: block;
clear: both;
content: "";
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-content {
font-size: 0.875rem;
}
.comment-content ul,
.comment-content ol {
margin: 0 1rem 1.5rem 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
font-size: 0.875rem;
}
.no-comments {
margin: 1rem 0 0;
}
.comment-form-cookies-consent label {
display: inline;
margin-right: 0.5rem;
}
@media (min-width: 720px) {
.post-comments .comment-form {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.post-comments .comment-form-comment {
margin-bottom: 1.5rem;
}
.post-comments .comment-notes,
.post-comments .comment-form-comment,
.post-comments .logged-in-as {
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 1.5rem;
}
.post-comments .comment-form-author,
.post-comments .comment-form-email,
.post-comments .comment-form-url {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 1.75rem;
}
.post-comments .comment-form-cookies-consent {
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
.form-submit {
margin: 0;
}
@media (min-width: 720px) {
.form-submit {
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
}
.required {
color: #dc3545;
}
.title-comment-reply small {
font-size: 100%;
}
.title-comment-reply small a {
float: left;
overflow: hidden;
width: 24px;
height: 24px;
}
.title-comment-reply small a:before {
float: right;
position: relative;
font-family: "cs-icons";
font-size: 24px;
content: "\e923";
}
.post-comments-show {
margin-top: 3rem;
text-align: center;
}
.post-comments-show button {
background: #343a40;
margin: 0 auto;
padding: 0.5rem 1.5rem;
}
.post-comments-show button:hover, .post-comments-show button:focus {
background: #212529;
}
/*--------------------------------------------------------------
## Not found
--------------------------------------------------------------*/
.content-not-found {
margin: 0 auto;
}
@media (min-width: 720px) {
.content-not-found {
max-width: 720px;
}
}
@media (min-width: 1020px) {
.content-not-found {
max-width: 1020px;
}
}
@media (min-width: 1200px) {
.content-not-found {
max-width: 1200px;
}
}
@media (min-width: 1380px) {
.content-not-found {
max-width: 1380px;
}
}
@media (min-width: 1200px) {
.content-not-found {
padding: 40px;
background: white;
}
}
@media (min-width: 1380px) {
.content-not-found {
padding: 80px;
}
}
.page-header-has-description + .content-not-found {
margin-top: 40px;
}
/*--------------------------------------------------------------
## 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-left: 1.5rem;
}
.cs-meet-team .cs-author .cs-author-title {
margin-left: 1.5rem;
margin-bottom: 0;
}
.cs-meet-team .cs-author .cs-author-description {
margin-top: 1rem;
}
.cs-meet-team .cs-author .cs-author-posts {
border-top: 1px solid #e9ecef;
margin-top: 1.5rem;
padding-top: 1.5rem;
}
.cs-meet-team .cs-author .author-title-posts {
margin-bottom: 0;
}
.cs-meet-team .cs-author .pk-social-links-item:not(:hover) {
opacity: 0.6;
}
/*--------------------------------------------------------------
## Site Map Template
--------------------------------------------------------------*/
.cs-site-map > ul {
margin: 0;
padding: 0;
}
.cs-site-map ul {
list-style: none;
}
.cs-site-map .cs-category-title {
margin-bottom: 0;
}
.cs-site-map .cs-list-articles {
padding-bottom: 0;
}
.cs-site-map .cs-category-item {
margin-top: 1rem;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Post Header
--------------------------------------------------------------*/
.post-header-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.post-header-container .author-avatar {
flex: 0 0 60px;
}
.post-header-container .author-details {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.post-header-container .author-details .post-meta {
margin-bottom: 0;
}
.post-header-container .author-avatar + .author-avatar {
position: relative;
margin-right: -1rem;
z-index: 2;
}
.post-header-container .author-avatar + .author-details {
padding-right: 1rem;
}
.post-header-container .author {
display: flex;
align-items: flex-end;
font-size: 0.875rem;
}
.post-header-container .author .fn {
margin-bottom: 0;
}
.post-header-container .author-wrap + .author-wrap > .author:before {
margin: 0 0.5rem;
content: '·';
}
.post-header-container .post-meta {
flex: 0 0 100%;
width: 100%;
margin-bottom: 0;
margin-top: 0.25rem;
}
.post-header-container .pk-social-links-wrap {
padding-right: 0.5rem;
align-self: flex-start;
}
.post-header-container .pk-social-links-item {
padding-bottom: 0;
}
/*--------------------------------------------------------------
## Post Meta
--------------------------------------------------------------*/
.post-categories {
padding-right: 0;
list-style: none;
}
.post-categories > li {
display: inline-block;
}
.post-categories > li:not(:last-child) {
margin-left: 0.5rem;
}
.post-categories li:not(:last-child):after {
content: ",";
}
.post-meta .post-categories {
margin-bottom: 0;
}
.post-meta {
display: flex;
flex-wrap: wrap;
padding-right: 0;
}
.post-meta > li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.post-meta > li:not(:last-child):after {
margin-left: 0.5rem;
content: "\b7";
margin-right: 0.5rem;
}
.post-meta .cs-icon {
margin-left: 0.25rem;
}
.meta-author .sep {
display: inline-block;
padding: 0 0.5rem;
}
.meta-author .author a {
display: flex;
align-items: center;
}
.meta-author .avatar {
display: block;
margin-left: 0.5rem;
border-radius: 50%;
}
.meta-shares {
position: relative;
z-index: 3;
}
.meta-shares .total {
display: flex;
align-items: center;
}
.meta-shares .total-number {
position: relative;
}
.meta-shares .total-number {
border-bottom: 1px dotted #dee2e6;
}
/*--------------------------------------------------------------
## Post Format
--------------------------------------------------------------*/
.post-format-icon {
position: absolute;
left: 20px;
top: 20px;
}
.post-format-icon > a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0.875rem;
color: #fff;
background: rgba(52, 58, 64, 0.75);
border-radius: 100%;
transition: .2s ease all;
}
.post-format-icon > a:after {
position: relative;
font-family: "cs-icons";
font-style: normal;
opacity: 1;
width: auto;
}
.post-format-icon span {
margin-right: 0.25rem;
order: 2;
}
.post-format-icon + .meta-category .post-categories {
padding-left: 80px;
}
.post-format-icon .cs-format-video:after {
content: "\e91c";
}
.post-format-icon .cs-format-audio:after {
content: "\e91b";
}
.post-format-icon .cs-format-gallery:after {
content: "\e92a";
}
/*--------------------------------------------------------------
## Post Author
--------------------------------------------------------------*/
.post-author {
margin-top: 3rem;
}
.post-author:not(:last-child) {
margin-bottom: 3rem;
}
.post-author .avatar {
border-radius: 50%;
}
.post-author > *:last-child {
margin-bottom: 0;
}
.post-author .author-wrap + .author-wrap {
margin-top: 1.5rem;
}
.post-author .author {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.post-author .author-avatar {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.post-author .author-description {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
font-size: 0.875rem;
color: #6c757d;
}
.post-author .title-author,
.post-author .note {
margin-bottom: 1rem;
}
.post-author .fn a {
color: #000000;
}
.post-author .fn a:hover, .post-author .fn a:focus {
color: #A0A0A0;
}
.post-author .fn .url {
margin: 0;
}
.post-author .pk-social-links-item {
padding-bottom: 0;
}
/*--------------------------------------------------------------
## Post Subscribe
--------------------------------------------------------------*/
.post-subscribe {
position: relative;
background: #e9ecef;
margin-top: 3rem;
}
@media (min-width: 1200px) {
.post-subscribe {
margin-top: 0;
}
}
.post-subscribe .pk-subscribe-container {
padding: 40px;
}
@media (min-width: 1380px) {
.post-subscribe .pk-subscribe-container {
padding: 80px;
}
}
.sidebar-disabled .post-subscribe .pk-subscribe-data {
max-width: 670px;
margin: 0 auto;
}
/*--------------------------------------------------------------
## Post Tags
--------------------------------------------------------------*/
.tagcloud .tag-cloud-link {
font-size: 0.75rem !important;
}
.tagcloud a:not(:last-child) {
margin-left: 0.5rem;
}
.post-tags {
margin-top: 3rem;
}
.post-tags a {
color: #000000;
}
.post-tags a:hover, .post-tags a:focus {
color: #A0A0A0;
}
.post-tags ul {
padding-right: 0;
list-style: none;
margin-bottom: 0;
}
.post-tags ul > li {
display: inline-block;
}
.post-tags ul > li:not(:last-child) {
margin-left: 0.5rem;
}
/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
.cs-breadcrumbs {
margin-bottom: 1.5rem;
}
.cs-breadcrumbs .cs-separator {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.cs-breadcrumbs .cs-separator:before {
font-family: "cs-icons";
content: "\e90d";
}
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
.page-header {
margin-bottom: 3rem;
}
.page-header-has-description .archive-description p:last-child {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.page-header-has-description {
background: #fff;
margin-bottom: 0;
padding: 40px;
}
}
@media (min-width: 1380px) {
.page-header-has-description {
padding: 80px;
}
}
.page-header-has-description + .post-archive {
border-top: 1px #f8f9fa solid;
padding-top: 40px;
margin-top: 0;
}
@media (min-width: 1200px) {
.page-header-has-description + .post-archive {
padding-top: 0;
}
}
.page-author-container {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.page-author-container .author-avatar,
.page-author-container .author-content {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 100%;
max-width: 100%;
flex-direction: column;
align-items: center;
text-align: center;
}
.page-author-container .author-content {
margin-top: 1rem;
}
.page-author-container .pk-social-links-items {
justify-content: center;
}
@media (min-width: 1020px) {
.page-author-container .author-avatar,
.page-author-container .author-content {
align-items: initial;
text-align: initial;
}
.page-author-container .author-avatar {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.page-author-container .author-content {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
margin-top: 0;
}
}
.page-title {
margin-bottom: 0;
}
/*--------------------------------------------------------------
## Overlay
--------------------------------------------------------------*/
.cs-overlay {
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
}
.cs-overlay:hover .cs-overlay-background:after, .cs-overlay:focus .cs-overlay-background:after {
opacity: .7;
}
.cs-overlay .entry-inline-meta {
margin-bottom: auto;
}
.cs-overlay .post-meta {
margin-bottom: 0;
}
.cs-overlay .post-categories {
display: flex;
flex-wrap: wrap;
margin-top: -2px;
}
.cs-overlay .post-categories a {
display: block;
padding: 0.25rem 0.5rem;
background: rgba(52, 58, 64, 0.75);
color: #fff;
border-radius: 4px;
transition: .2s ease all;
}
.cs-overlay .post-categories a:hover {
background: rgba(52, 58, 64, 0.75);
color: #fff;
}
.cs-overlay .post-categories li {
margin-top: 2px;
margin-left: 2px;
}
.cs-overlay .post-categories li:after {
content: none;
}
.cs-overlay .post-categories li:last-child {
margin-left: 0;
}
.cs-overlay .meta-category {
margin-bottom: auto;
}
.cs-overlay .meta-category:after {
display: none;
}
.cs-overlay-hover .post-meta {
opacity: 0;
transition: .2s ease all;
}
.cs-overlay-hover .cs-overlay-background {
background: rgba(0, 0, 0, 0.2);
}
.cs-overlay-hover .cs-overlay-background:after {
opacity: 0;
}
.cs-overlay-hover:hover .post-meta, .cs-overlay-hover:focus .post-meta {
opacity: 1;
}
.cs-overlay-hover:hover .cs-overlay-background:after, .cs-overlay-hover:focus .cs-overlay-background:after {
opacity: 0.5;
}
.cs-overlay-no-hover .cs-overlay-background:after {
opacity: 0.75;
}
.cs-overlay-no-hover:hover .cs-overlay-background:after, .cs-overlay-no-hover:focus .cs-overlay-background:after {
opacity: 0.75;
}
.cs-overlay-background {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.cs-overlay-background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.cs-overlay-background:after {
content: '';
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
transition: .2s ease all;
}
.cs-overlay-content {
position: relative;
padding: 20px;
width: 100%;
}
.cs-overlay-content a {
position: relative;
z-index: 1;
}
.cs-overlay-content h4, .cs-overlay-content h5, .cs-overlay-content h6,
.cs-overlay-content .h4, .cs-overlay-content .h5, .cs-overlay-content .h6 {
margin-bottom: 0.5rem;
}
.cs-overlay-link {
position: absolute;
display: block;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.cs-overlay-ratio:before {
content: '';
display: table;
box-sizing: border-box;
width: 0;
height: 100%;
}
.cs-overlay-ratio .cs-overlay-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
-ms-flex-pack: start;
position: relative;
}
.cs-overlay-ratio .cs-overlay-background {
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.cs-overlay-ratio .cs-overlay-background img {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
}
@media (max-width: 719.98px) {
.cs-overlay-ratio h1, .cs-overlay-ratio h2, .cs-overlay-ratio h3, .cs-overlay-ratio h4 {
font-size: 1.25rem;
letter-spacing: 0;
}
}
@media (max-width: 1199.98px) {
.cs-overlay-ratio h1 {
font-size: 2rem;
}
}
.cs-ratio-portrait {
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.cs-ratio-portrait:before {
padding-bottom: 125%;
}
.cs-ratio-landscape:before {
padding-bottom: 75%;
}
.cs-ratio-square:before {
padding-bottom: 100%;
}
.cs-ratio-16by9.cs-ratio-landscape:before {
padding-bottom: 56.25%;
}
/*--------------------------------------------------------------
## Mega Menu
--------------------------------------------------------------*/
.navbar-nav .cs-mega-menu {
position: static;
}
.navbar-nav .cs-mega-menu > .sub-menu {
top: auto;
left: 0;
right: 0;
padding: 0;
}
.navbar-nav .cs-mega-menu .cs-mm-posts {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
margin-right: -1rem;
margin-left: -1rem;
text-align: center;
}
.navbar-nav .cs-mega-menu .cs-mm-posts.cs-mm-loading {
height: 300px;
}
.navbar-nav .cs-mega-menu .cs-mm-posts.cs-mm-loading:before {
width: 1.5rem;
height: 1.5rem;
border: 2px solid rgba(119, 119, 119, 0.25);
border-top-color: #777;
border-radius: 50%;
position: relative;
-webkit-animation: loader-rotate 1s linear infinite;
animation: loader-rotate 1s linear infinite;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
text-align: center;
content: "";
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.navbar-nav .cs-mega-menu .cs-mm-post {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 20%;
max-width: 20%;
padding-top: 2rem;
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-nav .cs-mega-menu .cs-mm-post:nth-child(-n+5) {
padding-top: 0;
}
.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .entry-title {
margin: 1rem 0 0.5rem;
}
.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .post-meta {
margin-bottom: 0;
justify-content: center;
}
.navbar-nav .cs-mega-menu .cs-mm-post .entry-header .post-meta .cs-icon {
display: flex;
align-items: center;
}
.navbar-nav .cs-mega-menu-has-category .cs-mm-posts {
padding: 2rem;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-content {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
margin-right: 0;
margin-left: 0;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-categories {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 20%;
max-width: 20%;
padding: 2rem;
position: relative;
background: #e9ecef;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-categories li.menu-item {
display: block;
padding: 0;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts-container {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 0;
padding-left: 0;
flex: 0 0 80%;
max-width: 80%;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts {
display: none;
padding: 2rem;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts .cs-mm-post {
flex: 0 0 25%;
max-width: 25%;
padding-top: 2rem;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts .cs-mm-post:nth-child(-n+4) {
padding-top: 0;
}
.navbar-nav .cs-mega-menu-has-categories .cs-mm-posts.active-item {
display: flex;
}
.navbar-nav:not(:hover) > li .cs-mm-post a {
transition: none !important;
}
.navbar-nav .cs-mega-menu-child > a {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: block;
}
/*--------------------------------------------------------------
## Cards
--------------------------------------------------------------*/
.cs-card-sm {
background: #fff;
display: flex;
}
.cs-card-sm .cs-card-thumbnail a {
height: 100%;
display: block;
}
.cs-card-sm .cs-card-thumbnail img {
height: 100%;
width: 80px;
max-width: 80px;
-o-object-fit: cover;
object-fit: cover;
}
.cs-card-sm .cs-card-content {
display: flex;
align-items: flex-start;
justify-content: center;
padding: 0.75rem 20px;
flex-direction: column;
}
.cs-card-sm .cs-card-content > *:last-child {
margin-bottom: 0;
}
.cs-card-sm .entry-title {
width: 100%;
margin-bottom: 0;
}
.cs-card-sm .post-meta {
margin-top: 0.25rem;
}
.cs-card {
display: flex;
flex-direction: column;
background: #fff;
padding: 20px;
}
.cs-card .post-meta {
margin-top: auto;
margin-bottom: 0;
}
/*--------------------------------------------------------------
## Category Filter
--------------------------------------------------------------*/
.subcategories {
margin-top: 3rem;
padding-top: 3rem;
border-top: 1px #e9ecef solid;
}
.subcategories .cs-nav {
display: flex;
flex-wrap: wrap;
padding-right: 0;
margin-bottom: 0;
list-style: none;
}
.subcategories .cs-nav-link {
display: block;
padding: 0.5rem 0;
}
.subcategories .cs-nav-item:not(:last-child) {
margin-left: 1rem;
}
/*--------------------------------------------------------------
## Homepage Hero
--------------------------------------------------------------*/
.section-hero {
background: #f8f9fa;
}
.section-hero .cs-container {
position: relative;
}
.section-hero .cs-overlay-background:after {
display: none;
}
.section-hero .hero-container {
padding: 2rem 0;
}
.section-hero .hero-logo {
margin-bottom: 1.5rem;
}
.section-hero .hero-title {
color: #000000;
}
.section-hero .hero-description {
font-size: 1.25rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.section-hero .hero-description p {
margin-bottom: 0;
}
.section-hero .search-form {
max-width: 800px;
margin: 0 auto;
}
.section-hero .cs-input-group {
position: relative;
}
.section-hero .cs-input-group:after {
content: "\e91f";
font-family: "cs-icons";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3rem;
display: flex;
justify-content: center;
align-items: center;
color: #6c757d;
font-size: 1.25rem;
z-index: 3;
}
.section-hero input[type="search"] {
padding: 0.75rem 3rem 0.75rem 1rem;
}
.section-hero .search-submit {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
@media (min-width: 1020px) {
.section-hero .cs-container {
display: flex;
align-items: center;
width: 100%;
height: 100%;
}
.section-hero .hero-container {
width: 100%;
flex: 0 0 100%;
}
.section-hero .hero-content {
max-width: calc(50% - 20px);
}
}
@media (min-width: 1020px) {
.section-hero .hero-content .hero-forms-two {
display: flex;
align-items: flex-start;
}
.section-hero .hero-content .hero-forms-two .search-form,
.section-hero .hero-content .hero-forms-two .pk-subscribe-form-wrap {
max-width: 100%;
flex: 0 0 calc(50% - 20px);
}
.section-hero .hero-content .hero-forms-two .search-form {
margin-left: 20px;
}
.section-hero .hero-content .hero-forms-two .pk-subscribe-form-wrap {
margin-top: 0;
margin-right: 20px;
text-align: right;
}
}
@media (min-width: 1200px) {
.section-hero input[type="search"] {
padding: 1rem 3rem 1rem 1rem;
}
.section-hero .cs-form-focus {
box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
.section-hero .search-submit {
padding-right: 2rem;
padding-left: 2rem;
}
}
.section-hero.hero-center .hero-content {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.section-hero.hero-center .pk-subscribe-form-wrap {
margin-right: auto;
margin-left: auto;
}
.section-hero.hero-right .hero-content {
margin-right: auto;
}
.hero-image-outside {
flex-direction: column;
padding: 0;
}
.hero-image-outside .cs-overlay-background {
position: relative;
order: 10;
}
@media (min-width: 1020px) {
.hero-image-outside {
flex-direction: row;
}
.hero-image-outside .cs-overlay-content,
.hero-image-outside .cs-overlay-background {
flex: 0 0 50%;
max-width: 50%;
}
.hero-image-outside .cs-overlay-content {
margin-bottom: 0;
}
.hero-image-outside .cs-container {
padding: 0;
}
.hero-image-outside .hero-container {
display: flex;
}
.hero-image-outside .hero-content {
width: 470px;
max-width: 470px;
}
}
@media (min-width: 1200px) {
.hero-image-outside .hero-content {
width: 560px;
max-width: 560px;
}
}
@media (min-width: 1380px) {
.hero-image-outside .hero-content {
width: 650px;
max-width: 650px;
}
}
.hero-image-outside.hero-left {
justify-content: flex-start;
}
@media (min-width: 1020px) {
.hero-image-outside.hero-left .cs-overlay-background {
order: 1;
}
.hero-image-outside.hero-left .cs-overlay-background img {
-o-object-position: center right;
object-position: center right;
}
.hero-image-outside.hero-left .hero-content {
margin-right: auto;
padding-left: 20px;
}
}
.hero-image-outside.hero-right {
justify-content: flex-end;
}
@media (min-width: 1020px) {
.hero-image-outside.hero-right .cs-overlay-background {
order: -1;
}
.hero-image-outside.hero-right .cs-overlay-background img {
-o-object-position: center left;
object-position: center left;
}
.hero-image-outside.hero-right .hero-content {
margin-left: auto;
margin-right: 0;
padding-right: 20px;
}
}
/*--------------------------------------------------------------
## Homepage Posts
--------------------------------------------------------------*/
.section-homepage-posts {
background: #f8f9fa;
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
@media (min-width: 1200px) {
.section-homepage-posts {
padding-bottom: 0;
}
}
.cs-homepage-posts {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.cs-homepage-post {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.cs-homepage-post article {
display: flex;
flex-direction: column;
height: 100%;
}
.cs-homepage-post .cs-card {
flex-grow: 1;
}
.cs-homepage-post:first-child {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1020px) {
.cs-homepage-post:first-child {
flex: 0 0 50%;
max-width: 50%;
}
}
.cs-homepage-post:first-child .cs-overlay {
height: 100%;
}
.cs-homepage-post:not(:first-child) {
margin-top: 3rem;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 720px) {
.cs-homepage-post:not(:first-child) {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1020px) {
.cs-homepage-post:not(:first-child) {
flex: 0 0 25%;
max-width: 25%;
margin-top: 0;
}
}
/*--------------------------------------------------------------
## Homepage Categories
--------------------------------------------------------------*/
.section-homepage-categories {
margin-top: 4.5rem;
}
.cs-homepage-category:not(:first-child) {
margin-top: 4.5rem;
}
.cs-homepage-category > .h4 {
margin-bottom: 0;
}
.cs-homepage-category .cs-card-sm {
background: #e9ecef;
}
.cs-homepage-category .cs-card {
background: #f8f9fa;
}
.cs-list-articles {
padding: 20px 0;
}
@media (min-width: 1020px) {
.cs-homepage-categories {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.cs-homepage-category {
display: flex;
flex-direction: column;
}
.cs-homepage-category .cs-card {
background: #fff;
flex-grow: 1;
margin-bottom: 0;
}
.cs-categories-columns-2 .cs-homepage-category,
.cs-categories-columns-4 .cs-homepage-category {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 50%;
max-width: 50%;
}
.cs-categories-columns-3 .cs-homepage-category {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.cs-categories-columns-2 .cs-homepage-category:nth-child(-n+2),
.cs-categories-columns-3 .cs-homepage-category:nth-child(-n+3),
.cs-categories-columns-4 .cs-homepage-category:nth-child(-n+2) {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.cs-list-articles {
padding: 20px;
}
.cs-categories-columns-4 .cs-homepage-category:nth-child(-n+4) {
border-top: none;
padding-top: 0;
margin-top: 0;
}
.cs-categories-columns-4 .cs-homepage-category {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
flex: 0 0 25%;
max-width: 25%;
}
.cs-categories-columns-4 .post-meta > li:nth-child(n+3) {
display: none;
}
.cs-categories-columns-4 .post-meta > li:nth-child(2):after {
display: none;
}
}
/*--------------------------------------------------------------
## Footer Posts
--------------------------------------------------------------*/
.section-footer-posts {
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
.cs-footer-posts {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.cs-footer-post {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-top: 3rem;
}
.cs-footer-post article {
display: flex;
flex-direction: column;
height: 100%;
}
.cs-footer-post .cs-card {
flex-grow: 1;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
.cs-footer-post .cs-card {
box-shadow: none;
}
}
@media (min-width: 720px) {
.cs-footer-post {
flex: 0 0 50%;
max-width: 50%;
}
.cs-footer-post:nth-child(-n+2) {
margin-top: 0;
}
}
@media (min-width: 1020px) {
.cs-footer-post {
flex: 0 0 25%;
max-width: 25%;
}
.cs-footer-post:nth-child(-n+4) {
margin-top: 0;
}
}
/*--------------------------------------------------------------
## Category Posts
--------------------------------------------------------------*/
.section-category-posts {
margin-bottom: 3rem;
}
.cs-category-posts {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
}
.cs-category-post {
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.cs-category-post article {
display: flex;
flex-direction: column;
height: 100%;
}
.cs-category-post .cs-overlay h2 {
font-size: 1.25rem;
}
@media (min-width: 1200px) {
.cs-category-post .cs-overlay h2 {
font-size: 2rem;
}
}
.cs-category-post .cs-card {
flex-grow: 1;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
.cs-category-post .cs-card {
box-shadow: none;
}
}
.sidebar-disabled .cs-category-post .cs-overlay h2 {
font-size: 2rem;
}
.cs-homepage-category-header {
display: flex;
margin-bottom: 1.5rem;
justify-content: space-between;
align-items: center;
}
.cs-homepage-category-title,
.cs-homepage-category-count {
margin-bottom: 0;
}
.cs-homepage-category-count {
margin-right: 1.5rem;
}
.cs-category-post:first-child {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 720px) {
.cs-category-post:first-child {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.cs-category-post:first-child {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
.cs-category-post:first-child .cs-overlay {
height: 100%;
}
@media (min-width: 720px) {
.sidebar-disabled .cs-category-post:first-child {
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1020px) {
.sidebar-disabled .cs-category-post:first-child {
flex: 0 0 50%;
max-width: 50%;
}
}
.cs-category-post:not(:first-child) {
flex: 0 0 100%;
max-width: 100%;
margin-top: 3rem;
}
@media (min-width: 720px) {
.cs-category-post:not(:first-child) {
margin-top: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.cs-category-post:not(:first-child) {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
.sidebar-disabled .cs-category-post:not(:first-child) {
margin-top: 3rem;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 720px) {
.sidebar-disabled .cs-category-post:not(:first-child) {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1020px) {
.sidebar-disabled .cs-category-post:not(:first-child) {
flex: 0 0 25%;
max-width: 25%;
margin-top: 0;
}
}
/*--------------------------------------------------------------
## Nextpost Loading
--------------------------------------------------------------*/
.cs-nextpost-loading {
position: relative;
margin-top: 1rem;
height: 80px;
}
.cs-nextpost-loading:before {
width: 1.5rem;
height: 1.5rem;
border: 2px solid rgba(119, 119, 119, 0.25);
border-top-color: #777;
border-radius: 50%;
position: relative;
-webkit-animation: loader-rotate 1s linear infinite;
animation: loader-rotate 1s linear infinite;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
text-align: center;
content: "";
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.cs-nextpost-section {
border-top: 1px #f8f9fa solid;
margin-top: 3rem;
padding-top: 3rem;
}
@media (min-width: 1200px) {
.cs-nextpost-section {
margin-top: 0;
padding-top: 0;
}
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
/* Make sure select elements fit in widgets. */
}
.widget:not(:last-child) {
margin: 0 0 60px;
}
.widget select {
max-width: 100%;
}
.widget ul {
padding-right: 0;
list-style: none;
margin-bottom: 0;
}
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget_nav_menu a {
display: block;
padding: 1rem 0;
}
.widget_nav_menu .menu > .menu-item:not(:first-child) {
border-top: 1px #dee2e6 solid;
}
.widget_nav_menu .menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
}
.widget_nav_menu .menu-item-has-children > a {
order: 1;
}
.widget_nav_menu .menu-item-has-children > span {
cursor: pointer;
order: 2;
}
.widget_nav_menu .menu-item-has-children > span:after {
padding: 1rem 0;
font-family: "cs-icons";
font-size: 14px;
content: "\e90c";
}
.widget_nav_menu .menu-item-has-children > ul {
width: 100%;
order: 3;
}
.widget_nav_menu .menu-item-expanded > span:after {
content: "\e90f";
}
.widget_nav_menu .menu > .menu-item > .sub-menu {
padding-bottom: 1rem;
}
.widget_nav_menu .menu .menu-item:not(.menu-item-has-children) > a:after {
visibility: hidden;
float: left;
opacity: 0;
font-family: "cs-icons";
font-size: 14px;
transition: all 0.2s ease;
transform: translateX(100%);
content: "\e90d";
}
.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;
}
.widget_nav_menu .sub-menu .sub-menu {
padding: 0.5rem 0;
}
.widget_nav_menu .sub-menu .sub-menu a {
padding-right: 1rem;
}
.widget_nav_menu .submenu-visible {
display: block;
}
.widget_pages ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 1rem 0;
color: #A0A0A0;
}
.widget_pages ul li:not(:last-child),
.widget_archive ul li:not(:last-child),
.widget_categories ul li:not(:last-child),
.widget_meta ul li:not(:last-child) {
border-bottom: 1px #e9ecef solid;
}
.widget_pages ul li:first-child:last-child,
.widget_archive ul li:first-child:last-child,
.widget_categories ul li:first-child:last-child,
.widget_meta ul li:first-child:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_pages ul li:first-child:last-child > .sub-menu,
.widget_archive ul li:first-child:last-child > .sub-menu,
.widget_categories ul li:first-child:last-child > .sub-menu,
.widget_meta ul li:first-child:last-child > .sub-menu {
padding-bottom: 0;
}
.widget_pages ul li a,
.widget_archive ul li a,
.widget_categories ul li a,
.widget_meta ul li a {
padding-left: 0.6666666667rem;
margin-left: auto;
transition: color 0.2s;
}
.widget_pages ul ul.children,
.widget_archive ul ul.children,
.widget_categories ul ul.children,
.widget_meta ul ul.children {
flex: 0 0 100%;
width: 100%;
margin: 1rem 0;
}
.widget_pages ul ul.children li,
.widget_archive ul ul.children li,
.widget_categories ul ul.children li,
.widget_meta ul ul.children li {
padding: 1rem 1rem 1rem 0;
}
.widget_pages ul ul.children li:last-child,
.widget_archive ul ul.children li:last-child,
.widget_categories ul ul.children li:last-child,
.widget_meta ul ul.children li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_pages ul ul.sub-menu,
.widget_archive ul ul.sub-menu,
.widget_categories ul ul.sub-menu,
.widget_meta ul ul.sub-menu {
margin: 1rem 0;
}
.widget_pages ul ul.sub-menu li:last-child,
.widget_archive ul ul.sub-menu li:last-child,
.widget_categories ul ul.sub-menu li:last-child,
.widget_meta ul ul.sub-menu li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_pages ul .screen-reader-text,
.widget_archive ul .screen-reader-text,
.widget_categories ul .screen-reader-text,
.widget_meta ul .screen-reader-text {
display: none;
}
.widget_calendar table, .widget_calendar .wp-block-table {
border: 1px solid #dee2e6;
margin: 0;
}
.widget_calendar th {
border-bottom: none;
background-color: #f8f9fa;
color: #000000;
}
.widget_calendar td,
.widget_calendar th {
padding: 0;
line-height: 2rem;
text-align: center;
}
.widget_recent_comments li {
position: relative;
padding-bottom: 1rem;
}
.widget_recent_comments li:last-child {
padding-bottom: 0;
}
.widget_recent_comments li a {
display: block;
margin-top: 1rem;
}
.widget_recent_entries li {
position: relative;
padding-bottom: 1rem;
}
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_recent_entries li .post-date {
margin-right: 1rem;
}
.widget_recent_entries li .post-date:before {
content: '(';
}
.widget_recent_entries li .post-date:after {
content: ')';
}
.widget_rss .title-block a {
color: #A0A0A0;
}
.widget_rss .rss-widget-icon {
display: none;
}
.widget_rss ul li {
position: relative;
padding-bottom: 1rem;
}
.widget_rss ul li:last-child {
padding-bottom: 0;
}
.widget_rss ul li .rsswidget {
color: #000000;
transition: color 0.25s;
}
.widget_rss ul li .rss-date {
display: block;
margin-top: 1rem;
color: #A0A0A0;
}
.widget_rss ul li .rssSummary {
margin-top: 1rem;
color: #000000;
}
.widget_rss ul li cite {
display: block;
margin-top: 1rem;
color: #A0A0A0;
}
.widget_tag_cloud {
overflow: hidden;
}
.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
}
.widget_tag_cloud .tagcloud a {
background: #e9ecef;
height: 2rem;
line-height: 2rem;
padding: 0 1rem;
margin-top: 1rem;
margin-left: 1rem;
text-decoration: none;
}
.widget_tag_cloud .tagcloud a:last-child {
margin-left: 0;
}
.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-right: -0.5rem;
margin-left: -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: #000000;
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 1rem 1rem 0;
}
.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 1rem 0 0;
}
.widget_text ul li li {
padding-right: 0;
padding-left: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
max-width: 100%;
height: auto;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
img.avatar {
border-radius: 100%;
}
.post-media img {
width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1rem;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
margin-right: auto;
margin-left: auto;
display: block;
}
.wp-caption .wp-caption-text {
margin: 1rem 0;
}
.wp-caption-text {
margin-top: 1rem;
font-size: 0.875rem;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5rem;
}
@media (min-width: 720px) {
div[class^='gallery-columns-'], div[class*=' gallery-columns-'] {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
margin-right: -10px;
margin-left: -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 {
right: calc(1rem + 10px);
}
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
@media (min-width: 720px) {
.gallery-columns-2 .gallery-item {
max-width: 50%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-4 .gallery-item {
max-width: 25%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-5 .gallery-item {
max-width: 20%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 720px) {
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
position: relative;
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Powerkit
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Grid
--------------------------------------------------------------*/
.entry-content .pk-row > [class^="pk-col-"] > a,
.entry-content .pk-row > [class^="pk-col-"] > p > a,
.entry-content .pk-row > [class^="pk-col-"] > ul li > a,
.entry-content .pk-row > [class^="pk-col-"] > ol li > a,
.entry-content .pk-row > [class^="pk-col-"] > p > em > a,
.entry-content .pk-row > [class^="pk-col-"] > p > strong > a,
.entry-content .pk-row > [class*=" pk-col-"] > a,
.entry-content .pk-row > [class*=" pk-col-"] > p > a,
.entry-content .pk-row > [class*=" pk-col-"] > ul li > a,
.entry-content .pk-row > [class*=" pk-col-"] > ol li > a,
.entry-content .pk-row > [class*=" pk-col-"] > p > em > a,
.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a {
text-decoration: underline;
}
.entry-content .pk-row > [class^="pk-col-"] > a:hover, .entry-content .pk-row > [class^="pk-col-"] > a:focus,
.entry-content .pk-row > [class^="pk-col-"] > p > a:hover,
.entry-content .pk-row > [class^="pk-col-"] > p > a:focus,
.entry-content .pk-row > [class^="pk-col-"] > ul li > a:hover,
.entry-content .pk-row > [class^="pk-col-"] > ul li > a:focus,
.entry-content .pk-row > [class^="pk-col-"] > ol li > a:hover,
.entry-content .pk-row > [class^="pk-col-"] > ol li > a:focus,
.entry-content .pk-row > [class^="pk-col-"] > p > em > a:hover,
.entry-content .pk-row > [class^="pk-col-"] > p > em > a:focus,
.entry-content .pk-row > [class^="pk-col-"] > p > strong > a:hover,
.entry-content .pk-row > [class^="pk-col-"] > p > strong > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > p > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > p > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > ul li > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > ul li > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > ol li > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > ol li > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > p > em > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > p > em > a:focus,
.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:hover,
.entry-content .pk-row > [class*=" pk-col-"] > p > strong > a:focus {
text-decoration: none;
}
.entry-content .pk-row > [class^="pk-col-"] > h1,
.entry-content .pk-row > [class^="pk-col-"] > h2,
.entry-content .pk-row > [class^="pk-col-"] > h3,
.entry-content .pk-row > [class^="pk-col-"] > h4,
.entry-content .pk-row > [class^="pk-col-"] > h5,
.entry-content .pk-row > [class^="pk-col-"] > h6,
.entry-content .pk-row > [class*=" pk-col-"] > h1,
.entry-content .pk-row > [class*=" pk-col-"] > h2,
.entry-content .pk-row > [class*=" pk-col-"] > h3,
.entry-content .pk-row > [class*=" pk-col-"] > h4,
.entry-content .pk-row > [class*=" pk-col-"] > h5,
.entry-content .pk-row > [class*=" pk-col-"] > h6 {
margin-bottom: 1.5rem;
}
.entry-content .pk-row > [class^="pk-col-"] > h1:not(:first-child),
.entry-content .pk-row > [class^="pk-col-"] > h2:not(:first-child),
.entry-content .pk-row > [class^="pk-col-"] > h3:not(:first-child),
.entry-content .pk-row > [class^="pk-col-"] > h4:not(:first-child),
.entry-content .pk-row > [class^="pk-col-"] > h5:not(:first-child),
.entry-content .pk-row > [class^="pk-col-"] > h6:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h1:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h2:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h3:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h4:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h5:not(:first-child),
.entry-content .pk-row > [class*=" pk-col-"] > h6:not(:first-child) {
margin-top: 3rem;
}
.entry-content .pk-row + .pk-row h1:first-child, .entry-content .pk-row + .pk-row h2:first-child, .entry-content .pk-row + .pk-row h3:first-child, .entry-content .pk-row + .pk-row h4:first-child, .entry-content .pk-row + .pk-row h5:first-child, .entry-content .pk-row + .pk-row h6:first-child {
margin-top: 1.5rem;
}
.entry-content div[class^='pk-col-'], .entry-content div[class*=' pk-col-'] {
margin-bottom: 1.5rem;
}
.entry-content div[class^='pk-col-'] > *:last-child, .entry-content div[class*=' pk-col-'] > *:last-child {
margin-bottom: 0;
}
.entry-content .pk-clearfix {
margin: 0;
}
/*--------------------------------------------------------------
## Basic Styles
--------------------------------------------------------------*/
.pk-bg-overlay form:not(.cs-form-focus) {
box-shadow: none;
}
.menu-item .pk-badge {
margin-bottom: auto;
margin-top: auto;
margin-left: auto;
}
.pk-alert {
color: #000000;
}
.pk-alert a {
color: #000000;
}
.pk-alert a:hover {
color: #A0A0A0;
}
.entry-content .pk-button {
color: #fff;
}
.entry-content .pk-alert {
margin-bottom: 1.5rem;
}
.entry-content .pk-instagram-feed a {
color: #000000;
}
.entry-content .pk-instagram-feed a:hover {
color: #A0A0A0;
}
.entry-content .pk-instagram-feed .pk-instagram-btn {
color: #fff;
transition: 0.25s;
}
.entry-content .pk-instagram-feed .pk-instagram-btn:hover {
background-color: #000000;
color: #fff;
}
.entry-content .pk-twitter-wrap a {
color: #A0A0A0;
}
.entry-content .pk-twitter-wrap a:hover {
color: #000000;
}
.entry-content .pk-twitter-wrap .pk-twitter-header a {
color: #000000;
}
.entry-content .pk-twitter-wrap .pk-twitter-header a:hover {
color: #A0A0A0;
}
.entry-content .pk-twitter-wrap .pk-twitter-btn {
color: #fff;
transition: 0.25s;
}
.entry-content .pk-twitter-wrap .pk-twitter-btn:hover {
background-color: #000000;
color: #fff;
}
/*--------------------------------------------------------------
## Share Buttons
--------------------------------------------------------------*/
.meta-share-links {
position: absolute;
max-width: 320px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -ms-grid;
-ms-grid-columns: max-content;
bottom: 100%;
right: -9999px;
padding-right: 50%;
padding-bottom: 0.5rem;
transform: translateY(-30%);
transition: transform 0.5s;
}
.meta-share-links .pk-share-buttons-wrap {
position: relative;
border-radius: 3px;
background: #fff;
padding: 0.7rem;
margin: 0;
opacity: 0;
transform: translate(50%, 0);
transition: opacity 0.5s;
box-shadow: 0 0 2.5rem rgba(87, 58, 58, 0.3);
}
.meta-share-links .pk-share-buttons-wrap:after {
top: 100%;
right: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #fff;
border-width: 7px;
margin-right: -7px;
}
.meta-share-links .pk-share-buttons-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.meta-share-links .pk-share-buttons-link {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 0 0.1rem;
border-radius: 3px;
}
.meta-share-links .pk-share-buttons-icon {
font-size: 1rem;
}
.meta-share-links .pk-share-buttons-count {
margin-top: 0.125rem;
color: #6c757d;
}
.meta-share-links .pk-share-buttons-scheme-default {
background: rgba(0, 0, 0, 0.8);
box-shadow: none;
}
.meta-share-links .pk-share-buttons-scheme-default:after {
border-top-color: rgba(0, 0, 0, 0.8);
}
.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link {
background: transparent;
}
.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link:hover {
background: transparent !important;
}
.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-link:hover .pk-share-buttons-count {
color: #fff;
opacity: 1;
}
.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-icon {
color: #fff;
}
.meta-share-links .pk-share-buttons-scheme-default .pk-share-buttons-count {
color: #fff;
}
.meta-shares:hover {
cursor: pointer;
}
.meta-shares:hover .meta-share-links {
transform: translateY(0);
right: 0;
}
.meta-shares:hover .pk-share-buttons-wrap {
border-radius: 3px;
opacity: 1;
}
.entry-sidebar-wrap {
display: none;
}
@media (min-width: 1200px) {
.entry-sidebar-wrap {
display: block;
}
}
.entry-sidebar-wrap .post-sidebar-shares {
align-items: flex-start;
position: sticky;
top: 40vh;
margin-top: 0;
}
.entry-sidebar-wrap .post-sidebar-inner {
transition: opacity 0.2s;
}
.entry-sidebar-wrap .pk-share-buttons-wrap {
flex-direction: column;
margin-bottom: 0;
}
.entry-sidebar-wrap .pk-share-buttons-total {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px #e9ecef solid;
width: 100%;
}
.entry-sidebar-wrap .pk-share-buttons-total .pk-share-buttons-count {
font-size: 1.25rem;
color: #000000;
}
.entry-sidebar-wrap .pk-share-buttons-total .pk-share-buttons-label {
color: #A0A0A0;
}
.entry-sidebar-wrap .pk-share-buttons-items {
flex-direction: column;
align-items: flex-start;
}
.entry-sidebar-wrap .pk-share-buttons-item {
position: relative;
}
.entry-sidebar-wrap .pk-share-buttons-item > .pk-share-buttons-count {
height: auto;
}
.entry-sidebar-wrap .pk-share-buttons-total {
align-items: flex-start;
}
.entry-sidebar-wrap .pk-share-buttons-link {
display: flex;
flex-direction: column;
align-items: center;
height: 40px;
width: 40px;
justify-content: center;
line-height: 40px;
border-radius: 100%;
}
.entry-sidebar-wrap .pk-share-buttons-link .pk-share-buttons-count {
line-height: 1;
position: absolute;
left: -2rem;
top: 50%;
transform: translate3d(0, -50%, 0);
color: #A0A0A0;
transition: .2s ease all;
}
.entry-sidebar-wrap .pk-share-buttons-link:hover .pk-share-buttons-count, .entry-sidebar-wrap .pk-share-buttons-link:focus .pk-share-buttons-count {
color: #000000;
}
.entry-sidebar-wrap .pk-share-buttons-scheme-bold .pk-share-buttons-icon {
font-size: 1.5rem;
}
.post-header .pk-share-buttons-wrap {
margin: 2rem 0 0;
}
.post-header .pk-share-buttons-wrap .pk-share-buttons-item {
flex-grow: initial;
}
.post-header .pk-share-buttons-wrap .pk-share-buttons-link {
border-radius: 4px;
}
.cs-overlay .post-header .pk-share-buttons-link {
background: rgba(33, 37, 41, 0.5);
color: #fff;
}
.cs-overlay .post-header .pk-share-buttons-link:hover {
background: rgba(33, 37, 41, 0.75);
color: #fff;
}
.pk-share-buttons-after-content {
margin-top: 1rem !important;
}
.pk-share-buttons-after-content .pk-share-buttons-link {
border-radius: 4px;
}
/*--------------------------------------------------------------
## Social Links
--------------------------------------------------------------*/
.post-author .pk-social-links-items {
justify-content: flex-start;
}
.post-author .pk-social-links-item {
padding-top: 0;
}
.sidebar-area .pk-social-links-scheme-light-bg .pk-social-links-link {
background: #fff;
}
.sidebar-area .pk-social-links-scheme-light-bg.pk-social-links-template-columns .pk-social-links-item {
margin-bottom: 1px;
}
.sidebar-area .pk-social-links-scheme-light-bg.pk-social-links-template-columns .pk-social-links-item:not(:last-child) .pk-social-links-link {
margin-left: 1px;
}
.sidebar-area .pk-social-links-scheme-light-rounded .pk-social-links-icon {
background: #fff;
}
.page-header .pk-social-links-wrap {
margin-top: 1rem;
}
.site-info .pk-social-links-item {
padding-bottom: 0;
}
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
@media (min-width: 1200px) {
.sidebar-area .pk-widget-about {
padding: 40px;
background: #fff;
}
}
@media (min-width: 1200px) {
.sidebar-area .pk-widget-author:not(.pk-widget-author-with-bg) {
padding: 1.5rem;
background: #fff;
}
}
.sidebar .pk-widget-posts .pk-post-number {
border: 2px #F8F8F8 solid;
font-size: 0.875rem;
line-height: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pk-widget-posts .pk-lazyload.pk-lqip.size-pk-small {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.pk-widget-posts .meta-category {
display: inline-block;
margin-bottom: 1rem;
}
.pk-widget-posts-template-large .meta-category {
margin-bottom: auto;
}
.pk-widget-posts-template-large .cs-card {
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
.pk-widget-posts-template-large .cs-card {
box-shadow: none;
}
}
.site-footer-widgets .pk-widget-posts-template-large .cs-card {
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
/*--------------------------------------------------------------
## Lightbox
--------------------------------------------------------------*/
.pk-zoom-icon-popup:after {
content: "\e928";
font-family: "cs-icons";
border-radius: 100%;
}
/*--------------------------------------------------------------
## Pinterest
--------------------------------------------------------------*/
.pk-pin-it {
border-radius: 100%;
}
/*--------------------------------------------------------------
## Twitter
--------------------------------------------------------------*/
.pk-twitter-content {
font-size: 0.875rem;
}
@media (min-width: 1200px) {
.sidebar-area .pk-twitter-default {
background: #fff;
padding: 40px;
}
}
/*--------------------------------------------------------------
## Instagram
--------------------------------------------------------------*/
.pk-instagram-data .pk-meta {
color: #fff;
}
@media (min-width: 1200px) {
.sidebar-area .pk-instagram-template-default {
background: #fff;
padding: 40px;
}
}
/*--------------------------------------------------------------
## Subscribe form
--------------------------------------------------------------*/
.pk-subscribe-form-wrap form {
border-radius: 3px;
box-shadow: 0 0 0 0.2rem #F8F8F8;
transition: .2s ease box-shadow;
overflow: hidden;
}
.pk-subscribe-form-wrap form.cs-form-focus {
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.pk-subscribe-form-wrap .pk-input-group {
position: relative;
background: #fff;
border-radius: 3px;
}
.pk-subscribe-form-wrap .pk-input-group button {
position: relative;
margin: 0.5rem;
z-index: 2;
border: 1px #e9ecef solid;
background: #fff;
color: #6c757d;
}
.pk-subscribe-form-wrap .pk-input-group button:hover, .pk-subscribe-form-wrap .pk-input-group button:focus {
color: #343a40;
border-color: #ced4da;
}
.pk-subscribe-form-wrap .pk-input-group input[type="text"] {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
border: none;
box-shadow: none;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] {
border-top: 1px solid #e9ecef;
width: 100%;
text-align: center;
border-radius: 0;
margin-top: 0;
padding: 0.5rem;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"]:first-child {
border-top: none;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-name button {
margin-top: 0;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg form {
overflow: initial;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg input[type="text"] {
margin-top: 0.5rem;
width: 100%;
border-radius: 3px;
}
.widget .pk-subscribe-form-wrap.pk-subscribe-with-bg button {
margin-top: 0.5rem;
}
.content-area .pk-subscribe-with-name input[type="text"] + input[type="text"] {
border-top: 1px solid #e9ecef;
margin-top: 0;
border-radius: 0;
}
.content-area .pk-subscribe-with-name input[type="text"] {
width: 100%;
text-align: center;
}
.content-area .pk-subscribe-with-name button {
margin-top: 0;
}
@media (min-width: 720px) {
.content-area .pk-subscribe-with-name .pk-input-group {
flex-direction: row;
}
.content-area .pk-subscribe-with-name input[type="text"] + input[type="text"] {
border-right: 1px solid #e9ecef;
border-top: none;
}
.content-area .pk-subscribe-with-name input[type="text"] {
width: 1%;
text-align: right;
}
.content-area .pk-subscribe-with-name button {
margin-top: 0.5rem;
}
}
.section-hero .pk-subscribe-form-wrap {
max-width: 500px;
margin: 1.5rem 0 0;
}
.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] + input[type="text"] {
border-top: 1px solid #e9ecef;
margin-top: 0;
border-radius: 0;
}
.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name input[type="text"] {
width: 100%;
text-align: center;
}
.section-hero .pk-subscribe-form-wrap.pk-subscribe-with-name button {
margin-top: 0;
}
@media (min-width: 720px) {
.section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name .pk-input-group {
flex-direction: row;
}
.section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name input[type="text"] + input[type="text"] {
border-right: 1px solid #e9ecef;
border-top: none;
}
.section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name input[type="text"] {
width: 1%;
text-align: right;
}
.section-hero .pk-subscribe-form-wrap:first-child.pk-subscribe-with-name button {
margin-top: 0.5rem;
}
}
.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) .pk-input-group:after {
content: "\e92b";
font-family: "cs-icons";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 3rem;
display: flex;
justify-content: center;
align-items: center;
color: #6c757d;
font-size: 1.25rem;
z-index: 3;
}
.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) input[type="text"] {
padding: 0.75rem 3rem 0.75rem 1rem;
}
@media (min-width: 1200px) {
.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) input[type="text"] {
padding: 1rem 3rem 1rem 1rem;
}
.section-hero .pk-subscribe-form-wrap:not(.pk-subscribe-with-name) button {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 1200px) {
.section-hero .pk-subscribe-form-wrap .cs-form-focus {
box-shadow: 0 0 0 0.4rem rgba(0, 0, 0, 0.1);
}
}
.section-hero.cs-text-center .pk-subscribe-form-wrap {
margin-right: auto;
margin-left: auto;
}
/*--------------------------------------------------------------
## Inline Posts
--------------------------------------------------------------*/
.pk-inline-posts-container .post-meta a {
font-weight: normal;
color: #000000;
}
.pk-inline-posts-container .post-meta a:hover {
color: #A0A0A0;
}
.pk-inline-posts-container .post-meta .meta-category a {
color: #A0A0A0;
}
.pk-inline-posts-container .post-meta .meta-category a:hover {
color: #000000;
}
.pk-inline-posts-container .pk-title a {
color: #000000;
}
.pk-inline-posts-container .pk-title a:hover {
color: #A0A0A0;
}
/*--------------------------------------------------------------
## Table of Contents
--------------------------------------------------------------*/
.pk-toc:not(:last-child) {
padding-bottom: 40px;
margin-bottom: 3rem;
border-bottom: 1px #e9ecef solid;
}
.pk-toc:not(:first-child) {
padding-top: 40px;
margin-top: 3rem;
border-top: 1px #e9ecef solid;
}
/*--------------------------------------------------------------
## Typekit Typography
--------------------------------------------------------------*/
.wf-loading body,
.wf-loading body a,
.wf-loading body span,
.wf-loading body p,
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6,
.wf-loading label,
.wf-loading .post-meta,
.wf-loading .cs-link-more,
.wf-loading .button {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
.wf-loading .navbar-primary .navbar-nav {
opacity: 0;
}
.wf-loading .nav-cart,
.wf-loading .toggle-search {
margin-right: auto;
}
.wf-loading .nav-cart + .toggle-search,
.wf-loading .pk-social-links-wrap + .nav-cart {
margin-right: 1rem;
}
/*--------------------------------------------------------------
# Vendors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## SearchWP Live Ajax Search
--------------------------------------------------------------*/
.searchwp-live-search-results.searchwp-live-search-results-showing {
margin-top: 4px;
box-shadow: 0 0 10px 0 rgba(30, 30, 30, 0.2);
min-height: 164px;
max-height: 332px;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a {
padding: 1rem;
display: flex;
align-items: center;
transition: .2s ease background;
white-space: normal;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a img {
width: 50px;
height: 50px;
margin-left: 1rem;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .h6 {
margin-bottom: 0;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a .meta-date {
margin-top: 0.25rem;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result a small {
display: none;
margin-right: auto;
color: #A0A0A0;
padding-right: 1rem;
}
@media (min-width: 720px) {
.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: #e9ecef;
outline: 0;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result:not(:last-child) a {
border-bottom: 1px #e9ecef solid;
}
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result--focused {
background: transparent;
}
@media (max-width: 1019.98px) {
.searchwp-live-search-results.searchwp-live-search-results-showing .searchwp-live-search-result .h6 {
font-size: 0.75rem;
}
}
/*--------------------------------------------------------------
## 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.875rem;
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: #f3b7bd;
color: #921925;
}
.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: #dc3545;
font-size: 0.875rem;
font-weight: normal;
display: block;
}
.wpcf7 .use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
right: 20%;
z-index: 100;
border: 1px solid #dc3545;
background: var(--cs-color-primary);
padding: .2em .8em;
}
.wpcf7 .wpcf7-list-item {
display: inline-block;
margin: 0 1em 0 0;
}
.wpcf7 .wpcf7-list-item-label:before,
.wpcf7 .wpcf7-list-item-label:after {
content: " ";
}
.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
margin-right: 1rem;
vertical-align: middle;
width: 20px;
height: 20px;
border: 2px solid rgba(160, 160, 160, 0.25);
border-top-color: #A0A0A0;
border-radius: 50%;
position: relative;
-webkit-animation: loader-rotate 1s linear infinite;
animation: loader-rotate 1s linear infinite;
background: transparent;
/* support version below 5.4 */
}
@keyframes loader-rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.wpcf7 .ajax-loader:after {
/* support version below 5.4 */
content: none;
}
.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;
}