@keyframes evie-posts-loading-placeholder {
0% {
background-position: 100% 0;
}
100% {
background-position: -100% 0;
}
}
:root {
--evie-loading-placholder-background: linear-gradient(to right, #f5f5f5 8%, #eaeaea 38%, #f5f5f5 54%);
}
body.has-scheme-dark {
--evie-loading-placholder-background: linear-gradient(to right, #323232 8%, #363636 38%, #323232 54%);
}
.main-posts.is-loading .posts-list .entry {
pointer-events: none;
}
.main-posts.is-loading .posts-list .entry .entry-media,
.main-posts.is-loading .posts-list .entry .entry-header,
.main-posts.is-loading .posts-list .entry .entry-summary,
.main-posts.is-loading .posts-list .entry .entry-buttons,
.main-posts.is-loading.posts-style-list .posts-list .entry .entry-footer {
position: relative;
}
.main-posts.is-loading .posts-list .entry .entry-media::after,
.main-posts.is-loading .posts-list .entry .entry-header::after,
.main-posts.is-loading .posts-list .entry .entry-summary::after,
.main-posts.is-loading .posts-list .entry .entry-footer::after,
.main-posts.is-loading .posts-list .entry .entry-buttons::after {
animation: evie-posts-loading-placeholder 1.25s linear forwards infinite;
background: #f5f5f5;
background: var(--evie-loading-placholder-background);
background-size: 200% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 99;
}
.main-posts.is-loading .posts-list .entry .entry-header::after,
.main-posts.is-loading .posts-list .entry .entry-summary::after,
.main-posts.is-loading.posts-style-list .posts-list .entry .entry-footer::after,
.main-posts.is-loading .posts-list .entry .entry-buttons::after {
border-radius: 0.5rem;
} .post-pagination.navigation.loadmore-pagination a::after,
.comments-section .navigation.loadmore-pagination a::after {
display: none;
}
.post-pagination.navigation.loadmore-pagination .nav-links,
.comments-section .navigation.loadmore-pagination .nav-links {
height: 8rem;
}
.navigation.loadmore-pagination.is-loading a {
display: none;
}
.navigation.loadmore-pagination.is-loading .post-loader {
display: block;
} .comments-section .navigation.loadmore-pagination .nav-links > div {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.comments-section .navigation.loadmore-pagination.is-loading .nav-links > div::before {
animation: evie-spin 1s infinite linear;
border: 2px solid #a0a0a0;
border-radius: 50%;
border-top-color: #d4d4d4;
content: "";
display: inline-block;
height: 3.5rem;
outline: 1px solid transparent;
position: relative;
width: 3.5rem;
vertical-align: middle;
}.partial-content.is-loading .page-header .has-content-placeholder {
border-radius: 0.5rem;
overflow: hidden;
position: relative;
}
.partial-content.is-loading .page-header .archive-image.has-content-placeholder {
border-radius: 50%;
}
.partial-content.is-loading .page-header .has-content-placeholder::after {
animation: evie-posts-loading-placeholder 1.25s linear forwards infinite;
background: var(--evie-loading-placholder-background);
background-size: 200% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.partial-content.is-loading .has-content-placeholder .entry {
pointer-events: none;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-media,
.partial-content.is-loading .has-content-placeholder .entry .entry-header,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary,
.partial-content.is-loading .has-content-placeholder .entry .entry-buttons,
.partial-content.is-loading .posts-style-list .has-content-placeholder .entry .entry-footer {
position: relative;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-media::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-buttons::after {
animation: evie-posts-loading-placeholder 1.25s linear forwards infinite;
background: var(--evie-loading-placholder-background);
background-size: 200% 100%;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 20;
}
.partial-content.is-loading .has-content-placeholder .entry .entry-header::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-summary::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-footer::after,
.partial-content.is-loading .has-content-placeholder .entry .entry-buttons::after {
border-radius: 0.5rem;
} .comment-list .comment {
transition: opacity 0.5s ease-in-out 0.15s;
}
.comment-list .comment.new-comment-hidden {
opacity: 0;
}
.comment-list .comment .comment-header,
.comment-list .comment .comment-content {
transition: background-color 0.3s ease-in-out;
}
.comment-list .comment.new-comment-active .comment-header,
.comment-list .comment.new-comment-active .comment-content {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.1);
}.flext-tabs {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.flext-tabs-nav {
border-bottom: 1px solid #3e3e3e;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
line-height: 1.35;
list-style: none;
margin: 0 0 1rem;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.flext-tabs-nav a {
color: #333;
flex: 1 1 33.333333%;
outline: none;
padding: 1.5rem 0;
position: relative;
text-align: left;
text-decoration: none;
white-space: nowrap;
}
.flext-tabs-nav a span {
opacity: 0.6;
transition: opacity 0.3s;
}
.flext-tabs-nav a span:hover,
.flext-tabs-nav a span:focus,
.flext-tabs-nav a.is-active:hover span,
.flext-tabs-nav a.is-active:focus span,
.flext-tabs-nav a.is-active span {
opacity: 1;
outline: none;
}
.flext-tabs-nav a::after {
background: #333;
bottom: -2px;
content: "";
height: 3px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s, background-color 0.3s;
}
.flext-tabs-nav a.is-active::after {
opacity: 1;
}
.flext-tabs-nav i {
display: inline-block;
font-weight: 400;
font-size: 2rem;
margin: 0 0 5px 0;
transition: none;
vertical-align: middle;
}
.flext-tabs-nav span {
display: block;
}
.flext-tab-wrapper {
box-sizing: border-box;
overflow: hidden;
position: relative;
width: 100%;
}
.flext-tab {
box-sizing: border-box;
opacity: 0;
position: absolute;
transition: opacity 0.3s;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
.flext-tab.is-active {
opacity: 1;
position: relative;
visibility: visible;
z-index: 10;
} .flext-tabs.is-vertical {
flex-wrap: nowrap;
}
.flext-tabs.is-vertical .flext-tabs-nav {
background: #f9f9f9;
border-bottom: none;
display: block;
min-width: 40px;
overflow-x: hidden;
width: 40px;
}
.flext-tabs.is-vertical .flext-tabs-nav a {
display: block;
padding: 10px;
text-align: left;
}
.flext-tabs.is-vertical .flext-tabs-nav a::after {
display: none;
}
.flext-tabs.is-vertical .flext-tabs-nav a span {
display: none;
}  @media (min-width: 1024px) {
.flext-tabs.is-vertical {
flex-wrap: nowrap;
}
.flext-tabs.is-vertical .flext-tabs-nav a {
border-bottom: 1px solid #eee;
}
.flext-tabs.is-vertical .flext-tabs-nav a i {
margin: 0 5px 0 0;
}
}
@media (min-width: 1200px) {
.flext-tabs.is-vertical .flext-tabs-nav {
width: 20%;
}
.flext-tabs.is-vertical .flext-tabs-nav a span {
display: inline-block;
}
}.flext-post-tabs .flext-tabs-nav a {
text-align: center;
}
.flext-post-tabs ul {
list-style: none;
margin: 0;
padding: 1rem 0 0;
}
.flext-post-tabs .flext-tab ul li {
display: flex;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.flext-post-tabs .post-tab-posts li {
align-items: center;
}
.flext-post-tabs .has-post-thumbnail > div {
display: flex;
flex-direction: column;
}
.flext-post-tabs .post-tab-posts li > div {
flex: 0 1 50%;
}
.flext-post-tabs .flext-tab .post-title {
display: block;
}
.flext-post-tabs .flext-tab .post-title a {
display: block;
display: box;
display: -webkit-box;
line-break: after-white-space;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flext-post-tabs .recent-comments-list .post-thumbnail {
flex: 0 0 4rem;
}
.flext-post-tabs .recent-comments-list .post-header {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.flext-post-tabs .recent-comments-list .post-thumbnail a {
border-radius: 50%;
transform: translateZ(0);
}
.flext-post-tabs .recent-comments-list .post-thumbnail img {
width: 4rem;
} .flext-post-carousel-widget .flext-button-prev,
.flext-post-carousel-widget .flext-button-next {
border-radius: 0;
font-size: 2rem;
height: 4rem;
left: auto;
right: 0;
top: 0;
transform: none;
width: 4rem;
}
.flext-post-carousel-widget .flext-button-prev {
right: 4rem;
}
.flext-post-carousel-widget .post-thumbnail {
position: relative;
}
.flext-post-carousel-widget .post-thumbnail a {
display: block;
overflow: hidden;
}
.flext-post-carousel-widget img {
width: 100%;
}
.flext-post-carousel-widget .post-header {
padding: 1rem 0 0;
}
.flext-post-carousel-widget .post-header .post-category {
display: inline-block;
overflow: hidden;
vertical-align: middle;
} @media (min-width: 1024px) {
.flext-post-tabs li .post-thumbnail a img,
.flext-post-tabs li .post-thumbnail a i {
transition: transform 0.4s;
transform: translateZ(0);
}
.flext-post-tabs li:hover .post-thumbnail a img,
.flext-post-tabs li:hover .post-thumbnail a i {
transform: scale(1.15) translateZ(0);
}
}.flext-block-map iframe {
border: none;
margin: auto;
} .flext-block-section {
align-items: center;
display: flex;
justify-content: center;
margin: 4rem auto;
min-height: 1rem;
position: relative;
width: 100%;
}
.flext-has-scheme-dark {
color: #fff;
}
.flext-block-section.flext-is-full-height {
min-height: 100vh;
}
.flext-block-section.flext-has-animation {
animation-fill-mode: none;
}
.flext-block-section .flext-block-section-background,
.flext-block-section .flext-block-section-overlay-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.flext-block-section .flext-block-section-background {
background-position: center center;
background-size: cover;
}
.flext-block-section .flext-block-section-overlay-background {
z-index: 1;
}
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: scroll;
}
}
.flext-block-section.flext-is-background-repeated .flext-block-section-background {
background-repeat: repeat;
background-size: auto;
}
.flext-block-section .flext-block-section-image-background,
.flext-block-section .flext-block-section-video-background {
border: none;
bottom: 0;
box-shadow: none;
height: 100%;
left: 0;
margin: 0;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.flext-block-section.flext-has-background-dim .flext-block-section-overlay-background {
opacity: 0.5;
}
.flext-block-section.has-background-dim-10 .flext-block-section-overlay-background {
opacity: 0.1;
}
.flext-block-section.has-background-dim-20 .flext-block-section-overlay-background {
opacity: 0.2;
}
.flext-block-section.has-background-dim-30 .flext-block-section-overlay-background {
opacity: 0.3;
}
.flext-block-section.has-background-dim-40 .flext-block-section-overlay-background {
opacity: 0.4;
}
.flext-block-section.has-background-dim-50 .flext-block-section-overlay-background {
opacity: 0.5;
}
.flext-block-section.has-background-dim-60 .flext-block-section-overlay-background {
opacity: 0.6;
}
.flext-block-section.has-background-dim-70 .flext-block-section-overlay-background {
opacity: 0.7;
}
.flext-block-section.has-background-dim-80 .flext-block-section-overlay-background {
opacity: 0.8;
}
.flext-block-section.has-background-dim-90 .flext-block-section-overlay-background {
opacity: 0.9;
}
.flext-block-section.has-background-dim-100 .flext-block-section-overlay-background {
opacity: 1;
}
.flext-block-section .flext-block-section-inner {
position: relative;
width: 100%;
z-index: 1;
}  ol.is-style-flext-list-circle {
counter-reset: list-item-index calc(var(--flext-item-index, 1) - 1);
list-style: none;
}
ol.is-style-flext-list-circle[reversed] {
counter-reset: list-item-index calc(var(--flext-item-index, 1) + 1);
}
ol.is-style-flext-list-circle ol {
counter-reset: list-item-index 0;
}
ol.is-style-flext-list-circle > li {
counter-increment: list-item-index;
list-style: none;
padding-left: 3rem;
position: relative;
}
ol.is-style-flext-list-circle[reversed] > li {
counter-increment: list-item-index -1;
}
ol.is-style-flext-list-circle > li::before {
align-items: center;
background: rgb(160, 160, 160);
border-radius: 50%;
color: rgb(255, 255, 255);
content: counter(list-item-index);
display: flex;
font-weight: 400;
justify-content: center;
height: 2.2rem;
left: 0;
line-height: 2.2rem;
position: absolute;
top: 0.2rem;
width: 2.2rem;
} ul.is-style-default > li {
padding: 0 0 0 2.5rem;
position: relative;
}
ul.is-style-default > li::marker {
align-items: center;
content: "\e831";
display: flex;
font-family: flextension, sans-serif;
}
ul.is-style-flext-list-circle > li {
position: relative;
}
ul.is-style-flext-list-circle > li::marker {
align-items: center;
content: "\e92e";
display: flex;
font-family: flextension, sans-serif;
left: 0;
position: absolute;
top: 0;
} .flext-block-counter {
font-weight: 700;
} .flext-post-meta {
color: rgba(255, 255, 255, 0.8);
display: flex;
flex-flow: row wrap;
font-size: 1.4rem;
gap: 1.5rem;
margin-bottom: 0.5rem;
}
.flext-post-footer {
color: inherit;
display: flex;
flex-flow: row wrap;
font-size: 1.4rem;
gap: 0.5rem;
margin-top: 2rem;
}
.flext-posted-on {
align-items: center;
display: flex;
font-size: 1.2rem;
gap: 1rem;
}
.flext-post-buttons {
display: flex;
gap: 0.5rem;
flex-direction: row;
z-index: 2;
}
.flext-post-buttons a {
align-items: center;
display: inline-flex;
gap: 0.25rem;
justify-content: center;
padding: 0.6rem;
} .flext-block-post-carousel {
overflow: hidden;
position: relative;
}
.flext-block-post-carousel.has-post-number {
counter-reset: flext-post-number;
}
.flext-block-post-carousel .post-carousel-header {
align-items: flex-end;
gap: 2rem;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
margin-bottom: 2rem;
width: 100%;
}
.flext-block-post-carousel .block-title {
margin: 0;
}
.flext-block-post-carousel.flext-carousel .flext-pagination {
line-height: 0;
}
.flext-block-post-carousel .see-more-link {
align-items: center;
background: rgba(0, 0, 0, 0.05);
border-radius: 1rem;
display: inline-flex;
padding: 0.5rem 1rem;
right: 0;
}
.flext-block-post-carousel .flext-pagination-progressbar .flext-progressbar {
height: 0.1rem;
}
.flext-block-post-carousel .entry {
background: rgba(0, 0, 0, 0.05);
border-radius: 1.5rem;
display: flex;
flex-direction: column;
height: auto;
justify-content: space-between;
overflow: hidden;
transform: translateZ(0);
}
.flext-block-post-carousel.has-post-number .entry {
counter-increment: flext-post-number;
}
.flext-block-post-carousel.has-post-number .entry::before {
color: inherit;
content: counter(flext-post-number);
font-weight: 700;
line-height: 1;
position: absolute;
right: 2rem;
top: 1.5rem;
z-index: 20;
}
.flext-block-post-carousel.has-post-number .entry:hover::before {
opacity: 0;
transform: translateY(-1rem);
}
.flext-block-post-carousel.has-post-number .has-post-thumbnail .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-1rem);
}
.flext-block-post-carousel.has-post-number .has-post-thumbnail:hover .flext-post-gallery .total-images {
opacity: 1;
transform: translateY(0);
}
.flext-block-post-carousel .content-inner {
padding: 2rem;
}
.flext-block-post-carousel .has-post-thumbnail .content-inner {
background-image: linear-gradient(to top, rgba(30, 30, 30, 0.9) 0%, rgba(30, 30, 30, 0.3) 56.5%, rgba(30, 30, 30, 0.021) 91%, rgba(30, 30, 30, 0.008) 95.2%, rgba(30, 30, 30, 0.002) 98.2%, transparent 100%);
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
padding-top: 0;
position: absolute;
right: 0;
}
.flext-block-post-carousel .has-post-thumbnail .entry-title {
color: inherit;
margin: 0;
}
.flext-block-post-carousel .has-post-thumbnail .entry-title a {
display: inline-block;
display: -webkit-box;
font-weight: 600;
line-height: 1.3;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (min-width: 1024px) {
.flext-block-post-carousel .post-carousel-header {
flex-flow: row nowrap;
gap: 4rem;
margin-bottom: 3rem;
}
.flext-block-post-carousel .block-title {
max-width: 70%;
}
}
@media (prefers-reduced-motion: reduce) {
.flext-block-section.flext-has-background-parallax .flext-block-section-background {
background-attachment: scroll;
}
}.flext-categories .category-item {
padding: 2rem;
}
.flext-categories.has-thumbnail .category-item {
overflow: hidden;
padding: 0;
}
.flext-categories a {
align-items: center;
display: flex;
height: 100%;
outline: none;
overflow: hidden;
width: 100%;
}
.flext-categories.has-thumbnail a {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
position: relative;
}
.flext-categories.has-thumbnail a::before {
background: #000;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0.4;
position: absolute;
right: 0;
transition: opacity 0.3s;
top: 0;
z-index: 1;
}
.flext-categories.has-thumbnail a:hover::before,
.flext-categories.has-thumbnail a:focus::before {
opacity: 0.25;
}
.flext-categories.has-thumbnail a img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.flext-categories a span {
display: inline-block;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 2;
}
.flext-categories.has-thumbnail a span {
padding: 1rem 1.5rem;
}
.flext-categories .posts-count {
align-items: center;
bottom: 0;
display: inline-flex;
margin-left: 1.5rem;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.flext-categories.has-thumbnail .posts-count {
color: #fff;
padding: 1rem 1.5rem;
} .flext-widget-categories .flext-categories {
list-style: none;
margin: 0;
padding: 0;
}
.flext-widget-categories .flext-categories .category-item {
align-items: center;
display: flex;
justify-content: space-between;
line-height: 1.6;
margin-bottom: 1.5rem;
position: relative;
}
.flext-widget-categories .flext-categories .category-item:last-child {
margin-bottom: 0;
}
.flext-widget-categories .flext-categories a span {
max-width: 85%;
} .flext-block-categories.is-style-plain {
display: flex;
gap: 2rem;
flex-flow: row wrap;
}
.flext-block-categories.is-style-plain .category-item {
display: inline-block;
padding: 0;
}
.flext-block-categories.is-style-plain .category-item a,
.flext-block-categories.is-style-plain .category-item a span {
display: inline;
}
.flext-block-categories.is-style-plain .posts-count {
font-weight: 400;
display: inline-block;
margin: 0;
padding: 0.5rem 0.8rem 0;
position: relative;
vertical-align: top;
}
.flext-block-categories.flext-carousel .flext-button-prev {
left: 1.5rem;
transition: opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel .flext-button-next {
right: 1.5rem;
transition: opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel .flext-button-disabled {
opacity: 0;
} @media (min-width: 1024px) {
.flext-block-categories.flext-carousel .flext-button-prev {
left: 0;
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel:hover .flext-button-prev:not(.flext-button-disabled) {
transform: translate(1.5rem, -50%);
opacity: 1;
}
.flext-block-categories.flext-carousel .flext-button-next {
opacity: 0;
right: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}
.flext-block-categories.flext-carousel:hover .flext-button-next:not(.flext-button-disabled) {
transform: translate(-1.5rem, -50%);
opacity: 1;
}
.flext-block-categories.flext-carousel.alignfull .flext-button-prev {
left: 1.5rem;
}
.flext-block-categories.flext-carousel.alignfull .flext-button-next {
right: 1.5rem;
}
}.lazyload {
background-color: #ced4da;
clip-path: inset(0 0 0 0);
filter: blur(10px);
transition: 0.25s filter linear;
}
.lazyload:not([src]) {
visibility: hidden;
}
.lazyload.flext-lazyload-unstyled {
background-color: transparent;
animation: none;
}
.lazyload:not(.flext-lqip) {
height: auto;
width: auto;
}
.lazyloaded {
filter: blur(0);
}.flext-lightbox-login-modal .flext-lightbox-container {
max-width: 45rem;
}
.flext-form-nav-links {
align-items: center;
display: flex;
gap: 1.5rem;
justify-content: space-between;
}.flext-live-search {
height: 100%;
width: 100%;
}
.flext-live-search-form {
height: 100%;
margin: 0;
overflow: hidden;
padding: 0 1.5rem;
}
.flext-live-search-form .live-search-field-wrapper {
align-items: center;
display: flex;
height: 100%;
position: relative;
width: 100%;
}
.flext-live-search-form .live-search-field {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
position: relative;
width: 100%;
}
.live-search-field input {
border: none;
flex-grow: 1;
width: 100%;
}
.live-search-field .flext-icon-button {
display: none;
font-size: 90%;
height: 2rem;
line-height: 1;
margin: 0;
padding: 0;
position: absolute;
right: 1rem;
width: 2rem;
}
.searching .live-search-field .flext-loader {
display: block;
}
.flext-live-search.is-active:not(.searching) .live-search-field .clear-search-button {
display: block;
}
.flext-live-search-form .close-search-button {
height: 100%;
margin: 1rem 0 1rem 0.5rem;
padding: 0 1.5rem;
}
.live-search-results-wrapper {
opacity: 0;
overflow: hidden;
position: relative;
transition: opacity 0.3s, visibility 0.3s;
visibility: hidden;
}
.flext-live-search.is-active .live-search-results-wrapper {
opacity: 1;
visibility: visible;
}
.live-search-results {
overflow-y: scroll;
}
.flext-live-search .search-results-list .item-meta {
display: block;
font-size: 1.3rem;
height: 1.5rem;
line-height: 1.5rem;
margin: 0;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.flext-live-search .live-search-results,
.flext-live-search .search-more {
position: relative;
}
.flext-live-search .search-more {
height: 6.5rem;
}
.flext-live-search .search-status,
.flext-live-search .search-more a {
align-items: center;
display: flex;
height: 100%;
padding: 2rem;
width: 100%;
}
.flext-live-search .search-more a {
border-top: 1px solid rgba(0, 0, 0, 0.08);
color: inherit;
outline: none;
}.flext-unlike-button i {
color: #cc2020;
}
.flext-post-likes.flext-is-loading::before {
background: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.flext-post-likes.flext-is-loading::after {
animation: flext-spin 1s infinite linear;
border: 2px solid #b1b1b1;
border-radius: 50%;
border-top-color: transparent;
content: "";
height: 2rem;
left: 50%;
margin: -1rem;
outline: 1px solid transparent;
position: absolute;
top: 50%;
width: 2rem;
z-index: 9;
}html {
box-sizing: border-box;
font-size: 62.5%; line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
*,
*::before,
*::after { box-sizing: inherit;
}
body {
margin: 0;
word-wrap: break-word;
}
hr {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.15);
border: 0;
box-sizing: content-box;
height: 1px;
overflow: visible;
}
pre {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 1rem;
font-family: var(--evie-font-monospace);
margin: 0;
max-width: 100%;
overflow: auto;
padding: 1.5rem 2rem;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: none;
}
b,
strong {
font-weight: 600;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
vertical-align: super;
}
img {
border-style: none;
height: auto;
max-width: 100%;
position: relative;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: inherit;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button::-moz-focusring,
[type="button"]::-moz-focusring,
[type="reset"]::-moz-focusring,
[type="submit"]::-moz-focusring {
outline: 1px dotted inherit;
}
fieldset {
padding: 1rem 2rem 2rem;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0 1rem;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} :root { --evie-font-primary: "Poppins", "Helvetica", "Arial", sans-serif;
--evie-font-secondary: -apple-system, blinkmacsystemfont, "Roboto", "Segoe UI", helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--evie-font-highlight: "Noto Serif", serif;
--evie-font-monospace: "Cutive Mono", monospace;
--evie-font-size-base: 1.64rem;
--evie-font-size-xs: 1.24rem;
--evie-font-size-sm: 1.4rem;
--evie-font-size-md: 1.8rem;
--evie-font-size-lg: 2rem;
--evie-font-size-xl: 2.4rem;
--evie-font-size-xxl: 3.2rem;
--evie-font-size-xxxl: 8.4vw; --evie-font-size-h1: 3.4rem;
--evie-font-size-h2: 3rem;
--evie-font-size-h3: 2.6rem;
--evie-font-size-h4: 2.2rem;
--evie-font-size-h5: 2rem;
--evie-font-size-h6: 1.8rem; --evie-header-menu-height: 6.5rem;
--evie-header-menu-gap: 6.5rem;
--evie-admin-bar-height: 0px;  --evie-spacing-xs: 1rem;
--evie-spacing-sm: 2rem;
--evie-spacing-md: 3rem;
--evie-spacing-lg: 4rem;
--evie-spacing-horizontal: 2rem;
--evie-spacing-vertical: 4rem;
--evie-alignright-margin: 0;
--evie-alignleft-margin: 0; --evie-content-width: 78rem;
--evie-wide-width: 120rem;
--evie-full-width: 140rem;
--evie-sidebar-width: 100%; --evie-grid-columns: 1;
--evie-grid-gap: var(--evie-spacing-horizontal); --evie-scrollbar-width: 0;
--evie-transition-ease: cubic-bezier(0.46, 0.03, 0.52, 0.96);
--evie-transition-delay: 0.1s;
}  :root,
.has-scheme-light,
.flext-has-scheme-light {
--evie-color-black-rgb: 20, 20, 20;
--evie-color-white-rgb: 255, 255, 255;
--evie-color-black: rgb(var(--evie-color-black-rgb));
--evie-color-white: rgb(var(--evie-color-white-rgb));
--evie-color-primary-rgb: 244, 86, 86;
--evie-color-on-primary-rgb: var(--evie-color-white-rgb);
--evie-color-secondary-rgb: 164, 85, 244;
--evie-color-on-secondary-rgb: var(--evie-color-white-rgb);
--evie-color-surface-rgb: var(--evie-color-white-rgb);
--evie-color-on-surface-rgb: var(--evie-color-black-rgb);
--evie-color-header: rgba(var(--evie-color-on-surface-rgb), 0.03);
--evie-color-on-header: rgba(var(--evie-color-on-surface-rgb), 0.75);
--evie-color-menu-rgb: var(--evie-color-surface-rgb);
--evie-color-on-menu-rgb: var(--evie-color-on-surface-rgb);
--evie-color-background-rgb: var(--evie-color-white-rgb);
--evie-color-red-rgb: 237, 79, 76;
--evie-color-alert: #d00c09;
--evie-color-success: #00a32a;
--evie-color-info: #499eca; --wp--preset--color--grey: rgba(var(--evie-color-on-surface-rgb), 0.6);
} .has-scheme-dark,
.flext-has-scheme-dark {
--evie-color-black-rgb: 15, 15, 15;
--evie-color-white-rgb: 245, 245, 245;
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
--evie-color-header: rgba(var(--evie-color-black-rgb), 0.2);
--evie-color-on-header: rgb(var(--evie-color-on-surface-rgb));
--evie-color-menu-rgb: var(--evie-color-black-rgb);
--evie-color-on-menu-rgb: var(--evie-color-on-surface-rgb);
--evie-color-background-rgb: 33, 33, 33;
--evie-color-black: rgb(var(--evie-color-black-rgb));
--evie-color-white: rgb(var(--evie-color-white-rgb)); --wp--preset--color--grey: rgba(var(--evie-color-on-surface-rgb), 0.6);
}  .has-text-mode-light {
--evie-color-on-surface-rgb: 245, 245, 245;
--evie-color-on-header: rgb(var(--evie-color-on-surface-rgb));
}
.has-text-mode-dark {
--evie-color-on-surface-rgb: 17, 17, 17;
--evie-color-on-header: rgba(var(--evie-color-on-surface-rgb), 0.75);
}
.admin-bar {
--evie-admin-bar-height: 46px;
}
.desktop-menu {
--evie-header-menu-height: 9.5rem;
--evie-header-menu-gap: 9.5rem;
}
.transparent-menu {
--evie-header-menu-gap: 0px; }  @font-face {
font-family: "Noto Serif";
font-style: normal;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/noto-serif-regular.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/noto-serif-regular.woff) format("woff");
} @font-face {
font-family: "Cutive Mono";
font-style: normal;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/cutive-mono-regular.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/cutive-mono-regular.woff) format("woff");
} @font-face {
font-family: Roboto;
font-style: normal;
font-weight: 300;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-300.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-300.woff) format("woff");
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 300;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-300italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-300italic.woff) format("woff");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-regular.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-regular.woff) format("woff");
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-italic.woff) format("woff");
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 700;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-700.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-700.woff) format("woff");
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 700;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-700italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/roboto-700italic.woff) format("woff");
} @font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-300.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-300.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 300;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-300italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-300italic.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-regular.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-regular.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 400;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-italic.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-700.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-700.woff) format("woff");
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 700;
src:
local(""),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-700italic.woff2) format("woff2"),
url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/poppins-700italic.woff) format("woff");
}
body {
font-family: var(--evie-font-secondary);
font-size: var(--evie-font-size-base);
line-height: 1.688;
letter-spacing: 0.02rem;
-webkit-font-smoothing: antialiased;
}
a {
color: rgb(var(--evie-color-primary-rgb));
text-decoration: none;
transition: color 0.3s var(--evie-transition-ease);
outline: none;
}
a:hover,
a:focus {
color: rgb(var(--evie-color-secondary-rgb));
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgb(var(--evie-color-on-surface-rgb));
font-family: var(--evie-font-primary);
font-weight: 600;
line-height: 1.25;
letter-spacing: 0;
margin: 0 0 1.5rem;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: 700;
}
h1 {
font-size: var(--evie-font-size-h1);
}
h2 {
font-size: var(--evie-font-size-h2);
}
h3 {
font-size: var(--evie-font-size-h3);
}
h4 {
font-size: var(--evie-font-size-h4);
}
h5 {
font-size: var(--evie-font-size-h5);
}
h6 {
font-size: var(--evie-font-size-h6);
}
p {
margin: 0 0 1.5rem 0;
}
cite,
dfn,
em,
i {
font-style: italic;
}
em {
font-family: var(--evie-font-highlight);
font-weight: 400;
}
em strong {
font-weight: 700;
}
blockquote {
clear: both;
font-family: var(--evie-font-highlight);
font-size: var(--evie-font-size-lg);
font-style: normal;
font-weight: 400;
line-height: 1.4;
margin: 0;
padding-top: 2rem;
position: relative;
z-index: 0;
}
blockquote::before {
content: "\e80f";
font-family: evie, sans-serif;
font-size: 9rem;
font-style: normal;
line-height: 1;
opacity: 0.14;
position: absolute;
top: 1rem;
z-index: 0;
}
blockquote cite {
color: inherit;
display: block;
font-family: var(--evie-font-secondary);
font-size: var(--evie-font-size-sm);
font-weight: 400;
margin-top: 2rem;
opacity: 0.8;
}
address {
margin: 0 0 1.5rem;
}
code,
kbd,
samp,
tt,
var {
font-family: var(--evie-font-monospace);
font-size: var(--evie-font-size-base);
}
code {
color: inherit;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: rgba(var(--evie-color-primary-rgb), 0.3);
padding: 0 0.2rem;
text-decoration: none;
}
mark {
color: inherit;
text-decoration: none;
}
big {
font-size: 125%;
} @font-face {
font-family: evie;
font-style: normal;
font-weight: 400;
src: url(//www.mopaed.at/wp-content/themes/evie/assets/fonts/evie.woff) format("woff");
}
[class^="evie-ico-"]::before,
[class*=" evie-ico-"]::before {
display: inline-block;
font-family: evie, sans-serif;
font-style: normal;
font-weight: 400; text-align: center;
text-decoration: inherit; font-variant: normal;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 1em;
}
.evie-ico-onbackorder::before {
content: "\e890";
}
.evie-ico-protect::before {
content: "\e820";
}
.evie-ico-sortby::before {
content: "\e817";
}
.evie-ico-list::before {
content: "\e833";
}
.evie-ico-artical::before {
content: "\e830";
}
.evie-ico-cancel::before {
content: "\e829";
}
.evie-ico-filter::before {
content: "\e816";
}
.evie-ico-light::before {
content: "\e814";
}
.evie-ico-dark::before {
content: "\e815";
}
.evie-ico-eye-hide::before {
content: "\e884";
}
.evie-ico-eye::before {
content: "\e883";
}
.evie-ico-facebook::before {
content: "\e811";
}
.evie-ico-pinterest::before {
content: "\e812";
}
.evie-ico-twitter::before {
content: "\e813";
}
.evie-ico-whatsapp::before {
content: "\e810";
}
.evie-ico-like::before {
content: "\e825";
}
.evie-ico-unlike::before {
content: "\e826";
}
.evie-ico-stock::before {
content: "\e889";
}
.evie-ico-outofstock::before {
content: "\e886";
}
.evie-ico-mail::before {
content: "\e888";
}
.evie-ico-logout::before {
content: "\e887";
}
.evie-ico-user::before {
content: "\e885";
}
.evie-ico-login::before {
content: "\e882";
}
.evie-ico-coupon::before {
content: "\e880";
}
.evie-ico-delivery::before {
content: "\e881";
}
.evie-ico-info::before {
content: "\e917";
}
.evie-ico-search::before {
content: "\e82c";
}
.evie-ico-check::before {
content: "\e831";
}
.evie-ico-sticky-post::before {
content: "\e100";
}
.evie-ico-reply::before {
content: "\e802";
}
.evie-ico-title-za::before {
content: "\e901";
}
.evie-ico-title::before {
content: "\e902";
}
.evie-ico-date-new::before {
content: "\e903";
}
.evie-ico-globe::before {
content: "\e921";
}
.evie-ico-spinner::before {
content: "\e91f";
}
.evie-ico-resize::before {
content: "\e837";
}
.evie-ico-zoom-out::before {
content: "\e92c";
}
.evie-ico-share::before {
content: "\e906";
}
.evie-ico-play::before {
content: "\e91b";
}
.evie-ico-back::before {
content: "\e803";
}
.evie-ico-date::before {
content: "\e915";
}
.evie-ico-resize-full::before {
content: "\e836";
}
.evie-ico-archive::before {
content: "\e85e";
}
.evie-ico-arrow-down::before {
content: "\e90e";
}
.evie-ico-arrow-left::before {
content: "\e912";
}
.evie-ico-arrow-right::before {
content: "\e913";
}
.evie-ico-arrow-up::before {
content: "\e905";
}
.evie-ico-attention::before {
content: "\e83e";
}
.evie-ico-author::before {
content: "\e916";
}
.evie-ico-bookmark::before {
content: "\e841";
}
.evie-ico-comment::before {
content: "\e809";
}
.evie-ico-hashtag::before {
content: "\e910";
}
.evie-ico-down::before {
content: "\e845";
}
.evie-ico-left::before {
content: "\e842";
}
.evie-ico-right::before {
content: "\e843";
}
.evie-ico-up::before {
content: "\e844";
}
.evie-ico-more::before {
content: "\e840";
}
.evie-ico-pencil::before {
content: "\e80a";
}
.evie-ico-quotes::before {
content: "\e80f";
}
.evie-ico-setting::before {
content: "\e82f";
}
.evie-ico-shopping-bag::before {
content: "\e82d";
}
.evie-ico-star-empty::before {
content: "\e807";
}
.evie-ico-star::before {
content: "\e806";
}
.evie-ico-trash::before {
content: "\e599";
}
.evie-ico-zoom-in::before {
content: "\e91c";
}
.evie-ico-ok-circle::before {
content: "\e832";
}
.evie-ico-cart::before {
content: "\e848";
}
.evie-ico-pause::before {
content: "\e904";
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
word-wrap: normal; }
.screen-reader-text:focus {
background-color: rgb(var(--evie-color-surface-rgb));
border-radius: 0.5rem;
box-shadow: 0 0 2px 2px rgba(var(--evie-color-surface-rgb), 0.6);
clip: auto;
color: rgb(var(--evie-color-on-surface-rgb));
display: block;
font-size: var(--evie-font-size-sm);
font-weight: 600;
height: auto;
left: 0.5rem;
line-height: normal;
padding: 1.5rem 2.3rem 1.4rem;
text-decoration: none;
top: 0.5rem;
width: auto;
z-index: 100000; } .skip-link {
left: -9999rem;
text-decoration: underline;
top: 2.5rem;
}
.skip-link:focus {
display: block;
font-size: var(--evie-font-size-sm);
font-weight: 600;
left: 1rem;
line-height: normal;
padding: 1.5rem 2rem 1.5rem;
right: auto;
text-decoration: none;
top: 1rem;
z-index: 100000;
}  q::before,
q::after {
content: "";
}
ul {
list-style: disc;
margin: 0 0 1.5rem 0;
padding: 0 0 0 2rem;
}
ol {
list-style: decimal;
margin: 0 0 1.5rem 0;
padding: 0 0 0 2.5rem;
}
ul li,
ol li {
margin: 0 0 0.6rem;
}
li > ol,
li > ul {
margin: 0.5rem 0 0;
}
dt {
font-weight: 600;
}
dd {
margin: 0 1.5rem 1.5rem;
}
figure {
margin: 0;
}
table {
border-collapse: collapse;
margin: 0 0 1.5rem;
width: 100%;
}
th,
td {
border-bottom: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
padding: 1rem 0.5rem;
text-align: inherit;
}
thead th {
border-bottom: 2px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
iframe {
border: none;
display: block;
margin: auto;
}
video {
outline: none;
} .entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
}
.mejs-container:not(.alignfull):not(.alignwide) {
max-width: var(--evie-content-width);
}
.wp-caption {
font-size: 1.1rem;
margin: 0;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 1.1rem 0;
text-align: center;
}
figcaption::-webkit-scrollbar {
width: 0;
}
.gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.gallery-item {
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 0 0.5rem 0.5rem 0;
position: relative;
width: 100%;
}
.gallery-item .gallery-icon {
align-items: flex-end;
display: flex;
height: 100%;
margin: 0;
}
.gallery-item .gallery-icon a {
position: relative;
}
.gallery-item .gallery-icon a,
.gallery-item .gallery-icon img {
flex: 1;
height: 100%;
line-height: 0;
object-fit: cover;
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.333333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
.gallery-columns-10 .gallery-item {
width: 10%;
}
.gallery-columns-11 .gallery-item {
width: 9.09%;
}
.gallery-columns-12 .gallery-item {
width: 8.33%;
}
.gallery-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent);
bottom: 0.5rem;
color: #fff;
font-size: 1.3rem;
display: block;
left: 0;
max-height: 100%;
overflow: scroll;
padding: 4rem 1rem 0;
position: absolute;
right: 0.5rem;
}
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption,
.gallery-columns-11 .gallery-caption,
.gallery-columns-12 .gallery-caption {
display: none;
} .evie-grid {
display: grid;
gap: var(--evie-grid-gap);
grid-template-columns: repeat(var(--evie-grid-columns), 1fr);
width: 100%;
} .content-loader {
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s, visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
visibility: hidden;
z-index: 9999;
}
.content-loader.is-loading {
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
visibility: visible;
}
.content-loader.has-background-overlay .loader-background {
background: rgba(var(--evie-color-background-rgb), 1);
bottom: 0;
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
transition: clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, -webkit-clip-path 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
}
.content-loader.has-background-overlay.is-loading .loader-background {
-webkit-clip-path: circle(150% at 50% 50%);
clip-path: circle(150% at 50% 50%);
}
.content-loader.has-background-overlay.is-loaded .loader-background {
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
}
.loading-icon {
align-items: center;
border-radius: 50%;
display: inline-flex;
height: 20rem;
justify-content: center;
opacity: 0;
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
width: 20rem;
}
.content-loader.is-loading .loading-icon {
opacity: 1;
}
.content-loader.is-loaded .loading-icon * {
animation-play-state: paused;
}
.content-loader .loading-icon > * {
z-index: 9;
} .spinner-windmill {
height: 6rem;
position: relative;
width: 6rem;
}
.windmill-icon {
animation: evie-windmill-rotate 1s linear infinite;
transform-origin: center;
}
@keyframes evie-windmill-rotate {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
} .spinner-moon {
border-radius: 50%;
height: 10rem;
overflow: hidden;
position: relative;
width: 10rem;
}
.loader-moon-frontcloud {
animation: evie-right-to-left 5s linear infinite;
}
.loader-moon-star-group > path {
animation: evie-star-blinker 2s linear infinite;
opacity: 0.5;
stroke-width: 0;
}
.loader-moon-star-group > path:nth-child(2n+2) {
animation-delay: -0.5s;
}
.loader-moon-star-group > path:nth-child(2n+3) {
animation-delay: -1.25s;
}
.loader-moon-backcloud {
animation: evie-left-to-right 5s linear infinite;
}
@keyframes evie-star-blinker {
50% {
opacity: 1;
stroke-width: 2;
}
}
@keyframes evie-left-to-right {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes evie-right-to-left {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
} .spinner-ripple {
height: 6rem;
position: relative;
width: 6rem;
}
.spinner-ripple span {
animation: evie-spinner-ripple 1s cubic-bezier(0.21, 0.53, 0.56, 0.8) 0s infinite both;
border: 5px solid rgb(var(--evie-color-on-surface-rgb));
border-radius: 50%;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.spinner-ripple span:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes evie-spinner-ripple {
0% {
opacity: 1;
transform: scale(0);
}
70% {
opacity: 0.8;
}
100% {
opacity: 0;
transform: scale(1);
}
} .spinner-water-drop {
animation: evie-water-ripple 2s infinite;
background: rgba(var(--evie-color-on-surface-rgb), 0.5);
border: 0 solid rgba(var(--evie-color-on-surface-rgb), 0.5);
border-radius: 50%;
height: 0;
left: 50%;
position: absolute;
top: 60%;
transform: translate(-50%, -50%) rotateX(60deg);
transform-origin: center;
transform-style: preserve-3d;
width: 0;
}
.spinner-water-drop::before {
animation: evie-water-ripple-2 2s infinite;
background: rgb(var(--evie-color-on-surface-rgb));
border: 0 solid rgba(var(--evie-color-on-surface-rgb), 0.5);
border-radius: 50%;
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
top: 50%;
width: 2px;
}
.spinner-water-drop::after {
animation: evie-water-drop 2s infinite;
background: rgb(var(--evie-color-on-surface-rgb));
border-radius: 2rem;
border-top-left-radius: 0;
content: "";
display: block;
height: 10px;
left: 50%;
opacity: 0;
position: absolute;
transform: rotateX(-60deg) translate(-50%, 3em) rotateZ(45deg);
top: 0;
width: 10px;
}
@keyframes evie-water-drop {
0% {
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -8rem) rotateZ(45deg);
}
15% {
opacity: 1;
}
35% {
opacity: 1;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
36% {
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
100% {
opacity: 0;
transform: rotateX(-60deg) translate(-50%, -1rem) rotateZ(45deg);
}
}
@keyframes evie-water-ripple {
0% {
border-width: 0;
height: 0;
width: 0;
}
35% {
border-width: 0;
height: 0;
width: 0;
}
65% {
background: rgba(var(--evie-color-on-surface-rgb), 0.5);
border-width: 0.6rem;
}
85% {
background: rgba(var(--evie-color-on-surface-rgb), 0);
border-width: 0;
height: 7rem;
width: 7rem;
}
100% {
background: rgba(var(--evie-color-on-surface-rgb), 0);
border-width: 0;
height: 7rem;
width: 7rem;
}
}
@keyframes evie-water-ripple-2 {
0% {
border-width: 0;
height: 0;
width: 0;
}
45% {
border-width: 0;
height: 0;
width: 0;
}
70% {
background: rgb(var(--evie-color-on-surface-rgb));
border-width: 1rem;
}
90% {
background: rgba(var(--evie-color-on-surface-rgb), 0);
border-width: 0;
height: 4rem;
width: 4rem;
}
100% {
background: rgba(var(--evie-color-on-surface-rgb), 0);
border-width: 0;
height: 4rem;
width: 4rem;
}
} .loader-logo::before {
animation: evie-spinner-ripple 1s linear 0.2s infinite both;
background-color: rgba(var(--evie-color-on-surface-rgb), 0.25);
border-radius: 50%;
bottom: 0;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
}
.loader-logo::after {
border-radius: 50%;
box-shadow: 0 0 2rem rgb(var(--evie-color-on-surface-rgb), 0.1);
content: "";
position: absolute;
height: 50%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
}
.content-loader.is-loaded .loader-logo::after {
animation-play-state: paused;
}
.spinner-logo {
align-items: center;
display: inline-flex;
height: 15rem;
justify-content: center;
position: relative;
width: 15rem;
}
.spinner-logo .spinner-image {
border-radius: 50%;
display: inline-block;
} .evie-list {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
background: rgb(var(--evie-color-surface-rgb));
display: block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
.evie-list > li {
align-items: center;
border-bottom: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.08);
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
min-height: 1.5rem;
min-width: 20rem;
padding: 0 2rem;
position: relative;
}
.evie-list > li::before {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
transition: opacity 15ms linear;
top: 0;
width: 100%;
}
.evie-list > li:hover::before {
opacity: 0.1;
}
.evie-list > li.is-selected::before {
opacity: 0.2;
}
.evie-list > li a {
color: rgb(var(--evie-color-on-surface-rgb));
}
.evie-list > li > * {
display: flex;
flex-grow: 1;
flex-wrap: nowrap;
align-items: center;
padding: 1rem 0;
position: relative;
width: 100%;
z-index: 1;
}
.evie-list a > i {
display: inline-block;
font-size: 80%;
margin-right: 0.8rem;
padding-left: 1px;
}
.evie-list a > span {
flex: 1;
flex-grow: 8;
overflow: hidden;
text-overflow: ellipsis;
} .evie-menu {
position: relative;
display: inline-block;
}
.evie-menu ul {
border-radius: 0.5rem;
box-shadow:
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-sizing: border-box;
list-style: none;
max-width: calc(100vw - 3rem);
margin: 0;
min-width: 17rem;
opacity: 0;
overflow: hidden;
padding: 0;
position: absolute;
transform: scale(0.8);
transform-origin: top left;
transition:
opacity 0.15s var(--evie-transition-ease),
transform 0.15s var(--evie-transition-ease),
visibility 0.15s var(--evie-transition-ease);
visibility: hidden;
z-index: 99;
}
.evie-menu.align-right ul {
right: 0;
transform-origin: top right;
}
.evie-menu ul.menu-open,
.evie-menu:hover > ul {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.evie-menu ul li {
overflow: visible;
}
.evie-menu ul li a {
overflow: hidden;
white-space: nowrap;
}
.evie-menu ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
max-height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
transition:
opacity 0.15s var(--evie-transition-ease),
transform 0.15s var(--evie-transition-ease),
visibility 0.15s var(--evie-transition-ease);
visibility: hidden;
}
.evie-menu ul ul ul {
transform: translate3d(0, 1rem, 0);
}
.evie-menu > ul > li:hover > ul,
.evie-menu ul ul > li:hover > ul {
overflow: visible;
opacity: 1;
visibility: visible;
max-height: none;
transform: translate3d(0, 0, 0);
}
.evie-menu ul > li > ul {
left: 100%;
top: 0;
}
.evie-menu ul > li.align-right ul {
left: auto;
right: 0;
}
.evie-menu ul ul li.align-right ul {
left: auto;
right: 100%;
}
.evie-menu ul ul li > a {
display: block;
text-decoration: none;
padding: 0.8rem 2rem;
font-size: var(--evie-font-size-sm);
font-weight: 400;
min-width: 18rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 0.15s var(--evie-transition-ease);
} .evie-scroller-wrapper {
overflow: hidden;
position: relative;
}
.evie-scroller {
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
white-space: nowrap;
}
.evie-scroller::-webkit-scrollbar {
display: none;
}
.evie-scroll-arrow {
align-items: center;
background: linear-gradient(90deg, rgba(var(--evie-color-background-rgb), 1) 0%, rgba(var(--evie-color-background-rgb), 1) 50%, rgba(var(--evie-color-background-rgb), 0) 100%);
cursor: pointer;
display: flex;
font-size: var(--evie-font-size-lg);
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
visibility: hidden;
width: 6rem;
z-index: 5;
}
.evie-scroll-arrow.evie-scroll-forward {
background: linear-gradient(90deg, rgba(var(--evie-color-background-rgb), 0) 0%, rgba(var(--evie-color-background-rgb), 1) 50%, rgba(var(--evie-color-background-rgb), 1) 100%);
justify-content: flex-end;
left: auto;
right: 0;
}
.evie-scroll-arrow.is-scroll-active {
opacity: 1;
visibility: visible;
}  .flext-lightbox-gallery {
transform: translateZ(5px);
}
.flext-lightbox-gallery .pswp__caption a {
color: rgb(var(--evie-color-primary-rgb));
}
.flext-lightbox-gallery .pswp__caption a:hover {
color: rgb(var(--evie-color-white-rgb));
}
.flext-lightbox-gallery .pswp__button {
color: rgb(var(--evie-color-white-rgb));
}
.flext-lightbox-gallery.pswp--svg .pswp__button--arrow--left,
.flext-lightbox-gallery.pswp--svg .pswp__button--arrow--right {
background-color: rgb(var(--evie-color-black-rgb));
color: rgb(var(--evie-color-white-rgb));
}
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--left,
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--right {
background-image: linear-gradient(45deg, rgb(var(--evie-color-white-rgb)), rgb(var(--evie-color-white-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--evie-color-black-rgb));
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--left:hover,
.flext-lightbox-gallery.pswp--has_mouse .pswp__button--arrow--right:hover {
background-position: 100% 50%;
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-lightbox-gallery .pswp__button--arrow--left {
left: calc(var(--evie-spacing-horizontal) / 2);
}
.flext-lightbox-gallery .pswp__button--arrow--right {
right: calc(var(--evie-spacing-horizontal) / 2);
} .flext-lightbox {
transform: translateZ(5px);
}
.flext-lightbox .flext-loader::before {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.4);
border-top-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
}
.flext-lightbox:not(.flext-lightbox-fullscreen) .flext-lightbox-container {
margin: var(--evie-spacing-horizontal);
}
.flext-lightbox .flext-lightbox-content {
background: rgb(var(--evie-color-surface-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
border-radius: 1rem;
padding: var(--evie-spacing-md);
}
.flext-lightbox .flext-lightbox-title {
background: rgb(var(--evie-color-black-rgb)) url(//www.mopaed.at/wp-content/themes/evie/assets/images/login-lightbox.jpg) no-repeat top center;
background-size: cover;
-webkit-clip-path: ellipse(75% 60% at 50% 40%);
clip-path: ellipse(75% 60% at 50% 40%);
color: rgb(var(--evie-color-white-rgb));
margin: calc(var(--evie-spacing-md) * -1);
margin-bottom: var(--evie-spacing-sm);
padding: var(--evie-spacing-md);
}
.flext-lightbox.flext-lightbox-fullscreen .flext-lightbox-close {
font-size: var(--evie-font-size-md);
height: var(--evie-spacing-md);
margin: var(--evie-spacing-xs);
width: var(--evie-spacing-md);
}
.flext-lightbox .flext-lightbox-close {
background-color: rgba(var(--evie-color-primary-rgb), 0.5);
border: 1px solid rgba(var(--evie-color-primary-rgb), 0.1);
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-lightbox .flext-lightbox-close:hover {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
} .flext-lightbox.flext-share-modal .flext-lightbox-container {
max-width: 65.5rem;
}
.flext-lightbox.flext-share-modal .flext-lightbox-content {
padding: 0;
}
.flext-lightbox.flext-share-modal .modal-image {
align-items: center;
-webkit-clip-path: circle(200% at 50% -200%);
clip-path: circle(200% at 50% -200%);
max-height: 48.5vw;
}
.flext-share-modal .modal-form {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.12);
color: rgba(var(--evie-color-on-surface-rgb), 0.8);
}
.flext-share-modal .modal-form:hover {
color: rgba(var(--evie-color-on-surface-rgb), 1);
}
.flext-share-modal .modal-form .modal-permalink {
background: none;
border-radius: 0;
}
.flext-share-modal .modal-links a {
background-image: linear-gradient(45deg, transparent, transparent, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: inherit;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-share-modal .modal-links a:hover {
background-position: 100% 50%;
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-share-modal .modal-form button {
justify-content: flex-end;
line-height: 0;
}
.flext-share-modal .modal-form button:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.flext-share-modal .modal-form .copy-clipboard .flext-ico-check {
color: var(--evie-color-success);
transition: color 0.3s;
}
.flext-author-follow-modal .flext-author-followers-list,
.flext-author-follow-modal .flext-author-following-list {
height: calc(100% - (var(--evie-spacing-md) * 2 ));
} .flext-lightbox-login-modal form > p {
margin-bottom: var(--evie-spacing-xs);
position: relative;
}
.flext-lightbox-login-modal .login-username input,
.flext-lightbox-login-modal .login-password input {
padding-left: 6rem;
}
.flext-lightbox-login-modal .login-username::before,
.flext-lightbox-login-modal .login-password::before {
background: rgba(var(--evie-color-on-surface-rgb), 0.8);
border-radius: 0.5rem 0 0 0.5rem;
bottom: 0;
color: rgb(var(--evie-color-surface-rgb));
content: "\e885";
display: inline-block;
font-family: evie, sans-serif;
height: 4rem;
left: 0;
line-height: 4rem;
padding: 0 1.5rem;
position: absolute;
}
.flext-lightbox-login-modal .login-password::before {
content: "\e882";
}
.flext-lightbox-login-modal .login-submit .button-primary {
align-items: center;
justify-content: center;
height: 4rem;
width: 100%;
}
.flext-lightbox-login-modal .flext-form-nav-links {
margin-top: 1rem;
}
.flext-form-nav-links a {
align-items: center;
background-image: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.5rem;
color: rgb(var(--evie-color-surface-rgb));
display: inline-flex;
flex: 1 0 auto;
height: 4rem;
justify-content: center;
padding: 0 1.5rem;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-form-nav-links a:hover {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
} .flext-author-follow-list .pagination a.flext-is-loading::after {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.25);
border-top-color: transparent;
} form {
position: relative;
} [type="reset"],
[type="submit"],
[type="submit"].is-primary {
background: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border: none;
border-radius: 0.5rem;
color: rgb(var(--evie-color-on-primary-rgb));
cursor: pointer;
font-weight: 400;
height: 4rem;
letter-spacing: 0.2rem;
line-height: 1.5;
margin: 0;
outline: none;
overflow: hidden;
padding: 0 4rem;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
transition: background-position 0.3s var(--evie-transition-ease);
vertical-align: middle;
white-space: nowrap;
}
[type="reset"]:hover,
[type="submit"]:hover,
[type="reset"]:focus,
[type="submit"]:focus,
[type="reset"]:active,
[type="submit"]:active,
[type="submit"].is-primary:hover,
[type="submit"].is-primary:active {
background-position: 100% 0;
}
button,
.evie-button {
align-items: center;
background: none;
border: none;
color: inherit;
cursor: pointer;
display: inline-flex;
flex-flow: row wrap;
justify-content: center;
line-height: 1.5;
outline: none;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
text-overflow: ellipsis;
z-index: 1;
}
[type="reset"]:disabled,
[type="submit"]:disabled,
button:disabled,
.evie-button:disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.evie-button > * {
display: inline-block;
line-height: 1;
margin: 0.25rem;
position: relative;
white-space: nowrap;
z-index: 1;
}
.evie-outlined {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.3);
color: inherit;
padding: 0.5rem 1.5rem;
transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}
.evie-outlined:hover {
background-color: rgb(var(--evie-color-on-surface-rgb));
color: rgb(var(--evie-color-surface-rgb));
}
.evie-outlined.is-primary {
border-color: rgba(var(--evie-color-primary-rgb), 0.3);
}
.evie-outlined.is-primary:hover {
border-color: rgba(var(--evie-color-primary-rgb), 0.3);
color: rgb(var(--evie-color-on-primary-rgb));
}
.evie-rounded {
border-radius: 0.5rem;
}
.evie-unelevated {
background: rgb(var(--evie-color-on-surface-rgb));
color: rgb(var(--evie-color-surface-rgb));
}
.evie-unelevated.is-primary:hover {
background: rgba(var(--evie-color-primary-rgb), 0.5);
color: rgb(var(--evie-color-on-primary-rgb));
} .evie-icon-button {
align-items: center;
cursor: pointer;
border: none;
box-sizing: border-box;
display: inline-flex;
flex-wrap: wrap;
font-size: 140%;
height: 5rem;
justify-content: center;
outline: none;
padding: 1rem;
position: relative;
text-decoration: none;
text-align: center;
transition: color 0.25s;
-webkit-user-select: none;
user-select: none;
width: 5rem;
}
.evie-icon-button:hover,
.evie-icon-button:focus {
color: rgb(var(--evie-color-on-secondary-rgb));
}
.evie-icon-button::before {
background: rgb(var(--evie-color-secondary-rgb));
content: "";
height: 100%;
opacity: 0;
position: absolute;
transition: opacity 0.25s;
width: 100%;
}
.evie-icon-button:hover::before,
.evie-icon-button:focus::before {
opacity: 1;
}
.evie-icon-button:active {
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.evie-icon-button i {
line-height: 0;
position: relative;
z-index: 5;
} input[type="checkbox"],
input[type="radio"] {
-webkit-appearance: none;
appearance: none;
background: transparent;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 1.8rem;
line-height: 1.8rem;
margin: 0 0.6rem 0 0;
outline: none;
position: relative;
text-align: center;
vertical-align: middle;
width: 1.8rem;
transition: background-color 0.25s, border-color 0.25s;
}
input[type="radio"] {
border-radius: 50%;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: rgb(var(--evie-color-on-surface-rgb));
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: rgb(var(--evie-color-on-surface-rgb));
border-color: rgb(var(--evie-color-on-surface-rgb));
}
input[type="checkbox"]:checked::before {
color: rgb(var(--evie-color-surface-rgb));
content: "\e831";
display: inline-block;
font-family: evie, sans-serif;
font-size: var(--evie-font-size-sm);
height: 100%;
margin: 0;
vertical-align: top;
width: 100%;
}
input[type="radio"]:checked::before {
border: 3px solid rgb(var(--evie-color-surface-rgb));
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
margin: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-appearance: none;
appearance: none;
background: rgba(var(--evie-color-on-surface-rgb), 0.013);
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
box-shadow: none;
box-sizing: border-box;
color: inherit;
font-size: var(--evie-font-size-base);
font-weight: 400;
height: 4rem;
letter-spacing: 0.04rem;
line-height: 1.5;
margin: 0;
padding: 0.5rem 1rem;
transition: border-color 0.25s;
outline: none;
width: 100%;
}
textarea {
border-radius: 0.5rem;
border-width: 1px;
padding: 1rem;
resize: vertical;
height: auto;
}
label {
display: inline-block;
font-weight: 400;
margin-bottom: 0.5rem;
}
input[type="text"]::-ms-clear {
display: none;
height: 0;
width: 0;
}
input[type="text"]::-ms-reveal {
display: none;
height: 0;
width: 0;
}
input[type="search"] {
background: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input[type="range"] {
width: 100%;
} input[type="date"]::-webkit-clear-button {
display: none;
} input[type="date"]::-webkit-inner-spin-button {
display: none;
}
input[type="file"]::file-selector-button {
border: none;
background-image: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem;
color: rgb(var(--evie-color-surface-rgb));
cursor: pointer;
margin-right: 1.5rem;
padding: 0.5rem 1.5rem;
transition: background-position 0.3s var(--evie-transition-ease);
}
input[type="file"]::file-selector-button:hover {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
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="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,
textarea:focus {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
::placeholder {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
} select {
-webkit-appearance: none;
appearance: none;
background-color: rgba(var(--evie-color-on-surface-rgb), 0.013);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxNS41cHgiIGhlaWdodD0iNi45OTNweCIgdmlld0JveD0iMCAxMjMyLjE3NCAxNS41IDYuOTkzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMTIzMi4xNzQgMTUuNSA2Ljk5MyINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cG9seWdvbiBmaWxsPSIjMDMwMTA0IiBwb2ludHM9IjEwLDEyMzIuMTc1IDAsMTIzMi4xNzQgNSwxMjM5LjEzIAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
background-position: right 1rem center;
background-repeat: no-repeat;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
color: rgb(var(--evie-color-on-surface-rgb));
cursor: pointer;
height: 4rem;
margin: 0;
max-width: 100%;
outline: none;
overflow: hidden;
padding: 0.5rem 3rem 0.5rem 1.5rem;
position: relative;
text-indent: 0.001px;
text-overflow: ellipsis;
transition: border-color 0.25s;
}
.has-scheme-dark select,
.flext-has-scheme-dark select {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE1LjUgNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUuNSA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxMCwwIDAsMCA1LDcgCSIvPgo8L2c+Cjwvc3ZnPgo=);
background-size: 16px;
}
select:hover,
select:focus {
background-color: transparent;
border-color: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
select option {
background-color: rgb(var(--evie-color-surface-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
}
select[multiple="multiple"] {
background-image: none;
height: auto;
padding: 0;
}
select[multiple="multiple"] option {
background-color: transparent;
color: inherit;
padding: 0.5rem 1rem;
}
select[multiple="multiple"] option:checked {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.1);
} .widget {
margin-bottom: var(--evie-spacing-horizontal);
position: relative;
}
.main-sidebar .widget:last-child,
.menu-widgets .widget:last-child {
margin-bottom: 0;
} .site .site-content .widget {
background: rgb(var(--evie-color-surface-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
margin-bottom: 0;
}
.widget a {
color: rgb(var(--evie-color-on-surface-rgb));
}
.widget a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.widget-title h2 {
font-size: var(--evie-font-size-base);
font-weight: 600;
margin-bottom: 2rem;
text-transform: uppercase;
}
.main-sidebar .widget-title,
.top-menu .menu-widgets .widget-title {
border-bottom: 1px solid rgb(var(--evie-color-on-surface-rgb));
margin-bottom: 2rem;
}
.main-sidebar .widget-title h2,
.top-menu .menu-widgets .widget-title h2 {
margin: 0;
padding: 0 0 1.5rem;
position: relative;
display: inline-flex;
}
.main-sidebar .widget-title h2::after,
.top-menu .menu-widgets .widget-title h2::after {
background: rgb(var(--evie-color-on-surface-rgb));
bottom: -2px;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.widget li .children {
padding: 1rem 0 0 1.5rem;
}
.widget .post-date {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
font-size: var(--evie-font-size-xs);
} .widget select {
font-size: var(--evie-font-size-base);
margin: 0;
width: 100%;
} .widget_search .search-form {
border-radius: 0.5rem;
} .widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_archive li,
.widget_meta li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
line-height: 1.3;
margin: 0 0 2rem 0;
overflow: hidden;
text-overflow: ellipsis;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.widget_pages li:last-child,
.flext-post-tabs .flext-tab ul li:last-child,
.vertical-menu li:last-child {
margin-bottom: 0;
}
.widget_categories ul > li > ul > li > a {
font-size: inherit;
padding-left: 1.5rem;
}
.widget_archive li > a,
.widget_categories li > a,
.widget_recent_comments li a {
position: relative;
}
.widget_meta li > a,
.widget_pages li > a,
.widget ul > li > a.rsswidget {
display: inline-block;
position: relative;
}
.widget_pages li > a::before {
background-image: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.5rem 0;
bottom: 0.5rem;
content: "";
display: inline-block;
height: 1rem;
left: 0;
opacity: 0.7;
position: absolute;
top: 50%;
transform: scaleX(0) translateY(-50%);
transform-origin: right center;
transition: transform 0.5s var(--evie-transition-ease);
width: 100%;
z-index: -1;
}
.widget_pages li.current_page_item > a::before,
.widget_pages li:hover > a::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--evie-transition-ease);
} .widget_archive li {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
position: relative;
}
.widget_archive li .children,
.widget_categories li .children {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
padding: 1rem 0 0;
}
.widget_archive li,
.widget_categories li {
align-items: center;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
border-radius: 1rem;
display: flex;
flex: 1 1 100%;
flex-flow: row nowrap;
justify-content: space-between;
margin: 0 0 1.5rem;
transition: border-color 0.3s var(--evie-transition-ease);
}
.widget_archive li:hover,
.widget_categories li:hover {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
}
.widget_archive li:last-child,
.widget_categories li:last-child {
margin-bottom: 0;
}
.widget_archive li a,
.widget_categories li a {
overflow: hidden;
padding: 1rem 1.5rem;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
z-index: 1;
}
.widget_archive li a {
padding-right: 5rem;
}
.widget_archive li .posts-count {
padding: 1rem 1.5rem;
position: absolute;
right: 0;
}
.widget_categories li {
padding-right: 1.5rem;
} .widget ul > li > a.rsswidget {
display: block;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-base);
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
.widget_rss .rssSummary {
opacity: 0.6;
}
.widget_recent_comments li,
.widget_recent_entries li {
display: flex;
flex-flow: row wrap;
margin-bottom: 2rem;
min-height: 4rem;
padding-left: 5rem;
position: relative;
}
.widget_recent_comments li {
font-size: var(--evie-font-size-xs);
}
.widget_recent_comments li::before,
.widget_recent_entries li::before {
align-items: center;
background-color: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 50%;
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
content: "\e830";
display: inline-flex;
flex: 0 0 auto;
font-family: evie, sans-serif;
font-size: 1.6rem;
justify-content: center;
height: 4rem;
left: 0;
line-height: 4rem;
margin-right: 1.5rem;
position: absolute;
width: 4rem;
}
.widget_recent_comments li::before {
content: "\e885";
}
.widget_recent_entries li > a,
.widget_recent_comments li > a {
display: block;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-base);
font-weight: 600;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.widget_recent_entries .post-date {
display: block;
margin: 0.5rem 0 0;
}
.comment-author-link {
display: inline-block;
font-weight: 400;
margin: 0 0.5rem 0 0;
}
.comment-author-link a:hover {
color: inherit;
text-decoration: underline;
} a.tag-cloud-link {
align-items: center;
background-image: linear-gradient(45deg, transparent, transparent, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
border-radius: 0.5rem;
color: inherit;
display: inline-flex;
font-size: var(--evie-font-size-base) !important;
margin: 0 0.4rem 0.8rem 0;
padding: 0.3rem 1rem 0.3rem 0.5rem;
transition: background-position 0.3s var(--evie-transition-ease), border-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
a.tag-cloud-link:hover {
background-position: 98% 50%;
border-color: transparent;
color: rgb(var(--evie-color-on-primary-rgb));
}
.tag-cloud-link::before {
align-items: center;
color: rgba(var(--evie-color-on-surface-rgb), 0.3);
content: "\e910";
display: inline-flex;
font-family: evie, sans-serif;
font-size: 85%;
transition: color 0.3s;
}
.tag-cloud-link:hover::before {
color: rgb(var(--evie-color-on-secondary-rgb));
}
.tag-link-count {
padding-left: 0.5rem;
} .calendar_wrap {
border-radius: 1rem;
border: 1px solid rgb(var(--evie-color-on-surface-rgb));
}
.wp-calendar-table {
border: none;
margin: 0;
text-align: initial;
width: 100%;
}
.wp-calendar-table caption {
color: rgb(var(--evie-color-on-surface-rgb));
border-bottom: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.6);
font-weight: 600;
margin: 0 0 1rem;
padding: 0.8rem 1rem 1rem;
position: relative;
text-align: center;
}
.wp-calendar-table caption::after {
background: rgb(var(--evie-color-on-surface-rgb));
bottom: 0;
content: "";
display: inline-block;
height: 3px;
left: 50%;
margin: 0 0 -2px 0;
position: absolute;
transform: translateX(-50%);
width: 40%;
}
.wp-calendar-table thead {
border: none;
}
.wp-calendar-table th,
.wp-calendar-table td {
border: none;
}
.wp-calendar-table thead th {
background: none;
border: none;
font-weight: 400;
text-align: center;
}
.wp-calendar-table tbody {
border: none;
color: rgb(var(--evie-color-on-surface-rgb));
}
.wp-calendar-table tbody td {
padding: 0.4rem 0;
text-align: center;
}
.wp-calendar-table tbody td#today {
color: rgb(var(--evie-color-surface-rgb));
font-weight: 400;
position: relative;
z-index: 5;
}
.wp-calendar-table tbody td#today::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
border-radius: 50%;
content: "";
display: block;
height: 2.8rem;
left: 50%;
padding: 0;
position: absolute;
width: 2.8rem;
transform: translate(-50%, -50%);
top: 50%;
z-index: -1;
}
.wp-calendar-table tbody td a {
background-image: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: rgb(var(--evie-color-on-primary-rgb));
font-weight: 400;
display: inline-block;
height: 2.8rem;
position: relative;
transition: background-position 0.3s var(--evie-transition-ease);
width: 2.8rem;
z-index: 5;
}
.wp-calendar-table tbody td a:hover,
.wp-calendar-table tbody td a:focus {
background-position: 100% 0;
}
.wp-calendar-table tbody .pad {
background: none;
}
.wp-calendar-table tfoot td {
border: none;
padding-top: 1.6rem;
}
.wp-calendar-nav {
border-top: 1px solid rgb(var(--evie-color-on-surface-rgb));
display: flex;
font-weight: 400;
justify-content: space-between;
margin-top: 0.5rem;
padding: 0.5rem 1rem;
}
.wp-calendar-nav a {
background-image: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--evie-color-surface-rgb));
border-radius: 0.5rem;
display: inline-block;
font-size: var(--evie-font-size-sm);
margin: 0.5rem 0;
padding: 0.1rem 1.5rem;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.wp-calendar-nav a:hover {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.wp-calendar-nav-next {
text-align: right;
} .widget_rss .widget-title a {
margin-right: 0.5rem;
}
.widget_rss ul li {
border-bottom: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.widget_rss ul li:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_rss ul li a {
display: block;
font-weight: 600;
}
.widget_rss ul li span,
.widget_rss ul li cite {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
display: inline-block;
font-size: var(--evie-font-size-xs);
font-weight: 400;
line-height: 1;
padding-top: 1rem;
}
.widget_rss .rss-date {
font-size: var(--evie-font-size-xs);
padding: 0.5rem 0;
} .widget_text .textwidget {
overflow: hidden;
}
.widget_text .textwidget p:last-child {
margin: 0;
} .widget_media_gallery .widget-title {
margin-bottom: 0.5rem;
}
.widget_media_gallery .gallery {
margin: 0 -0.5rem 1.5rem;
}
.widget_media_gallery .gallery-item {
padding: 0 0.5rem 1rem;
}
.widget_media_gallery img {
border-radius: 1rem;
} .widget_media_image > * {
display: block;
}
.widget_media_image a img {
display: block;
width: 100%;
}
.widget_media_image img {
border-radius: 1rem;
margin: auto;
}
.widget .post-header > * {
line-height: 1.3;
}
.widget .post-header .post-title {
font-size: var(--evie-font-size-base);
margin: 0;
}
.widget .post-title a {
outline: none;
transition: color 0.3s;
} .widget_block .wp-block-group > * + * {
margin-top: 0;
}
.widget_block .wp-block-group > h2 {
font-size: var(--evie-font-size-base);
font-weight: 600;
margin-bottom: 2rem;
position: relative;
text-transform: uppercase;
}
.main-sidebar .widget_block .wp-block-group > h2 {
border-bottom: 1px solid rgb(var(--evie-color-on-surface-rgb));
padding: 0 0 1.5rem;
}
.main-sidebar .widget_block .wp-block-group > h2::after {
background: rgb(var(--evie-color-on-surface-rgb));
bottom: -2px;
content: "";
display: inline-block;
height: 3px;
left: 0;
position: absolute;
width: 100px;
}
.wp-block-search .wp-block-search__button {
font-size: var(--evie-font-size-sm);
letter-spacing: 0.1rem;
}
.widget_block .wp-block-latest-posts li > a {
font-size: var(--evie-font-size-base);
} .widget_block .wp-block-latest-posts li,
.widget_block .wp-block-latest-comments li {
display: flex;
flex-flow: row nowrap;
margin-bottom: 2rem;
position: relative;
}
.widget_block .wp-block-latest-posts li::before {
align-items: center;
background-color: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 50%;
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
content: "\e830";
display: inline-flex;
flex: 0 0 auto;
font-family: evie, sans-serif;
font-size: 1.6rem;
justify-content: center;
height: 4rem;
line-height: 4rem;
margin-right: 1.5rem;
position: relative;
width: 4rem;
}
.widget_block .wp-block-latest-comments article {
flex: 0 1 auto;
}
.widget_block .wp-block-latest-posts li,
.widget_block .wp-block-rss li {
margin-bottom: 2rem;
} .widget_archive li a:hover,
.widget_pages a:hover,
.widget_nav_menu a,
.cat-item a:hover {
color: inherit;
}   .flext-post-carousel-widget .flext-carousel {
border-radius: 1rem;
}
.flext-post-carousel-widget .flext-carousel .post-thumbnail::after {
background-image: linear-gradient(0deg, rgba(var(--evie-color-black-rgb), 0.6) 0%, rgba(var(--evie-color-black-rgb), 0) 100%);
bottom: 0;
content: "";
display: block;
left: 0;
right: 0;
position: absolute;
top: 0;
z-index: 1;
}
.flext-post-carousel-widget .flext-post-carousel .post-header {
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
bottom: 0;
padding: 2rem;
position: absolute;
z-index: 99;
}
.flext-post-carousel .post-header .post-category a {
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-block;
font-size: var(--evie-font-size-xs);
margin-bottom: 1rem;
opacity: 0;
transform: translateX(-5rem);
transition: opacity 0.5s var(--evie-transition-ease), transform 0.5s var(--evie-transition-ease), color 0.5s var(--evie-transition-ease);
}
.flext-post-carousel .post-header .post-category a:hover {
text-decoration: underline;
}
.flext-post-carousel .flext-slide-active .post-header .post-category a {
opacity: 1;
transform: translateX(0);
transition: opacity 0.5s var(--evie-transition-ease) 0.6s, transform 0.5s var(--evie-transition-ease) 0.6s, color 0.5s var(--evie-transition-ease);
}
.flext-post-carousel .post-header .post-title {
overflow: hidden;
}
.flext-post-carousel .post-header .post-title a {
display: inline-block;
display: -webkit-box;
max-height: 4.2rem;
opacity: 0;
overflow: hidden;
transform: translateX(-100%);
transition: color 0.3s, opacity 0.4s var(--evie-transition-ease), transform 0.4s var(--evie-transition-ease);
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.flext-post-carousel .flext-slide-active .post-header .post-title a {
opacity: 1;
transform: translateX(0);
transition: color 0.3s, opacity 0.4s var(--evie-transition-ease) 0.7s, transform 0.4s var(--evie-transition-ease) 0.7s;
}
.widget .flext-post-carousel .flext-button-next,
.widget .flext-post-carousel .flext-button-prev {
border-radius: 50%;
right: 1.5rem;
top: 1.5rem;
}
.widget .flext-post-carousel .flext-button-prev {
left: auto;
right: 6rem;
} .flext-post-tabs .flext-tabs-nav {
border-bottom: 1px solid rgb(var(--evie-color-on-surface-rgb));
}
.flext-post-tabs .flext-tabs-nav a {
color: inherit;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-base);
font-weight: 600;
letter-spacing: 0;
padding: 0 0 1.5rem;
text-transform: uppercase;
}
.flext-post-tabs .flext-tabs-nav a::after {
background: rgb(var(--evie-color-on-surface-rgb));
}
.flext-post-tabs .flext-tabs-nav a:nth-child(2) {
text-align: center;
}
.flext-post-tabs .flext-tabs-nav a:last-child {
text-align: right;
}
.flext-post-tabs .flext-tabs-nav a:first-child {
text-align: left;
}
.flext-post-tabs .post-category,
.flext-post-tabs .recent-comments-list .post-header > span {
font-size: var(--evie-font-size-xs);
margin-bottom: 0.5rem;
}
.flext-post-tabs .post-category {
opacity: 0.6;
}
.flext-post-tabs .post-category:hover {
opacity: 1;
transition: opacity 0.3s var(--evie-transition-ease);
}
.flext-post-tabs .post-category a:hover {
color: inherit;
text-decoration: underline;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:first-child {
align-items: flex-start;
flex-direction: column;
gap: 0;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:first-child > div {
flex: none;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:nth-child(odd) .post-thumbnail {
order: 2;
}
.widget-wrapper .widget-wrapper .flext-post-tabs .post-tab-posts li:first-child .post-thumbnail {
order: 1;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:nth-child(odd) .post-header {
order: 1;
text-align: right;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:first-child .post-header {
order: 2;
text-align: left;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:first-child .post-title {
font-size: var(--evie-font-size-md);
}
.widget-wrapper .flext-post-tabs .has-post-thumbnail .post-title a {
max-height: 6.2rem;
-webkit-line-clamp: 3;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:nth-child(odd).has-post-thumbnail:not(:first-child) .post-title a {
text-align: right;
}
.widget-wrapper .flext-post-tabs li.has-post-thumbnail:first-child .post-title a {
max-height: 6.9rem;
}
.widget-wrapper .flext-post-tabs .recent-comments-list .post-title a {
max-height: 4.2rem;
}
.widget-wrapper .flext-post-tabs .post-tab-posts li:first-child .post-category {
margin: 1rem 0 0.5rem;
}
.flext-post-tabs .post-tab-posts .post-thumbnail a {
border-radius: 1rem;
transform: translateZ(0);
}
.flext-post-tabs .post-tab-posts li:not(.has-post-thumbnail) .post-thumbnail a {
align-items: center;
background-color: #f1f1f1;
display: flex;
font-size: 3rem;
justify-content: center;
height: 9rem;
}
.flext-post-tabs .post-tab-posts li:first-child:not(.has-post-thumbnail) .post-thumbnail a {
height: 12rem;
}
.flext-post-tabs .flext-tab .recent-comments-list li {
margin-bottom: 2rem;
}
.flext-post-tabs .recent-comments-list .post-thumbnail {
margin-right: 0;
} .flext-categories.has-thumbnail {
font-weight: 600;
}
.flext-categories .category-item {
border-radius: 1rem;
z-index: 1;
}
.flext-widget-categories .category-item {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
padding: 1rem 1.5rem;
transition: border-color 0.3s var(--evie-transition-ease);
}
.flext-widget-categories .category-item:hover {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
}
.flext-widget-categories a {
padding: 1rem 5rem 1rem 1.5rem;
position: relative;
z-index: 1;
}
.flext-widget-categories .posts-count {
padding: 1rem 1.5rem;
position: absolute;
right: 0;
}
.flext-widget-categories .category-item.has-thumbnail {
border: none;
height: 5rem;
}
.flext-widget-categories a:hover {
color: inherit;
}
.flext-categories.has-thumbnail a {
color: rgb(var(--evie-color-white-rgb));
padding: 0;
}
.flext-categories.has-thumbnail a:hover::after,
.flext-categories.has-thumbnail a:focus::after {
opacity: 0.05;
}
.flext-categories.has-thumbnail a img {
left: 0;
right: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.main-sidebar .flext-categories.has-thumbnail .category-item {
height: 10rem;
}
.main-sidebar .flext-categories.has-thumbnail a span {
font-size: 2rem;
left: 0;
letter-spacing: 0.1rem;
line-height: 1.2;
position: absolute;
top: 0;
z-index: 9;
}
.main-sidebar .flext-categories.has-thumbnail .posts-count {
font-size: var(--evie-font-size-lg);
font-weight: 700;
line-height: 1.2;
top: auto;
} .flext-widget-social-icons .flext-social-icons {
font-size: var(--evie-font-size-md);
}
.flext-widget-social-icons .flext-social-icons.flext-style-circle a {
background: rgba(var(--evie-color-on-surface-rgb), 0.15);
}
.flext-social-icons.flext-style-names a:hover {
color: inherit;
} .flext-author-entry {
background: rgb(var(--evie-color-surface-rgb));
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
border-radius: 1rem;
margin-bottom: var(--evie-spacing-sm);
padding: var(--evie-spacing-sm);
}
.flext-author-entry .flext-author-avatar .avatar {
background: rgb(var(--evie-color-surface-rgb));
border: 0.5rem solid transparent;
box-sizing: content-box;
}
.flext-author-entry .flext-author-title {
font-size: var(--evie-font-size-h4);
}
.flext-author-entry .flext-author-description {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.flext-author-entry .flext-author-location {
display: inline;
} .flext-author-follow {
background: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
color: rgb(var(--evie-color-surface-rgb));
font-size: 2.2rem;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-author-follow:hover {
background-position: 60% 100%;
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-author-follow.flext-unfollow-button {
background-position: 75% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-author-follow.flext-unfollow-button:hover {
background-position: 100% 100%;
} .flext-author-follow-numbers {
font-size: var(--evie-font-size-sm);
gap: 1rem;
}
.flext-author-follow-numbers::after {
align-items: center;
color: rgb(var(--evie-color-primary-rgb));
content: "\2022";
display: inline-flex;
order: 1;
}
.flext-author-follow-numbers a {
color: inherit;
}
.flext-author-follow-numbers .flext-author-following {
order: 3;
}
.flext-widget-authors .has-cover-image {
border: none;
}
.flext-widget-authors .flext-author-entry {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.08);
border-radius: 1rem;
padding: var(--evie-spacing-xs);
}
.widget .flext-author-entry .flext-author-title {
font-size: var(--evie-font-size-h5);
}
.widget .flext-author-entry .flext-author-detail p {
margin: 2rem 0;
}
.flext-widget-authors .flext-author .has-cover-image .flext-author-detail p {
color: rgba(var(--evie-color-white-rgb), 0.9);
}
.widget .flext-author-entry p.flext-author-location {
margin: 1.5rem 0 0.8rem 0;
} .widget .wpforms-container .wpforms-title {
font-size: var(--evie-font-size-base);
margin-bottom: 1rem;
}
.widget-wrapper .wpforms-container input[type="submit"],
.widget-wrapper .wpforms-container button[type="submit"] {
width: 100%;
} .flext-gallery:not(.flext-has-gutters),
.flext-gallery.flext-has-gutters .flext-grid-item {
border-radius: 1rem;
overflow: hidden;
z-index: 1;
}
.flext-instagram-feed .widget-title {
border-bottom: none;
margin-bottom: 0;
}
.flext-instagram-feed .widget-title h2::after {
display: none;
}
.flext-instagram-feed .widget-title .flext-instagram-username {
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-base);
font-weight: 600;
line-height: 1.25;
margin: 0;
padding: 0 0 1.5rem;
} .widget_block.widget_recent_comments li {
padding: 0;
}
.widget_block.widget_recent_comments li::before {
display: none;
}
.widget_block.widget_recent_comments .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: var(--evie-font-size-sm);
margin: 0;
}
.widget_block .wp-block-latest-comments .avatar {
flex: 0 0 3rem;
}   mark.has-inline-color {
background: inherit;
}
.has-text-color h1,
.has-text-color h2,
.has-text-color h3,
.has-text-color h4,
.has-text-color h5,
.has-text-color h6,
.wp-block-page-list a,
.flext-block-authors a,
.flext-author-location a {
color: inherit;
}
p.has-large-font-size,
p.has-extra-large-font-size,
p.has-huge-font-size {
font-weight: 300;
}
.wp-block-post-title a,
.wp-block-latest-comments a,
.wp-block-latest-posts a,
.wp-block-rss a {
color: inherit;
font-family: var(--evie-font-primary);
font-weight: 600;
line-height: 1.4;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-rss a:hover,
.wp-block-page-list a:hover,
.wp-block-post-title a:hover,
.flext-block-authors a:hover,
.flext-author-location a:hover {
color: rgb(var(--evie-color-primary-rgb));
} .has-background {
border-radius: 1rem;
overflow: hidden;
padding: var(--evie-spacing-xs);
}
.has-background.alignfull {
padding: var(--evie-spacing-horizontal);
}
.wp-block-group * {
--wp--style--block-gap: var(--evie-spacing-xs);
} h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background {
padding: var(--evie-spacing-xs);
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--evie-font-primary);
font-size: 5.2rem;
font-weight: 600;
margin: 1rem 1rem 0 0;
}
p.wp-block-subhead {
opacity: 1;
}
.wp-block-embed blockquote {
background: none;
padding: 0 0 1.5rem;
}
.wp-block-embed blockquote::before {
display: none;
} ol {
list-style-type: decimal;
}
ol ol {
padding: 0 0 0 2rem;
}
ol ul ul {
margin-left: 0;
}
ol.is-style-flext-list-circle,
ol.is-style-flext-list-circle ol.is-style-flext-list-circle {
padding: 0;
}
ol.is-style-flext-list-circle ul {
margin-left: 0;
}
ol.is-style-flext-list-circle li::before {
background: rgb(var(--evie-color-on-surface-rgb));
color: rgb(var(--evie-color-surface-rgb));
font-family: var(--evie-font-primary);
font-size: 70%;
font-weight: 600;
} ul.has-background {
padding: var(--evie-spacing-xs);
}
ul.is-style-default > li,
ul.is-style-flext-list-circle > li {
padding: 0 0 0 0.8rem;
}
ul.is-style-default > li::marker {
color: rgb(var(--evie-color-primary-rgb));
font-weight: 700;
}
ul.is-style-default ol.is-style-flext-list-circle > li {
padding: 0 0 0 3rem;
}
ul.is-style-flext-list-circle {
margin-left: 0;
}
ul.is-style-flext-list-circle > li::marker {
text-indent: -2rem;
} .wp-block-columns {
flex-flow: row wrap;
}
.wp-block-columns .wp-block-column {
max-width: 100%;
}
.wp-block-columns.has-background {
padding: var(--evie-spacing-md);
} .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
margin-left: 0;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 0;
flex-grow: 1;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*="flex-basis"] {
flex-grow: 0;
} .wp-block-group .wp-block-group__inner-container > * {
margin: 0 0 1.5rem 0;
} .wp-social-link:hover {
transition: transform 0.3s var(--evie-transition-ease);
}
.wp-block-social-links {
gap: 1rem !important;
}
.wp-block-social-links.is-style-logos-only {
gap: 2rem !important;
}
.wp-block-social-links .wp-social-link {
padding: 0;
}
.wp-block-social-links .wp-social-link::before {
display: none;
}
:where(.wp-block-social-links) .wp-block-social-link {
transition: background-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link:hover {
color: rgb(var(--evie-color-on-surface-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-block-social-link:hover {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
background-color: #ece8d2;
color: #7f4b18;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-feed {
background-color: #ed8030;
color: #fff;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-chain {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-chain:hover {
background-color: rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-on-secondary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail {
background-color: rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-on-secondary-rgb));
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail:hover {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
} :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-chain {
color: rgb(var(--evie-color-primary-rgb));
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-feed {
color: #ed8030;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
color: #7f4b18;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mail {
color: rgb(var(--evie-color-secondary-rgb));
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
color: #d1caa5;
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads:hover {
color: #fff;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
color: #00de68;
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
color: #ff424e;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat:hover {
color: #f3dd05;
}
:where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link.wp-social-link-threads {
color: #fc1d63;
}
.has-scheme-dark :where(.wp-block-social-links.is-style-logos-only) .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x) {
color: rgb(var(--evie-color-on-surface-rgb));
} .wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-chain {
--wp-block-social-link-color: rgb(var(--evie-color-primary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link {
--wp-block-social-link-color: rgb(var(--evie-color-primary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-feed {
--wp-block-social-link-color: #ed8030;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-mail {
--wp-block-social-link-color: rgb(var(--evie-color-secondary-rgb));
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-amazon {
--wp-block-social-link-color: #f90;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-bandcamp {
--wp-block-social-link-color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-behance {
--wp-block-social-link-color: #0058ff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-bluesky {
--wp-block-social-link-color: #0a7aff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-codepen {
--wp-block-social-link-color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-deviantart {
--wp-block-social-link-color: #02e49b;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-dribbble {
--wp-block-social-link-color: #e94c89;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-dropbox {
--wp-block-social-link-color: #4280ff;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-etsy {
--wp-block-social-link-color: #f45800;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-facebook {
--wp-block-social-link-color: #1778f2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-fivehundredpx {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-flickr {
--wp-block-social-link-color: #0461dd;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-foursquare {
--wp-block-social-link-color: #e65678;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-github {
--wp-block-social-link-color: #24292d;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-goodreads {
--wp-block-social-link-color: #7f4b18;
}
.has-scheme-dark .wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-goodreads {
--wp-block-social-link-color: #d1caa5;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-google {
--wp-block-social-link-color: #ea4434;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-gravatar {
--wp-block-social-link-color: #1d4fc4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-instagram {
--wp-block-social-link-color: #f00075;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-lastfm {
--wp-block-social-link-color: #e21b24;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-linkedin {
--wp-block-social-link-color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-mastodon {
--wp-block-social-link-color: #3288d4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-medium {
--wp-block-social-link-color: #00de68;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-meetup {
--wp-block-social-link-color: #f6405f;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-ok {
--wp-block-social-link-color: #ed7e1e;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-patreon {
--wp-block-social-link-color: #ff424e;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-pinterest {
--wp-block-social-link-color: #e60122;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-pocket {
--wp-block-social-link-color: #ef4155;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-reddit {
--wp-block-social-link-color: #ff4500;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-skype {
--wp-block-social-link-color: #0478d7;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-snapchat {
--wp-block-social-link-color: #f3dd05;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-soundcloud {
--wp-block-social-link-color: #ff5600;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-spotify {
--wp-block-social-link-color: #1bd760;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-telegram {
--wp-block-social-link-color: #2aabee;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-threads {
--wp-block-social-link-color: #fc1d63;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-tiktok {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-tumblr {
--wp-block-social-link-color: #011835;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-twitch {
--wp-block-social-link-color: #6440a4;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-twitter {
--wp-block-social-link-color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-vimeo {
--wp-block-social-link-color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-vk {
--wp-block-social-link-color: #4680c2;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-whatsapp {
--wp-block-social-link-color: #25d366;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-wordpress {
--wp-block-social-link-color: #3499cd;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-x {
--wp-block-social-link-color: #000;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-yelp {
--wp-block-social-link-color: #d32422;
}
.wp-block-social-links.is-style-logos-only.has-icon-color .wp-social-link-youtube {
--wp-block-social-link-color: #e93522;
}
:where(.wp-block-social-links.is-style-logos-only.has-icon-color) .wp-block-social-link:hover {
color: var(--wp-block-social-link-color) !important;
}
.has-scheme-dark .wp-block-social-links.is-style-logos-only.has-icon-color .wp-block-social-link:is(.wp-social-link-codepen, .wp-social-link-fivehundredpx, .wp-social-link-github, .wp-social-link-tiktok, .wp-social-link-tumblr, .wp-social-link-x):hover {
--wp-block-social-link-color: rgb(var(--evie-color-on-surface-rgb));
}
.is-style-logos-only .wp-social-link a {
padding: 0;
} .entry-content > .wp-block-image.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-image > figure > a,
.wp-block-image img {
display: block;
}
.wp-block-image.is-style-rounded img {
border-radius: 1rem;
}
.wp-block-image .is-resized {
width: 100%;
}
.wp-block-image.flext-animation-rotate .is-resized {
width: auto;
}
.entry-content .wp-block-image.flext-animation-rotate .alignright,
.entry-content .wp-block-image.flext-animation-rotate .alignright > img {
margin: 0;
}
.wp-block-image.alignfull:not(.is-style-rounded) img {
border-radius: 0;
width: 100%;
}
[class^="wp-block-"] figcaption,
[class*=" wp-block-"] figcaption {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
font-size: var(--evie-font-size-xs);
margin-top: 0.5rem;
text-align: center;
}
.wp-block-image figcaption {
margin-bottom: 0;
}
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
clear: both;
float: none;
} .entry-content > .wp-block-video.alignfull {
padding-left: 0;
padding-right: 0;
}
.wp-block-video video {
border-radius: 1rem;
}
.entry-content > .wp-block-video.alignfull video {
border-radius: 0;
} .blocks-gallery-grid,
.wp-block-gallery {
--wp--style--block-gap: var(--evie-spacing-sm);
width: 100%;
}
.wp-block-gallery:not(.has-nested-images),
.blocks-gallery-grid:not(.has-nested-images) {
margin-left: auto;
margin-right: auto;
}
.blocks-gallery-grid figure,
.wp-block-gallery figure {
border-radius: 1rem;
}
.wp-block-gallery .blocks-gallery-item {
align-items: flex-end;
}
.wp-block-gallery.is-cropped .blocks-gallery-item {
align-items: stretch;
overflow: hidden;
}
.wp-block-gallery figure {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.wp-block-gallery figure > a {
outline: none;
position: relative;
width: 100%;
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: 100%;
z-index: 1;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2) 50%, transparent);
font-size: 1.2rem;
transform: translateY(100%);
transition: transform 0.3s;
z-index: 5;
}
.wp-block-gallery figure:hover figcaption {
transform: translateY(0);
}
.wp-block-gallery .blocks-gallery-item .flext-pin-it-wrapper a.flext-pin-it-button {
display: inline-block;
flex: none;
height: 3rem;
left: 0;
line-height: 3rem;
object-fit: none;
position: absolute;
text-align: center;
top: 0;
width: 3rem;
} .wp-block-cover {
border-radius: 1rem;
color: rgb(var(--evie-color-white-rgb));
letter-spacing: 0.06rem;
overflow: hidden;
padding: calc(var(--evie-spacing-vertical) / 2);
}
.entry-content > .wp-block-cover.alignfull {
border-radius: 0;
}
.wp-block-cover__inner-container > * {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-content-width);
}
.wp-block-cover a {
color: inherit;
}
.wp-block-cover a:hover {
text-decoration: underline;
}
.wp-block-cover a.wp-block-button__link:hover {
text-decoration: none;
} .entry-content > .wp-block-quote:not(.is-style-plain) {
margin-bottom: calc(var(--evie-spacing-md) + 3rem);
}
.entry-content > .wp-block-quote.has-text-align-center:not(.is-style-plain) {
margin-bottom: calc(var(--evie-spacing-md) + 5rem);
}
.wp-block-quote {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 1rem;
clear: both;
font-style: normal;
padding: var(--evie-spacing-sm);
position: relative;
z-index: 0;
}
.wp-block-quote.has-background {
overflow: unset;
}
.wp-block-quote::before {
font-size: 5.6rem;
opacity: 0.2;
right: 3rem;
top: 2rem;
transform: rotate(180deg);
}
.wp-block-quote::after {
background: inherit;
background-size: cover;
bottom: -3rem;
-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
display: block;
content: "";
height: 3rem;
left: 2rem;
position: absolute;
width: 3rem;
}
.wp-block-quote.has-background::after {
bottom: -2.9rem;
}
.wp-block-quote p {
margin: 0;
}
.wp-block-quote cite,
.wp-block-quote footer {
font-size: var(--evie-font-size-base);
}
.wp-block-quote:not(.is-style-plain) cite,
.wp-block-quote:not(.is-style-plain) footer {
bottom: -3rem;
color: rgb(var(--evie-color-on-surface-rgb));
display: block;
font-size: var(--evie-font-size-base);
left: 6.5rem;
margin: 0;
position: absolute;
}
.wp-block-quote.has-text-align-center::before {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.wp-block-quote.has-text-align-center p {
display: inline-block;
}
.wp-block-quote.has-text-align-center::after {
bottom: -2rem;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);
clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%);
height: 2rem;
left: 50%;
transform: translateX(-50%);
}
.wp-block-quote.has-text-align-center:not(.is-style-plain) cite,
.wp-block-quote.has-text-align-center:not(.is-style-plain) footer {
bottom: -5rem;
left: 50%;
transform: translateX(-50%);
}
.wp-block-quote.has-text-align-right::before {
left: 3rem;
right: auto;
transform: rotate(0);
}
.wp-block-quote.has-text-align-right::after {
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
left: auto;
right: 2rem;
}
.wp-block-quote.has-text-align-right:not(.is-style-plain) cite,
.wp-block-quote.has-text-align-right:not(.is-style-plain) footer {
left: auto;
right: 6.5rem;
}
.wp-block-quote.is-style-plain::before {
display: flex;
font-size: 4rem;
left: auto;
opacity: 1;
position: relative;
right: auto;
transform: translate(0);
top: 0;
}
.wp-block-quote.is-style-plain::after {
background: none;
bottom: unset;
-webkit-clip-path: none;
clip-path: none;
content: "\e80f";
display: flex;
font-family: evie, sans-serif;
font-size: 4rem;
height: auto;
left: unset;
line-height: 1;
opacity: 1;
position: relative;
transform: rotate(180deg);
width: auto;
z-index: -1;
}
.wp-block-quote.is-style-plain.has-text-align-right::before {
display: flex;
transform: rotate(180deg);
}
.wp-block-quote.is-style-plain.has-text-align-right::after {
padding-left: var(--evie-spacing-sm);
transform: rotate(0);
}
.wp-block-quote.is-style-plain p {
background-color: transparent;
margin: 2rem 0;
padding: 0;
}
.wp-block-quote.is-style-plain p:last-of-type {
padding: 0;
}
.wp-block-quote.is-style-plain p::after {
display: none;
}
.wp-block-quote.is-style-plain cite,
.wp-block-quote.is-style-plain footer {
opacity: 0.6;
margin: 2rem 0 1.5rem;
text-align: inherit;
}
.wp-block-quote.is-style-large:not(.is-style-plain),
.wp-block-quote.is-large:not(.is-style-plain) {
margin-bottom: calc(var(--evie-spacing-md) + 3rem);
padding: var(--evie-spacing-sm);
}
.wp-block-quote.is-style-large:not(.is-style-plain) p,
.wp-block-quote.is-large:not(.is-style-plain) p {
font-size: var(--evie-font-size-h3);
font-style: normal;
line-height: 1.4;
}
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer,
.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer {
font-size: var(--evie-font-size-md);
}
.wp-block-quote.is-large cite em {
font-weight: 300;
}
.wp-block-pullquote {
clear: both;
margin: 0;
padding: 0;
position: relative;
text-align: left;
z-index: 2;
}
.wp-block-pullquote.has-text-align-left,
.wp-block-pullquote.has-text-align-right {
max-width: var(--evie-content-width);
}
.wp-block-pullquote blockquote {
padding: var(--evie-spacing-sm) 0 0;
}
.wp-block-pullquote.has-background blockquote {
margin-left: 0;
margin-right: 0;
max-width: none;
padding: var(--evie-spacing-md);
}
.wp-block-pullquote blockquote::before {
color: inherit;
left: 0;
opacity: 0.1;
top: 0;
z-index: -1;
}
.wp-block-pullquote.has-background blockquote::before {
left: var(--evie-spacing-md);
top: 1rem;
}
.wp-block-pullquote.has-text-align-right blockquote::before {
left: auto;
right: 0;
transform: rotate(180deg);
}
.wp-block-pullquote.has-background.has-text-align-right blockquote::before {
right: var(--evie-spacing-md);
}
.wp-block-pullquote.has-text-align-center blockquote {
text-align: center;
}
.wp-block-pullquote.has-text-align-center blockquote::before {
left: 50%;
transform: translateX(-50%);
}
.wp-block-pullquote p {
font-size: var(--evie-font-size-lg) !important;
line-height: 1.4;
margin: 0;
padding: 0;
}
.wp-block-pullquote.has-background p {
padding: 0;
}
.wp-block-pullquote cite {
display: block;
opacity: 0.6;
}
.wp-block-pullquote.has-background blockquote cite {
font-style: italic;
padding: 0;
} .wp-block-search .wp-block-search__inside-wrapper {
align-items: center;
} .wp-block-table {
border-collapse: collapse;
overflow-x: auto;
width: 100%;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table th,
.wp-block-table tfoot td {
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-xs);
}
.wp-block-table tfoot td {
border-color: transparent;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
padding: 1rem;
}
.wp-block-table .has-background th:first-child,
.wp-block-table .has-background td:first-child {
padding-left: 1rem;
}
.wp-block-table .has-background th:last-child,
.wp-block-table .has-background td:last-child {
padding-right: 1rem;
}
.wp-block-table.aligncenter th,
.wp-block-table.aligncenter td {
text-align: center;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-regular thead,
.wp-block-table.is-style-stripes thead {
border-bottom: 3px solid rgba(var(--evie-color-on-surface-rgb), 0.8);
}
.wp-block-table.is-style-regular tfoot,
.wp-block-table.is-style-stripes tfoot {
border-top: 3px solid rgba(var(--evie-color-on-surface-rgb), 0.8);
}
.entry-content .wp-block-table td a {
display: inline;
}
.wp-block-table.is-style-evie-list {
--evie-transition-delay: 0.3s;
display: block;
padding-bottom: 0.3rem;
}
.wp-block-table.is-style-evie-list table,
.wp-block-table.is-style-evie-list table > * {
display: block;
}
.wp-block-table.is-style-evie-list thead th,
.wp-block-table.is-style-evie-list tfoot td {
display: none;
}
.wp-block-table.is-style-evie-list tr {
display: flex;
flex-flow: row wrap;
position: relative;
}
.wp-block-table.is-style-evie-list tbody {
position: relative;
}
.wp-block-table.is-style-evie-list thead tr::before,
.wp-block-table.is-style-evie-list tfoot tr::before {
content: "";
display: block;
}
.wp-block-table.is-style-evie-list tbody::before,
.wp-block-table.is-style-evie-list tbody::after,
.wp-block-table.is-style-evie-list tbody tr::before {
background: rgba(var(--evie-color-on-surface-rgb), 0.8);
content: "";
display: block;
height: 3px;
position: absolute;
transform: scaleX(0) translateZ(0);
transform-origin: top left;
transition: transform 1s var(--evie-transition-ease);
width: 100%;
}
.wp-block-table.is-style-evie-list tbody::after {
top: auto;
transform-origin: bottom left;
}
.wp-block-table.is-style-evie-list tbody tr::before {
background: rgba(var(--evie-color-on-surface-rgb), 0.15);
height: 1px;
transition: transform 1s var(--evie-transition-ease) var(--evie-transition-delay);
}
.wp-block-table.is-style-evie-list tbody tr:first-child::before {
background: transparent;
}
.wp-block-table.is-style-evie-list.evie-active tbody::before,
.wp-block-table.is-style-evie-list.evie-active tbody::after,
.wp-block-table.is-style-evie-list.evie-active tbody tr::before {
transform: scaleX(1) translateZ(0);
}
.wp-block-table.is-style-evie-list th,
.wp-block-table.is-style-evie-list td {
border: none;
flex: 1 1 100%;
max-width: 100%;
padding: 0;
opacity: 0;
transition: 0.5s opacity calc(var(--evie-transition-delay) + 0.5s) var(--evie-transition-ease);
}
.wp-block-table.is-style-evie-list td:first-child {
padding: 1.5rem 0 0;
}
.wp-block-table.is-style-evie-list td:last-child {
padding: 0 0 1.5rem 0;
}
.wp-block-table.is-style-evie-list .has-background td {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.wp-block-table.is-style-evie-list tbody td {
font-size: var(--evie-font-size-md);
}
.wp-block-table.is-style-evie-list.evie-active th,
.wp-block-table.is-style-evie-list.evie-active td {
opacity: 1;
}
.wp-block-table.is-style-evie-list td img {
display: block;
margin-bottom: 1rem;
} .wp-block-button__link,
.wp-block-file .wp-block-file__button {
align-items: center;
background: linear-gradient(45deg, transparent, transparent, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb))) border-box;
background-position: 0% 0%;
background-color: rgb(var(--evie-color-on-surface-rgb));
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.5rem;
color: rgb(var(--evie-color-surface-rgb));
display: inline-flex;
font-size: var(--evie-font-size-base);
font-weight: 400;
height: 4rem;
letter-spacing: 0.14rem;
padding: 0.5rem 4rem;
transition: background-position 0.3s var(--evie-transition-ease), border-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: rgb(var(--evie-color-surface-rgb));
}
.wp-block-button__link.has-background,
.wp-block-file .wp-block-file__button.has-background {
color: rgb(var(--evie-color-white-rgb));
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: rgb(var(--evie-color-on-surface-rgb));
}
.wp-block-button__link:hover {
background-position: 100% 50%;
color: rgb(var(--evie-color-on-primary-rgb));
}
.is-style-outline > :where(.wp-block-button__link):hover,
:where(.wp-block-button__link).is-style-outline:hover {
border-color: transparent;
color: rgb(var(--evie-color-on-primary-rgb)) !important;
}
.wp-block-button.is-style-evie-link {
margin-right: 2rem;
}
.wp-block-button.is-style-evie-link .wp-block-button__link {
background: none;
color: inherit;
letter-spacing: unset;
padding: 1rem 0;
}
.wp-block-button.is-style-evie-link .wp-block-button__link.has-background {
padding: 1rem;
}
.wp-block-button.is-style-evie-link .wp-block-button__link:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.wp-block-button.is-style-evie-circle,
.wp-block-button.is-style-evie-circle-after {
position: relative;
}
.wp-block-button.is-style-evie-circle .wp-block-button__link,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link {
align-items: center;
background: none;
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-flex;
font-weight: 700;
line-height: 1;
min-height: 5rem;
padding: 1rem 0 1rem calc(var(--evie-spacing-lg) / 2.5);
position: relative;
text-align: left;
}
.wp-block-buttons {
--wp--style--block-gap: var(--evie-spacing-sm);
}
.wp-block-buttons .wp-block-button.is-style-evie-circle:not(.wp-block-button__width-100):last-child .wp-block-button__link {
padding-right: 0;
}
.wp-block-button.is-style-evie-circle-after .wp-block-button__link {
padding: 1rem calc(var(--evie-spacing-lg) / 2.5) 1rem 1rem;
text-align: right;
}
.wp-block-buttons .wp-block-button.is-style-evie-circle-after:first-child .wp-block-button__link {
padding-left: 0;
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: auto;
}
.wp-block-file {
font-weight: 400;
}
.wp-block-file a:not(.wp-block-file__button)::before,
.wp-block-button.is-style-evie-circle .wp-block-button__link::before,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link::before,
.wp-block-file a:not(.wp-block-file__button)::after,
.wp-block-button.is-style-evie-circle .wp-block-button__link::after,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link::after {
background: rgb(var(--evie-color-surface-rgb));
border-radius: 50%;
content: "";
display: block;
height: var(--evie-spacing-lg);
left: 0;
position: absolute;
transform: translateY(-50%) translateZ(0) scale(1);
transform-origin: center;
transition: transform 0.3s;
top: 50%;
width: var(--evie-spacing-lg);
z-index: -1;
}
.wp-block-button.is-style-evie-circle-after .wp-block-button__link::before,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link::after {
left: auto;
right: 0;
}
.wp-block-file a:not(.wp-block-file__button):hover::before,
.wp-block-file a:not(.wp-block-file__button):hover::after,
.wp-block-button.is-style-evie-circle .wp-block-button__link:hover::before,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link:hover::before,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link:hover::after,
.wp-block-button.is-style-evie-circle .wp-block-button__link:hover::after {
transform: translateY(-50%) scale(0.8);
}
.has-scheme-dark .wp-block-file .wp-block-file__textlink::before,
.flext-has-scheme-dark .wp-block-file .wp-block-file__textlink::before,
.has-scheme-dark .wp-block-file a:not(.wp-block-file__button)::before,
.flext-has-scheme-dark .wp-block-file a:not(.wp-block-file__button)::before,
.has-scheme-dark .wp-block-button.is-style-evie-circle .wp-block-button__link::before,
.flext-has-scheme-dark .wp-block-button.is-style-evie-circle .wp-block-button__link::before,
.has-scheme-dark .wp-block-button.is-style-evie-circle-after .wp-block-button__link::before,
.flext-has-scheme-dark .wp-block-button.is-style-evie-circle-after .wp-block-button__link::before {
background: none;
}
.wp-block-file a:not(.wp-block-file__button)::after,
.wp-block-button.is-style-evie-circle .wp-block-button__link::after,
.wp-block-button.is-style-evie-circle-after .wp-block-button__link::after {
background-color: #fff;
mix-blend-mode: difference;
z-index: 10;
}
.wp-block-button.has-custom-width.is-style-evie-circle,
.wp-block-button.has-custom-width.is-style-evie-circle-after {
margin-bottom: 2rem;
width: auto !important;
}
.wp-block-button.wp-block-button__width-25.is-style-evie-circle,
.wp-block-button.wp-block-button__width-25.is-style-evie-circle-after {
font-size: var(--evie-font-size-xs);
}
.wp-block-button.wp-block-button__width-25.is-style-evie-circle .wp-block-button__link {
font-size: var(--evie-font-size-xs);
padding: 1rem 0 1rem 1.2rem;
}
.wp-block-button.wp-block-button__width-25.is-style-evie-circle-after .wp-block-button__link {
font-size: var(--evie-font-size-xs);
padding: 1rem 2.1rem 1rem 0;
}
.wp-block-button.wp-block-button__width-25.is-style-evie-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-25.is-style-evie-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-25.is-style-evie-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-25.is-style-evie-circle-after .wp-block-button__link::after {
height: 2.8rem;
width: 2.8rem;
}
.wp-block-button.wp-block-button__width-50.is-style-evie-circle .wp-block-button__link {
font-size: var(--evie-font-size-sm);
padding: 1rem 0 1rem 1.3rem;
}
.wp-block-button.wp-block-button__width-50.is-style-evie-circle-after .wp-block-button__link {
font-size: var(--evie-font-size-sm);
padding: 1rem 1.3rem 1rem 0;
}
.wp-block-button.wp-block-button__width-50.is-style-evie-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-50.is-style-evie-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-50.is-style-evie-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-50.is-style-evie-circle-after .wp-block-button__link::after {
height: 3.2rem;
width: 3.2rem;
}
.wp-block-button.wp-block-button__width-75.is-style-evie-circle .wp-block-button__link {
padding: 1rem 0 1rem 1.6rem;
}
.wp-block-button.wp-block-button__width-75.is-style-evie-circle-after .wp-block-button__link {
padding: 1rem 1.6rem 1rem 0;
}
.wp-block-button.wp-block-button__width-75.is-style-evie-circle .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-75.is-style-evie-circle .wp-block-button__link::after,
.wp-block-button.wp-block-button__width-75.is-style-evie-circle-after .wp-block-button__link::before,
.wp-block-button.wp-block-button__width-75.is-style-evie-circle-after .wp-block-button__link::after {
height: 4rem;
width: 4rem;
} .wp-block-file a {
position: relative;
z-index: 5;
}
.wp-block-file a:not(.wp-block-file__button) {
align-items: center;
border-radius: 50%;
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-flex;
height: 6rem;
justify-content: center;
letter-spacing: 0.3rem;
line-height: 3.6rem;
margin: 0 0.5rem;
min-width: 3.5rem;
padding: 0 2.2rem;
position: relative;
text-transform: capitalize;
transition: color 0.3s;
z-index: 10;
} .wp-block-search .wp-block-search__label {
display: inline-block;
margin-bottom: 0.5rem;
}
.wp-block-search .wp-block-search__input {
background: rgba(var(--evie-color-on-surface-rgb), 0.013);
border-color: rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
height: 4rem;
transition: border-color 0.25s;
}
.wp-block-search__button-outside.wp-block-search .wp-block-search__input {
border-radius: 0.5rem 0 0 0.5rem;
}
.wp-block-search .wp-block-search__input:focus,
.wp-block-search .wp-block-search__input:hover,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:focus,
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper:hover {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
}
.wp-block-search .wp-block-search__button {
margin: 0;
background-color: rgb(var(--evie-color-on-surface-rgb));
border: none;
border-radius: 0 0.5rem 0.5rem 0;
color: rgb(var(--evie-color-surface-rgb));
height: 4rem;
padding: 0.5rem 2rem;
transition: background-color 0.3s, color 0.3s;
}
.wp-block-search .wp-block-search__button:hover {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background: rgba(var(--evie-color-on-surface-rgb), 0.013);
border-color: rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
padding: 0;
transition: border-color 0.25s;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
background: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
background: none;
color: rgb(var(--evie-color-on-surface-rgb));
height: 4rem;
letter-spacing: 0.1rem;
margin-left: 1rem;
padding: 0.5rem 1.5rem;
} .wp-block-embed iframe {
border-radius: 1rem;
width: 100%;
}
.wp-block-embed-twitter {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 1rem;
padding: var(--evie-spacing-sm);
}
.wp-block-embed-twitter .twitter-tweet {
margin-left: auto;
margin-right: auto;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-embed-instagram {
max-width: 65rem;
}
.wp-block-embed-instagram .instagram-media {
min-width: 26rem !important;
}
.wp-block-embed-instagram blockquote::before {
display: none;
} .wp-block-media-text.has-background {
padding: var(--evie-spacing-sm);
}
.wp-block-media-text.has-background.alignfull {
border-radius: 0;
padding: var(--evie-spacing-horizontal);
}
.entry-content > .wp-block-media-text.alignfull:not(.has-background) {
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.wp-block-media-text.has-background.is-image-fill,
.wp-block-media-text.is-image-fill.alignfull {
gap: 0;
padding: 0;
}
.wp-block-media-text:not(.is-stacked-on-mobile) {
display: grid;
gap: var(--evie-spacing-sm);
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: var(--evie-spacing-sm);
}
.wp-block-media-text.is-stacked-on-mobile.is-image-fill.has-background .wp-block-media-text__media {
margin-bottom: 0;
}
.wp-block-media-text__media img {
border-radius: 1rem;
}
.wp-block-media-text.alignfull .wp-block-media-text__media img {
border-radius: 0;
}
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text:not(.is-stacked-on-mobile) .wp-block-media-text__content,
.wp-block-media-text.has-background:not(.is-image-fill) .wp-block-media-text__content {
padding: 0;
}
.wp-block-media-text.has-background.is-image-fill .wp-block-media-text__content {
padding: var(--evie-spacing-sm);
}
.wp-block-media-text.alignfull .wp-block-media-text__content,
.wp-block-media-text.has-background.is-image-fill.alignfull .wp-block-media-text__content {
padding: var(--evie-spacing-horizontal);
}
.wp-block-media-text h1,
.wp-block-media-text h2,
.wp-block-media-text h3,
.wp-block-media-text h4,
.wp-block-media-text h5,
.wp-block-media-text h6 {
margin: 0 0 3rem 0;
}
.wp-block-media-text .wp-block-media-text__content p:last-child {
margin-bottom: 0;
} .wp-block-separator {
background: rgba(var(--evie-color-on-surface-rgb), 0.15);
border: none;
width: 20%;
}
.wp-block-separator.has-background {
padding: 0;
}
.wp-block-separator.is-style-dots {
background: none;
border-top: none;
}
.wp-block-separator.is-style-dots::before {
font-size: 3rem;
letter-spacing: 2rem;
padding-left: 2rem;
vertical-align: middle;
}
.wp-block-separator.is-style-wide {
width: 100%;
} .wp-block-spacer {
clear: both;
margin-bottom: 0 !important;
margin-top: 0 !important;
} .wp-block-tag-cloud a {
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
.wp-block-tag-cloud.is-style-outline {
gap: unset;
}
.wp-block-tag-cloud.is-style-outline a {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
padding: 0.5rem 1.5rem 0.5rem 1.5rem;
margin-bottom: 0.8rem;
margin-right: 0.5rem;
}
.wp-block-tag-cloud.is-style-outline a:hover {
background: none;
border: 1px solid rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-secondary-rgb));
}
.wp-block-tag-cloud.is-style-outline .tag-cloud-link:hover::before {
color: rgb(var(--evie-color-secondary-rgb));
} .wp-block-archives,
.wp-block-categories,
.wp-block-categories ul,
.wp-block-latest-posts {
list-style: none;
padding: 0;
}
.wp-block-archives li,
.wp-block-categories li {
align-items: center;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
border-radius: 1rem;
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
margin: 0 0 1rem 0;
padding: 0 1.5rem 0 0;
transition: border-color 0.3s var(--evie-transition-ease);
}
.wp-block-archives li:hover,
.wp-block-categories li:hover {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.2);
}
.wp-block-archives li a,
.wp-block-categories li a {
color: inherit;
flex: 1 1 auto;
overflow: hidden;
padding: 1.5rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.wp-block-archives li a:hover {
color: inherit;
}
.wp-block-categories .children {
display: flex;
flex: 1 1 100%;
flex-flow: row wrap;
justify-content: space-between;
margin-top: 1rem;
position: relative;
}
.wp-block-archives li:last-child,
.wp-block-categories .children li:last-child {
margin-bottom: 0;
}
.wp-block-archives.aligncenter,
.wp-block-latest-comments.aligncenter {
text-align: center;
} .wp-block-calendar {
border-radius: 0.5rem;
border: 1px solid rgb(var(--evie-color-on-surface-rgb));
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
border: none;
}
.wp-block-calendar a {
text-decoration: none;
} ol.wp-block-latest-comments {
margin: 0 auto;
padding: 0;
}
.wp-block-latest-comments__comment {
display: flex;
font-size: inherit;
}
.wp-block-latest-comments .avatar {
display: flex;
flex: 0 1 4rem;
float: none;
margin-right: 1.5rem;
}
.wp-block-latest-comments article {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
.wp-block-latest-comments.aligncenter .wp-block-latest-comments__comment {
flex-flow: column wrap;
}
.wp-block-latest-comments.aligncenter article {
margin-top: 1rem;
}
.wp-block-latest-comments__comment-author {
display: inline-block;
font-weight: 400;
margin-bottom: 0.5rem;
}
.wp-block-latest-comments a.wp-block-latest-comments__comment-author:hover {
color: inherit;
text-decoration: underline;
}
.wp-block-latest-comments__comment-meta {
font-size: var(--evie-font-size-xs);
}
.wp-block-latest-comments__comment-date {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
font-size: var(--evie-font-size-xs);
margin-top: 0.5rem;
}
.wp-block-latest-comments__comment-excerpt p {
line-height: inherit;
margin: 0.5rem 0 1.5rem;
}
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 0;
}
.wp-block-latest-comments__comment-link {
display: block;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-base);
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
}
.entry-content .wp-block-latest-comments li {
background: rgb(var(--evie-color-surface-rgb));
padding: 1.5rem;
border-radius: 1rem;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
}
.entry-content .wp-block-latest-comments li::before {
display: none;
}
.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
display: inline-block;
display: -webkit-box;
margin-bottom: 0;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .wp-block-latest-posts li,
.wp-block-rss li {
border-radius: 1rem;
box-shadow: inset 0 0 0 1px rgba(var(--evie-color-on-surface-rgb), 0.05);
margin-bottom: var(--evie-spacing-md);
padding: 2rem;
position: relative;
}
.wp-block-latest-posts li:last-child,
.wp-block-rss li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts li::before,
.wp-block-latest-posts li::after {
content: "";
display: table;
table-layout: fixed;
}
.wp-block-latest-posts li::after {
clear: both;
}
.wp-block-latest-posts li > a {
display: block;
margin: 0;
}
.wp-block-rss .wp-block-rss__item-title {
font-weight: 400;
margin: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
margin-bottom: 1.5rem;
width: 100%;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-date,
.wp-block-latest-posts li .wp-block-latest-posts__post-author,
.wp-block-rss li .wp-block-rss__item-author,
.wp-block-rss li .wp-block-rss__item-publish-date {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
display: inline;
}
.wp-block-latest-posts.has-dates.has-author .wp-block-latest-posts__post-author::after,
.wp-block-rss.has-dates.has-authors .wp-block-rss__item-author::before {
color: rgb(var(--evie-color-primary-rgb));
content: "\2022";
display: inline;
margin: 0 0.5rem;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image img {
border-radius: 1rem;
display: block;
width: 100%;
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.wp-post-image {
width: var(--evie-content-width);
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.size-thumbnail {
width: 15rem;
}
.wp-block-latest-posts:not(.is-grid) .wp-block-latest-posts__featured-image img.size-medium {
width: 30rem;
}
.wp-block-latest-posts__featured-image a {
display: block;
width: 100%;
}
.wp-block-latest-posts li .wp-block-latest-posts__post-excerpt,
.wp-block-rss li .wp-block-rss__item-excerpt {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
.wp-block-latest-posts.is-grid,
ul.wp-block-rss.is-grid {
display: grid;
gap: var(--evie-spacing-md);
grid-template-columns: repeat(var(--evie-grid-columns), 1fr);
}
.wp-block-latest-posts.is-grid li,
ul.wp-block-rss.is-grid li {
align-content: flex-start;
display: flex;
flex-wrap: wrap;
gap: 0.8rem 0;
line-height: 1.2;
margin: 0;
position: relative;
width: 100%;
}
ul.wp-block-rss.is-grid li {
line-height: inherit;
}
.wp-block-latest-posts.is-grid li > *,
.wp-block-rss.is-grid li > * {
display: flex;
flex: 1 1 100%;
}
.wp-block-latest-posts.is-grid li > a {
display: inline-block;
display: -webkit-box;
margin-bottom: 0.8rem;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-author,
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-date,
.wp-block-rss.is-grid li .wp-block-rss__item-author,
.wp-block-rss.is-grid li .wp-block-rss__item-publish-date {
display: inline;
flex: 0 1 auto;
font-size: var(--evie-font-size-xs);
margin: 0;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
line-height: 1.688;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt > a {
display: none;
} .wp-block-post-template .wp-block-post-featured-image {
border-radius: 1rem;
margin-bottom: var(--evie-spacing-xs);
overflow: hidden;
}
.wp-block-post-template .wp-block-post-title {
font-size: var(--evie-font-size-h6);
}
.wp-block-post-template .wp-block-post-date {
font-size: var(--evie-font-size-sm);
opacity: 0.6;
}
.wp-block-post-template .wp-block-separator {
display: none;
} .wp-block-post-excerpt > *:last-child {
margin-bottom: 0;
} .wp-block-post-author .wp-block-post-author__avatar img {
border-radius: 50%;
}
.wp-block-post-author__byline {
font-size: var(--evie-font-size-xs);
}
.wp-block-post-author__name {
font-size: var(--evie-font-size-h6);
font-weight: 700;
margin-bottom: 0.5rem;
}
.wp-block-post-author__bio {
font-size: var(--evie-font-size-sm);
margin: 0;
} .wp-block-page-list {
list-style-type: none;
padding: 0;
}  .evie-slider.evie-fullscreen .slider-navigation {
bottom: var(--evie-spacing-horizontal);
}
a .flext-format-underline,
.flext-format-underline a {
color: rgb(var(--evie-color-on-surface-rgb));
}
.flext-format-underline {
background: no-repeat 0 100%;
background-image: linear-gradient(to right, rgb(var(--evie-color-on-surface-rgb)) 0%, rgb(var(--evie-color-on-surface-rgb)) 100%);
background-position: right 100%;
background-size: 100% 1px;
color: inherit;
display: inline;
text-decoration: none !important;
transition: color 0.3s var(--evie-transition-ease), background-size 0.3s var(--evie-transition-ease);
}
.flext-format-underline:hover,
.flext-format-underline:focus {
background-size: 0 1px;
color: rgb(var(--evie-color-on-surface-rgb));
} .flext-has-inline-animation {
color: rgb(var(--evie-color-on-surface-rgb));
}
.flext-inline-clip {
border-color: transparent;
padding: 0;
} .flext-has-highlight {
--flext-highlight-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
} .flext-carousel {
--flext-carousel-pagination-color: rgb(var(--evie-color-on-surface-rgb));
--flext-carousel-pagination-height: var(--evie-spacing-vertical);
}
.flext-carousel.flext-carousel-horizontal .flext-pagination-progressbar .flext-progressbar,
.flext-carousel.flext-carousel-vertical .flext-pagination-progressbar.flext-pagination-progressbar-opposite .flext-progressbar {
height: 0.1rem;
max-width: 10rem;
}
.flext-carousel .flext-button-prev,
.flext-carousel .flext-button-next {
background-image: linear-gradient(45deg, rgb(var(--evie-color-black-rgb)), rgb(var(--evie-color-black-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--evie-color-white-rgb));
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease);
}
.flext-carousel .flext-button-prev:not(.flext-button-disabled):hover,
.flext-carousel .flext-button-next:not(.flext-button-disabled):hover {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-carousel .flext-button-prev {
left: 3vw;
}
.flext-carousel .flext-button-next {
right: 3vw;
} .flext-block-section {
color: rgb(var(--evie-color-on-surface-rgb));
margin-bottom: var(--evie-spacing-vertical);
margin-top: var(--evie-spacing-vertical);
}
.flext-block-section.flext-is-full-height {
min-height: calc(100vh - var(--evie-header-menu-gap) - var(--evie-admin-bar-height));
}
.flext-block-section.flext-has-background,
.flext-block-section.flext-has-background.alignfull {
margin-bottom: 0;
margin-top: 0;
padding-bottom: var(--evie-spacing-vertical);
padding-top: var(--evie-spacing-vertical);
}
.flext-block-section-inner > * {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-content-width);
}
.flext-block-section-inner > * + * {
margin-top: var(--evie-spacing-md);
}
.flext-block-section-inner > h1 + *,
.flext-block-section-inner > h2 + *,
.flext-block-section-inner > h3 + *,
.flext-block-section-inner > h4 + *,
.flext-block-section-inner > h5 + *,
.flext-block-section-inner > h6 + * {
margin-top: var(--evie-spacing-xs);
}
.flext-block-section-inner > *:last-child {
margin-bottom: 0;
} .flext-block-latest-posts {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.flext-block-latest-posts .post-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.3rem;
position: relative;
width: 100%;
}
.flext-block-latest-posts .post-meta > span {
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 0.8rem;
margin-right: 1.5rem;
}
.flext-block-latest-posts .post-meta > span + span {
margin-left: auto;
}
.flext-block-latest-posts .post-meta > span:last-child {
margin-right: 0;
}
.flext-block-latest-posts .post-meta .post-date {
color: rgba(0, 0, 0, 0.4);
}
.flext-block-latest-posts li .post-header strong,
.flext-grid.has-large-gutters li .post-header strong {
display: block;
font-family: var(--evie-font-primary);
font-weight: 600;
line-height: 1.4;
overflow: hidden;
text-align: initial;
} .flext-block-categories.has-thumbnail a span {
font-size: 2rem;
font-weight: 600;
left: 0;
letter-spacing: 0.1rem;
line-height: 1.2;
position: absolute;
top: 0;
z-index: 9;
}
.flext-block-categories.has-thumbnail .posts-count {
font-size: var(--evie-font-size-lg);
font-weight: 700;
line-height: 1.2;
top: auto;
}
.flext-block-categories.flext-carousel .flext-button-prev,
.flext-block-categories.flext-carousel .flext-button-next {
font-size: 2rem;
height: 3rem;
width: 3rem;
}
.has-scheme-dark .flext-block-categories:not(.has-thumbnail) li:hover .posts-count {
background-color: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
}
.flext-block-categories.is-style-grid {
--flext-grid-gap: var(--evie-spacing-horizontal);
}
.flext-grid.aligncenter {
display: grid;
}
.flext-block-categories.flext-carousel:not(.alignfull) {
border-radius: 1rem;
}
.flext-block-categories.has-thumbnail .category-item {
height: 15rem;
transform: translateZ(0);
} .flext-block-categories.is-style-plain .category-item::after {
color: rgba(var(--evie-color-on-surface-rgb), 0.3);
content: "\2044";
display: inline-block;
font-size: var(--evie-font-size-xl);
line-height: 1;
margin: 0 2rem 0 1rem;
}
.flext-block-categories.is-style-plain .category-item:last-child::after {
display: none;
}
.flext-block-categories.is-style-plain a {
color: inherit;
font-size: var(--evie-font-size-xl);
}
.flext-block-categories.is-style-plain a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.flext-block-categories.is-style-plain .posts-count {
transition: color 0.3s var(--evie-transition-ease);
}
.flext-block-categories.is-style-plain .category-item:hover .posts-count {
color: rgb(var(--evie-color-primary-rgb));
}
.flext-block-categories.is-style-grid:not(.has-thumbnail) .category-item {
font-weight: 600;
padding: 0;
}
.flext-block-categories.is-style-grid:not(.has-thumbnail) .category-item a {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
font-size: 2rem;
padding: 2rem;
}
.flext-block-categories.is-style-grid:not(.has-thumbnail) .posts-count {
background: rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-on-secondary-rgb));
right: 2rem;
transition: background-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-block-categories.is-style-grid:not(.has-thumbnail) .category-item:hover .posts-count {
background: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
} .flext-block-latest-posts.flext-list li {
align-items: center;
display: flex;
margin: 3rem 0;
padding: 0;
}
.flext-block-latest-posts.flext-list li::before {
display: none;
}
.flext-block-latest-posts.flext-list li .post-thumbnail {
align-items: center;
background: rgba(0, 0, 0, 0.05);
border-radius: 50%;
color: #3e3e3e;
display: flex;
flex-grow: 0;
justify-content: center;
height: 5rem;
margin-right: 1.5rem;
min-width: 5rem;
order: 1;
overflow: hidden;
width: 5rem;
}
.flext-block-latest-posts.flext-list li .post-thumbnail img {
height: 5rem;
width: 5rem;
}
.flext-block-latest-posts.flext-list li:not(.has-thumbnail) .post-thumbnail::before {
color: #3e3e3e;
content: "\e80b";
display: inline-block;
font-family: evie, sans-serif;
font-size: 2.5rem;
}
.flext-block-latest-posts.flext-list li .post-header {
flex-wrap: wrap;
order: 2;
padding: 0;
}
.flext-block-latest-posts:not(.aligncenter) > li .post-meta {
order: 2;
}
.flext-block-latest-posts.flext-list.aligncenter li > * {
flex-direction: column;
text-align: center;
}
.flext-block-latest-posts.flext-list.aligncenter li .post-header {
display: block;
flex-direction: unset;
}
.flext-block-latest-posts.flext-list.aligncenter li .post-thumbnail {
align-self: auto;
}
.flext-block-latest-posts.flext-list.aligncenter li.has-thumbnail .post-thumbnail {
margin: 0 0 1rem;
} .flext-block-latest-posts.flext-grid.has-large-gutters {
box-sizing: border-box;
display: flex;
}
.flext-block-latest-posts.flext-grid .post-thumbnail {
line-height: 0;
}
.flext-block-latest-posts.flext-grid.has-large-gutters li > * {
display: block;
}
.flext-block-latest-posts.flext-grid.has-large-gutters .post-header {
padding: 1.5rem 0;
}
.flext-block-latest-posts.flext-grid.has-large-gutters li .post-meta {
font-size: 1.3rem;
} .wp-block-outermost-icon-block {
display: flex;
line-height: 0;
}
.wp-block-outermost-icon-block .has-icon-color.has-background-color {
border-radius: 1rem;
}
.wp-block-outermost-icon-block.has-icon-color svg[fill="none"],
.wp-block-outermost-icon-block .has-icon-color svg[fill="none"] {
fill: none;
} .entry-content > .flext-block-gallery.alignfull {
padding-left: 0;
padding-right: 0;
} .flext-waterfall-gallery,
.flext-waterfall-gallery.flext-gallery-gutters .flext-gallery-item figure {
border-radius: 1rem;
}
.entry-content > .flext-block-gallery.alignfull > .flext-waterfall-gallery {
margin-left: calc(var(--evie-spacing-horizontal) - var(--flext-gallery-gap));
margin-right: calc(var(--evie-spacing-horizontal) - var(--flext-gallery-gap));
}
.flext-waterfall-gallery.flext-gallery-gutters {
border-radius: 0;
} .author-recent-posts li .post-thumbnail {
border-radius: 1rem;
overflow: hidden;
}
.author-recent-posts li .post-thumbnail img {
transition: transform 0.3s ease-out;
}
.author-recent-posts li:hover .post-thumbnail img {
transform: scale(1.1);
}
.author-recent-posts .post-title {
font-size: var(--evie-font-size-sm);
font-weight: 600;
line-height: 1.2;
}
.flext-block-authors .flext-author-entry:last-child {
margin-bottom: 0;
}
.flext-block-authors.alignfull .flext-author-entry {
padding: var(--evie-spacing-horizontal);
}
.flext-block-authors.alignfull .flext-author-entry.has-cover-image,
.flext-author-entry.has-cover-image {
padding-top: 0;
}
.flext-author-entry.has-cover-image .flext-author-cover-image {
height: 15rem;
}
.flext-author-entry.has-cover-image .flext-author-cover-image::after {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.flext-author-entry.has-cover-image .flext-author-header {
margin-top: 8rem;
}
.flext-block-authors .flext-author-avatar a::before {
right: 2rem;
}
.flext-block-authors .edit-profile a {
margin: 1.5rem 0 0;
}
.flext-block-authors .author-recent-posts li {
width: 50%;
}
.flext-block-authors .author-recent-posts li:nth-child(3),
.flext-block-authors .author-recent-posts li:nth-child(4),
.flext-block-authors .author-recent-posts li:nth-child(5) {
display: none;
} .flext-block-authors.is-style-grid.has-recent-posts .flext-author-entry .flext-author-detail {
overflow: hidden;
width: 100%;
}
.flext-block-authors.is-style-grid .author-recent-posts li {
overflow: hidden;
position: relative;
}
.flext-block-authors.is-style-grid .author-recent-posts li .post-thumbnail {
margin-bottom: 0;
}
.flext-block-authors.is-style-grid .author-recent-posts li .post-thumbnail::after {
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
transition: opacity 0.3s;
top: 0;
}
.flext-block-authors.is-style-grid .author-recent-posts li:hover .post-thumbnail::after {
opacity: 1;
}
.flext-block-authors.is-style-grid .author-recent-posts .post-title {
color: #fff;
padding: 0 1rem 1rem;
position: absolute;
transition: transform 0.3s;
top: 100%;
}
.flext-block-authors.is-style-grid .author-recent-posts li:hover .post-title {
transform: translateY(-100%);
}
.flext-block-authors .pagination a {
color: inherit;
} .flext-social-icons a {
color: inherit;
}
.has-scheme-dark .flext-social-icons :is(.flext-link-500px, .flext-link-apple, .flext-link-codepen, .flext-link-github, .flext-link-threads, .flext-link-tumblr, .flext-link-twitter):hover {
--flext-widget-social-icon-color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}  body {
background: rgb(var(--evie-color-background-rgb));
box-sizing: border-box;
color: rgb(var(--evie-color-on-surface-rgb));
width: 100%;
}
.is-scrolling-disabled {
scrollbar-width: none;
}
.is-scrolling-disabled body.has-scrollbar {
padding-right: var(--evie-scrollbar-width);
}
.site {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.no-scroll {
height: 100%;
overflow: hidden;
touch-action: none;
}
.main-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.main-content-overlay {
background-color: rgba(var(--evie-color-black-rgb), 0.75);
bottom: 0;
cursor: crosshair;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
z-index: 9900;
} .evie-drawer {
background: rgb(var(--evie-color-surface-rgb));
bottom: 0;
color: rgb(var(--evie-color-on-surface-rgb));
max-width: var(--evie-sidebar-width);
overflow: hidden;
padding-top: var(--evie-header-menu-height);
position: fixed;
right: 0;
top: var(--evie-admin-bar-height);
transform: translate3d(100%, 0, 0);
transition: transform 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
width: 100%;
z-index: 9980;
}
.drawer-inner {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
height: 100%;
overflow-y: auto;
padding: var(--evie-spacing-horizontal);
position: relative;
width: 100%;
} .evie-section {
margin-bottom: var(--evie-spacing-vertical);
margin-top: var(--evie-spacing-vertical);
padding: 0 var(--evie-spacing-horizontal);
position: relative;
width: 100%;
}
.evie-container {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-content-width);
position: relative;
width: 100%;
z-index: 1;
} .sidebar-active .main-sidebar {
transform: translate3d(0, 0, 1px);
visibility: visible;
} .main-header {
height: var(--evie-header-menu-gap);
z-index: 9990;
}
.menu-hidden .main-header {
display: none;
} .transparent-menu.menu-text-light .main-header,
.full-menu.nav-active .main-header {
--evie-color-on-menu-rgb: var(--evie-color-white-rgb);
}
.transparent-menu.menu-text-dark .main-header {
--evie-color-on-menu-rgb: var(--evie-color-black-rgb);
}
.mobile-menu.nav-active .main-menu,
.transparent-menu .main-header.is-sticky,
.top-menu.transparent-menu.nav-active .main-header,
.full-menu.sidebar-active .main-header {
--evie-color-on-menu-rgb: var(--evie-color-on-surface-rgb);
}
.with-counters {
counter-reset: menu-item-number;
}
.with-counters > li {
counter-increment: menu-item-number;
}
.with-counters > li > a::before {
content: counter(menu-item-number, decimal-leading-zero);
} .main-menu {
align-items: center;
background: rgb(var(--evie-color-surface-rgb));
box-shadow: 0 1px 0 0 rgba(var(--evie-color-on-menu-rgb), 0.1);
color: rgb(var(--evie-color-on-menu-rgb));
display: flex;
flex-wrap: nowrap;
height: var(--evie-header-menu-height);
left: 0;
padding: 0 var(--evie-spacing-horizontal);
position: absolute;
right: 0;
transform: translateZ(2px);
z-index: 9990;
}
.transparent-menu .main-menu {
background-color: transparent;
}
.transparent-menu.header-hidden .main-menu {
box-shadow: none;
}
.transparent-menu.mobile-menu.nav-active .main-menu {
transition-delay: 0.3s;
}
.transparent-menu .main-header.is-sticky .main-menu,
.transparent-menu.mobile-menu.search-active .main-menu {
background-color: rgb(var(--evie-color-surface-rgb));
}
.has-sticky-menu .main-menu {
position: fixed;
top: var(--evie-admin-bar-height);
transition: background-color 0.25s var(--evie-transition-ease), top 0.25s var(--evie-transition-ease), transform 0.5s var(--evie-transition-ease);
}
.main-header.is-sticky .main-menu {
box-shadow: 0 1px 10px 0 rgba(var(--evie-color-on-surface-rgb), 0.05);
transform: translate3d(0, -100%, 1px);
}
.has-scheme-dark .main-header.is-sticky .main-menu {
box-shadow: 0 1px 10px 0 rgba(var(--evie-color-surface-rgb), 0.05);
}
.main-header.is-menu-visible .main-menu {
transform: translate3d(0, 0, 1px);
} .menu-button {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 100%;
justify-content: center;
margin: 0 -1rem 0 0;
overflow: initial;
padding: 0.5rem 0;
z-index: 9999;
}
.menu-icon {
align-items: center;
border: 5px solid transparent;
border-radius: 50%;
display: flex;
height: 5rem;
justify-content: center;
line-height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
transform: scale(0.8);
transition: transform 0.6s var(--evie-transition-ease);
width: 5rem;
}
.menu-icon span {
background-color: rgb(var(--evie-color-on-menu-rgb));
height: 1px;
position: absolute;
top: 50%;
transition: transform 0.3s var(--evie-transition-ease), background-color 0.3s var(--evie-transition-ease);
width: 2rem;
}
.menu-icon span:nth-child(1) {
transform: scaleX(0.5) translateY(-0.6rem);
transform-origin: 100% 0;
}
.menu-icon span:nth-child(2) {
transition: background-color 0.3s var(--evie-transition-ease), transform 0.6s var(--evie-transition-ease), opacity 0.6s var(--evie-transition-ease);
}
.menu-icon span:nth-child(3) {
transform: scaleX(0.5) translateY(0.6rem);
transform-origin: 0 50%;
}
.menu-button:hover .menu-icon span:nth-child(1) {
transform: scaleX(1) translateY(-0.6rem);
}
.menu-button:hover .menu-icon span:nth-child(3) {
transform: scaleX(1) translateY(0.6rem);
}
.nav-active .menu-button .menu-icon span:nth-child(1) {
animation: evie-menu-bar-1-active 1s forwards;
}
@keyframes evie-menu-bar-1-active {
0% {
transform: translate3d(0, -0.6rem, 0);
transform-origin: left top;
}
50% {
opacity: 0;
transform: translate3d(-100%, -0.6rem, 0);
transform-origin: left top;
}
55% {
opacity: 0;
transform: rotate(45deg) translate3d(-40%, -0.78rem, 0) scaleX(0.7);
transform-origin: left top;
}
100% {
transform: rotate(45deg) translate3d(0, -0.78rem, 0) scaleX(0.7);
transform-origin: left top;
}
}
.nav-active .menu-button .menu-icon span:nth-child(2) {
opacity: 0;
transform: translateX(100%);
}
.nav-active .menu-button .menu-icon span:nth-child(3) {
animation: evie-menu-bar-3-active 1s forwards;
}
@keyframes evie-menu-bar-3-active {
0% {
transform: translate3d(0, 0.6rem, 0);
transform-origin: left top;
}
50% {
opacity: 0;
transform: translate3d(-100%, 0.6rem, 0);
transform-origin: left top;
}
55% {
opacity: 0;
transform: rotate(-45deg) translate3d(-40%, 0.6rem, 0) scaleX(0.7);
transform-origin: left top;
}
100% {
opacity: 1;
transform: rotate(-45deg) translate3d(0, 0.6rem, 0) scaleX(0.7);
transform-origin: left top;
}
}
.menu-icon::after {
border: 1px solid transparent;
border-radius: 50%;
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.nav-active .menu-button .menu-icon::after {
animation: evie-evie-menu-circle-border-reverse 1s forwards;
}
@keyframes evie-evie-menu-circle-border-reverse {
0% {
border-color: #999;
transform: rotate(0deg);
}
25% {
border-color: transparent #999 #999 #999;
transform: rotate(35deg);
}
50% {
border-color: transparent #999 #999 transparent;
}
75% {
border-color: transparent #999 transparent transparent;
}
100% {
border-color: transparent;
transform: rotate(300deg);
}
}
.nav-active .menu-button:hover .menu-icon::after {
animation: evie-menu-circle-border 1s forwards;
}
@keyframes evie-menu-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: transparent #999 transparent transparent;
transform: rotate(-35deg);
}
50% {
border-color: transparent #999 #999 transparent;
}
75% {
border-color: transparent #999 #999 #999;
}
100% {
border-color: #999;
transform: rotate(-300deg);
}
} .site-title {
display: inline-block;
display: -webkit-box;
flex: 0 0 auto;
font-weight: 400;
letter-spacing: 0.2rem;
max-height: 6rem;
max-width: 50%;
overflow: hidden;
text-transform: uppercase;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
z-index: 9999;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.site-title a {
color: inherit;
} .site-logo {
align-items: center;
display: flex;
flex: 0 0 auto;
height: 100%;
margin: 0 calc(var(--evie-spacing-horizontal) / 2) 0 0;
max-width: 10rem;
position: relative;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: visible;
z-index: 9999;
}
.search-active .site-logo,
.search-active .site-title {
opacity: 0;
visibility: hidden;
}
.site-logo .custom-logo-link,
.site-logo .light-logo-link {
align-items: center;
display: flex;
height: 100%;
line-height: 0;
padding: 1rem 0;
position: relative;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
width: auto;
z-index: 5;
}
.site-logo .light-logo-link {
left: 0;
opacity: 0;
position: absolute;
top: 0;
visibility: hidden;
}
.site-logo img {
margin: auto 0;
max-height: 100%;
width: auto;
}
.has-scheme-dark .site-logo .custom-logo-link {
opacity: 0;
visibility: hidden;
}
.has-scheme-dark .site-logo .light-logo-link {
opacity: 1;
visibility: visible;
}
.transparent-menu.menu-text-light .main-header:not(.is-sticky) .site-logo .custom-logo-link,
.transparent-menu.menu-text-dark .main-header:not(.is-sticky) .site-logo .light-logo-link {
opacity: 0;
visibility: hidden;
}
.transparent-menu.menu-text-light .main-header:not(.is-sticky) .site-logo .light-logo-link,
.transparent-menu.menu-text-dark .main-header:not(.is-sticky) .site-logo .custom-logo-link {
opacity: 1;
visibility: visible;
} .dropdown-menu {
display: none;
} .extra-menu {
align-items: center;
color: rgb(var(--evie-color-on-menu-rgb));
display: flex;
height: 100%;
justify-content: flex-end;
list-style: none;
margin: 0 0 0 auto;
padding: 0;
position: relative;
z-index: 5;
}
.extra-menu li {
display: inline-block;
margin: 0;
opacity: 0;
padding: 0;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
}
.has-mobile-search-button:not(.search-active) .extra-menu .menu-item-search {
opacity: 1;
visibility: visible;
}
.nav-active .extra-menu li {
opacity: 1;
transition-delay: 0.3s;
visibility: visible;
}
.search-active .extra-menu li {
opacity: 0;
transition-delay: 0s;
visibility: hidden;
}
.extra-menu li a {
align-items: center;
color: inherit;
display: flex;
font-size: 1.8rem;
font-weight: 600;
height: 4rem;
justify-content: center;
padding: 1rem 1.5rem;
position: relative;
text-transform: uppercase;
width: 4rem;
} .extra-menu .menu-item-dark-mode {
order: 1;
}
.extra-menu .menu-item-search {
order: 9;
} body:not(.has-scheme-dark) .dark-mode-button i::before {
content: "\e814";
} .side-menu .menu-widgets {
margin-top: var(--evie-spacing-vertical);
}
.main-menu .menu-widgets {
display: none;
} .top-menu .main-navigation {
align-items: center;
color: rgb(var(--evie-color-on-menu-rgb));
display: flex;
flex: 1 1 auto;
height: 100%;
left: 0;
position: absolute;
right: 0;
} .full-menu .main-menu .full-nav-wrapper {
display: none;
} .mobile-menu.nav-active:not(.search-active) .side-menu {
transform: translate3d(0, 0, 0);
visibility: visible;
}
.mobile-menu:not(.has-sidebar) .menu-item-sidebar {
display: none;
} .vertical-menu {
display: inline-block;
line-height: 1.6;
list-style: none;
margin: 0;
padding: 0;
position: relative;
transition: all 0.3s var(--evie-transition-ease);
width: 100%;
}
.vertical-menu ul {
display: none;
list-style: none;
margin: 1.5rem 0 0 0;
overflow: hidden;
padding: 0 0 0 1.5rem;
position: relative;
}
.vertical-menu li {
letter-spacing: 0.05rem;
margin: 0 0 1.5rem 0;
padding: 0;
position: relative;
}
.vertical-menu li a {
color: inherit;
display: inline-block;
position: relative;
}
.vertical-menu li a:hover {
color: inherit;
}
.vertical-menu li.menu-item-has-children > a > i {
display: inline-block;
margin-right: 1rem;
}
.vertical-menu li .sub-menu-button {
display: none;
}
.vertical-menu li.menu-item-has-children > .sub-menu-button {
background-image: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: inherit;
cursor: pointer;
display: inline-block;
height: 2rem;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
width: 2rem;
}
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover,
.vertical-menu li.is-sub-menu-visible > .sub-menu-button {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.vertical-menu li.menu-item-has-children > .sub-menu-button::before,
.vertical-menu li.menu-item-has-children > .sub-menu-button::after {
background: rgb(var(--evie-color-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: all 0.3s;
width: 6px;
}
.vertical-menu li.menu-item-has-children > .sub-menu-button::after {
transform: translate3d(3px, -50%, 0);
}
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover::before,
.vertical-menu li.menu-item-has-children > .sub-menu-button:hover::after {
background: rgb(var(--evie-color-on-primary-rgb));
}
.vertical-menu li.menu-item-has-children.is-sub-menu-visible > .sub-menu-button::before {
background: rgb(var(--evie-color-on-primary-rgb));
transform: rotate(315deg) translate3d(4px, 1px, 0);
}
.vertical-menu li.menu-item-has-children.is-sub-menu-visible > .sub-menu-button::after {
background: rgb(var(--evie-color-on-primary-rgb));
transform: rotate(-135deg) translate3d(4px, -2px, 0);
}
.vertical-menu li ul li:last-child {
margin-bottom: 0;
}
.vertical-menu li > a::before {
background-image: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 400% 100%;
bottom: 0.5rem;
content: "";
display: inline-block;
height: 1rem;
left: 0;
opacity: 0.7;
position: absolute;
top: 50%;
transform: scaleX(0) translateY(-50%);
transform-origin: right center;
transition: transform 0.5s var(--evie-transition-ease);
width: 100%;
z-index: -1;
}
.vertical-menu li.current-menu-item > a::before,
.vertical-menu li:hover > a::before,
.vertical-menu li.is-sub-menu-visible > a::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--evie-transition-ease);
} .main-search-bar {
color: rgb(var(--evie-color-on-menu-rgb));
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.search-active .main-search-bar {
z-index: 9;
}
.evie-search-form {
align-items: center;
display: flex;
height: 100%;
opacity: 0;
padding: 0 var(--evie-spacing-horizontal);
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
width: 100%;
}
.search-active .evie-search-form {
opacity: 1;
visibility: visible;
}
.evie-search-form form {
width: 100%;
}
.flext-live-search .flext-live-search-form {
margin-right: calc(var(--evie-spacing-horizontal) + 4rem);
padding: 0 0 0 var(--evie-spacing-horizontal);
}
.flext-live-search-form .live-search-field input {
background-color: rgba(var(--evie-color-on-menu-rgb), 0.03);
border: none;
color: rgb(var(--evie-color-on-menu-rgb));
}
.flext-live-search-form .live-search-field input::placeholder {
color: rgba(var(--evie-color-on-menu-rgb), 0.5);
}
.flext-live-search .flext-loader::before {
border-color: rgb(var(--evie-color-on-menu-rgb), 0.4);
border-top-color: rgb(var(--evie-color-on-menu-rgb), 0.2);
}
.flext-live-search-form .live-search-field-wrapper {
transform: translate(120%, 0);
transition: transform 0.3s var(--evie-transition-ease);
}
.search-active .flext-live-search-form .live-search-field-wrapper {
transform: translate(0, 0);
}
.main-search-bar .flext-live-search.is-active .live-search-results-wrapper {
opacity: 0;
visibility: hidden;
}
.search-active .main-search-bar .flext-live-search.is-active .live-search-results-wrapper {
opacity: 1;
visibility: visible;
}
.flext-live-search .live-search-results {
height: calc(100vh - var(--evie-admin-bar-height) - var(--evie-header-menu-height) - 6.5rem);
}
.flext-live-search .live-search-results,
.flext-live-search .search-more {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
background: rgb(var(--evie-color-surface-rgb));
color: rgba(var(--evie-color-on-surface-rgb), 0.8);
transform: translateX(100%);
transition: transform 0.3s var(--evie-transition-ease);
}
.search-active .flext-live-search .live-search-results,
.search-active .flext-live-search .search-more {
transform: translateX(0);
}
.flext-live-search .search-results-list h4 {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
border-top: 1px solid rgba(255, 255, 255, 0.08);
color: inherit;
padding: 1.5rem 2rem;
}
.flext-live-search .search-results-list li a {
color: inherit;
padding: 1.5rem 2rem;
transition: background-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.flext-live-search .search-results-list .item-meta {
opacity: 0.5;
}
.flext-live-search .search-more a {
border-top: 1px solid rgba(255, 255, 255, 0.08);
transition: background-color 0.3s var(--evie-transition-ease);
}
.flext-live-search .search-more a::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
border-radius: 50%;
color: rgb(var(--evie-color-surface-rgb));
content: "\e82c";
display: inline-block;
font-family: evie, sans-serif;
font-style: normal;
font-weight: 400;
height: 3.5rem;
line-height: 3.5rem;
margin-right: 1.5rem;
text-align: center;
vertical-align: middle;
width: 3.5rem;
}
.flext-live-search .search-results-list li a:hover,
.flext-live-search .search-more a:hover {
background-color: rgba(255, 255, 255, 0.05);
} .main-content {
min-height: 50vh;
overflow: hidden;
padding-left: var(--evie-spacing-horizontal);
padding-right: var(--evie-spacing-horizontal);
position: relative;
width: 100%;
z-index: 2;
}
.aligncenter {
display: block;
text-align: center;
}
.main-content .alignnone,
.main-content .aligncenter,
.main-content .alignleft,
.main-content .alignright,
.main-content .alignwide {
float: none;
margin-right: auto;
margin-left: auto;
} .main-content .alignfull {
clear: both;
margin-left: calc(var(--evie-spacing-horizontal) * -1);
margin-right: calc(var(--evie-spacing-horizontal) * -1);
max-width: none;
padding-left: var(--evie-spacing-horizontal);
padding-right: var(--evie-spacing-horizontal);
width: auto;
}
.alignfull .alignfull {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
} .main-content .alignwide {
clear: both;
max-width: var(--evie-wide-width);
position: relative;
width: 100%;
} .entry-content {
position: relative;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-content-width);
}
.entry-content > * + * {
margin-top: var(--evie-spacing-md);
}
.entry-content > h1 + *,
.entry-content > h2 + *,
.entry-content > h3 + *,
.entry-content > h4 + *,
.entry-content > h5 + *,
.entry-content > h6 + * {
margin-top: var(--evie-spacing-xs);
}
.entry-content > .alignfull {
margin-bottom: var(--evie-spacing-vertical);
margin-top: var(--evie-spacing-vertical);
}
.entry-content > p:first-child:empty {
display: none;
}
.entry-content .aligncenter img {
display: block;
margin-left: auto;
margin-right: auto;
}
.main-content > .page > *:last-child,
.entry-content > *:last-child {
margin-bottom: 0;
}
.main-content::before,
.main-content::after,
.main-footer::before,
.main-footer::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after {
content: "";
display: table;
table-layout: fixed;
}
.main-content::after,
.main-footer::after,
.entry-content::after,
.comment-content::after {
clear: both;
} .evie-posts {
position: relative;
}
.entry {
position: relative;
}
.entry-header {
line-height: 1.5;
}
.entry-title {
font-weight: 600;
position: relative;
z-index: 1;
}
.entry-title a {
overflow: hidden;
position: relative;
vertical-align: middle;
}
.entry-background {
background: #000;
bottom: 0;
left: 0;
opacity: 0.1;
position: absolute;
right: 0;
top: 0;
}
.entry-media {
border-radius: 1rem;
overflow: hidden;
position: relative;
text-align: center;
transform: translateZ(0);
}
.post-thumbnail {
position: relative;
width: 100%;
}
.post-thumbnail a {
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.post-thumbnail img {
display: block;
width: 100%;
}
.post-thumbnail .evie-thumbnail-placeholder {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.1);
}
.entry-summary {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
.entry-summary > p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: var(--evie-spacing-sm);
overflow: hidden;
}
.entry-summary blockquote p:last-child {
margin-bottom: 0;
}
.entry-summary blockquote cite {
color: #909ba9;
display: block;
margin-top: 1.5rem;
}
.more-link {
align-items: center;
border-radius: 50%;
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-flex;
font-weight: 700;
height: 4rem;
justify-content: center;
letter-spacing: 0.14rem;
min-width: 3.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.more-link:hover {
color: rgb(var(--evie-color-on-surface-rgb));
}
.more-link i {
display: inline-block;
margin: 0 0 0 1.5rem;
position: relative;
}
.more-link i::before {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
transform: rotate(90deg) translate3d(5px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 11px;
}
.more-link i::after {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
transform: translate3d(5px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 11px;
}
.entry-meta {
align-items: center;
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
display: flex;
flex-wrap: wrap;
font-size: var(--evie-font-size-xs);
position: relative;
width: 100%;
z-index: 1;
}
.entry-meta > span {
margin-bottom: 1rem;
}
.entry-meta .meta-reading-time {
align-items: center;
display: inline-flex;
gap: 0.25rem;
}
.entry-meta .meta-reading-time i {
display: inline-block;
font-size: 80%;
}
.entry-meta .edit-link {
transition: color 0.3s;
}
.entry-meta .edit-link i {
font-size: 85%;
}
.entry-meta > span::before {
color: rgb(var(--evie-color-primary-rgb));
content: "\2022";
display: inline-block;
margin: 0 0.5rem;
}
.entry-meta > span:first-child::before {
display: none;
}
.meta-categories {
letter-spacing: 0.05rem;
}
.meta-categories a {
color: inherit;
}
.meta-categories .cat-links {
align-items: center;
display: inline-flex;
gap: 0.8rem;
font-weight: 400;
color: rgb(var(--evie-color-on-surface-rgb));
}
.avatar {
border-radius: 50%;
display: inline-block;
}
.posted-on {
font-size: var(--evie-font-size-xs);
margin-bottom: var(--evie-spacing-sm);
position: relative;
width: 100%;
z-index: 1;
}
.posted-on .author {
align-items: center;
display: flex;
position: relative;
z-index: 2;
}
.posted-on .author > * {
line-height: 1.4;
text-overflow: ellipsis;
white-space: nowrap;
}
.posted-on .author.vcard .fn {
font-weight: 600;
font-size: var(--evie-font-size-sm);
}
.meta-date {
transition: color 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease);
}
.meta-date:hover {
opacity: 1;
}
.posted-on .entry-date {
display: block;
}
.updated:not(.published) {
display: none;
}
.posted-on .author img {
border-radius: 50%;
display: block;
height: 3.4rem;
width: auto;
}
.posted-on .author span {
margin-left: 0.75rem;
} .posted-on.has-multi-author .author > a {
display: inline-flex;
position: relative;
}
.posted-on.has-multi-author .author img {
position: relative;
z-index: 4;
}
.posted-on.has-multi-author .author img:nth-child(2) {
margin-left: -1rem;
z-index: 3;
}
.posted-on.has-multi-author .author img:nth-child(3) {
margin-left: -1rem;
z-index: 2;
}
.posted-on.has-multi-author .author i {
background: rgba(var(--evie-color-surface-rgb), 0.5);
border-radius: 50%;
color: rgb(var(--evie-color-on-surface-rgb));
font-size: var(--evie-font-size-md);
font-style: normal;
line-height: 3.4rem;
position: absolute;
right: 0;
text-align: center;
text-indent: 0.5rem;
top: 0;
width: 3.4rem;
z-index: 3;
}
.entry-buttons {
display: flex;
flex-direction: row;
}
.entry-buttons a {
background-image: linear-gradient(45deg, rgba(var(--evie-color-on-surface-rgb), 0.01), rgba(var(--evie-color-on-surface-rgb), 0.01), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 500% 100%;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 0.5rem;
margin: 0 0.4rem 0 0;
padding: 0.6rem;
transition: background-position 0.3s var(--evie-transition-ease), border-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.entry-buttons > a:hover {
background-position: 95% 50%;
border-color: rgba(var(--evie-color-primary-rgb), 0.1);
color: rgb(var(--evie-color-on-primary-rgb));
}
.entry-buttons .post-share {
margin: 0;
}
.single .single-entry .entry-content:not(:first-of-type) {
margin-top: var(--evie-spacing-md);
}
.single .flext-post-views {
display: none;
} .post-password-form {
background: rgba(var(--evie-color-surface-rgb));
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
border-radius: 1rem;
overflow: hidden;
padding: var(--evie-spacing-md);
}
.post-password-form::before {
color: rgb(var(--evie-color-on-primary-rgb));
content: "\e820";
display: inline-block;
font-family: evie, sans-serif;
padding: 0.6rem 1rem;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.post-password-form::after {
border-left: 6rem solid transparent;
border-top: 6rem solid rgb(var(--evie-color-primary-rgb));
content: "";
position: absolute;
right: 0;
top: 0;
}
.post-password-form > p {
align-items: flex-end;
display: flex;
flex-flow: row wrap;
margin-bottom: 2rem;
width: 100%;
}
.post-password-form > p:first-child {
font-size: var(--evie-font-size-md);
line-height: 1.5;
}
.post-password-form > p:last-child {
margin-bottom: 0;
}
.post-password-form input {
margin-bottom: 1rem;
}
.post-password-form label {
margin: 0 1rem 0 0;
width: 100%;
}
.post-password-form label input {
margin-top: 1rem;
width: 100%;
} .post-loader {
border-radius: 8px;
justify-content: center;
margin: auto;
position: relative;
}
.post-loader::before {
animation: evie-spin 1s infinite linear;
border: 2px solid #a0a0a0;
border-radius: 50%;
border-top-color: #d4d4d4;
content: "";
display: inline-block;
height: 3.5rem;
outline: 1px solid transparent;
position: relative;
width: 3.5rem;
vertical-align: middle;
}
@keyframes evie-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .flext-quick-view-button {
background-image: linear-gradient(45deg, rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-on-surface-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--evie-color-surface-rgb));
font-size: var(--evie-font-size-base);
height: 3.4rem;
left: var(--evie-spacing-sm);
margin: 0;
opacity: 0;
position: absolute;
top: var(--evie-spacing-sm);
transform: scale(0);
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease), transform 0.3s var(--evie-transition-ease);
width: 3.4rem;
z-index: 999;
}
.flext-quick-view-button:hover {
background-position: 100% 50%;
color: rgb(var(--evie-color-on-primary-rgb));
}
.posts-list .entry:not(.has-post-thumbnail) .flext-quick-view-button {
left: auto;
right: var(--evie-spacing-sm);
}
.posts-style-card .entry .flext-quick-view-button,
.posts-style-text-overlay .entry .flext-quick-view-button {
left: auto;
right: 2rem;
top: 2rem;
}
.entry-media:hover .flext-quick-view-button,
.posts-style-card .entry:hover .flext-quick-view-button,
.posts-style-text-overlay .entry:hover .flext-quick-view-button {
opacity: 1;
transform: scale(1);
} .flext-quick-view-modal:not(.flext-lightbox-fullscreen) .flext-lightbox-content {
min-height: 20rem;
padding: 0;
}
.flext-quick-view-modal .quick-view-content {
background: rgb(var(--evie-color-surface-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
padding: 0;
}
.quick-view-content .entry-media {
border-radius: 0;
}
.quick-view-content .entry-media img {
transform: scale(1.1);
transition: transform 1.5s;
}
.flext-quick-view-modal.flext-lightbox-visible .quick-view-content .entry-media img {
transform: scale(1);
}
.quick-view-content .content-inner {
margin: auto;
max-width: var(--evie-wide-width);
}
.quick-view-content.has-post-thumbnail .content-inner {
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
opacity: 0;
padding: var(--evie-spacing-horizontal);
}
.flext-quick-view-modal .quick-view-content .content-inner {
animation: evie-fade-wipe 1.5s var(--evie-transition-ease) 0.2s forwards;
}
.quick-view-content .entry-meta {
margin-bottom: 1.5rem;
}
.quick-view-content .entry-title {
margin-bottom: var(--evie-spacing-sm);
}
.quick-view-content .project-attributes li {
border-left: 1px dashed rgba(var(--evie-color-on-surface-rgb), 0.6);
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
flex: 1;
min-width: 33.333333%;
padding: 0 0 0 1.6rem;
}
.quick-view-content .entry-footer {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
font-size: var(--evie-font-size-xs);
margin-top: 3rem;
padding-top: 3rem;
}
@keyframes evie-link-more-move-to-right {
0% {
opacity: 0;
transform: translateX(-11rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.quick-view-content .more-link span {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.flext-quick-view-modal .quick-view-content .more-link span {
animation: evie-fade-wipe 0.7s var(--evie-transition-ease) 0.9s forwards;
}
.quick-view-content .more-link .evie-arrow-icon {
transform: translateX(-11rem);
}
.flext-quick-view-modal .quick-view-content .more-link .evie-arrow-icon {
opacity: 0;
animation: evie-link-more-move-to-right 0.6s var(--evie-transition-ease) 0.6s forwards;
} .entry-title a,
.edit-link a,
.entry-meta a,
.meta-category a,
.posted-on a {
color: inherit;
}
.entry-title a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.edit-link a:hover,
.entry-meta a:hover,
.meta-category a:hover,
.posted-on a:hover {
color: rgb(var(--evie-color-on-surface-rgb));
text-decoration: underline;
}  .posts-filters {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0 var(--evie-spacing-xs);
justify-content: space-between;
margin: var(--evie-grid-gap) auto;
max-width: var(--evie-wide-width);
position: relative;
z-index: 20;
}
.posts-filters .terms-list {
display: flex;
gap: 0 0.5rem;
list-style: none;
margin: 0;
padding: 0;
}
.posts-filters .terms-list li {
align-items: center;
display: inline-flex;
height: 4rem;
margin: 0;
padding: 0;
}
.posts-filters .terms-list li a {
align-items: center;
border-radius: 0.5rem;
color: rgba(var(--evie-color-on-surface-rgb), 0.5);
display: inline-flex;
max-width: 30rem;
overflow: hidden;
padding: 0.5rem 1rem;
position: relative;
text-overflow: ellipsis;
transition: background-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
white-space: nowrap;
}
.posts-filters .terms-list li a:hover {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.06);
}
.posts-filters .terms-list li.is-selected a,
.posts-filters .terms-list li.is-selected a:hover {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
color: rgb(var(--evie-color-surface-rgb));
}
.filter-types,
.filter-categories {
align-items: center;
display: flex;
margin: var(--evie-spacing-xs) 0;
overflow: hidden;
position: relative;
}
.filter-types {
flex: 0 0 auto;
margin-right: auto;
}
.filter-types .terms-list {
gap: 0 var(--evie-spacing-xs);
}
.filter-types .terms-list li a {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
background: linear-gradient(45deg, transparent, transparent, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb))) border-box;
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
font-weight: 600;
transition: background-color 0.3s var(--evie-transition-ease), background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.posts-filters .filter-types .terms-list li a:hover,
.posts-filters .filter-types .terms-list li.is-selected a,
.posts-filters .filter-types .terms-list li.is-selected a:hover {
background-color: transparent;
background-position: 100% 0;
border-color: transparent;
color: rgb(var(--evie-color-on-primary-rgb));
}
.filter-categories {
flex: 1 1 100%;
order: 1;
width: 100%;
}
.filter-sortby {
flex: 0 0 auto;
z-index: 999;
}
.filter-sortby .sortby-button {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
border-radius: 0.5rem;
height: 4rem;
margin: 1rem 0;
padding: 0.5rem 1rem;
transition: background-color 0.25s ease-out;
}
.filter-sortby .sortby-button:hover {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
}
.filter-sortby .sortby-button i {
font-size: 80%;
}
.filter-sortby .sortby-button span {
display: none;
}
.filter-sortby .evie-list {
right: 0;
transform-origin: top right;
}
.filter-toggle-button {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
border-radius: 0.5rem;
height: 4rem;
margin: 1rem 0;
padding: 0.25rem 1rem;
transition: background-color 0.25s ease-out;
}
.filter-toggle-button:hover {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
}
.filter-toggle-button.is-selected {
background: rgba(var(--evie-color-on-surface-rgb), 0.8);
color: rgb(var(--evie-color-surface-rgb));
}
.filter-toggle-button.is-selected i::before {
content: "\e829";
}
.posts-filters .filter-options {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
background: rgb(var(--evie-color-surface-rgb));
border-radius: 0.5rem;
color: rgb(var(--evie-color-on-surface-rgb));
display: none;
order: 5;
padding: 2rem;
position: relative;
width: 100%;
}
.filter-options .filter-taxonomies {
gap: var(--evie-spacing-sm);
}
.filter-taxonomies .filter-tax::before {
background: rgba(255, 255, 255, 0.08);
display: block;
content: "";
margin-bottom: 1.5rem;
height: 1px;
width: 100%;
}
.filter-taxonomies .filter-tax:first-child::before {
display: none;
}
.filter-options .filter-taxonomies .filter-tax h2 {
font-size: var(--evie-font-size-base);
font-weight: 600;
text-transform: uppercase;
}
.filter-taxonomies .filter-terms {
align-content: flex-start;
display: flex;
flex-flow: row wrap;
height: 100%;
list-style: none;
margin: 0 -1.5rem;
max-height: 12rem;
overflow: auto;
padding: 0;
}
.filter-taxonomies .filter-terms li {
display: block;
flex: 1 1 100%;
margin: 0;
width: 100%;
}
.filter-options .filter-terms a {
color: inherit;
display: inline-block;
padding: 0.3rem 1.5rem;
position: relative;
transform: translate3d(0, 0, 0);
transition: color 0.3s ease-out;
}
.filter-options .filter-terms a:hover,
.filter-options .filter-terms .is-selected a {
color: rgb(var(--evie-color-primary-rgb));
}
.filter-options .filter-terms .is-selected a::before {
align-items: center;
background: rgba(var(--evie-color-on-surface-rgb), 0.1);
border-radius: 50%;
color: rgba(var(--evie-color-on-surface-rgb), 0.5);
content: "\e829";
display: inline-flex;
font-family: evie, sans-serif;
font-size: 45%;
height: 1.8rem;
justify-content: center;
line-height: 1;
margin: -0.8rem -1rem 0 0;
position: absolute;
right: 0;
transition: background-color 0.3s, color 0.3s;
text-align: center;
top: 50%;
width: 1.8rem;
z-index: 1;
}
.filter-options .filter-terms .is-selected a:hover::before {
background-color: var(--evie-color-alert);
color: rgba(var(--evie-color-on-surface-rgb), 1);
}
.filter-buttons {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
margin-top: 2rem;
padding-top: 2rem;
}
.filter-buttons a {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 0.5rem;
color: inherit;
display: inline-block;
font-size: var(--evie-font-size-sm);
padding: 1rem 2rem;
transition: background-color 0.3s, color 0.3s;
}
.filter-buttons a:hover {
background: rgb(var(--evie-color-on-surface-rgb));
color: rgb(var(--evie-color-surface-rgb));
}
.filter-buttons a.disabled {
opacity: 0.7;
pointer-events: none;
}
.filter-buttons a i {
font-size: 80%;
margin-right: 0.5rem;
} .posts-list .entry {
color: rgb(var(--evie-color-on-surface-rgb));
overflow: hidden;
}
.archive .main-posts .no-results::before {
color: rgba(var(--evie-color-on-surface-rgb), 0.1);
content: "\e830";
font-family: evie, sans-serif;
font-size: 10vw;
font-weight: 600;
line-height: 1.4;
}
.main-posts .posts-list .sticky .content-inner {
position: relative;
}
.main-posts .posts-list .sticky .entry-title a::before {
color: rgb(var(--evie-color-primary-rgb));
content: "\e806";
font-family: evie, sans-serif;
display: inline-block;
line-height: 1;
padding-right: 1rem;
}
.posts-list .entry-footer {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: var(--evie-font-size-xs);
justify-content: space-between;
margin-top: var(--evie-spacing-sm);
padding-top: var(--evie-spacing-sm);
width: 100%;
} .posts-style-list .posts-list {
margin-left: calc(var(--evie-spacing-horizontal) * -1);
margin-right: calc(var(--evie-spacing-horizontal) * -1);
max-width: none;
}
.posts-style-list .entry {
padding: var(--evie-spacing-vertical) var(--evie-spacing-horizontal);
}
.posts-style-list .entry:nth-child(even),
.posts-style-list .posts-filters + .posts-list .entry:nth-child(odd) {
background: rgba(var(--evie-color-on-surface-rgb), 0.04);
}
.posts-style-list .posts-filters + .posts-list .entry:nth-child(even) {
background: none;
}
.posts-style-list .entry.has-scheme-light,
.posts-style-list .entry.has-scheme-dark {
background: rgb(var(--evie-color-surface-rgb));
}
.posts-style-list .entry .entry-inner {
display: flex;
flex-direction: column;
position: relative;
}
.posts-style-list .sticky .entry-media::before {
background-color: rgb(var(--evie-color-primary-rgb));
content: "";
display: block;
position: absolute;
height: 0.3rem;
top: 0;
right: 0;
width: 100%;
z-index: 999;
}
.posts-style-list .entry-media img {
transform: scale(1);
transition: transform 1s;
}
.posts-style-list .entry-media:hover img {
transform: scale(1.1);
}
.posts-style-list .entry-summary {
margin-top: var(--evie-spacing-sm);
}
.posts-style-list .entry-meta {
font-size: var(--evie-font-size-sm);
}
.posts-style-list .entry-footer {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
} .posts-style-card,
.posts-style-text-overlay {
margin-bottom: var(--evie-grid-gap);
margin-top: var(--evie-grid-gap);
}
.has-gradient-overlay + .posts-style-card,
.has-gradient-overlay + .posts-style-text-overlay {
margin-top: 0;
}
.main-posts.posts-style-card .posts-list,
.main-posts.posts-style-text-overlay .posts-list {
margin-bottom: var(--evie-spacing-horizontal);
}
.posts-style-card .entry {
align-items: flex-start;
background: rgb(var(--evie-color-surface-rgb));
border-radius: 1rem;
box-shadow: inset 0 0 0 1px rgba(var(--evie-color-on-surface-rgb), 0.05);
color: rgb(var(--evie-color-on-surface-rgb));
display: flex;
flex-flow: column wrap;
overflow: hidden;
}
.main-posts.posts-style-card .post.sticky::before,
.main-posts.posts-style-text-overlay .post.sticky::before {
background-color: rgb(var(--evie-color-primary-rgb));
content: "";
display: block;
position: absolute;
height: 0.3rem;
top: 0;
right: 0;
width: 100%;
z-index: 999;
}
.posts-style-card .entry-media,
.posts-style-text-overlay .entry-media {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
order: 2;
width: 100%;
}
.posts-style-card .entry-media {
align-self: stretch;
border-radius: 1rem 1rem 0 0;
flex: 1 1 auto;
}
.posts-style-card .entry-media .post-thumbnail,
.posts-style-text-overlay .entry-media {
height: 100%;
}
.posts-style-card .entry-media .post-thumbnail,
.posts-style-card .entry-media .post-thumbnail a,
.posts-style-card .entry-media .post-thumbnail img,
.posts-style-text-overlay .entry-media .post-thumbnail,
.posts-style-text-overlay .entry-media .post-thumbnail a,
.posts-style-text-overlay .entry-media .post-thumbnail img {
flex: 1;
height: 100%;
object-fit: cover;
}
.posts-style-card .entry .content-inner {
margin-top: auto;
order: 3;
padding: 2rem;
width: 100%;
}
.posts-style-card .entry-meta > span,
.posts-style-text-overlay .entry-meta > span {
margin-bottom: 0.8rem;
}
.posts-style-card .entry-title,
.posts-style-text-overlay .entry-title {
font-size: var(--evie-font-size-h5);
}
.posts-style-card .entry-title a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.posts-style-card .entry-buttons,
.posts-style-text-overlay .entry-buttons {
margin-top: 2rem;
}
.posts-style-card .entry-buttons a {
font-size: var(--evie-font-size-xs);
}
.posts-style-card .entry-buttons .post-share,
.posts-style-text-overlay .entry-buttons .post-share {
margin-left: auto;
}
.posts-style-card .entry .entry-footer,
.posts-style-text-overlay .entry .entry-footer {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
background-image: linear-gradient(to top, rgba(var(--evie-color-surface-rgb), 0) 0%, rgba(var(--evie-color-surface-rgb), 0.4) 100%);
border-radius: 1rem 1rem 0 0;
color: rgb(var(--evie-color-on-surface-rgb));
margin: 0;
opacity: 0;
padding: 2rem;
position: absolute;
top: 0;
transform: translateY(-2rem);
transition: opacity 0.3s, transform 0.3s;
z-index: 10;
}
.posts-style-card .entry:hover .entry-footer,
.posts-style-text-overlay .entry:hover .entry-footer {
opacity: 1;
transform: translateY(0);
}
.posts-style-card .entry .entry-footer .posted-on,
.posts-style-text-overlay .entry .entry-footer .posted-on {
margin-bottom: 0;
} .posts-style-text-overlay .entry {
align-items: flex-start;
border-radius: 1rem;
display: flex;
flex-flow: row wrap;
overflow: hidden;
transform: translateZ(0);
}
.posts-style-text-overlay .entry:hover .flext-featured-image-rollover {
opacity: 1;
}
.posts-style-text-overlay .content-inner {
border-radius: 0 0 1rem 1rem;
bottom: 0;
left: 0;
overflow: hidden;
padding: 2rem;
position: absolute;
right: 0;
transition: opacity 0.3s var(--evie-transition-ease);
z-index: 5;
}
.posts-style-text-overlay .post.has-post-thumbnail .content-inner {
background-image: linear-gradient(to bottom, rgba(23, 22, 26, 0), rgba(23, 22, 26, 0.5));
color: rgb(var(--evie-color-on-secondary-rgb));
}
.main-posts.posts-style-text-overlay .sticky.has-post-thumbnail .content-inner::before {
color: #fff;
opacity: 0.3;
}
.posts-style-text-overlay .entry-buttons a {
font-size: var(--evie-font-size-xs);
}
.posts-style-text-overlay .has-post-thumbnail .entry-meta {
color: inherit;
}
.posts-style-text-overlay .entry-title a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-style-text-overlay .format-quote .entry-title {
display: none;
}
.posts-style-text-overlay .flext-media-controls {
bottom: auto;
top: 45%;
transform: translate(100%, -50%);
}
.posts-style-text-overlay .entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0, -50%);
} .posts-list .format-quote .post-quote {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
}
.posts-list .format-quote .post-quote a::before {
background: rgba(0, 0, 0, 0.3);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.posts-list .format-quote .post-quote blockquote {
background: none;
color: rgb(var(--evie-color-on-secondary-rgb));
font-size: var(--evie-font-size-md);
left: 0;
max-height: 100%;
padding: 5rem 1.5rem 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.posts-list .format-quote .post-quote blockquote::before {
font-size: var(--evie-font-size-xl);
left: 50%;
opacity: 1;
padding: 0;
transform: translateX(-50%);
top: 0;
}
.posts-style-text-overlay .posts-list .format-quote .post-quote blockquote::before {
top: -5rem;
}
.posts-style-text-overlay .posts-list .format-quote .post-quote blockquote {
padding: 3rem;
}
.posts-style-card .posts-list .format-quote .post-quote blockquote p {
display: -webkit-box;
padding: 0;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.posts-list .format-quote .post-quote blockquote p,
.posts-list .format-quote .post-quote blockquote cite {
padding: 0;
}
.posts-list .format-gallery .flext-nav-button::after {
color: #fff;
font-size: var(--evie-font-size-h5);
text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.entry-media .flext-post-gallery .total-images {
transition: opacity 0.3s, transform 0.3s;
background: rgb(var(--evie-color-on-surface-rgb));
color: rgb(var(--evie-color-surface-rgb));
}
.entry-media .entry:hover .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-1rem);
}
.entry-media .flext-post-gallery .total-images::after {
border-color: rgb(var(--evie-color-on-surface-rgb));
}
.entry-media .flext-gallery-slider .flext-button-prev {
bottom: var(--evie-spacing-horizontal);
left: auto;
right: calc(var(--evie-spacing-horizontal) + 4.8rem);
transform: translateY(0);
top: auto;
}
.entry-media .flext-gallery-slider .flext-button-next {
bottom: var(--evie-spacing-horizontal);
right: var(--evie-spacing-horizontal);
transform: translateY(0);
top: auto;
}
.entry-media:hover .flext-media-active .flext-media-controls {
opacity: 1;
transform: translateX(0);
visibility: visible;
}
.entry-media .flext-media-controls button {
background: linear-gradient(45deg, rgba(var(--evie-color-on-surface-rgb), 0.15), rgba(var(--evie-color-on-surface-rgb), 0.15), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 450% 100%;
color: rgb(var(--evie-color-surface-rgb));
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.entry-media .flext-media-controls button:hover {
background-color: transparent;
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.entry-media .flext-media-player.flext-is-paused .flext-media-button {
animation: evie-bounce-in 0.4s var(--evie-transition-ease) forwards;
}
.entry-media .flext-media-player.flext-is-playing .flext-media-button {
animation: evie-bounce-out 0.2s var(--evie-transition-ease) backwards;
}
@keyframes evie-bounce-in {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 0.9;
transform: scale(1.1);
}
80% {
opacity: 1;
transform: scale(0.89);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes evie-bounce-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0);
}
} .posts-layout-large .entry.has-post-thumbnail {
padding: 0;
}
.posts-layout-large .entry.has-post-thumbnail .content-inner {
padding: var(--evie-spacing-horizontal);
}
.main-posts.posts-layout-large .sticky.has-post-thumbnail .content-inner::before {
left: var(--evie-spacing-horizontal);
}
.posts-layout-large .entry .entry-media {
border-radius: 0;
}
.posts-layout-large .flext-post-gallery .total-images {
margin: calc(var(--evie-spacing-horizontal) / 1.5);
right: 0;
top: 0;
transition: opacity 0.3s, transform 0.3s;
}
.posts-layout-large .entry-media:hover .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-2rem);
}
.posts-layout-large .flext-media-controls {
bottom: var(--evie-spacing-horizontal);
right: var(--evie-spacing-horizontal);
}
.posts-layout-large .pagination {
max-width: none;
} .posts-layout-list .entry .entry-inner {
align-items: center;
gap: var(--evie-spacing-horizontal);
}
.posts-layout-list .entry .entry-media,
.posts-layout-list .entry .content-inner {
flex: 1 1 100%;
width: 100%;
}
.posts-layout-list .flext-post-gallery .total-images {
transition: opacity 0.3s, transform 0.3s;
}
.posts-layout-list .entry-media:hover .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-2rem);
} .posts-list.grid-columns {
display: grid;
gap: var(--evie-grid-gap);
grid-template-columns: repeat(var(--evie-grid-columns), minmax(10rem, 1fr));
margin-left: auto;
margin-right: auto;
max-width: var(--evie-wide-width);
width: 100%;
} .posts-layout-waterfall .grid-column {
display: none;
transition: transform 0.6s ease-out;
will-change: transform;
}
.posts-layout-waterfall .grid-col-1 {
display: block;
}
.posts-layout-waterfall .entry {
background: transparent;
margin-bottom: var(--evie-grid-gap);
}
.posts-layout-waterfall .grid-column .entry:last-child {
margin-bottom: 0;
}  .posts-style-text-overlay.posts-hover-none .posts-list .content-inner {
background: transparent;
}
.posts-hover-none .entry .flext-quick-view-button {
opacity: 1;
}
.posts-style-card.posts-hover-none .entry .flext-quick-view-button,
.posts-style-text-overlay.posts-hover-none .entry .flext-quick-view-button {
transform: scale(0) translateY(0);
}
.posts-hover-none .entry:hover .flext-quick-view-button {
transform: scale(1);
} .posts-style-text-overlay.posts-hover-1 .posts-list .entry {
background-color: transparent;
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
}
.posts-style-text-overlay.posts-hover-1 .entry .content-inner {
background-image: linear-gradient(to bottom, rgba(23, 22, 26, 0), rgba(23, 22, 26, 0.8));
}
.posts-hover-1 .entry .entry-media::before {
background-image: linear-gradient(45deg, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.1s;
transition-delay: 0.45s;
}
.posts-hover-1 .entry:hover .entry-media::before {
opacity: 1;
transition-delay: 0s;
}
.posts-hover-1 .entry-media > div {
-webkit-clip-path: inset(-0.5% -0.5% -0.5% -0.5%);
clip-path: inset(-0.5% -0.5% -0.5% -0.5%);
transition: -webkit-clip-path 0.45s var(--evie-transition-ease);
transition: clip-path 0.45s var(--evie-transition-ease);
transition: clip-path 0.45s var(--evie-transition-ease), -webkit-clip-path 0.45s var(--evie-transition-ease);
}
.posts-hover-1 .entry:hover .entry-media > div {
-webkit-clip-path: inset(0.6rem round 0.5rem 0.5rem 0.5rem 0.5rem);
clip-path: inset(0.6rem round 0.5rem 0.5rem 0.5rem 0.5rem);
}
.posts-hover-1 .posts-list .entry .entry-footer {
opacity: 1;
transform: translateY(0);
} .posts-hover-2 .entry .entry-media > div::after {
background-image: linear-gradient(to top, rgba(var(--evie-color-secondary-rgb), 0.9) 10%, rgba(var(--evie-color-primary-rgb), 0.3) 100%);
bottom: 0;
content: "";
display: block;
left: 0;
opacity: 0.6;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transform: translateY(100%);
transition: transform 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
transition-delay: 0.15s;
visibility: hidden;
z-index: 3;
}
.posts-hover-2 .entry:hover .entry-media > div::after {
transform: translateY(0);
transition-delay: 0s;
visibility: visible;
}
.posts-hover-2 .flext-featured-image-rollover {
display: none;
} .posts-hover-3 .flext-featured-image-rollover {
display: none;
}
.posts-hover-3 .entry .entry-media::before {
background-image: linear-gradient(to bottom, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
bottom: 0;
-webkit-clip-path: circle(150% at 50% 50%);
clip-path: circle(150% at 50% 50%);
content: "";
display: block;
left: 0;
opacity: 0.6;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.8s var(--evie-transition-ease) 0.15s, -webkit-clip-path 0.5s var(--evie-transition-ease) 0.15s;
transition: clip-path 0.5s var(--evie-transition-ease) 0.15s, opacity 0.8s var(--evie-transition-ease) 0.15s;
transition: clip-path 0.5s var(--evie-transition-ease) 0.15s, opacity 0.8s var(--evie-transition-ease) 0.15s, -webkit-clip-path 0.5s var(--evie-transition-ease) 0.15s;
z-index: 3;
}
.posts-hover-3 .entry:nth-child(odd) .entry-media::before {
background-image: linear-gradient(to top, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
}
.posts-hover-3 .entry:hover .entry-media::before {
-webkit-clip-path: circle(0% at 50% 50%);
clip-path: circle(0% at 50% 50%);
transition-delay: 0s;
}
.posts-hover-3.posts-style-text-overlay .entry .entry-footer {
opacity: 1;
transform: translateY(0);
transition: opacity 0.3s var(--evie-transition-ease);
}
.posts-hover-3.posts-style-text-overlay .entry .entry-header {
transition: opacity 0.3s var(--evie-transition-ease);
}
.posts-hover-3.posts-style-text-overlay .entry:hover .entry-footer,
.posts-hover-3.posts-style-text-overlay .entry:hover .entry-header {
opacity: 0.6;
}
.posts-hover-3.posts-style-text-overlay .entry:hover .entry-footer:hover,
.posts-hover-3.posts-style-text-overlay .entry:hover .entry-header:hover {
opacity: 1;
} .has-post-animation .more-link .evie-arrow-icon {
opacity: 0;
transform: translateX(-9rem);
}
.has-post-animation .evie-active .more-link .evie-arrow-icon {
opacity: 1;
transform: translateX(0);
}
.entry.flext-has-animation {
animation-delay: var(--evie-transition-delay);
} .posts-animation-1 .entry {
opacity: 0;
transform: scale(0.8);
transition:
opacity 0.5s var(--evie-transition-ease),
transform 0.5s var(--evie-transition-ease);
}
.posts-animation-1 .entry.evie-active {
opacity: 1;
transform: scale(1);
}
.posts-animation-1 .more-link .evie-arrow-icon {
opacity: 0;
transform: translateX(-9rem);
transition: opacity 0.4s var(--evie-transition-ease) 0.4s, transform 0.3s var(--evie-transition-ease) 1s;
}
.posts-animation-1.posts-style-list .entry-header,
.posts-animation-1.posts-style-list .entry-summary,
.posts-animation-1.posts-style-list .more-link span,
.posts-animation-1.posts-style-list .entry-footer {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transform-origin: left bottom;
z-index: 9;
}
.posts-animation-1.posts-style-list .evie-active .entry-header {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.6s var(--evie-transition-ease) 0.5s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.5s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.5s, -webkit-clip-path 0.6s var(--evie-transition-ease) 0.5s;
}
.posts-animation-1.posts-style-list .evie-active .entry-summary {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
padding-bottom: 0.5rem;
transition: -webkit-clip-path 0.6s var(--evie-transition-ease) 0.8s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.8s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.8s, -webkit-clip-path 0.6s var(--evie-transition-ease) 0.8s;
}
.posts-animation-1.posts-style-list .entry-summary p {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
transform-origin: left bottom;
transition: -webkit-clip-path 0.3s var(--evie-transition-ease);
transition: clip-path 0.3s var(--evie-transition-ease);
transition: clip-path 0.3s var(--evie-transition-ease), -webkit-clip-path 0.3s var(--evie-transition-ease);
z-index: 9;
}
.posts-animation-1.posts-style-list .evie-active .entry-summary p {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.6s var(--evie-transition-ease) 0.8s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.8s;
transition: clip-path 0.6s var(--evie-transition-ease) 0.8s, -webkit-clip-path 0.6s var(--evie-transition-ease) 0.8s;
}
.posts-animation-1.posts-style-list .evie-active .more-link span {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.4s var(--evie-transition-ease) 1s;
transition: clip-path 0.4s var(--evie-transition-ease) 1s;
transition: clip-path 0.4s var(--evie-transition-ease) 1s, -webkit-clip-path 0.4s var(--evie-transition-ease) 1s;
}
.posts-animation-1.posts-style-list .evie-active .entry-footer {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
transition: -webkit-clip-path 0.8s var(--evie-transition-ease) 1.2s;
transition: clip-path 0.8s var(--evie-transition-ease) 1.2s;
transition: clip-path 0.8s var(--evie-transition-ease) 1.2s, -webkit-clip-path 0.8s var(--evie-transition-ease) 1.2s;
} .posts-animation-2.posts-style-card .entry,
.posts-animation-2.posts-style-text-overlay .entry {
opacity: 0;
transition: opacity 0.5s var(--evie-transition-ease);
}
.posts-animation-2.posts-style-card .entry.evie-active,
.posts-animation-2.posts-style-text-overlay .entry.evie-active {
opacity: 1;
}
.posts-animation-2.posts-style-list .entry-media {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 1000%;
mask-size: 1000%;
}
.posts-animation-2.posts-style-list .evie-active .entry-media {
animation: evie-fade-wipe 1s var(--evie-transition-ease) 0.2s forwards;
}
.posts-animation-2 .entry-header,
.posts-animation-2 .entry-summary > p,
.posts-animation-2 .more-link span,
.posts-animation-2 .entry-footer {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.posts-animation-2 .evie-active .entry-header {
animation: evie-fade-wipe 1s var(--evie-transition-ease) 0.4s forwards;
}
.posts-animation-2 .evie-active .entry-summary > p {
animation: evie-fade-wipe 1s var(--evie-transition-ease) 0.5s forwards;
}
.posts-animation-2 .evie-active .more-link span {
animation: evie-fade-wipe 0.6s var(--evie-transition-ease) 0.6s forwards;
}
.posts-animation-2 .more-link::before,
.posts-animation-2 .more-link::after {
opacity: 0;
transition: opacity 0.5s var(--evie-transition-ease) 0.6s;
}
.posts-animation-2 .evie-active .more-link::before,
.posts-animation-2 .evie-active .more-link::after {
opacity: 1;
}
.posts-animation-2 .more-link .evie-arrow-icon {
transition: opacity 0.7s var(--evie-transition-ease) 0.4s, transform 0.3s var(--evie-transition-ease) 0.5s;
}
.posts-style-list.posts-animation-2 .evie-active .entry-footer {
animation: evie-fade-wipe 0.6s var(--evie-transition-ease) 0.8s forwards;
}
@keyframes evie-fade-wipe {
0% {
opacity: 1;
-webkit-mask-position: 100%;
mask-position: 100%;
}
100% {
opacity: 1;
-webkit-mask-position: 0%;
mask-position: 0%;
}
} .posts-animation-3.posts-style-card .entry,
.posts-animation-3.posts-style-text-overlay .entry {
opacity: 0;
transform: translateY(1rem);
}
.posts-animation-3.posts-style-card .entry.evie-active,
.posts-animation-3.posts-style-text-overlay .entry.evie-active {
opacity: 1;
transform: translateY(0);
transition: opacity 0.5s, transform 0.5s;
}
.posts-animation-3.posts-style-list .entry-media {
opacity: 0;
transform: translateY(1rem);
transition: opacity 0.5s var(--evie-transition-ease) 0.2s, transform 0.5s var(--evie-transition-ease) 0.2s;
}
.posts-animation-3.posts-style-list .entry.evie-active .entry-media {
opacity: 1;
transform: translateX(0);
}
.posts-animation-3.posts-style-list .entry-header {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--evie-transition-ease) 0.5s, transform 0.3s var(--evie-transition-ease) 0.5s;
}
.posts-animation-3 .entry-summary {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--evie-transition-ease) 0.7s, transform 0.3s var(--evie-transition-ease) 0.7s;
}
.posts-animation-3.posts-style-list .evie-active .entry-header,
.posts-animation-3 .evie-active .entry-summary,
.posts-animation-3 .evie-active .entry-footer,
.posts-animation-3 .evie-active .posted-on,
.posts-animation-3 .evie-active .entry-buttons {
opacity: 1;
transform: translateY(0);
}
.posts-animation-3 .more-link span {
opacity: 0;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-size: 400%;
mask-size: 400%;
}
.posts-animation-3 .evie-active .more-link span {
animation: evie-fade-wipe 0.7s var(--evie-transition-ease) 0.8s forwards;
}
.posts-animation-3 .more-link .evie-arrow-icon {
transition: opacity 0.4s var(--evie-transition-ease) 0.6s, transform 0.3s var(--evie-transition-ease) 0.8s;
}
.posts-animation-3 .entry-footer {
opacity: 0;
transition: opacity 0.4s var(--evie-transition-ease) 0.8s;
}
.posts-animation-3 .posted-on {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--evie-transition-ease) 0.9s, transform 0.3s var(--evie-transition-ease) 0.9s;
}
.posts-animation-3 .entry-buttons {
opacity: 0;
transform: translateY(2rem);
transition: opacity 0.3s var(--evie-transition-ease) 1.1s, transform 0.3s var(--evie-transition-ease) 1.1s;
} .pagination {
display: flex;
font-family: var(--evie-font-primary);
justify-content: center;
margin: var(--evie-spacing-horizontal) auto;
max-width: var(--evie-wide-width);
position: relative;
text-align: center;
width: 100%;
}
.nav-links {
align-items: center;
display: flex;
gap: 1.5rem;
width: 100%;
}
.nav-links a,
.nav-links span {
align-items: center;
color: inherit;
display: inline-flex;
font-weight: 400;
justify-content: center;
line-height: 3.6rem;
min-width: 3.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.nav-links .current {
color: rgb(var(--evie-color-surface-rgb));
flex: 0 0 auto;
}
.nav-links .current::before {
background: rgb(var(--evie-color-on-surface-rgb));
border-radius: 50%;
bottom: 0;
content: "";
display: block;
height: 3.5rem;
left: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 3.5rem;
z-index: -1;
}
.nav-links a i {
display: inline-flex;
line-height: 1;
position: relative;
}
.nav-links .prev {
letter-spacing: 0.3rem;
margin-left: 0;
margin-right: auto;
padding: 0 1rem 0 0;
width: auto;
}
.nav-links .next {
letter-spacing: 0.2rem;
margin-left: auto;
margin-right: 0;
padding: 0 0 0 1.3rem;
width: auto;
}
.nav-links .prev span {
margin-left: 1rem;
}
.nav-links .next span {
margin-right: 0.5rem;
}
.nav-links .prev::before,
.nav-links .next::before {
background: rgba(var(--evie-color-on-surface-rgb), 0.6);
border-radius: 50%;
content: "";
display: block;
height: 3.6rem;
opacity: 0.25;
position: absolute;
width: 3.6rem;
}
.nav-links .next::after,
.nav-links .prev::after {
display: none;
}
.nav-links .prev::before {
transition: right 0.3s, height 0.3s, width 0.3s;
right: 0;
}
.nav-links .next::before {
left: 0;
transition: left 0.3s, height 0.3s, width 0.3s;
}
.nav-links .prev i {
left: 4px;
transition: left 0.15s;
}
.nav-links .next i {
right: 4px;
transition: right 0.15s;
} .navigation.numbered-pagination .prev,
.navigation.numbered-pagination .next {
display: none;
}
.navigation.numbered-pagination a.page-numbers::after {
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 3.5rem;
left: 0;
position: absolute;
top: 0;
width: 3.5rem;
}
.navigation.numbered-pagination a.page-numbers:hover::after {
animation: evie-circle-border 0.6s forwards linear;
}
@keyframes evie-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.2) transparent transparent transparent;
}
50% {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.2) rgba(var(--evie-color-on-surface-rgb), 0.3) transparent transparent;
}
75% {
border-color:
rgba(var(--evie-color-on-surface-rgb), 0.2) rgba(var(--evie-color-on-surface-rgb), 0.3) rgba(var(--evie-color-on-surface-rgb), 0.4)
transparent;
}
100% {
border-color: rgba(var(--evie-color-on-surface-rgb), 0.4);
transform: rotate(270deg);
}
} .navigation.next-previous-pagination .current {
border-radius: 50%;
border: 1px solid #777;
height: 4rem;
margin: 0;
width: 4rem;
}
.navigation.next-previous-pagination .current::before {
height: 100%;
width: 100%;
}
.navigation.next-previous-pagination .next span {
margin-right: 0.6rem;
} .navigation.loadmore-pagination {
align-items: center;
justify-content: center;
}
.navigation.loadmore-pagination .nav-links {
height: 20rem;
justify-content: center;
width: auto;
}
.navigation.loadmore-pagination a {
background: rgb(var(--evie-color-background-rgb));
border-radius: 50%;
color: rgb(var(--evie-color-on-surface-rgb));
font-weight: 600;
height: 20rem;
padding: 0 4rem;
width: 20rem;
}
.has-scheme-dark .navigation.loadmore-pagination a {
background: none;
}
.navigation.loadmore-pagination a::before {
background: #fff;
height: 5rem;
left: 2rem;
mix-blend-mode: difference;
opacity: 1;
transform: translateY(-50%);
top: 50%;
width: 5rem;
z-index: 10;
}
.navigation.loadmore-pagination a::after {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
right: 50%;
opacity: 1;
position: absolute;
top: 50%;
transform: translate(50%, -50%);
transform-origin: center;
transition: border-color 0.3s, left 0.3s, right 0.3s, top 0.3s, opacity 0.3s, transform 0.3s, width 0.3s, height 0.3s;
width: 100%;
}
.navigation.loadmore-pagination a i {
margin: 0 0 0.5rem 1.5rem;
}
.navigation.loadmore-pagination a i::before,
.navigation.loadmore-pagination a i::after {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 0;
transform: rotate(90deg) translate3d(8px, 0, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 11px;
}
.navigation.loadmore-pagination a i::after {
transform: translate3d(5px, 2px, 0);
}
.navigation.loadmore-pagination .post-loader,
.navigation.loadmore-pagination .post-status {
display: none;
} .single-entry .post-password-form > p:first-child {
font-size: var(--evie-font-size-lg);
}
.single-entry-media .flext-media-controls {
bottom: auto;
right: var(--evie-spacing-horizontal);
top: 50%;
transform: translate(100%, -50%);
}
.single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0%, -50%);
}  .page-header {
align-items: center;
background: var(--evie-color-header);
color: var(--evie-color-on-header);
display: flex;
margin-bottom: var(--evie-spacing-horizontal);
padding-bottom: var(--evie-spacing-horizontal);
padding-top: var(--evie-spacing-horizontal);
position: relative;
width: 100%;
}
.page-header.has-gradient-overlay,
.page-header.has-header-archive,
.blog .page-header {
margin-bottom: 0;
}
.page-header.has-text-align-none {
text-align: center;
}
.transparent-menu .page-header {
padding-top: calc(var(--evie-header-menu-height) + var(--evie-spacing-horizontal)); } .page-header .page-description {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
font-weight: 400;
text-transform: uppercase;
} .page-header.has-header-breadcrumb .evie-container {
text-align: center;
}
.page-header.has-header-breadcrumb.has-text-align-left .evie-container {
text-align: left;
}
.page-header.has-header-breadcrumb.has-text-align-center .evie-container {
text-align: center;
}
.page-header.has-header-breadcrumb.has-text-align-right .evie-container {
text-align: right;
} .page-header.has-header-size-short {
padding-bottom: var(--evie-spacing-sm);
padding-top: var(--evie-spacing-sm);
}
.transparent-menu .page-header.has-header-size-short {
padding-top: calc(var(--evie-header-menu-height) + var(--evie-spacing-sm)); }
.page-header.has-header-size-tall {
min-height: calc(50vw - var(--evie-header-menu-gap) - var(--evie-admin-bar-height)); }
.page-header.has-header-size-full {
min-height: calc(100vh - var(--evie-header-menu-gap) - var(--evie-admin-bar-height)); }
.page-header.has-header-size-full .page-title {
font-size: 15vw;
} .page-header.has-no-gap {
margin-bottom: 0;
} .page-header .header-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.page-header .header-background.has-background-parallax {
background-attachment: fixed;
}
.page-header .header-background.has-background-repeat {
background-repeat: repeat;
}
.page-header .header-background.has-background-auto {
background-size: auto;
}
.page-header .header-background.has-background-contain {
background-size: contain;
}
.page-header .header-background img {
height: 100%;
flex: 1;
object-fit: cover;
width: 100%;
}
.page-header.has-gradient-overlay .header-background::after {
background-image: linear-gradient(rgba(var(--evie-color-background-rgb), 0.7), rgba(var(--evie-color-background-rgb), 0.9) 50%, rgb(var(--evie-color-background-rgb)));
bottom: 0;
content: "";
display: block;
left: 0;
right: 0;
position: absolute;
top: 0;
z-index: 0;
}
.page-header .background-overlay {
display: none;
}
.page-header.has-background-image .background-overlay {
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.page-header.has-gradient-overlay .background-overlay {
display: none;
}
.page-header .evie-container {
z-index: 5;
}
.page-header .page-title {
color: rgb(var(--evie-color-on-surface-rgb));
margin: 0;
}
.page-header .cover-image {
margin-bottom: 0;
text-align: left;
} .evie-breadcrumb span,
.evie-breadcrumb a {
color: inherit;
font-size: var(--evie-font-size-sm);
display: inline-block;
position: relative;
}
.evie-breadcrumb a::after {
background-color: var(--evie-color-on-header);
bottom: 0.2rem;
content: "";
height: 1px;
left: 0.05rem;
position: absolute;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s var(--evie-transition-ease);
width: 100%;
}
.evie-breadcrumb a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
.evie-breadcrumb .breadcrumb-sep {
margin: 0.5rem;
} .archive-image {
display: inline-block;
margin: 0 0 1rem;
position: relative;
z-index: 1;
}
.archive-image img {
background: rgb(var(--evie-color-background-rgb));
border: 0.5rem solid transparent;
border-radius: 50%;
box-sizing: content-box;
display: block;
margin: 0 auto;
}
.archive.author .archive-image .flext-author-follow {
height: 4rem;
width: 4rem;
}
.archive-details {
position: relative;
text-align: center;
z-index: 1;
}
.archive-title-prefix {
display: block;
font-family: var(--evie-font-secondary);
font-size: var(--evie-font-size-sm);
font-weight: 400;
margin-bottom: 1rem;
opacity: 0.6;
}
.archive.tag .archive-title::before {
color: inherit;
content: "\e910";
display: inline-block;
font-family: evie, sans-serif;
font-size: 85%;
line-height: 0;
opacity: 0.5;
vertical-align: middle;
}
.archive-description {
margin-top: 1rem;
}
.archive-description p {
white-space: pre-wrap;
}
.has-header-archive .posts-count {
flex: 0 0 auto;
font-size: 1rem;
line-height: 1;
padding-top: var(--evie-spacing-horizontal);
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 1;
}
.has-header-archive .posts-count strong {
color: inherit;
display: block;
font-family: var(--evie-font-secondary);
font-size: 4rem;
margin-bottom: 0.5rem;
}
.has-header-archive .posts-count span {
letter-spacing: 0.6px;
} .attachment .entry-content .attachment > a {
line-height: 0;
}
.attachment .entry-content .attachment img {
border-radius: 1rem;
} .search-form {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.05);
border-radius: 0.5rem;
display: flex;
padding: 0;
position: relative;
}
.search-form .keyword {
border: none;
border-radius: 0;
order: 2;
padding-left: 0;
width: 100%;
}
.search-form button {
color: inherit;
margin: 0 1rem 0 1.5rem;
min-width: 0;
}
.search-form button:hover,
.search-form button:active,
.search-form button:focus {
background-color: transparent;
color: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
.archive-details .keyword::placeholder {
font-size: var(--evie-font-size-h2);
}
.archive-details .search-form .keyword {
font-size: var(--evie-font-size-h2);
font-weight: 400;
height: 6.5rem;
}
.archive-details .search-form button {
font-size: var(--evie-font-size-xl);
margin: auto 1.5rem auto 2rem;
}
.archive-details .search-form .evie-button > i {
margin: 0;
}
.search.search-no-results .no-results::before {
color: rgba(var(--evie-color-on-surface-rgb), 0.1);
content: "\e82c";
font-family: evie, sans-serif;
font-size: 10vw;
font-weight: 600;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
} .error404 .main-content {
align-items: center;
display: flex;
justify-content: center;
min-height: 80vh;
}
.main-content .no-results.not-found {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 40vh;
margin-bottom: var(--evie-spacing-horizontal);
margin-top: var(--evie-spacing-horizontal);
text-align: center;
}
.main-content .page.error-404 {
padding: 1.5rem;
}
.page-404-error {
display: block;
margin: 0 auto var(--evie-spacing-horizontal);
padding: var(--evie-spacing-vertical) 0;
position: relative;
text-align: center;
}
.page-error-code {
color: rgba(var(--evie-color-on-surface-rgb), 0.1);
font-size: 17rem;
font-weight: 600;
left: 0;
line-height: 0;
position: absolute;
top: 50%;
width: 100%;
}
.page-suggestions {
margin-top: 6rem;
}
.page-suggestions .widget {
margin-bottom: 0;
}
.page-suggestions .widget.featured-categories {
margin-bottom: 6rem;
}
.page-suggestions .categories-list .flext-grid-item h3 {
border: 1px solid #f4f4f4;
border-top: none;
} .wp-signup-container {
max-width: var(--evie-content-width);
padding: var(--evie-spacing-vertical) 0;
} .signup-page .wp-signup-container input[type="submit"],
.signup-page .wp-signup-container #blog_title,
.signup-page .wp-signup-container #user_email,
.signup-page .wp-signup-container #blogname,
.signup-page .wp-signup-container #user_name {
font-size: var(--evie-font-size-base);
}  .single-entry {
margin-bottom: var(--evie-spacing-horizontal);
}
.single .single-entry {
margin-bottom: 0;
}
.single .single-entry-header {
background-color: var(--evie-color-header);
margin-bottom: var(--evie-spacing-vertical);
position: relative;
}
.single .edit-link a:hover,
.single .entry-meta a:hover,
.single .meta-category a:hover,
.single .posted-on a:hover {
color: rgb(var(--evie-color-primary-rgb));
text-decoration: none;
}
.single .has-post-thumbnail .single-entry-header {
background-color: transparent;
}
.single-entry-header .header-content {
padding-bottom: var(--evie-spacing-vertical);
padding-top: var(--evie-spacing-vertical);
}
.has-post-thumbnail .single-entry-header .header-content {
padding-bottom: var(--evie-spacing-horizontal);
}
.transparent-menu .single-entry-header .header-content {
padding-top: calc(var(--evie-spacing-vertical) + var(--evie-header-menu-height));
}
.single .single-entry-header .entry-title {
margin-bottom: 0;
}
.single-entry-header .entry-meta {
font-size: var(--evie-font-size-base);
}
.parallax-background .single-entry-media {
height: calc(100vw / 1.777);
}
.single-entry-media .post-thumbnail,
.single-entry-media .post-thumbnail a {
height: 100%;
}
.single-entry-media .post-thumbnail img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.single-entry .entry-content + .entry-content {
margin-top: var(--evie-spacing-md);
}
.single-entry-footer {
display: flex;
flex-flow: row wrap;
font-size: var(--evie-font-size-base);
justify-content: space-between;
margin: var(--evie-spacing-horizontal) auto;
max-width: var(--evie-content-width);
position: relative;
width: 100%;
}
.single-entry-footer > div {
margin-bottom: var(--evie-spacing-horizontal);
}
.single-entry-footer > div:last-child {
margin-bottom: 0;
}
.single-entry-footer .post-tags {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.06);
display: flex;
flex-flow: row wrap;
justify-content: center;
padding-top: var(--evie-spacing-horizontal);
width: 100%;
}
.single-entry-footer .tags-links {
display: flex;
justify-content: center;
width: 100%;
}
.single-entry-footer .tags-links .terms-list {
display: flex;
}
.single-entry-footer .tags-links a {
background-image: linear-gradient(45deg, transparent, transparent, rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.15);
border-radius: 0.5rem;
color: var(--evie-color-on-surface-rgb);
font-size: var(--evie-font-size-base) !important;
height: 3.5rem;
margin: 0 0.4rem 0 0;
padding: 0.3rem 1rem 0.3rem 0.8rem;
transition: background-position 0.3s var(--evie-transition-ease), border-color 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.single-entry-footer .tags-links a::before {
color: inherit;
content: "\e910";
display: inline-block;
font-family: evie, sans-serif;
font-size: 85%;
line-height: 0;
opacity: 0.5;
transition: opacity 0.3s var(--evie-transition-ease);
vertical-align: middle;
}
.single-entry-footer .tags-links a:hover::before {
opacity: 1;
}
.single-entry-footer .tags-links a:hover {
background-position: 98% 50%;
border-color: transparent;
color: rgb(var(--evie-color-on-primary-rgb));
}
.has-scheme-dark .single-entry-footer .tags-links a:hover {
background-color: rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-on-secondary-rgb));
}
.single-entry-footer .entry-buttons {
align-items: flex-start;
flex: 0 0 auto;
margin-top: var(--evie-spacing-horizontal);
}
.single-entry-footer .entry-buttons a {
margin: 0 0.4rem 0 0;
padding: 0.5rem 1rem 0.5rem 0.8rem;
height: 3.5rem;
}
.post-pagination .nav-links > a {
transition: opacity 0.3s;
}
.entry-media.single-entry-media {
border-radius: 0;
} .single-layout-1 .has-post-thumbnail .single-entry-header .header-content {
padding-bottom: 0;
}
.single-layout-1 .single-entry-media {
margin-left: calc(var(--evie-spacing-horizontal) * -1);
margin-right: calc(var(--evie-spacing-horizontal) * -1);
}
.transparent-menu.single-layout-1 .single-entry-media .flext-media-controls,
.transparent-menu.single-layout-2 .single-entry-media .flext-media-controls {
top: var(--evie-header-menu-height);
transform: translate(100%, 0);
}
.transparent-menu.single-layout-1 .single-entry-media:hover .flext-media-active .flext-media-controls,
.transparent-menu.single-layout-2 .single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0, 0);
}
.single-layout-1 .single-entry-media img {
max-width: none;
}
.single-layout-1 .single-entry-header:hover .evie-featured-image-rollover {
opacity: 1;
}
.single-layout-1 .single-entry-header .meta-categories {
display: block;
margin-bottom: 1rem;
}
.single-layout-1 .single-entry-header .meta-categories .cat-links {
display: flex;
flex-flow: row wrap;
}
.single-layout-1 .single-entry-header .entry-title {
margin-top: 1.5rem;
} .single-layout-2 .has-post-thumbnail .single-entry-header .header-content {
padding-bottom: 0;
}
.single-layout-2 .single-entry-media {
height: auto;
}
.single-layout-2 .has-post-thumbnail .single-entry-media {
border-radius: 0 0 0 1rem;
margin-right: calc(var(--evie-spacing-horizontal) * -1);
transform: translateZ(0);
} .single-layout-3 .post .single-entry-header .entry-meta {
justify-content: center;
}
.single-layout-3 .has-post-thumbnail .single-entry-media {
border-radius: 1rem;
margin-top: var(--evie-spacing-horizontal);
transform: translateZ(0);
}
.single-layout-3 .post .single-entry-header .entry-title {
text-align: center;
}
.single-layout-3 .has-post-thumbnail .single-entry-header .header-content {
padding-bottom: 0;
} .single-layout-4 .single-entry-media {
padding-left: 0;
padding-right: 0;
} .single-layout-5 .single-entry-header .header-content {
max-width: var(--evie-wide-width);
padding-bottom: var(--evie-spacing-vertical);
}
.single-layout-5 .single-entry-header .evie-container {
max-width: none;
width: auto;
}
.single-layout-5 .has-post-thumbnail .single-entry-media {
border-radius: 1rem 0 0 1rem;
margin-right: calc(var(--evie-spacing-horizontal) * -1);
transform: translateZ(0);
} .single-layout-6 .has-post-thumbnail .single-entry-header {
padding-left: 0;
padding-right: 0;
}
.single-layout-6 .has-post-thumbnail .header-content {
padding: var(--evie-spacing-vertical) var(--evie-spacing-horizontal);
padding-bottom: 0;
}
.single-layout-6 .single-entry-header .single-entry-media img {
height: 100%;
object-fit: cover;
} .post-pagination {
max-width: var(--evie-content-width);
} .post-author {
background: rgba(var(--evie-color-on-surface-rgb), 0.04);
border-radius: 1rem;
display: flex;
gap: var(--evie-spacing-sm);
flex-flow: row wrap;
justify-content: center;
padding: var(--evie-spacing-sm);
width: 100%;
}
.post-author .author-avatar a {
display: block;
position: relative;
}
.post-author .author-avatar .flext-author-follow {
height: 3rem;
width: 3rem;
}
.post-author .author-detail {
text-align: center;
width: 100%;
}
.post-author .edit-profile a {
font-size: var(--evie-font-size-xs);
}
.post-author .author-title {
display: flex;
flex-direction: column;
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
}
.post-author .flext-author-follow-numbers {
margin: 0.5rem 0 0;
}
.post-author .flext-author-description {
margin: 1.5rem 0;
}
.post-author a {
color: rgb(var(--evie-color-on-surface-rgb));
}
.post-author a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.post-author .edit-profile-link {
font-family: var(--evie-font-secondary);
font-size: var(--evie-font-size-xs);
font-weight: 400;
margin: 1rem 0 0.5rem;
}
.post-author .edit-profile-link::before {
content: "\e80a";
display: inline-block;
font-family: evie, sans-serif;
margin-right: 0.3rem;
text-indent: 0;
}
.post-author .flext-author-location {
margin-bottom: 0.5rem;
}
.flext-author-description {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
} .post-authors {
border-radius: 1rem;
overflow: hidden;
width: 100%;
}
.post-authors .post-author {
border-radius: 0;
margin: 0;
position: relative;
}
.post-authors .post-author::after {
background: rgba(var(--evie-color-on-surface-rgb), 0.05);
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.post-authors .post-author:last-child::after {
display: none;
}
.post-authors .post-author .avatar + .flext-author-follow {
right: -0.4rem;
}
.post-authors .post-author .flext-author-description {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .post-navigation.alignfull {
padding-left: 0;
padding-right: 0;
margin-top: var(--evie-spacing-vertical);
}
.post-navigation .post-nav-links {
display: flex;
flex-flow: row wrap;
height: 100%;
position: relative;
width: 100%;
}
.post-navigation .post-nav-links::after {
background: rgb(var(--evie-color-background-rgb));
content: "";
height: 5rem;
left: 50%;
position: absolute;
top: 0;
transform: rotate(45deg) translateX(-3.5rem);
width: 5rem;
z-index: 2;
}
.post-navigation .nav-col {
align-items: center;
display: flex;
position: relative;
width: 100%;
}
.post-navigation a {
align-items: center;
color: inherit;
display: flex;
font-size: var(--evie-font-size-xs);
height: 100%;
width: 100%;
}
.post-navigation .nav-thumbnail {
height: 100%;
line-height: 0;
overflow: hidden;
width: 100%;
}
.post-navigation .nav-previous a::before,
.post-navigation .nav-next a::before {
background: rgba(0, 0, 0, 0.4);
bottom: 0;
display: block;
content: "";
left: 0;
position: absolute;
right: 0;
transition: background-color 0.3s;
top: 0;
z-index: 1;
}
.post-navigation .nav-col a:hover::before {
background: rgba(var(--evie-color-black-rgb), 0.3);
}
.post-navigation img {
flex: 1;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
width: 100%;
z-index: 0;
}
.post-navigation .evie-thumbnail-placeholder {
display: block;
margin: auto;
max-width: 40rem;
width: auto;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
color: rgb(var(--evie-color-white-rgb));
min-height: 30rem;
overflow: hidden;
}
.post-navigation a:hover img {
transform: scale(1.1);
}
.post-navigation .nav-text {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
left: 0;
margin-bottom: 0;
padding: 0 2rem;
position: absolute;
right: 0;
z-index: 5;
}
.post-navigation span {
letter-spacing: 0.2rem;
margin-bottom: 0.5rem;
}
.post-navigation .nav-title {
color: inherit;
margin: 0;
position: relative;
text-align: center;
width: 100%;
}
.post-navigation .nav-next-icon {
margin-left: 0.5rem;
}
.post-navigation .nav-col.nav-all {
justify-content: center;
left: 50%;
max-width: 100%;
position: absolute;
top: 0;
transform: translate3d(-50%, -100%, 1px);
z-index: 5;
}
.post-navigation .nav-all a {
justify-content: center;
max-width: 50rem;
padding: 0 1rem;
transform: translateY(50%);
position: relative;
z-index: 9;
}
.post-navigation .nav-all i {
font-size: 1.8rem;
transition: color 0.3s var(--evie-transition-ease);
}
.post-navigation .nav-all a:hover i {
color: rgb(var(--evie-color-primary-rgb));
}
.post-navigation .nav-all a .nav-text {
display: block;
justify-content: center;
left: 50%;
margin-bottom: 0.5rem;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
transform: translate3d(-50%, 75%, 1px);
text-align: center;
text-overflow: ellipsis;
transition: opacity 0.3s, transform 0.3s;
white-space: nowrap;
}
.post-navigation .nav-all a:hover .nav-text {
opacity: 1;
transform: translate3d(-50%, -100%, 1px);
}
.post-navigation .nav-none {
display: none;
} .related-posts {
margin: var(--evie-spacing-vertical) 0;
}
.related-posts.evie-block-post-carousel .post-carousel-header {
align-items: center;
column-gap: var(--evie-spacing-md);
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.related-posts.evie-block-post-carousel .post-carousel-navigation {
margin-left: auto;
}
.related-posts.evie-block-post-carousel .flext-button-prev,
.related-posts.evie-block-post-carousel .flext-button-next {
margin-top: 0;
}
.related-posts.evie-block-post-carousel .post-carousel-title {
font-size: var(--evie-font-size-h6);
}
.related-posts .entry-media .post-quote {
display: none;
} .comments-section {
margin: var(--evie-spacing-horizontal) auto;
max-width: var(--evie-content-width);
}
.no-comments {
background: rgba(var(--evie-color-on-surface-rgb), 0.04);
border-radius: 0.5rem;
font-weight: 600;
margin: var(--evie-spacing-horizontal) 0;
padding: 1rem 2rem;
text-align: center;
}
.toggle-comments {
border-radius: 1rem;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-md);
font-weight: 600;
justify-content: space-between;
margin: 0;
padding: 1.5rem 2rem;
transition: background-color 0.3s var(--evie-transition-ease);
width: 100%;
}
.toggle-comments:hover {
background: rgba(var(--evie-color-on-surface-rgb), 0.9);
}
.toggle-comments i {
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 2rem;
margin: 0;
padding: 0;
transition: background-color 0.3s, color 0.3s;
width: 2rem;
}
.toggle-comments i::before,
.toggle-comments i::after {
background: rgb(var(--evie-color-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: all 0.3s;
width: 6px;
}
.toggle-comments i::after {
transform: translate3d(3px, -50%, 0);
}
.toggle-comments:hover i::before {
transform: rotate(315deg) translate3d(4px, 1px, 0);
}
.toggle-comments:hover i::after {
transform: rotate(-135deg) translate3d(4px, -2px, 0);
}
.comments-section.is-visible .toggle-comments:hover i::after {
transform: rotate(135deg) translate3d(3px, 1px, 0);
}
.comments-section.is-visible .toggle-comments:hover i::before {
transform: rotate(225deg) translate3d(2px, 2px, 0);
}
.comments-section.is-visible .toggle-comments i::before {
transform: rotate(0deg) translate3d(3px, -50%, 0);
}
.comments-section.is-visible .toggle-comments i::after {
transform: rotate(-360deg) translate3d(3px, -50%, 0);
}
.comments-title {
margin-bottom: 0;
text-align: inherit;
}
.comments-section .navigation {
margin: var(--evie-spacing-horizontal) 0;
}
.comment-list {
list-style: none;
margin: var(--evie-spacing-horizontal) 0 0 0;
padding: 0;
}
.comment-list > li {
margin: 0;
}
.comment-content {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.04);
border-radius: 0 0 0.5rem 0.5rem;
padding: 0.5rem 1.4rem 1.4rem;
}
.comment-content > * {
margin-bottom: 1.5rem;
}
.comment-content > *:last-child {
margin-bottom: 0;
}
.comment-form .logged-in-as a {
background-image: linear-gradient(to left, rgb(var(--evie-color-on-surface-rgb)) 0%, rgb(var(--evie-color-on-surface-rgb)) 100%);
background-position: 0 95%;
background-repeat: no-repeat;
background-size: 100% 1px;
color: inherit;
display: inline;
position: relative;
outline: none;
transition: background-size 0.5s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease);
}
.comment-content a:hover,
.comment-content a:focus,
.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:focus {
background-size: 0 1px;
}
.comment-footer {
margin: 0.5rem 0 1.4rem;
}
.comment-footer .reply,
.comment-footer .edit-link {
display: inline-block;
vertical-align: top;
}
.comment-footer a {
color: inherit;
font-size: var(--evie-font-size-xs);
position: relative;
}
.comment-footer a:hover {
text-decoration: underline;
}
.comment-footer a::before {
content: "\e802";
display: inline-block;
font-family: evie, sans-serif;
margin: 0 0.5rem;
}
.comment-edit-link {
display: inline-block;
margin-left: 1rem;
}
.comment-footer .comment-edit-link::before {
content: "\e80a";
}
.comment-author .avatar {
display: block;
float: left;
height: 3.2rem;
left: 1.4rem;
margin: 0.4rem 1rem 0 0;
position: absolute;
width: 3.2rem;
}
.comment-header {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.04);
border-radius: 0.5rem 0.5rem 0 0;
padding: 1.4rem 1.4rem 0.5rem 5.6rem;
position: relative;
}
.trackback .comment-header,
.pingback .comment-header,
.trackback .comment-content,
.pingback .comment-content,
.trackback .comment-footer,
.pingback .comment-footer {
margin-left: 0;
padding-bottom: 0.5rem;
}
.trackback .comment-header,
.pingback .comment-header {
padding-left: 1.4rem;
}
.comment-author .fn {
align-items: center;
display: inline-flex;
font-weight: 600;
line-height: 1.4;
}
.bypostauthor .comment-author .fn::after {
align-items: center;
border-radius: 50%;
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
content: "\e916";
display: inline-flex;
font-family: evie, sans-serif;
justify-content: center;
line-height: 0.5;
margin-left: 0.5rem;
}
.comment-author .fn a {
color: inherit;
}
.comment-author .fn a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.comment-header .says {
display: none;
}
.comment-meta {
font-size: var(--evie-font-size-xs);
height: auto;
overflow: visible;
text-align: inherit;
}
.comment-meta > a {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
.comment-respond {
background: rgba(var(--evie-color-on-surface-rgb), 0.04);
border-radius: 1rem;
margin-top: var(--evie-spacing-horizontal);
padding: 3rem;
}
.comment-list .comment-respond {
margin: 2rem 0 2rem 4.5rem;
padding-top: 2rem;
}
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .children > li {
margin: 0.5rem 0 0 2rem;
}
.comment-list .children .comment-header {
padding: 1.4rem 1.4rem 0.5rem 5rem;
}
.comment-list .children .avatar {
height: 2.4rem;
margin: 0.4rem 1rem 0 0;
width: 2.4rem;
}
.comment-list .children .comment-header::before {
border-bottom: 0.5rem solid transparent;
border-top: 0.5rem solid transparent;
border-right: 0.7rem solid rgba(var(--evie-color-on-surface-rgb), 0.04);
left: -0.7rem;
top: 2rem;
}
.comment-respond small {
float: right;
font-size: 50%;
}
#cancel-comment-reply-link {
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-block;
font-size: var(--evie-font-size-xs);
height: 3rem;
overflow: hidden;
padding: 0;
position: relative;
text-indent: -9999px;
transition: color 0.25s;
width: 3rem;
}
#cancel-comment-reply-link:hover {
color: rgb(var(--evie-color-on-secondary-rgb));
}
#cancel-comment-reply-link::before {
background: rgb(var(--evie-color-secondary-rgb));
border-radius: 50%;
content: "";
height: 100%;
left: 0;
opacity: 0.05;
position: absolute;
transition: opacity 0.25s;
width: 100%;
}
#cancel-comment-reply-link:hover::before {
opacity: 1;
}
#cancel-comment-reply-link::after {
content: "\e829";
display: inline-block;
font-family: evie, sans-serif;
height: 100%;
left: 0;
line-height: 3rem;
position: absolute;
text-indent: 0;
text-align: center;
width: 100%;
}
.comment-list .children .depth-5 .comment-edit-link,
.pingback .comment-edit-link,
.trackback .comment-edit-link {
margin-left: 0;
}
.comment-form {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.comment-form > p {
margin: 0 0 1rem;
width: 100%;
}
.comment-form .logged-in-as {
margin: 0 0 1.5rem;
}
.comment-form .logged-in-as a:last-child {
margin-left: auto;
margin-right: 0;
}
.comment-form .required {
color: #f00;
}
.comment-notes {
margin-top: 0.5rem;
width: 100%;
}
.comment-form-comment {
clear: both;
margin-top: 2rem;
width: 100%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
flex-direction: column;
flex-grow: 1;
width: 100%;
}
.comment-form .status-text {
background-color: #ffe7e5;
border-radius: 0.5rem;
color: #333;
margin-top: 1.5rem;
padding: 1.5rem;
width: 100%;
}
.comment-form .form-submit {
margin: 1.5rem 0 0;
width: 100%;
}
.comment-awaiting-moderation {
background: #f2f3d2;
border-radius: 0.5rem;
color: #333;
font-style: italic;
margin-top: 1rem;
padding: 1rem 1.5rem;
}
.comment-awaiting-moderation::before {
content: "\e832";
font-family: evie, sans-serif;
display: inline-block;
margin-right: 0.5rem;
} .main-footer {
background-color: var(--evie-color-header);
font-size: var(--evie-font-size-sm);
margin-top: var(--evie-spacing-horizontal);
overflow: hidden;
position: relative;
z-index: 1;
}
.has-no-footer-gap .main-footer,
.blog .main-footer,
.archive .main-footer,
.single .main-footer {
margin-top: 0;
}
.footer-hidden .main-footer {
display: none;
}
.main-footer.has-text-mode-light {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
--evie-color-on-surface-light: rgba(var(--evie-color-white-rgb), 0.6);
}
.main-footer.has-text-mode-dark {
--evie-color-surface-rgb: var(--evie-color-white-rgb);
--evie-color-on-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-light: rgba(var(--evie-color-black-rgb), 0.6);
}
.footer-background,
.background-overlay {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.footer-background {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.background-overlay {
background: #000;
opacity: 0.75;
}
.footer-background.has-background-parallax {
background-attachment: fixed;
}
.footer-background.has-background-repeat {
background-repeat: repeat;
}
.footer-background.has-background-auto {
background-size: auto;
}
.footer-background.has-background-contain {
background-size: contain;
} .main-footer .site-info {
align-items: center;
background-color: rgb(var(--evie-color-surface-rgb));
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.05);
color: rgb(var(--evie-color-on-surface-rgb));
display: flex;
flex-direction: column;
padding: var(--evie-spacing-horizontal);
position: relative;
text-align: center;
}
.footer-text {
margin-bottom: 1rem;
position: relative;
}
.footer-menu-wrapper {
position: relative;
}
.footer-menu {
display: flex;
height: 100%;
justify-content: flex-end;
list-style: none;
margin: 0 auto;
padding: 0;
position: relative;
}
.footer-menu li {
align-items: center;
display: inline-flex;
height: 100%;
text-align: left;
}
.footer-menu > li > a {
display: block;
line-height: 1.3;
margin: 0 1rem;
position: relative;
text-decoration: none;
}
.footer-menu > li > a:hover {
color: rgb(var(--evie-color-primary-rgb));
}
.footer-social-links {
position: relative;
} .footer-widgets {
padding: var(--evie-spacing-horizontal);
}
.footer-widgets > div {
margin-bottom: var(--evie-spacing-vertical);
overflow: hidden;
}
.footer-widgets > .is-hidden {
display: none;
}
.footer-widgets > div:last-child,
.footer-widgets > div .widget:last-child {
margin-bottom: 0;
}
.footer-widgets.has-3-columns .footer-col-3 {
grid-column: span 2;
}
.main-footer .textwidget p:last-child {
margin-bottom: 0;
}
.main-footer .textwidget a,
.main-footer .menu-item a,
.footer-text a {
color: inherit;
position: relative;
}
.main-footer .textwidget a,
.footer-text a {
display: inline-block;
}
.main-footer .textwidget a:hover::before,
.main-footer .menu-item a:hover::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--evie-transition-ease);
}
.footer-widgets .widget .wpforms-container .wpforms-title {
margin-bottom: 1rem;
}
.footer-widgets .widget .wpforms-container .wpforms-description {
line-height: 1.5;
} .footer-widgets .flext-post-tabs .flext-tabs-nav {
border-bottom: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.2);
line-height: 1;
}
.footer-widgets .flext-post-tabs .flext-tabs-nav a {
line-height: 1.25;
padding: 0 0 1rem;
}
.footer-widgets .flext-post-tabs .flext-tabs-nav a::after {
background: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
.footer-widgets .flext-post-tabs ul {
padding: 0.4rem 0 0;
}
.footer-widgets .flext-post-tabs .flext-tab ul li {
gap: 2rem;
margin-bottom: 1.2rem;
}
.footer-widgets .flext-post-tabs .post-tab-posts li:nth-child(even) .post-thumbnail {
order: 2;
}
.footer-widgets .flext-post-tabs .post-tab-posts li:nth-child(even) .post-header {
order: 1;
text-align: right;
}
.footer-widgets .widget .tag-cloud-link {
font-size: var(--evie-font-size-sm) !important;
} .footer-widgets .widget_calendar .widget-title {
text-align: center;
}  .to-top-button {
align-items: center;
bottom: 3rem;
display: flex;
font-size: 2rem;
height: 4rem;
justify-content: center;
opacity: 0;
padding: 0;
position: fixed;
right: calc(var(--evie-spacing-horizontal) / 2);
transform: translate3d(0, 120%, 0);
transition: opacity 0.3s var(--evie-transition-ease), transform 0.3s var(--evie-transition-ease), visibility 0.25s var(--evie-transition-ease);
width: 4rem;
z-index: 999;
}
.to-top-button:hover {
color: inherit;
}
.to-top-button.active {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.to-top-button::after {
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.to-top-button.active::after {
animation: evie-to-top-circle-border 0.6s forwards linear;
}
@keyframes evie-to-top-circle-border {
0% {
border-color: transparent;
transform: rotate(0deg);
}
25% {
border-color: rgba(var(--evie-color-primary-rgb), 0.2) transparent transparent transparent;
}
50% {
border-color: rgba(var(--evie-color-primary-rgb), 0.2) rgba(var(--evie-color-primary-rgb), 0.3) transparent transparent;
}
75% {
border-color: rgba(var(--evie-color-primary-rgb), 0.2) rgba(var(--evie-color-primary-rgb), 0.3) rgba(var(--evie-color-primary-rgb), 0.4) transparent;
}
100% {
border-color: rgba(var(--evie-color-primary-rgb), 0.4);
transform: rotate(270deg);
}
}
.to-top-button i {
background-image: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 50%;
color: rgb(var(--evie-color-on-primary-rgb));
display: block;
font-weight: 400;
height: 100%;
line-height: 4rem;
opacity: 0;
position: relative;
text-align: center;
transition: background-position 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease);
width: 100%;
z-index: 1;
}
.to-top-button.active i {
opacity: 1;
transition: background-position 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease) 0.6s;
}
.to-top-button.active:hover i {
background-position: 100% 0;
}
.to-top-button i::before {
transition: transform 0.15s var(--evie-transition-ease);
}
.to-top-button:hover i::before {
transform: translateY(-0.2rem);
}
.to-top-button span {
backface-visibility: hidden;
color: rgb(var(--evie-color-primary-rgb));
display: inline-block;
font-size: var(--evie-font-size-xs);
font-weight: 600;
left: 0;
letter-spacing: 0.125em;
opacity: 0;
padding: 0 1rem;
position: absolute;
text-transform: uppercase;
transform: rotate(-90deg) translate3d(0, 0, 0);
transition: opacity 0.15s var(--evie-transition-ease), transform 0.15s var(--evie-transition-ease);
white-space: nowrap;
width: 100%;
}
.to-top-button:hover span {
opacity: 1;
transform: rotate(-90deg) translate3d(100%, 0, 0);
}   .has-text-mode-light {
color: rgb(var(--evie-color-on-surface-rgb));
}
.has-text-mode-dark {
color: rgb(var(--evie-color-on-surface-rgb));
} .slide-up {
animation: evie-slide-up 0.6s linear 0s forwards;
overflow: hidden;
}
.slide-down {
animation: evie-slide-up 0.6s linear 0s reverse;
}
@keyframes evie-slide-up {
0% {
opacity: 1;
visibility: visible;
}
100% {
height: 0;
opacity: 0;
visibility: hidden;
display: none;
}
} .is-changing-scheme * {
transition: none !important;
}
@media (min-width: 576px) {
:root { --evie-sidebar-width: 31rem;
}
.sidebar-active .main-content-overlay,
.mobile-menu.nav-active .main-content-overlay,
.mobile-menu.search-active .main-content-overlay {
opacity: 1;
visibility: visible;
}
.mobile-menu.nav-active:not(.search-active) .main-menu {
background-color: transparent;
box-shadow: none;
}
.mobile-menu.nav-active .site-logo,
.nav-active:not(.search-active) .main-navigation {
opacity: 0;
transition: opacity 0.3s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
}
.is-scrolling-disabled .has-scrollbar .quicklinks .ab-top-secondary {
padding-right: var(--evie-scrollbar-width) !important;
}
.is-scrolling-disabled .has-scrollbar .main-menu {
right: var(--evie-scrollbar-width);
}
.meta-author span {
display: inline-block;
margin-left: 0.8rem;
}
.posts-style-list .posted-on,
.quick-view-content .posted-on {
margin-bottom: 0;
margin-right: auto;
width: auto;
} .comment-form-author,
.comment-form-email {
width: auto;
}
.comment-form-email {
margin-left: 1rem;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
flex-basis: auto !important;
}
}
@media (min-width: 768px) { :root { --evie-sidebar-width: 33rem; --evie-spacing-xs: 1.5rem;
--evie-spacing-sm: 2.5rem;
--evie-spacing-md: 3.5rem;
--evie-spacing-lg: 4.5rem;
--evie-spacing-horizontal: 3rem;
--evie-spacing-vertical: 6rem; --evie-grid-columns: 2;
} .has-2-columns {
--evie-grid-columns: 2;
}
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption {
display: block;
}
.flext-lightbox.flext-share-modal .modal-image {
max-height: 35rem;
} ul.has-large-font-size,
ol.has-large-font-size,
ul.has-extra-large-font-size,
ol.has-extra-large-font-size,
ul.has-extra-extra-large-font-size,
ol.has-extra-extra-large-font-size,
ul.has-extra-huge-font-size,
ol.has-extra-huge-font-size {
font-weight: 300;
} .wp-block-image .is-resized {
width: auto;
}
.entry-content .wp-block-gallery.alignleft,
.entry-content .wp-block-gallery.alignright {
margin-top: 0.5rem;
}
.wp-block-file {
align-items: center;
display: flex;
justify-content: space-between;
}
.wp-block-file a.wp-block-file__button {
flex-shrink: 0;
}
.wp-block-file a:not(.wp-block-file__button) {
margin-bottom: 0;
} .wp-block-quote::after {
left: 3rem;
}
.wp-block-quote.has-text-align-right::after {
left: auto;
right: 3rem;
}
.wp-block-quote:not(.is-style-plain) cite,
.wp-block-quote:not(.is-style-plain) footer {
left: 8rem;
}
.wp-block-quote.has-text-align-right:not(.is-style-plain) cite,
.wp-block-quote.has-text-align-right:not(.is-style-plain) footer {
right: 8rem;
} .wp-block-media-text {
display: grid;
gap: var(--evie-spacing-sm);
}
.wp-block-media-text.alignfull {
gap: 0;
}
.wp-block-media-text.alignfull.has-background:not(.is-image-fill) {
gap: var(--evie-spacing-horizontal);
}
.entry-content > .wp-block-media-text.alignfull .wp-block-media-text__media {
border-radius: 0 1rem 1rem 0;
}
.entry-content > .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
border-radius: 1rem 0 0 1rem;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
margin-bottom: 0;
}
.entry-content > .wp-block-media-text.alignfull.has-background .wp-block-media-text__media {
border-radius: 1rem;
overflow: hidden;
}
.entry-content > .wp-block-media-text.alignfull.is-image-fill .wp-block-media-text__media {
border-radius: 0;
} .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft {
margin: 0 2rem 0 0;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
margin: 0 0 0 2rem;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft,
.wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
max-width: 50%;
} .wp-block-latest-posts.is-grid,
.wp-block-latest-posts.is-grid.columns-2,
.wp-block-rss.is-grid,
.wp-block-rss.is-grid.columns-2 {
--evie-grid-columns: 2;
}
.wp-block-latest-posts.is-grid li,
.wp-block-rss.is-grid li {
display: inline-block;
} .flext-block-latest-posts.flext-grid li .post-header strong,
.flext-block-authors .flext-grid li .post-header strong {
display: -webkit-box;
max-height: 5.1rem;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.flext-block-latest-posts.flext-grid .has-thumbnail > a:hover::after,
.flext-block-latest-posts.flext-grid .has-thumbnail > a:focus::after {
opacity: 0.4;
} .flext-carousel-gallery.flext-carousel-gutters .flext-slide figure,
.flext-carousel-gallery.flext-carousel-gutters img {
border-radius: 1rem;
transform: translateZ(0);
} .flext-block-authors.is-style-list .flext-author-entry .flext-author-header {
max-width: 13.7rem;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-detail {
flex: 1 1 calc(13.7rem - 100%);
max-width: none;
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-header {
margin-top: 12rem;
}
.flext-block-authors.is-style-list .flext-author-entry .flext-author-title {
margin-top: 0;
}
.flext-block-authors.is-style-list .flext-author-entry.has-cover-image .flext-author-detail {
margin-top: 17.6rem;
}
.flext-block-authors.is-style-list .flext-author-location + .flext-user-social-links::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
content: "";
display: inline-flex;
height: 1.5rem;
width: 1px;
}
.flext-block-authors .author-recent-posts li {
width: 33.3333%;
}
.flext-block-authors .author-recent-posts li:nth-child(3) {
display: block;
} .entry-content .alignleft {
float: left;
margin: 0.5rem var(--evie-spacing-xs) var(--evie-spacing-xs) 0;
max-width: 50%;
} .entry-content > .alignleft {
margin: var(--evie-spacing-sm) 2rem 0.5rem var(--evie-alignleft-margin);
} .entry-content .alignright {
float: right;
margin: 0.5rem 0 var(--evie-spacing-xs) var(--evie-spacing-xs);
max-width: 50%;
} .entry-content > .alignright {
margin: var(--evie-spacing-sm) var(--evie-alignright-margin) 0.5rem 2rem;
}  .filter-taxonomies .filter-tax::before {
display: none;
}
.filter-taxonomies.has-1-columns .filter-terms li {
flex: 1 1 50%;
max-width: 50%;
}
.filter-sortby .sortby-button span {
display: inline-block;
margin-left: 0.8rem;
max-width: 12rem;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
} .flext-media-controls button {
width: 4rem;
height: 4rem;
} .posts-layout-waterfall .grid-col-2 {
display: block;
}
.posts-layout-waterfall .grid-column:nth-child(odd) {
margin-top: 10rem;
}  .posts-animation-2 .entry.evie-active {
transition:
opacity 0.5s var(--evie-transition-ease)
calc(0.5s + var(--evie-transition-delay));
} .posts-animation-3.posts-layout-waterfall .grid-column .entry {
transform: translateY(2rem);
}
.posts-animation-3.posts-layout-waterfall .grid-column .entry.evie-active {
transform: translateY(0);
transition:
opacity 0.5s var(--evie-transition-ease)
calc(0.3s + var(--evie-transition-delay)),
transform 0.5s var(--evie-transition-ease) calc(0.3s + var(--evie-transition-delay));
} .pagination {
justify-content: flex-start;
} .navigation.numbered-pagination .next,
.navigation.numbered-pagination .prev {
display: inline-flex;
} .quick-view-content .entry-footer {
align-items: center;
display: flex;
justify-content: space-between;
}
.quick-view-content .entry-buttons {
margin-top: 0;
} .page-header.has-header-breadcrumb.has-text-align-none .evie-container {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-header.has-header-breadcrumb.has-text-align-none .evie-container > .page-title {
text-align: left;
}
.page-header.has-header-breadcrumb.has-text-align-none .evie-container > .evie-breadcrumb {
text-align: right;
} .page-error-code {
font-size: 20vw;
} .post-password-form label {
flex: 1 1 auto;
width: auto;
}
.single .has-post-thumbnail .single-entry-header {
margin-bottom: var(--evie-spacing-vertical);
} .single-layout-1 .has-post-thumbnail .single-entry-header .entry-title,
.single-layout-1 .has-post-thumbnail .single-entry-header .entry-meta a:hover {
color: #fff;
}
.single-layout-1 .has-post-thumbnail .single-entry-header .entry-meta,
.single-layout-1 .has-post-thumbnail .single-entry-header .meta-categories .cat-links {
color: rgba(255, 255, 255, 0.6);
}
.single-layout-1 .has-post-thumbnail .flext-gallery-slider .flext-button-prev,
.single-layout-1 .has-post-thumbnail .flext-gallery-slider .flext-button-next {
bottom: auto;
top: var(--evie-spacing-horizontal);
}
.single-layout-1.transparent-menu .has-post-thumbnail .flext-gallery-slider .flext-button-prev,
.single-layout-1.transparent-menu .has-post-thumbnail .flext-gallery-slider .flext-button-next {
top: var(--evie-header-menu-height);
}
.single-layout-1 .has-post-thumbnail .single-entry-header .header-content {
bottom: 0;
left: 0;
margin: 0;
padding: var(--evie-spacing-vertical) var(--evie-spacing-horizontal);
position: absolute;
right: 0;
z-index: 2;
}
.single-layout-1 .has-post-thumbnail .single-entry-header .header-content::before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
display: inline-block;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.single-layout-1 .has-post-thumbnail .single-entry-header {
color: #fff;
} .single-layout-2 .has-post-thumbnail .single-entry-header {
margin-bottom: var(--evie-spacing-horizontal);
} .single-entry-footer .post-tags {
flex-wrap: nowrap;
justify-content: space-between;
}
.single-entry-footer .tags-links {
justify-content: flex-start;
margin-right: var(--evie-spacing-horizontal);
}
.single-entry-footer .entry-buttons {
margin-top: 0;
}
.post-author .author-detail {
flex: 1;
text-align: inherit;
}
.post-author .author-title {
align-items: center;
justify-content: space-between;
flex-direction: row;
width: 100%;
}
.post-author .edit-profile-link {
margin: 0;
}
.post-author .edit-profile-link::before {
position: relative;
}
.post-author .flext-author-follow-numbers {
justify-content: flex-start;
}
.post-author .flext-author-description {
flex: 1 1 100%;
max-width: 100%;
}
.post-author .flext-author-location {
display: inline-block;
flex: 0 1 auto;
margin: 0;
vertical-align: middle;
}
.post-author .flext-social-icons {
display: inline-flex;
flex: 1;
}
.post-author .flext-author-location + .flext-user-social-links {
margin-left: var(--evie-spacing-xs);
}
.post-author .flext-author-location + .flext-user-social-links::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
content: "";
display: inline-flex;
height: 1.5rem;
width: 1px;
} .post-authors .author-title {
font-size: var(--evie-font-size-h4);
margin-top: 0;
}
.post-authors .edit-profile-link {
text-indent: 0;
width: auto;
} .post-navigation .post-nav-links {
flex-flow: row nowrap;
}
.post-navigation .nav-col {
flex: 0 1 50%;
max-width: 50%;
}
.post-navigation .nav-none {
display: flex;
min-height: 12rem;
}
.post-navigation .nav-none::before {
background-color: rgb(var(--evie-color-surface-rgb));
background-image: radial-gradient(rgb(var(--evie-color-on-surface-rgb)) 1px, rgb(var(--evie-color-surface-rgb)) 1px);
background-size: 1rem 1rem;
bottom: 0;
content: "";
left: 0;
opacity: 0.2;
position: absolute;
right: 0;
top: 0;
}
.post-navigation .nav-none .nav-text {
background-color: rgb(var(--evie-color-surface-rgb));
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-block;
left: 50%;
padding: 3rem;
right: auto;
text-align: center;
transform: translateX(-50%);
} .comment-header,
.comment-list .children .comment-header {
margin-left: 4.5rem;
padding: 1.4rem 2rem 0.5rem;
}
.comment .comment-header::before {
border-bottom: 0.6rem solid transparent;
border-top: 0.6rem solid transparent;
border-right: 0.8rem solid rgba(var(--evie-color-on-surface-rgb), 0.04);
content: "";
position: absolute;
height: 0;
left: -0.8rem;
top: 2.4rem;
width: 0;
z-index: 3;
}
.comment-author .avatar {
left: auto;
margin: 0 1rem 0 -6.4rem;
position: relative;
}
.comment-content {
margin-left: 4.5rem;
padding: 0.5rem 2rem 1.4rem;
}
.comment-footer {
margin: 0.5rem 0 1.5rem 4.5rem;
}
.comment-list .children .comment-header,
.comment-list .children .comment-content,
.comment-list .children .comment-footer,
.comment-list .children .comment-respond {
margin-left: 3.5rem;
}
.comment-list .children > li {
margin: 0.5rem 0 0 4.4rem;
}
.comment-list .children .avatar {
margin: 0 1rem 0 -5.5rem;
}
.comment-form {
display: flex;
}
.comment-form .comment-form-author {
flex: 1 1 50%;
max-width: calc(50% - 1rem);
margin-right: 1rem;
}
.comment-form .comment-form-email {
flex: 1 1 50%;
max-width: calc(50% - 1rem);
margin-left: 1rem;
}
.comment-form .required-field-message {
float: right;
}
.comment-form .form-submit {
text-align: right;
}
.footer-widgets {
gap: 0 var(--evie-spacing-horizontal);
}
}
@media (min-width: 782px) {
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap;
}
}
@media (min-width: 783px) {
.admin-bar {
--evie-admin-bar-height: 32px;
}
}
@media (min-width: 1024px) { :root { --evie-sidebar-width: 35rem; --evie-font-size-lg: 2.2rem;
--evie-font-size-xl: 3rem;
--evie-font-size-xxl: 5rem;
--evie-font-size-xxxl: 8.4vw; --evie-font-size-h1: var(--evie-font-size-xxl);
--evie-font-size-h2: 4.4rem;
--evie-font-size-h3: 3rem;
--evie-font-size-h4: var(--evie-font-size-lg);
--evie-font-size-h5: 2.2rem;
--evie-font-size-h6: var(--evie-font-size-md); --evie-spacing-horizontal: 4rem;
--evie-spacing-vertical: 8rem;
--evie-alignright-margin: calc(0.5 * (100vw - var(--evie-content-width)) - var(--evie-spacing-horizontal));
--evie-alignleft-margin: calc(0.5 * (100vw - var(--evie-content-width)) - var(--evie-spacing-horizontal)); --evie-grid-columns: 3; --evie-scrollbar-width: 0.6rem;
} .has-3-columns {
--evie-grid-columns: 3;
}
.has-4-columns,
.has-5-columns {
--evie-grid-columns: 4;
} .flext-categories.has-thumbnail a img {
transition: transform 0.3s;
transform: translateZ(0);
}
.flext-categories.has-thumbnail a:hover img {
transform: scale(1.1);
}
.main-sidebar .flext-categories.has-thumbnail .posts-count {
transform-origin: bottom center;
transition: transform 0.3s;
}
.main-sidebar .flext-categories.has-thumbnail .category-item:hover .posts-count {
transform: scale(1.3);
} .wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-columns.alignfull {
gap: var(--evie-grid-gap);
}
.wp-block-image .is-resized,
.wp-block-image.flext-animation-rotate .is-resized {
width: min-content;
display: -ms-inline-grid;
-ms-grid-columns: min-content;
}
.wp-block-image .is-resized img {
max-width: none;
}
.wp-block-embed-instagram.alignleft {
margin-right: 4rem;
}
.wp-block-embed-instagram.alignright {
margin-left: 4rem;
}
.wp-block-file.alignleft {
margin: 0.4rem 2rem 0.3rem 0;
}
.wp-block-file.alignright {
margin: 0.4rem 0 0.3rem 2rem;
}
.wp-block-table.alignleft,
.wp-block-table.alignright {
margin: 3rem;
width: auto;
} .wp-block-table.is-style-evie-list table {
display: table;
position: relative;
}
.wp-block-table.is-style-evie-list thead {
display: table-header-group;
}
.wp-block-table.is-style-evie-list thead th {
border-bottom: none;
display: table-cell;
padding: 0 2rem 2rem;
vertical-align: top;
}
.wp-block-table.is-style-evie-list thead th:first-child,
.wp-block-table.is-style-evie-list thead th:last-child {
padding: 0 0 2rem 0;
}
.wp-block-table.is-style-evie-list thead,
.wp-block-table.is-style-evie-list tbody {
display: table-row-group;
}
.wp-block-table.is-style-evie-list tfoot {
display: table-footer-group;
}
.wp-block-table.is-style-evie-list tr {
display: table-row;
flex: none;
padding: 0;
text-align: left;
}
.wp-block-table.is-style-evie-list td {
display: table-cell;
padding: 2rem 0 2rem 1rem;
vertical-align: top;
}
.wp-block-table.is-style-evie-list tr td:first-child {
padding: 2rem 1rem 2rem 0;
}
.wp-block-table.is-style-evie-list tr td:last-child {
padding: 2rem 0 2rem 1rem;
}
.wp-block-table.is-style-evie-list .has-background tr td:first-child {
padding: 2rem 1rem 2rem 2rem;
}
.wp-block-table.is-style-evie-list .has-background tr td:last-child {
padding: 2rem 2rem 2rem 1rem;
}
.wp-block-table.is-style-evie-list .has-fixed-layout th:first-child,
.wp-block-table.is-style-evie-list .has-fixed-layout td:first-child {
display: block;
}
.wp-block-table.is-style-evie-list tr td:last-child,
.wp-block-table.is-style-evie-list tr th:last-child {
text-align: right;
}
.wp-block-table.is-style-evie-list tr td.has-text-align-left:last-child,
.wp-block-table.is-style-evie-list tr th.has-text-align-left:last-child {
text-align: left;
}
.wp-block-table.is-style-evie-list tr td.has-text-align-center:last-child,
.wp-block-table.is-style-evie-list tr th.has-text-align-center:last-child {
text-align: center;
}
.wp-block-table.is-style-evie-list tfoot td {
display: table-cell;
}
.wp-block-table.is-style-evie-list td img {
display: inline;
margin-bottom: 0;
vertical-align: middle;
} .wp-block-button.wp-block-button__width-25.is-style-evie-circle .wp-block-button__link {
padding: 1rem 1rem;
}
.wp-block-button.wp-block-button__width-50.is-style-evie-circle .wp-block-button__link {
padding: 1rem 1.3rem;
}
.wp-block-button.wp-block-button__width-75.is-style-evie-circle .wp-block-button__link {
padding: 1rem 1.6rem;
} ul.has-large-font-size,
ol.has-large-font-size,
ul.has-extra-large-font-size,
ol.has-extra-large-font-size,
ul.has-extra-extra-large-font-size,
ol.has-extra-extra-large-font-size,
ul.has-extra-huge-font-size,
ol.has-extra-huge-font-size {
font-weight: 300;
} .wp-block-latest-posts.is-grid.columns-3,
.wp-block-rss.is-grid.columns-3 {
--evie-grid-columns: 3;
}
.wp-block-latest-posts.is-grid,
.wp-block-latest-posts.is-grid.columns-4,
.wp-block-rss.is-grid,
.wp-block-rss.is-grid.columns-4 {
--evie-grid-columns: 4;
}  .flext-carousel {
--flext-carousel-pagination-height: var(--evie-spacing-horizontal);
} .flext-block-categories.is-style-grid {
--flext-grid-gap: 3rem;
}
.flext-block-section.alignfull .flext-categories.flext-carousel.alignfull .flext-button-prev {
left: 0;
}
.flext-block-section.alignfull .flext-categories.flext-carousel.alignfull .flext-button-next {
right: 0;
} .flext-block-authors.is-style-grid.alignwide .flext-authors-list {
grid-template-columns: repeat(2, minmax(1rem, 1fr));
}
.flext-block-authors.is-style-grid .flext-author-entry {
margin-bottom: 0;
}
.flext-block-authors.is-style-grid .author-recent-posts ul li {
width: 33.3333%;
}
.flext-block-authors .author-recent-posts li {
width: 25%;
}
.flext-block-authors .author-recent-posts li:nth-child(4) {
display: block;
}  .desktop-menu .site-title {
-webkit-line-clamp: 2;
}
.desktop-menu .site-logo,
.desktop-menu .site-title {
max-width: 19rem;
}
.desktop-menu.search-active .site-logo,
.desktop-menu.search-active .site-title {
opacity: 1;
visibility: visible;
} .desktop-menu .menu-button {
margin-left: 1.5rem;
}
.desktop-menu .menu-icon {
height: 4rem;
transform: scale(1);
width: 4rem;
} .desktop-menu .main-navigation {
font-size: var(--evie-font-size-sm);
letter-spacing: 0.04rem;
}
.desktop-menu .main-navigation a > .menu-text {
display: inline-block;
position: relative;
vertical-align: middle;
}
.desktop-menu .main-navigation .sub-menu li a {
transition: color 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease);
}
.desktop-menu .main-navigation .sub-menu:hover li a,
.desktop-menu .main-navigation .current-menu-ancestor a {
opacity: 0.6;
}
.desktop-menu .main-navigation .sub-menu:hover li a:hover,
.desktop-menu .main-navigation .sub-menu:hover > li:hover > a,
.desktop-menu .main-navigation li.current-menu-ancestor > a,
.desktop-menu .main-navigation .sub-menu:hover li.current-menu-ancestor > a,
.desktop-menu .main-navigation .sub-menu li.current-menu-item > a,
.desktop-menu .main-navigation .sub-menu:hover li.current-menu-item > a {
opacity: 1;
}
.desktop-menu .main-navigation .sub-menu > li > a > .menu-text::after {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
bottom: 0.2rem;
content: "";
height: 1px;
left: 0.05rem;
position: absolute;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s var(--evie-transition-ease);
width: 100%;
}
.desktop-menu .main-navigation .sub-menu > li > a:hover > .menu-text::after {
transform: scaleX(1);
transform-origin: left center;
}
.desktop-menu.top-menu .main-navigation a > .menu-text {
overflow: hidden;
}
.flext-author .author-entry .author-detail {
border: none;
padding: 0;
} .desktop-menu .dropdown-menu {
display: flex;
flex-wrap: wrap-reverse;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
transition: opacity 0.3s var(--evie-transition-ease) 0.3s;
z-index: 1;
}
.desktop-menu.search-active .dropdown-menu {
opacity: 0;
transition: opacity 0.3s var(--evie-transition-ease);
}
.desktop-menu .dropdown-menu ul,
.desktop-menu .dropdown-menu li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.desktop-menu .dropdown-menu::after {
clear: both;
content: "";
display: block;
line-height: 0;
height: 0;
visibility: hidden;
}
.desktop-menu .dropdown-menu > li {
align-items: center;
display: inline-flex;
height: 100%;
padding: 0 2.5rem;
text-align: left;
vertical-align: middle;
}
.desktop-menu .dropdown-menu > li > a {
align-items: center;
color: inherit;
display: flex;
height: 100%;
line-height: 1.3;
position: relative;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}
.desktop-menu .dropdown-menu > li.current-menu-ancestor > a {
color: inherit;
}
.desktop-menu .dropdown-menu a > .menu-icon {
margin-right: 0.5rem;
}
.desktop-menu .dropdown-menu > li > a::before {
background-image: linear-gradient(45deg, rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-primary-rgb)), rgb(var(--evie-color-secondary-rgb)), rgb(var(--evie-color-primary-rgb)));
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 400% 100%;
border-radius: 0.8rem 0;
bottom: 0.5rem;
content: "";
display: inline-block;
height: 1rem;
left: 0;
opacity: 0.7;
position: absolute;
top: 50%;
transform: scaleX(0) translateY(-50%);
transform-origin: right center;
transition: transform 0.5s var(--evie-transition-ease);
width: 100%;
z-index: -1;
}
.desktop-menu .dropdown-menu > li:hover > a::before,
.desktop-menu .dropdown-menu > li.current-menu-item:hover > a::before,
.desktop-menu .dropdown-menu > li.current-menu-ancestor:hover > a::before {
transform: scaleX(1) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--evie-transition-ease);
}
.desktop-menu .dropdown-menu > li.current-menu-item > a::before,
.desktop-menu .dropdown-menu > li.current-menu-ancestor > a::before {
transform: scaleX(0.5) translateY(-50%);
transform-origin: left center;
transition: transform 0.35s var(--evie-transition-ease);
}
.desktop-menu .dropdown-menu > li.menu-item-has-children > a::after {
content: "\e845";
display: inline-block;
font-family: evie, sans-serif;
margin-left: 0.5rem;
vertical-align: middle;
}
.desktop-menu .dropdown-menu.with-counters > li > a {
font-weight: 400;
}
.desktop-menu .dropdown-menu.with-counters > li > a > .menu-text::before {
content: counter(menu-item-number, decimal-leading-zero);
display: inline-block;
font-size: 0.9rem;
font-weight: 300;
left: 0;
line-height: 0.6rem;
margin-right: 0.3rem;
opacity: 0.5;
position: relative;
transform: translateY(0);
transition: transform 0.3s;
top: -0.3rem;
}
.desktop-menu .dropdown-menu.with-counters > li.current-menu-item > a > .menu-text::before {
opacity: 1;
}
.desktop-menu .dropdown-menu.with-counters > li:hover > a > .menu-text::before {
transform: translateY(2rem);
}
.desktop-menu .dropdown-menu.with-counters > li > a > .menu-text::after {
content: counter(menu-item-number, decimal-leading-zero);
display: inline-block;
font-size: 0.9rem;
font-weight: 300;
left: 0;
line-height: 0.6rem;
margin-right: 0.3rem;
opacity: 1;
position: absolute;
transform: translateY(-2rem);
transition: transform 0.3s;
top: 0.59rem;
}
.desktop-menu .dropdown-menu.with-counters > li:hover > a > .menu-text::after {
transform: translateY(0);
}
.desktop-menu .dropdown-menu .evie-mega-menu > .sub-menu > li > a .menu-text::after {
display: none;
}
.desktop-menu .dropdown-menu .sub-menu {
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
background: rgb(var(--evie-color-surface-rgb));
border-radius: 0 0 0.5rem 0.5rem;
box-shadow: 0 3px 3px rgba(var(--evie-color-surface-rgb), 0.05);
color: rgba(var(--evie-color-on-surface-rgb), 0.9);
list-style: none;
margin: 0;
max-height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 100%;
transform: scale(0.8);
transform-origin: 10% top;
transition: opacity 0.15s var(--evie-transition-ease), transform 0.25s var(--evie-transition-ease), visibility 0.3s var(--evie-transition-ease);
visibility: hidden;
}
.desktop-menu .dropdown-menu .sub-menu .sub-menu {
border-radius: 0.5rem;
transform: translate3d(0, 1rem, 0);
}
.desktop-menu .dropdown-menu .sub-menu > li > .sub-menu {
left: 100%;
top: 0;
}
.desktop-menu .dropdown-menu > li.align-right > .sub-menu {
left: auto;
right: 0;
}
.desktop-menu .dropdown-menu li:hover > .sub-menu {
max-height: none;
opacity: 1;
overflow: visible;
padding-bottom: 2rem;
padding-top: 2rem;
transform: scale(1);
visibility: visible;
}
.desktop-menu .dropdown-menu > li.align-right > .sub-menu .sub-menu {
left: auto;
right: 100%;
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::before,
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::after {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 1px;
position: absolute;
right: 2rem;
top: 50%;
transform: rotate(90deg) translate3d(3px, -50%, 0);
transform-origin: right top;
transition: transform 0.3s, width 0.3s;
width: 6px;
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children > a::after {
transform: translate3d(3px, -50%, 0);
}
.desktop-menu .dropdown-menu .sub-menu:hover > .menu-item-has-children > a::before,
.desktop-menu .dropdown-menu .sub-menu:hover > .menu-item-has-children > a::after {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.48);
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children:hover > a::before {
background-color: rgb(var(--evie-color-on-surface-rgb));
transform: rotate(315deg) translate3d(2px, 1px, 0);
}
.desktop-menu .dropdown-menu .sub-menu > .menu-item-has-children:hover > a::after {
background-color: rgb(var(--evie-color-on-surface-rgb));
transform: rotate(-135deg) translate3d(4px, 1px, 0);
}
.desktop-menu .dropdown-menu .sub-menu li > a {
color: inherit;
display: block;
min-width: 18rem;
overflow: hidden;
padding: 0.5rem 2.5rem;
text-decoration: none;
text-overflow: ellipsis;
transition: all 0.15s var(--evie-transition-ease);
white-space: nowrap;
} .desktop-menu .extra-menu {
flex: 0 0 auto;
justify-content: flex-start;
}
.desktop-menu.search-active .extra-menu,
.desktop-menu.sidebar-active .extra-menu {
max-width: 24rem;
z-index: 9999;
}
.desktop-menu .extra-menu li {
opacity: 1;
visibility: visible;
}
.desktop-menu .extra-menu .menu-item-search {
order: 0;
}
.desktop-menu .extra-menu .menu-item-dark-mode {
order: 5;
}
.desktop-menu .extra-menu .menu-item-login {
order: 8;
}
.desktop-menu .extra-menu .menu-item-sidebar {
order: 9;
}
.desktop-menu .extra-menu li a {
height: 6rem;
transition: color 0.3s;
width: 6rem;
}
.desktop-menu.search-active .extra-menu .live-search-button i::before {
content: "\e803";
} .desktop-menu .flext-live-search-form {
margin: 0;
padding: 0;
}
.desktop-menu .flext-live-search-form .close-search-button {
display: none;
}
.desktop-menu .flext-live-search .live-search-results {
height: calc(100vh - var(--evie-admin-bar-height) - var(--evie-header-menu-height) - 20vh);
max-width: 100%;
}
.desktop-menu .flext-live-search .live-search-results-wrapper {
border-radius: 0 0 0.8rem 0.8rem;
}
.desktop-menu.search-active .flext-live-search .live-search-results-wrapper {
transition-delay: 0.3s;
}
.desktop-menu .flext-live-search .live-search-results,
.desktop-menu .flext-live-search .search-more {
transform: translateX(0);
} .desktop-menu .site-title {
-webkit-line-clamp: 2;
}
.desktop-menu.top-menu .main-navigation {
flex: 1 1 100%;
justify-content: flex-end;
padding: 0 calc(var(--evie-spacing-horizontal) / 2);
position: static;
}
.desktop-menu.top-menu .main-navigation .main-navigation-menu {
height: 100%;
width: 100%;
z-index: 2;
}
.desktop-menu.top-menu .main-navigation .dropdown-menu {
justify-content: flex-start;
width: 100%;
}
.desktop-menu.top-menu .menu-align-center .dropdown-menu {
justify-content: center;
}
.desktop-menu.top-menu .menu-align-right .dropdown-menu {
justify-content: flex-end;
}
.desktop-menu.top-menu.menu-widgets-active .extra-menu .sidebar-button i::before {
content: "\e845";
}
.desktop-menu.top-menu:not(.has-sidebar) .menu-button,
.desktop-menu.top-menu:not(.has-menu-widgets) .menu-item-sidebar {
display: none;
} .desktop-menu.top-menu .main-menu .menu-widgets {
background: rgb(var(--evie-color-menu-rgb));
border-radius: 0.5rem;
box-shadow: 0 0 8px 0 rgba(var(--evie-color-black-rgb), 0.1);
color: rgb(var(--evie-color-on-surface-rgb));
display: block;
margin-top: 1.5rem;
max-width: var(--evie-sidebar-width);
opacity: 0;
padding: var(--evie-spacing-horizontal) 0;
position: absolute;
right: var(--evie-spacing-horizontal);
top: 100%;
transform: translate(0, -2rem);
transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
visibility: hidden;
width: 100%;
z-index: 9999;
}
.desktop-menu.top-menu.menu-widgets-active .main-menu .menu-widgets {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.desktop-menu.top-menu .main-menu .menu-widgets .widget-wrapper {
max-height: calc(100vh - var(--evie-header-menu-height) - var(--evie-admin-bar-height) - var(--evie-header-menu-height) - ( var(--evie-spacing-horizontal) * 2 ));
overflow-x: hidden;
overflow-y: auto;
padding: 0 var(--evie-spacing-horizontal);
}
.desktop-menu.top-menu .main-search-bar {
left: auto;
max-width: 50%;
} .desktop-menu.full-menu.nav-active .main-menu {
--evie-color-on-menu-rgb: var(--evie-color-white-rgb);
background-color: transparent;
box-shadow: none;
}
.desktop-menu.full-menu.nav-active .site-logo,
.desktop-menu.full-menu.nav-active .main-navigation {
opacity: 1;
visibility: visible;
}
.desktop-menu.full-menu.nav-active .main-header .site-logo .custom-logo-link {
opacity: 0;
transition-delay: 0.3s;
visibility: hidden;
}
.desktop-menu.full-menu.nav-active .main-header .site-logo .light-logo-link {
opacity: 1;
transition-delay: 0.3s;
visibility: visible;
}
.desktop-menu.full-menu .menu-button {
transition: transform 0.5s var(--evie-transition-ease);
}
.desktop-menu.full-menu .menu-button::before {
background: rgba(var(--evie-color-surface-rgb), 0.5);
border-radius: 50%;
box-shadow: 0 0 0.5rem 0.5rem rgba(0, 0, 0, 0.02);
content: "";
height: 5rem;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transition: opacity 0.3s var(--evie-transition-ease);
width: 5rem;
} .desktop-menu.full-menu .main-search-bar {
padding: 0 calc(var(--evie-spacing-horizontal) / 2);
position: relative;
}
.desktop-menu.full-menu.nav-active .live-search-field input {
background: rgba(var(--evie-color-on-menu-rgb), 0.05);
border-color: rgba(var(--evie-color-on-menu-rgb), 0.1);
}
.desktop-menu.full-menu.nav-active .live-search-field input::placeholder {
color: rgba(var(--evie-color-on-menu-rgb), 0.5);
}
.desktop-menu.full-menu.nav-active .flext-list > li::before {
background-color: rgb(var(--evie-color-on-menu-rgb));
} .desktop-menu.full-menu.nav-active .extra-menu:hover li a,
.desktop-menu.full-menu.nav-active.search-active .extra-menu a,
.desktop-menu.full-menu.nav-active.sidebar-active .extra-menu a {
color: rgba(var(--evie-color-on-menu-rgb), 0.48);
}
.desktop-menu.full-menu.nav-active .extra-menu li a:hover,
.desktop-menu.full-menu.nav-active.search-active .extra-menu .menu-item-search a,
.desktop-menu.full-menu.nav-active.sidebar-active .extra-menu .menu-item-sidebar a {
color: rgb(var(--evie-color-on-menu-rgb));
}
.desktop-menu.full-menu .full-nav-wrapper {
align-items: center;
background-color: rgb(var(--evie-color-surface-rgb));
bottom: 0;
-webkit-clip-path: circle(0% at 100% 0);
clip-path: circle(0% at 100% 0);
color: rgb(var(--evie-color-on-surface-rgb), 0.9);
display: flex;
height: calc(100vh - var(--evie-admin-bar-height));
left: 0;
padding: var(--evie-header-menu-height) 0;
position: fixed;
right: 0;
top: 0;
transition: visibility 0.3s, -webkit-clip-path 0.5s var(--evie-transition-ease);
transition: clip-path 0.5s var(--evie-transition-ease), visibility 0.3s;
transition: clip-path 0.5s var(--evie-transition-ease), visibility 0.3s, -webkit-clip-path 0.5s var(--evie-transition-ease);
visibility: hidden;
width: 100%;
}
.desktop-menu.full-menu.nav-active .full-nav-wrapper {
-webkit-clip-path: circle(150% at 100% 0);
clip-path: circle(150% at 100% 0);
visibility: visible;
}
.desktop-menu.full-menu.nav-active .full-nav-wrapper:not(.active) .flext-scroll-area {
align-items: center;
display: flex;
}
.desktop-menu.full-menu .main-navigation {
align-items: center;
display: flex;
height: auto;
letter-spacing: 0.05rem;
max-height: 100%;
overflow: auto;
position: relative;
transition: opacity 0.3s var(--evie-transition-ease);
width: 100%;
}
.desktop-menu.full-menu.search-active.show-search-results .main-navigation {
opacity: 0;
}
.desktop-menu.full-menu .split-menu {
align-self: flex-start;
flex: 1 1 50%;
list-style: none;
margin: 0;
max-width: 50%;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
.desktop-menu.full-menu .split-menu:hover {
z-index: 10;
}
.desktop-menu.full-menu .split-menu::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.15);
content: "";
height: 100%;
position: absolute;
right: 0;
width: 1px;
transform: scaleY(0);
transition: transform 0.5s var(--evie-transition-ease) 0s;
}
.desktop-menu.full-menu.nav-active .split-menu::before {
transform: scaleY(1);
transition: transform 0.3s var(--evie-transition-ease) 0.6s;
}
.desktop-menu.full-menu .split-menu ul,
.desktop-menu.full-menu .split-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.desktop-menu.full-menu .split-menu li > a {
color: inherit;
display: block;
padding: 0.6rem 0;
position: relative;
}
.desktop-menu.full-menu .split-menu > li {
overflow: hidden;
}
.desktop-menu.full-menu .split-menu > li > a {
border-right-color: transparent;
border-right-style: solid;
border-right-width: 1px;
display: block;
font-family: var(--evie-font-primary);
font-size: 6rem;
font-weight: 700;
line-height: 6rem;
opacity: 0;
padding-right: var(--evie-spacing-horizontal);
position: relative;
text-align: right;
text-transform: uppercase;
transform: translate(100%, 0);
transition: border-right-color, color, opacity, padding-right, transform;
transition-duration: 0.3s;
transition-timing-function: var(--evie-transition-ease);
}
.desktop-menu.full-menu.nav-active .split-menu > li > a {
opacity: 1;
transform: translate(0, 0);
transition:
border-right-color 0.3s var(--evie-transition-ease),
color 0.3s var(--evie-transition-ease),
opacity 1s var(--evie-transition-ease) 0.3s,
padding-right var(--evie-transition-ease) 0.3s,
transform 1s var(--evie-transition-ease) calc(0.3s + var(--evie-transition-delay));
}
.desktop-menu.full-menu.nav-active .split-menu > li:hover > a {
border-right-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
padding-right: calc(var(--evie-spacing-horizontal) - 1rem);
}
.desktop-menu.full-menu.nav-active .split-menu:hover > li > a {
opacity: 0.6;
transition: border-right-color, color, opacity, padding-right, transform;
transition-duration: 0.3s;
transition-timing-function: var(--evie-transition-ease);
}
.desktop-menu.full-menu.nav-active .split-menu:hover > li:hover > a {
opacity: 1;
}
.desktop-menu.full-menu .with-counters > li > a::before {
color: rgba(var(--evie-color-on-surface-rgb), 0.8);
display: inline-block;
font-size: var(--evie-font-size-sm);
line-height: 1;
margin-right: 0.5rem;
opacity: 0.75;
position: relative;
transform: translateX(0);
transition: opacity 0.3s, transform 0.3s;
top: -1rem;
vertical-align: super;
}
.desktop-menu.full-menu .with-counters > li:hover > a::before {
opacity: 0;
transform: translateX(1rem);
}
.desktop-menu.full-menu .with-counters > li > a > .menu-text::after {
color: rgb(255, 255, 255);
-webkit-clip-path: polygon(-20px 0%, 0 50%, -20px 100%, -60px 100%, -40px 50%, -60px 0%);
clip-path: polygon(-20px 0%, 0 50%, -20px 100%, -60px 100%, -40px 50%, -60px 0%);
content: attr(data-title);
display: inline-block;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: -webkit-clip-path 0.3s var(--evie-transition-ease);
transition: clip-path 0.3s var(--evie-transition-ease);
transition: clip-path 0.3s var(--evie-transition-ease), -webkit-clip-path 0.3s var(--evie-transition-ease);
width: 100%;
}
.desktop-menu.full-menu .with-counters > li:hover > a > .menu-text::after {
-webkit-clip-path: polygon(calc(100% + 40px) 0%, calc(100% + 60px) 50%, calc(100% + 40px) 100%, 100% 100%, calc(100% + 20px) 50%, 100% 0%);
clip-path: polygon(calc(100% + 40px) 0%, calc(100% + 60px) 50%, calc(100% + 40px) 100%, 100% 100%, calc(100% + 20px) 50%, 100% 0%);
transition-duration: 0.5s;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon {
display: inline-block;
position: relative;
vertical-align: middle;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::before,
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::after {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.9);
content: "";
display: inline-block;
height: 1px;
opacity: 0.48;
position: absolute;
right: -2rem;
transform: translate(0, -4px);
transition: opacity 0.3s var(--evie-transition-ease), transform 0.3s var(--evie-transition-ease), width 0.3s var(--evie-transition-ease);
top: 50%;
vertical-align: middle;
width: 9px;
}
.desktop-menu.full-menu .split-menu > li:hover > a > .menu-arrow-icon::before,
.desktop-menu.full-menu .split-menu > li:hover > a > .menu-arrow-icon::after {
opacity: 1;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children > a > .menu-arrow-icon::after {
height: 9px;
transform: translate(-4px, -8px);
width: 1px;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children:hover > a > .menu-arrow-icon::before {
transform: rotate(45deg) translate(-4px, -6px);
width: 7px;
}
.desktop-menu.full-menu .split-menu > .menu-item-has-children:hover > a > .menu-arrow-icon::after {
transform: rotate(45deg) translate(-5px, -3px);
height: 7px;
}
.desktop-menu.full-menu .split-menu .sub-menu > li.menu-item-has-children > a > .menu-arrow-icon::after {
display: none;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu {
align-content: flex-start;
background: rgb(var(--evie-color-surface-rgb));
display: flex;
flex-wrap: wrap;
font-size: var(--evie-font-size-lg);
line-height: 1.5;
height: 100%;
left: 100%;
opacity: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0 var(--evie-spacing-horizontal);
position: absolute;
scrollbar-width: thin;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu {
opacity: 1;
visibility: visible;
z-index: 1;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu > li {
flex: 1 1 50%;
max-width: 50%;
}
.desktop-menu.full-menu .split-menu > li > .sub-menu li {
opacity: 0;
position: relative;
transition: opacity 0.5s;
z-index: 2;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu li {
opacity: 1;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li:nth-child(even) {
padding-left: 1.1rem;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li:nth-child(odd) {
padding-right: 1.1rem;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li.menu-item-has-children {
margin-bottom: 3rem;
}
.desktop-menu.full-menu .split-menu > li:hover > .sub-menu > li.menu-item-has-children > a {
font-weight: 600;
} .desktop-menu.full-menu .main-menu .menu-widgets {
display: flex;
flex: 1 1 50%;
font-size: var(--evie-font-size-base);
height: 100%;
max-width: 50%;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
z-index: 1;
}
.desktop-menu.full-menu .main-menu .menu-widgets:hover {
z-index: 10;
}
.desktop-menu.full-menu .full-nav-wrapper.active .menu-widgets {
align-items: flex-start;
}
.desktop-menu.full-menu .main-menu .menu-widgets .widget-wrapper {
align-content: space-between;
align-items: flex-start;
display: grid;
gap: var(--evie-spacing-horizontal);
grid-template-columns: repeat(2, minmax(10rem, 1fr));
height: auto;
overflow: auto;
padding: 1rem var(--evie-spacing-horizontal);
position: relative;
width: 100%;
}
.desktop-menu.full-menu .main-menu .menu-widgets .widget {
opacity: 0;
transform: translate(-6rem, 0);
transition: opacity 0.3s var(--evie-transition-ease) 0s, transform 0.3s var(--evie-transition-ease) 0s;
width: 100%;
}
.desktop-menu.full-menu.nav-active .main-menu .menu-widgets .widget {
display: block;
opacity: 1;
transform: translate(0, 0);
transition: opacity 0.6s var(--evie-transition-ease) calc(0.6s + var(--evie-transition-delay)), transform 0.6s var(--evie-transition-ease) calc(0.6s + var(--evie-transition-delay));
}
.desktop-menu.full-menu.nav-active .main-menu .menu-widgets .widget:last-child,
.desktop-menu.full-menu.nav-active .main-menu .menu-widgets .widget:nth-last-child(2),
.desktop-menu.full-menu.nav-active .main-menu .menu-widgets .textwidget p {
margin-bottom: 0;
}
.desktop-menu.full-menu .main-menu .widget-title h2 {
margin: 0 0 2rem;
}
.desktop-menu.full-menu .main-menu .menu-widgets .textwidget {
font-size: var(--evie-font-size-lg);
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author .author-detail {
padding: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-author .author-entry .author-avatar {
margin: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-categories .flext-categories.has-thumbnail .category-item:nth-child(even) a span {
left: auto;
right: 0;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-categories .flext-categories.has-thumbnail .category-item:nth-child(even) .posts-count {
left: 0;
right: auto;
}
.desktop-menu.full-menu .main-menu .menu-widgets .flext-widget-categories .flext-categories.has-thumbnail .category-item {
height: 13rem;
} .entry-content > .alignleft {
max-width: calc(50% - var(--evie-alignleft-margin));
} .entry-content > .alignright {
max-width: calc(50% - var(--evie-alignright-margin));
}  .has-gradient-overlay + .main-posts .posts-filters {
margin-top: 0;
}
.filter-types {
margin-right: 0;
padding-right: var(--evie-spacing-xs);
}
.filter-types::after {
border-right: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
content: "";
height: 90%;
position: absolute;
right: 0;
width: 1px;
}
.filter-categories {
flex: 1 1 50%;
order: 0;
}
.posts-filters .filter-options {
padding: 3rem;
}
.filter-taxonomies .filter-terms li {
flex: 1 1 50%;
max-width: 50%;
}
.filter-taxonomies.has-1-columns .filter-terms li {
flex: 1 1 25%;
max-width: 25%;
} .quick-view-content .flext-gallery-slider .flext-nav-button {
padding: 2.8rem;
}
.quick-view-content .entry-media .flext-gallery-slider .flext-button-prev {
height: 7rem;
right: 12rem;
width: 7rem;
}
.quick-view-content .entry-media .flext-gallery-slider .flext-button-next {
height: 7rem;
right: 4rem;
width: 7rem;
} .more-link:hover i::before {
transform: rotate(315deg) translate3d(2px, 2px, 0);
width: 6px;
}
.more-link:hover i::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 6px;
}  .posts-style-list .entry .entry-inner {
flex-flow: row nowrap;
margin: auto;
max-width: var(--evie-wide-width);
}
.posts-style-list .has-post-thumbnail .entry-media {
margin: 0;
} .posts-style-card .entry-title {
min-height: 5.5rem;
overflow: hidden;
}
.posts-style-card .entry-title,
.posts-style-text-overlay .entry-title {
font-size: var(--evie-font-size-md);
} .posts-layout-large .has-post-thumbnail .entry-inner {
flex-direction: row;
max-width: none;
}
.posts-layout-large .entry .entry-media,
.posts-layout-large .entry .content-inner {
width: 100%;
}
.posts-layout-large .has-post-thumbnail .entry-media,
.posts-layout-large .has-post-thumbnail .content-inner {
flex: 1 1 50%;
}
.posts-layout-large .entry-media > div,
.posts-layout-large .entry .entry-media a {
height: 100%;
width: 100%;
}
.posts-layout-large .entry.has-post-thumbnail .entry-media,
.posts-layout-large .entry.has-post-thumbnail.has-portrait-thumbnail .entry-media {
flex: 1 1 50%;
}
.posts-layout-large .entry.has-post-thumbnail:nth-child(even) .entry-media {
order: 2;
}
.posts-layout-large .entry.has-post-thumbnail:nth-child(even) .flext-quick-view-button {
left: auto;
right: var(--evie-spacing-sm);
}
.posts-layout-large .entry .entry-media img {
flex: 1;
height: 100%;
object-fit: cover;
width: 100%;
}
.posts-layout-large .entry.has-post-thumbnail .content-inner {
align-self: center;
flex: 1 1 40%;
}
.posts-layout-large .entry.has-post-thumbnail.has-portrait-thumbnail .content-inner {
flex: 1 1 60%;
}
.posts-layout-large .entry.has-post-thumbnail:nth-child(even) .content-inner {
order: 1;
}
.posts-layout-large .entry-header {
flex-grow: 1;
position: relative;
}
.posts-layout-large .flext-media-controls {
bottom: calc(var(--evie-spacing-horizontal) / 2);
right: calc(var(--evie-spacing-horizontal) / 2);
} .posts-layout-list .entry .entry-media {
flex: 0 0 50%;
max-width: 50%;
}
.posts-layout-list .entry.has-post-thumbnail .content-inner {
flex: 0 1 auto;
max-width: calc(50% - var(--evie-spacing-horizontal));
}
.posts-layout-list .flext-post-gallery .total-images {
right: calc(var(--evie-spacing-horizontal) / 2);
}
.posts-layout-list .entry .entry-title a {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} .posts-layout-waterfall .grid-col-3 {
display: block;
} .posts-style-text-overlay .posts-list .format-quote .post-quote blockquote {
padding: 2rem;
}
.entry-media .flext-gallery-slider .flext-button-prev {
bottom: calc(var(--evie-spacing-horizontal) / 2);
right: calc(var(--evie-spacing-horizontal) + 4rem);
}
.entry-media .flext-gallery-slider .flext-button-next {
bottom: calc(var(--evie-spacing-horizontal) / 2);
right: calc(var(--evie-spacing-horizontal) / 2);
}  .posts-animation-3.posts-layout-large .has-post-thumbnail .entry-media {
transform: translateX(-4rem);
}
.posts-animation-3.posts-layout-large .has-post-thumbnail:nth-child(even) .entry-media {
transform: translateX(4rem);
}
.posts-animation-3.posts-layout-large .has-post-thumbnail:nth-child(even).evie-active .entry-media {
transform: translateX(0);
} .nav-links .prev:hover::before {
height: 2.6rem;
right: calc(100% - 2.2rem);
width: 2.6rem;
}
.nav-links .next:hover::before {
height: 2.6rem;
left: calc(100% - 2.2rem);
width: 2.6rem;
}
.nav-links .prev:hover i,
.nav-links .prev:focus i {
left: 0;
transition-delay: 0.15s;
}
.nav-links .next:hover i,
.nav-links .next:focus i {
opacity: 0.7;
right: 0;
transition-delay: 0.15s;
}
.navigation.loadmore-pagination .prev {
margin-top: 0;
}
.navigation.loadmore-pagination a::before {
transition: left 0.35s, height 0.35s, width 0.35s;
transform-origin: center center;
}
.navigation.loadmore-pagination a:hover::before {
left: calc(100% - 5.3rem);
}
.navigation.loadmore-pagination a:hover::after {
right: 4rem;
height: 2.6rem;
opacity: 0.1;
width: 2.6rem;
}
.navigation.loadmore-pagination a:hover i::before {
transform: rotate(315deg) translate3d(3px, 3px, 0);
width: 6px;
}
.navigation.loadmore-pagination a:hover i::after {
transform: rotate(-135deg) translate3d(2px, -3px, 0);
width: 6px;
} .page-header.has-header-size-tall {
min-height: calc(50vh - var(--evie-header-menu-gap) - var(--evie-admin-bar-height)); }
.page-header.has-header-size-full .page-title {
font-size: 15vh;
} .has-header-archive .evie-container {
display: flex;
align-items: center;
}
.archive.author .has-header-archive .archive-image {
align-self: flex-start;
}
.archive-image {
flex-shrink: 0;
margin: 0 3rem 0 0;
}
.archive-details {
flex-grow: 1;
text-align: left;
}
.archive-details .flext-author-follow-numbers {
justify-content: flex-start;
}
.has-header-archive .posts-count {
margin-left: 9rem;
padding: 0;
}
.archive-details .archive-description > *:last-child {
margin-bottom: 0;
}
.archive-description .flext-author-location {
display: inline-block;
margin: 0;
padding: 0;
position: relative;
vertical-align: middle;
}
.archive-description .flext-social-icons {
display: inline-flex;
gap: var(--evie-spacing-xs);
}
.archive-description .flext-author-location + .flext-user-social-links {
margin-left: var(--evie-spacing-xs);
}
.archive-description .flext-author-location + .flext-user-social-links::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
content: "";
display: inline-flex;
height: 1.5rem;
width: 1px;
} .single-entry .single-entry-media {
height: calc(100vh - var(--evie-header-menu-gap) - var(--evie-admin-bar-height));
}
.single-entry .single-entry-media .flext-featured-media .flext-media-button {
font-size: 4rem;
height: 8rem;
width: 8rem;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev,
.single-entry .single-entry-media .flext-gallery-slider .flext-button-next {
bottom: var(--evie-spacing-horizontal);
height: 7rem;
right: var(--evie-spacing-horizontal);
width: 7rem;
}
.single-entry .single-entry-media .flext-gallery-slider .flext-button-prev {
right: calc(var(--evie-spacing-horizontal) + 8.5rem);
} .single-layout-1 .has-post-thumbnail .single-entry-media {
height: calc(100vh - var(--evie-header-menu-gap) - var(--evie-admin-bar-height));
overflow: hidden;
}
.single-layout-1 .single-entry-media .flext-media-controls {
transform: translate(100%, 0);
top: var(--evie-spacing-horizontal);
}
.single-layout-1 .single-entry-media:hover .flext-media-active .flext-media-controls {
transform: translate(0, 0);
} .single-layout-2 .single-entry-header .meta-date {
opacity: 1;
}
.single-layout-2 .single-entry-header .entry-meta::after {
text-shadow: none;
} .single-layout-3 .post .single-entry-header .entry-title {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-wide-width);
width: 100%;
} .single-layout-5 .single-entry-header {
z-index: 1;
} .comment-list {
margin-top: 3rem;
} .more-link .nav-text {
display: inline-block;
font-size: var(--evie-font-size-xs);
letter-spacing: 0.4rem;
transition: transform 0.3s;
}
.more-link .nav-next a:hover .nav-text,
.more-link .next-button:hover .nav-text {
transform: translateX(0.5rem);
}
.more-link .nav-previous a:hover .nav-text,
.more-link .prev-button:hover .nav-text {
transform: translateX(-0.5rem);
}
.more-link .nav-col a:hover svg,
.more-link button:hover svg {
transition-delay: 0.1s;
}
.more-link .dash,
.more-link path {
transition: transform 0.3s;
}
.more-link:hover path {
transform: translateX(-1rem);
}
.more-link:hover .dash-out,
.more-link button:hover .dash-out {
transform: translateX(0.5rem);
}
.more-link:hover .dash-in,
.more-link button:hover .dash-in {
transform: translateX(0);
} .related-posts.evie-block-post-carousel .post-carousel-title {
font-size: var(--evie-font-size-h3);
} .footer-widgets.has-2-columns {
grid-template-columns: 70% auto;
}
.footer-widgets.has-3-columns {
grid-template-columns: 20% 20% auto;
}
.footer-widgets.has-3-columns .footer-col-3 {
grid-column: unset;
}
.footer-widgets > div {
margin-bottom: 0;
} .main-footer .site-info {
align-items: center;
display: grid;
flex-direction: unset;
gap: var(--evie-spacing-horizontal);
grid-template-columns: repeat(2, minmax(10rem, 1fr));
justify-content: space-between;
padding: calc(var(--evie-spacing-horizontal) / 2) var(--evie-spacing-horizontal);
text-align: initial;
}
.footer-text {
margin-bottom: 0;
}
.footer-contact-info .flext-social-icons {
justify-content: flex-end;
}
.footer-contact-info {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
}
}
@media (min-width: 1200px) { :root {
--evie-sidebar-width: 42rem; --evie-font-size-lg: 2.4rem;
--evie-font-size-xl: 3.4rem;
--evie-font-size-xxl: 5.4rem;
--evie-font-size-xxxl: 8.4vw; --evie-font-size-h1: var(--evie-font-size-xxl);
--evie-font-size-h2: 4.4rem;
--evie-font-size-h3: 3rem;
--evie-font-size-h4: var(--evie-font-size-lg);
--evie-font-size-h5: 2.2rem;
--evie-font-size-h6: var(--evie-font-size-md); --evie-spacing-xs: 2rem;
--evie-spacing-sm: 3rem;
--evie-spacing-md: 4rem;
--evie-spacing-lg: 5rem;
--evie-spacing-horizontal: 6rem;
--evie-spacing-vertical: 9rem;
}
.has-5-columns {
--evie-grid-columns: 5;
}
.has-6-columns {
--evie-grid-columns: 6;
}
.wp-block-latest-comments.alignleft {
width: 36%;
padding-right: 1rem;
margin-right: 1rem;
}
.wp-block-latest-comments.alignright {
width: 36%;
padding-left: 1rem;
margin-left: 1rem;
} .wp-block-latest-posts.is-grid.columns-5,
.wp-block-rss.is-grid.columns-5 {
--evie-grid-columns: 5;
}
.wp-block-latest-posts.is-grid.columns-6,
.wp-block-rss.is-grid.columns-6 {
--evie-grid-columns: 6;
}  .flext-block-authors .author-recent-posts li {
width: 20%;
}
.flext-block-authors .author-recent-posts li:nth-child(5) {
display: block;
}
.evie-drawer {
width: var(--evie-sidebar-width);
}  .quick-view-content .post-thumbnail,
.quick-view-content .post-thumbnail a {
height: 100%;
} .entry-media .flext-gallery-slider .flext-button-prev {
right: calc(var(--evie-spacing-horizontal) + 2.8rem);
}  .posts-animation-2.posts-layout-large .entry.evie-active:nth-child(even) .entry-media {
animation: evie-fade-wipe 1s var(--evie-transition-ease) 0.6s forwards;
} .has-header-archive .posts-count {
margin-left: 16vw;
} .single-post .entry-content-wrapper {
padding-top: 6rem;
}
.singular.custom-background .entry-content-wrapper {
padding-bottom: 6rem;
}
.single-post .has-post-thumbnail .entry-content-wrapper {
margin: -10rem auto auto;
}
.single-post .entry-content-wrapper::before {
right: -8rem;
}
.page .entry-content-wrapper::before {
left: -8rem;
} .single-layout-6 .has-post-thumbnail .single-entry-header {
align-items: center;
display: flex;
flex-flow: row wrap;
}
.single-layout-6 .post.has-post-thumbnail .single-entry-header {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.05);
}
.single-layout-6 .has-post-thumbnail .single-entry-header .single-entry-media {
margin: 0;
max-width: var(--evie-wide-width);
width: 60%;
}
.single-layout-6 .post.has-post-thumbnail .header-content {
flex: 1 1 40%;
max-width: 40%;
padding: 4vw;
}
}
@media (min-width: 1400px) {
.desktop-menu.top-menu .main-search-bar {
max-width: 60%;
} .posts-layout-large .entry.has-post-thumbnail .entry-media {
flex: 1 1 60%;
max-width: var(--evie-wide-width);
}
.posts-layout-large .entry.has-post-thumbnail.has-portrait-thumbnail .entry-media {
flex: 1 1 40%;
}
.posts-layout-large .entry.has-post-thumbnail .flext-quick-view-button {
font-size: var(--evie-font-size-md);
height: 5rem;
width: 5rem;
} .posts-layout-waterfall .grid-col-4 {
display: block;
} .single-layout-2 .has-post-thumbnail .single-entry-header .single-entry-media {
border-radius: 0 0 0 1rem;
}
}
@media (min-width: 1650px) { .flext-carousel-gallery.flext-carousel-center .flext-slide {
max-width: var(--evie-wide-width);
} .flext-block-categories.has-thumbnail .category-item {
height: 9vw;
} .flext-block-authors.is-style-grid.alignfull .flext-authors-list {
grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
} .quick-view-content .project-attributes li {
min-width: 50%;
}  .posts-layout-waterfall .grid-col-5 {
display: block;
} .posts-layout-large .entry.has-post-thumbnail .content-inner {
padding: var(--evie-spacing-vertical);
}
.main-posts.posts-layout-large .sticky.has-post-thumbnail .content-inner::before {
left: var(--evie-spacing-vertical);
top: calc(var(--evie-spacing-vertical) + 1rem);
}
}
@media (min-width: 1800px) {
.desktop-menu .main-search-bar > div {
margin: auto;
max-width: var(--evie-wide-width);
}
.desktop-menu.top-menu .menu-align-center .main-navigation {
position: absolute;
}
.desktop-menu.top-menu .menu-align-center .dropdown-menu {
margin: auto;
max-width: var(--evie-wide-width);
}
.desktop-menu.top-menu .main-search-bar {
left: 0;
max-width: none;
}
.desktop-menu.full-menu .main-search-bar {
position: absolute;
}
}
@media (min-width: 1920px) {
.flext-featured-media .flext-media-button {
font-size: 4rem;
height: 8rem;
width: 8rem;
}
}
@media (max-width: 599px) {
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 50% !important;
flex-grow: 0;
}
}
@media (hover: hover) and (pointer: fine) {
html {
scrollbar-color: rgb(var(--evie-color-primary-rgb)) rgb(var(--evie-color-surface-rgb));
scrollbar-width: thin;
}
::-webkit-scrollbar {
border-radius: 0.5rem;
height: var(--evie-scrollbar-width);
width: var(--evie-scrollbar-width);
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 0.5rem;
}
body::-webkit-scrollbar-track {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.2);
}
body::-webkit-scrollbar-thumb {
background-color: rgb(var(--evie-color-primary-rgb));
}
.is-scrolling-disabled body::-webkit-scrollbar {
width: 0;
}
.is-scrolling-disabled body::-webkit-scrollbar-thumb {
background-color: transparent;
}
body * {
scrollbar-color: rgba(var(--evie-color-on-surface-rgb), 0.6) rgb(var(--evie-color-surface-rgb));
scrollbar-width: thin;
}
:hover::-webkit-scrollbar-thumb {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
body:hover::-webkit-scrollbar-thumb {
background-color: rgb(var(--evie-color-primary-rgb));
}
}
@media (prefers-color-scheme: dark) {
.has-scheme-auto {
--evie-color-black-rgb: 15, 15, 15;
--evie-color-white-rgb: 245, 245, 245;
--evie-color-surface-rgb: var(--evie-color-black-rgb);
--evie-color-on-surface-rgb: var(--evie-color-white-rgb);
--evie-color-header: rgba(var(--evie-color-black-rgb), 0.2);
--evie-color-on-header: rgb(var(--evie-color-on-surface-rgb));
--evie-color-menu-rgb: var(--evie-color-black-rgb);
--evie-color-on-menu-rgb: var(--evie-color-on-surface-rgb);
--evie-color-background-rgb: 33, 33, 33;
--evie-color-black: rgb(var(--evie-color-black-rgb));
--evie-color-white: rgb(var(--evie-color-white-rgb)); --wp--preset--color--grey: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
}
@media (prefers-color-scheme: light) {
.has-scheme-auto {
--evie-color-black-rgb: 20, 20, 20;
--evie-color-white-rgb: 255, 255, 255;
--evie-color-black: rgb(var(--evie-color-black-rgb));
--evie-color-white: rgb(var(--evie-color-white-rgb));
--evie-color-primary-rgb: 244, 86, 86;
--evie-color-on-primary-rgb: var(--evie-color-white-rgb);
--evie-color-secondary-rgb: 164, 85, 244;
--evie-color-on-secondary-rgb: var(--evie-color-white-rgb);
--evie-color-surface-rgb: var(--evie-color-white-rgb);
--evie-color-on-surface-rgb: var(--evie-color-black-rgb);
--evie-color-header: rgba(var(--evie-color-on-surface-rgb), 0.03);
--evie-color-on-header: rgba(var(--evie-color-on-surface-rgb), 0.75);
--evie-color-menu-rgb: var(--evie-color-surface-rgb);
--evie-color-on-menu-rgb: var(--evie-color-on-surface-rgb);
--evie-color-background-rgb: var(--evie-color-white-rgb);
--evie-color-red-rgb: 237, 79, 76;
--evie-color-alert: #d00c09;
--evie-color-success: #00a32a;
--evie-color-info: #499eca; --wp--preset--color--grey: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
}