body[data-scheme="dark"] .content .pk-dropcap:first-letter,
body[data-scheme="dark"] .entry-content .pk-dropcap:first-letter,
body[data-scheme="dark"] .mce-content-body .pk-dropcap:first-letter {
color: white !important;
}
body[data-scheme="dark"] .content .pk-dropcap.pk-dropcap-bg-light:first-letter,
body[data-scheme="dark"]
.entry-content
.pk-dropcap.pk-dropcap-bg-light:first-letter,
body[data-scheme="dark"]
.mce-content-body
.pk-dropcap.pk-dropcap-bg-light:first-letter {
color: black !important;
}
.content .pk-dropcap .pk-dropcap-bg-inverse:first-letter,
.entry-content .pk-dropcap.pk-dropcap-bg-inverse:first-letter,
.mce-content-body .pk-dropcap.pk-dropcap-bg-inverse:first-letter {
background-color: black !important;
}
body[data-scheme="dark"]
.content
.pk-dropcap.pk-dropcap-bg-inverse:first-letter,
body[data-scheme="dark"]
.entry-content
.pk-dropcap.pk-dropcap-bg-inverse:first-letter,
body[data-scheme="dark"]
.mce-content-body
.pk-dropcap.pk-dropcap-bg-inverse:first-letter {
background-color: white !important;
color: black !important;
}
body[data-scheme="dark"] .content .pk-block-bg-light,
body[data-scheme="dark"] .entry-content .pk-block-bg-light,
body[data-scheme="dark"] .mce-content-body .pk-block-bg-light {
color: black !important;
}
body[data-scheme="dark"] .content .pk-block-bg-inverse,
body[data-scheme="dark"] .entry-content .pk-block-bg-inverse,
body[data-scheme="dark"] .mce-content-body .pk-block-bg-inverse {
color: black !important;
background-color: white !important;
}
.cs-block-posts-layout-tile-type-1
.cs-overlay-gradient
.cs-overlay-background:after {
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
);
}
/* .cs-entry__header-large-overlay .cs-entry__header-inner, .cs-entry__header-overlay .cs-entry__header-inner */
.cs-entry__header-large-overlay.cs-overlay-gradient
.cs-overlay-background:after,
.cs-entry__header-overlay.cs-overlay-gradient .cs-overlay-background:after {
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
);
}
.social-site {
display: flex;
gap: 10px;
align-items: center;
}
.social-site .social-site_link {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
transition: all 0.3s linear;
flex-shrink: 0;
}
.social-site .social-site_link:hover {
background-color: white;
}
.social-site .social-site_link:hover svg {
fill: black;
}
.social-site .social-site_link svg {
fill: white;
transition: all 0.3s linear;
height: 19px;
width: 19px;
}
.social-site .social-site_link.threads svg {
fill: transparent;
stroke: white;
}
.social-site .social-site_link.threads:hover svg {
fill: transparent;
stroke: black;
}
.social-site.mobile-social {
display: none;
}
.header__lang svg {
width: 10px;
height: 9px;
fill: transparent;
stroke: black;
margin-left: 6px;
flex-shrink: 0;
transition: transform 0.3s linear;
}
.header__lang.active svg {
transform: rotate(180deg);
stroke: rgb(39, 39, 39);
}
.header__lang {
display: flex;
align-items: center;
font-size: 16px;
line-height: 100%;
color: #000;
padding: 8px 0px;
transition: all 0.3s ease-in-out;
cursor: pointer;
position: relative;
margin-left: 25px;
padding: 8px;
background-color: #fff;
border: 1px solid rgb(39, 39, 39);
height: 40px;
width: 60px;
overflow: hidden;
}
.header__lang.active {
overflow: visible;
}
.lang__list {
overflow: hidden;
top: 36px;
background-color: white;
cursor: default;
position: relative;
left: 6px;
text-align: left;
height: 0;
transform: translate(-100%, 0);
transition: all 0.3s ease-in-out;
width: 60px;
touch-action: none;
-ms-touch-action: none;
flex-shrink: 0;
}
.header__lang.active .lang__list {
top: 36px;
height: auto;
transform: translate(-100%, 0);
transition: all 0.3s ease-in-out;
border: 1px solid rgb(39, 39, 39);
border-top-width: 0px;
}
.header__lang.active .lang__list a {
padding: 8px;
display: block;
}
[data-scheme="dark"] .header__lang.active .lang__list a {
color: #000;
}
@media screen and (max-width: 1019px) {
[data-scheme="dark"] .social-site.mobile-social .social-site_link svg {
fill: white;
transition: all 0.3s linear;
}
[data-scheme="dark"] .social-site.mobile-social .social-site_link:hover {
background-color: white;
}
[data-scheme="dark"] .social-site.mobile-social .social-site_link:hover svg {
fill: black;
}
.social-site.mobile-social {
display: flex;
margin: -35px 0 20px 0;
}
.social-site.mobile-social .social-site_link:hover {
background-color: black;
}
.social-site.mobile-social .social-site_link:hover svg {
fill: white;
}
.social-site.mobile-social .social-site_link svg {
fill: black;
transition: all 0.3s linear;
}
}
.post-media-standart {
position: relative;
}
.post-media-standart .wp-caption-text-standart,
.cs-entry__header-large .wp-caption-text {
position: absolute;
top: 0px;
left: 0px;
color: white;
background: linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0%,
rgba(56, 56, 56, 0.6671043417366946) 49%,
rgba(0, 0, 0, 0.6) 100%
);
padding: 10px;
width: 100%;
margin-top: 0px;
}
.post-media-standart .wp-caption-text-standart {
width: 100%;
}
.cs-entry__subtitle {
font-size: 18px;
}
.author-posts {
border-top: 1px solid rgba(0, 0, 0, 0.16);
padding-top: 23px;
}
.tablinks {
background-color: white;
border: 1px solid black;
color: black;
padding: 10px;
transition: color 0.3s, background-color 0.3s, border 0.3s ease-out;
}
.tablinks.active {
background-color: black;
border: 1px solid black;
color: white;
}
.tablinks:hover {
color: white;
border: 1px solid #00b1ec;
background-color: #00b1ec;
}
.tab {
margin-bottom: 40px;
display: flex;
gap: 15px;
}
.tabcontent {
flex-wrap: wrap;
row-gap: 40px;
column-gap: 20px;
display: flex;
}
.author-post:nth-of-type(-n + 2) {
width: calc(100% / 12 * 6 - 10px);
}
.author-post {
width: calc(100% / 12 * 4 - 13.66px);
}
@media screen and (max-width: 719px) {
.author-post {
width: calc(100% / 12 * 6 - 10px);
}
}
@media screen and (max-width: 500px) {
.author-post {
width: 100% !important;
}
}
.author-post .cs-entry__outer {
flex-direction: column;
}
.author-post .cs-entry__inner {
flex: 0 0 100% !important;
max-width: 100% !important;
margin-right: 0px !important;
align-self: auto !important;
margin-bottom: 14px;
}
.pagination-author {
display: flex;
list-style: none;
align-items: center;
gap: 20px;
margin: 0;
padding: 0;
width: 100%;
}
.prev.page-numbers,
.next.page-numbers {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f0f0f0;
transition: background-color 0.3s ease-out;
}
.page-numbers svg {
stroke: #181819;
transition: stroke 0.3s ease-out;
}
.prev.page-numbers:hover,
.next.page-numbers:hover {
background-color: #00b1ec;
}
.prev.page-numbers:hover svg,
.next.page-numbers:hover svg {
stroke: #ffffff;
}
.page-numbers.current {
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #00b1ec;
}
.tabcontent .cs-overlay-background {
border: none;
height: 0;
padding-top: 56.4%;
position: relative !important;
overflow: hidden;
/* width: 100%; */
}
.tabcontent .cs-overlay-background img {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.h4.meta.author .meta {
font-size: 14px;
display: flex;
gap: 5px;
}
.h4.meta.author .meta.source a:hover {
color: #0085ff !important;
}
.single .cs-entry__header-large .cs-entry__header-info,
.single .cs-entry__header-standard .cs-entry__header-info {
margin-top: -12rem !important;
}
@media (max-width: 1023px) {
.single .cs-entry__header-large .cs-entry__header-info,
.single .cs-entry__header-standard .cs-entry__header-info {
margin-top: -10rem !important;
}
}
@media (max-width: 1019px) {
.post-media-standart .wp-caption-text-standart,
.cs-entry__header-large .wp-caption-text {
width: 100%;
top: 0px;
left: 0;
}
.wp-caption-text {
margin-top: 0px;
padding: 10px 0;
}
}
@media (max-width: 719px) {
.cs-entry__header-large .wp-caption-text {
width: 100%;
bottom: 0px;
left: 0;
top: unset;
background: none;
background-color: white;
color: black;
z-index: 99;
padding: 10px 20px;
}
.post-media-standart .wp-caption-text-standart {
position: static;
color: black;
background: none;
background-color: white;
padding: 10px 0;
}
.single .cs-entry__header-large .cs-entry__header-info,
.single .cs-entry__header-standard .cs-entry__header-info {
margin-top: 1rem !important;
}
.cs-entry__header-standard .cs-entry__post-media + .cs-entry__header-info {
padding-left: 0px;
}
}
.cs-entry__header-large-overlay .cs-entry__caption-text {
margin-top: 1rem !important;
}
.cs-entry__header .cs-entry__post-media {
margin-left: 0;
border-radius: 20px;
overflow: hidden;
}