.flext-instagram-feed {
position: relative;
}
.flext-instagram-feed .widget-title {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
.flext-instagram-feed .widget-title .flext-instagram-username {
align-items: center;
display: inline-flex;
line-height: 1;
margin: 0 0 2rem;
padding: 0;
text-transform: none;
}
.flext-instagram-feed .widget-title .flext-instagram-username::before {
display: inline-block;
font-family: flextension, sans-serif;
content: "\e818";
line-height: 0;
margin-right: 0.5rem;
}
.flext-instagram-feed.flext-is-cropped .flext-grid li {
aspect-ratio: 1;
}
.flext-instagram-feed.flext-is-cropped li a::before {
content: "";
display: block;
height: 0;
padding-bottom: 100%;
width: 0;
}
.flext-instagram-feed.flext-is-cropped li img,
.flext-instagram-feed.flext-is-cropped li video {
position: absolute;
}
.flext-instagram-feed li a {
overflow: hidden;
}
.flext-instagram-feed .has-media-type-video a::before {
background: rgb(0, 0, 0);
bottom: 0;
content: "";
left: 0;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.25s ease-in-out;
z-index: 8;
}
.flext-instagram-feed .has-media-type-video a:hover::before {
opacity: 0;
}
.flext-instagram-feed .has-media-type-video a::after {
align-items: center;
bottom: 0;
color: #fff;
content: "\e91b";
display: flex;
font-family: flextension, sans-serif;
font-size: 60px;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.25s ease-in-out;
z-index: 10;
}
.flext-instagram-feed .has-media-type-video .flext-media-loading::after {
animation: flext-spin 2s infinite linear;
content: "\e91f";
}
.flext-instagram-feed .has-media-type-video .flext-is-playing::after {
content: "";
opacity: 0;
}
.flext-instagram-feed .has-media-type-video a video {
flex: 1;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 5;
}
.flext-instagram-feed .flext-carousel {
height: 100%;
width: 100%;
}
.flext-instagram-feed .flext-total-slides {
background: #fff;
border-radius: 2px;
color: #333;
display: inline-block;
font-size: 1.1rem;
min-width: 20px;
padding: 0 0.5rem;
position: absolute;
right: 1.5rem;
text-align: center;
top: 1.5rem;
z-index: 20;
}
.flext-instagram-feed .flext-total-slides::after {
border: 2px solid #fff;
border-width: 0 2px 2px 0;
border-radius: 2px;
bottom: -4px;
content: "";
left: 4px;
position: absolute;
right: -4px;
top: 4px;
} @media (min-width: 1024px) {
.flext-instagram-feed li a img {
transition: transform 0.3s;
transform: translateZ(0);
}
.flext-instagram-feed li a:hover img {
transform: scale(1.1);
}
}.evie-block-featured-posts {
--evie-full-height: 100vh;
color: rgb(var(--evie-color-on-surface-rgb));
position: relative;
width: 100%;
}
.evie-block-featured-posts.evie-fullscreen.alignfull {
align-items: center;
display: flex;
height: calc(var(--evie-full-height, 100vh) - var(--evie-header-menu-gap) - var(--evie-admin-bar-height)); margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.alignfull .evie-block-featured-posts.alignfull {
margin-left: calc(var(--evie-spacing-horizontal) * -1);
margin-right: calc(var(--evie-spacing-horizontal) * -1);
width: auto;
}
.evie-block-featured-posts .meta-categories .cat-links {
color: rgba(var(--evie-color-on-surface-rgb), 0.8);
}
.evie-block-featured-posts .meta-categories a:hover {
color: rgb(var(--evie-color-on-surface-rgb));
text-decoration: none;
}
.evie-block-featured-posts .evie-no-posts {
font-size: var(--evie-font-size-lg);
text-align: center;
width: 100%;
}
.evie-slides {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.evie-slide {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
transition: opacity 0.3s, visibility 0.3s;
visibility: hidden;
z-index: 0;
}
.evie-slide.current-slide {
opacity: 1;
position: relative;
z-index: 9;
}
.evie-block-featured-posts .featured-post .slide-title {
display: inline-block;
display: -webkit-box;
font-size: 2.6rem;
line-height: 1.25;
margin-bottom: 0;
padding-bottom: 0.4rem;
padding-right: var(--evie-spacing-sm);
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.evie-block-featured-posts .slide-title a {
color: inherit;
}
.evie-block-featured-posts .slide-text {
display: none;
}
.evie-block-featured-posts .slide-summary,
.evie-block-featured-posts .project-attributes li {
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
.evie-block-featured-posts .project-attributes li a:hover {
color: rgba(var(--evie-color-on-surface-rgb), 1);
}
.evie-slide .slide-image {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.evie-slide .slide-image a {
display: block;
overflow: hidden;
position: relative;
}
.evie-slide .slide-image .image-overlay {
background: #fff;
display: block;
height: 100%;
left: 0;
opacity: 1;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.evie-slide .slide-title a {
width: 50%;
}
.evie-slide .slide-header .slide-subtitle {
font-size: var(--evie-font-size-xs);
letter-spacing: 0.2rem;
text-transform: uppercase;
}
.evie-slide .slide-text {
display: none;
}
.evie-slide .slide-text > * {
margin-bottom: var(--evie-spacing-md);
}
.evie-slide .slide-text > *:last-child {
margin-bottom: 0;
}
.evie-block-featured-posts .project-attributes li > * {
font-size: 60%;
}
.evie-block-featured-posts .project-attributes li > p {
display: inline-block;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.slide-more-link {
align-items: center;
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-flex;
font-weight: 700;
height: 6rem;
letter-spacing: 0.5rem;
margin-right: auto;
min-width: 3.5rem;
padding: 0 1.25rem 0 2.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.slide-more-link::before,
.slide-more-link::after {
background: rgb(var(--evie-color-surface-rgb));
border-radius: 50%;
content: "";
display: inline-block;
height: var(--evie-spacing-lg);
left: 0;
opacity: 1;
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
width: var(--evie-spacing-lg);
}
.has-scheme-dark .slide-more-link::before {
background: none;
}
.slide-more-link::after {
background-color: #fff;
mix-blend-mode: difference;
z-index: 10;
}
.slide-more-link span {
color: rgb(var(--evie-color-on-surface-rgb));
position: relative;
}
.slide-more-link i {
margin: 0 0 0 1.5rem;
position: relative;
}
.slide-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;
}
.slide-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;
} .slider-navigation .evie-nav-button {
background: none;
border: none;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 3rem;
line-height: 3rem;
margin: 0;
opacity: 0.75;
outline: none;
padding: 0;
text-align: center;
transition: background-color 0.3s, color 0.3s, opacity 0.3s;
width: 3rem;
}
.slider-navigation .evie-button-disabled {
cursor: default;
opacity: 0.25;
}
.slider-navigation .evie-nav-button:not(.evie-button-disabled):hover {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.8);
color: rgb(var(--evie-color-surface-rgb));
opacity: 1;
} .slider-pagination {
align-items: center;
bottom: 0;
color: rgb(var(--evie-color-on-surface-rgb));
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 var(--evie-spacing-horizontal);
position: absolute;
right: 0;
top: 0;
width: 4rem;
z-index: 9;
}
.slider-pagination .evie-page-buttons {
display: flex;
flex-flow: row wrap;
justify-content: center;
text-align: center;
}
.slider-pagination span {
display: inline-block;
font-size: var(--evie-font-size-sm);
margin: 1rem 0.5rem;
padding: 0.5rem;
}
.slider-pagination .evie-page-button {
cursor: pointer;
height: 2.4rem;
margin: 0;
padding: 0;
vertical-align: middle;
width: 100%;
}
.slider-pagination .evie-page-button::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.1);
content: "";
display: inline-block;
height: 100%;
width: 1px;
transition: background-color 0.3s ease-in;
}
.slider-pagination .evie-page-button:hover::before {
background-color: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
.slider-pagination .evie-page-button.current::before {
background-color: rgb(var(--evie-color-on-surface-rgb));
} .slider-background {
align-items: center;
display: flex;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.3s ease-out 0.3s;
width: 100%;
}
.slider-background.evie-fade-in {
opacity: 1;
transition: opacity 0.5s ease-in;
}
.slider-background-text {
animation: evie-slide-text 70s linear infinite;
color: rgba(var(--evie-color-on-surface-rgb), 0.18);
display: block;
font-family: var(--evie-font-primary);
font-size: 16vw;
font-weight: 700;
line-height: 1;
position: relative;
text-transform: uppercase;
white-space: nowrap;
-webkit-text-stroke: 1px currentcolor;
-webkit-text-fill-color: transparent;
}
.slider-background-text.slide-text-reverse {
animation: evie-slide-text 70s linear infinite reverse;
}
@keyframes evie-slide-text {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(-80%);
}
} .evie-carousel .flext-carousel-wrapper {
height: auto;
}
.evie-carousel .flext-slide {
align-items: center;
box-sizing: border-box;
display: flex;
height: auto;
opacity: 0;
padding: 0 var(--evie-spacing-vertical);
transition: padding 0.3s;
}
.evie-carousel.flext-carousel-initialized .flext-slide {
opacity: 1;
}
.evie-carousel .slide-image {
max-width: 69rem;
text-align: center;
width: 100%;
}
.evie-carousel .slide-image a {
display: block;
line-height: 0;
position: relative;
transform: scale(0.7);
transition: transform 0.6s var(--evie-transition-ease);
}
.evie-carousel .flext-slide-prev .slide-image a,
.evie-carousel .flext-slide-next .slide-image a,
.evie-carousel .flext-slide-duplicate-prev .slide-image a,
.evie-carousel .flext-slide-duplicate-next .slide-image a {
transform: scale(0.8);
}
.evie-carousel .flext-slide-active .slide-image a,
.evie-carousel .flext-slide-duplicate-active .slide-image a {
transform: scale(1);
}
.evie-carousel .slide-image img {
border-radius: 50%;
display: inline-block;
}
.evie-carousel .slide-header {
bottom: 0;
display: inline-block;
position: absolute;
left: var(--evie-spacing-vertical);
right: var(--evie-spacing-vertical);
transition: visibility 0.3s;
visibility: hidden;
width: 70%;
}
.evie-carousel .flext-slide-active .slide-header,
.evie-carousel .flext-slide-prev .slide-header,
.evie-carousel .flext-slide-next .slide-header {
visibility: visible;
}
.evie-carousel .meta-categories {
animation: flext-fade-left 0.5s var(--evie-transition-ease) both reverse;
display: inline-block;
}
.evie-carousel .flext-slide-active .meta-categories {
animation: flext-reveal 0.5s var(--evie-transition-ease) both 0.6s;
}
.evie-carousel .meta-categories a:hover {
text-decoration: none;
}
.evie-carousel .meta-categories .cat-links::after {
background: rgba(var(--evie-color-on-surface-rgb), 0.25);
content: "";
display: inline-block;
height: 0.1rem;
margin-left: 1rem;
vertical-align: middle;
width: 3rem;
}
.evie-carousel .slide-title {
animation: flext-fade-left 0.5s var(--evie-transition-ease) both reverse;
font-size: 5vw;
margin-top: 0.5rem;
}
.evie-carousel.flext-carousel-initialized .flext-slide-active .slide-title {
animation: flext-fade-right 0.6s var(--evie-transition-ease) 0.3s both;
}
.evie-carousel .slide-title a {
display: inline-block;
padding-bottom: 1rem;
position: relative;
text-shadow: -1px -1px 0 rgb(var(--evie-color-surface-rgb)), 1px -1px 0 rgb(var(--evie-color-surface-rgb)), -1px 1px 0 rgb(var(--evie-color-surface-rgb)), 1px 1px 0 rgb(var(--evie-color-surface-rgb));
}
.evie-carousel .slide-title a::before {
bottom: 0;
content: attr(title);
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
-webkit-text-stroke: 0.3rem rgb(var(--evie-color-surface-rgb));
}
.evie-block-featured-posts.evie-carousel .featured-post .slide-title {
line-height: 1.15;
}
.evie-carousel .slide-number {
align-items: center;
background: rgb(var(--evie-color-on-surface-rgb));
border-radius: 50%;
color: rgb(var(--evie-color-surface-rgb));
display: flex;
font-family: var(--evie-font-primary);
font-size: var(--evie-font-size-lg);
font-weight: 500;
height: 5.5rem;
justify-content: center;
position: absolute;
right: 2%;
transition: background-color 0.5s, color 0.5s;
top: 6%;
width: 5.5rem;
}
.evie-carousel .flext-slide-active .slide-number {
background: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
}
.evie-block-featured-posts.evie-carousel .flext-button-prev,
.evie-block-featured-posts.evie-carousel .flext-button-next {
opacity: 0;
transform: translateY(-50%);
} .evie-slider .flext-carousel-wrapper,
.evie-slider .featured-post .flext-slide {
height: auto;
}
.evie-slider .featured-post .slide-wrapper {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
padding: var(--evie-header-menu-height) var(--evie-spacing-horizontal);
}
.evie-slider .featured-post .slide-content {
order: 2;
text-align: center;
}
.evie-slider .featured-post .meta-categories {
animation: flext-zoom-in 0.5s var(--evie-transition-ease) both reverse;
display: inline-block;
font-size: 60%;
margin-bottom: 0.8rem;
}
.evie-slider .featured-post.flext-slide-active .meta-categories {
animation: flext-fade-up 0.5s var(--evie-transition-ease) 1s both;
}
.evie-slider .featured-post .slide-title {
animation: flext-zoom-in 0.5s var(--evie-transition-ease) both reverse;
font-size: 4vw;
}
.evie-slider .featured-post.flext-slide-active .slide-title {
animation: flext-flip-in-from-bottom 0.8s var(--evie-transition-ease) 0.5s both;
}
.evie-slider .featured-post .project-attributes {
--evie-grid-columns: 2;
}
.evie-slider .featured-post .slide-summary {
margin-bottom: var(--evie-spacing-md);
}
.evie-slider .featured-post-type-post .slide-summary,
.evie-slider .featured-post .project-attributes li {
animation: flext-zoom-in 0.5s var(--evie-transition-ease) both reverse;
}
.evie-slider .featured-post-type-post.flext-slide-active .slide-summary,
.evie-slider .featured-post.flext-slide-active .project-attributes li {
animation: flext-fade-up 0.5s var(--evie-transition-ease) 1.3s both;
}
.evie-slider .featured-post-type-post.flext-slide-active .slide-more-link {
display: none;
}
.evie-slider .featured-post.flext-slide-active .project-attributes li:nth-child(2) {
animation-delay: 1.4s;
}
.evie-slider .featured-post.flext-slide-active .project-attributes li:nth-child(3) {
animation-delay: 1.5s;
}
.evie-slider .featured-post.flext-slide-active .project-attributes li:nth-child(4) {
animation-delay: 1.6s;
}
.evie-slider .featured-post .slide-image {
margin-bottom: var(--evie-spacing-horizontal);
max-width: 70%;
order: 1;
}
.evie-slider .featured-post .slide-image a {
animation: flext-zoom-in-up 0.8s var(--evie-transition-ease) both reverse;
display: block;
line-height: 0;
position: relative;
}
.evie-slider .featured-post.flext-slide-active .slide-image a {
animation: flext-fly-in 0.8s var(--evie-transition-ease) 0.3s both;
}
.evie-carousel .slide-image img,
.evie-slider .featured-post .slide-image img {
-webkit-mask-image: url(//www.mopaed.at/wp-content/plugins/evie-xt/modules/elements/blocks/featured-posts/slide-image-mask.svg);
mask-image: url(//www.mopaed.at/wp-content/plugins/evie-xt/modules/elements/blocks/featured-posts/slide-image-mask.svg);
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.evie-slider .featured-post .slide-number {
align-items: center;
background: rgb(var(--evie-color-secondary-rgb));
border-radius: 50%;
color: rgb(var(--evie-color-on-secondary-rgb));
display: flex;
font-family: var(--evie-font-primary);
font-size: 2rem;
font-weight: 500;
height: 5rem;
justify-content: center;
position: absolute;
right: -4%;
transition: background-color 0.5s, color 0.5s;
top: 0%;
width: 5rem;
}
.evie-slider .featured-post.flext-slide-active .slide-number {
background: rgb(var(--evie-color-primary-rgb));
color: rgb(var(--evie-color-on-primary-rgb));
transition: background-color 0.3s, color 0.3s;
}
.evie-slider .featured-post.flext-slide-active .slide-image a:hover .slide-number {
background: rgb(var(--evie-color-secondary-rgb));
color: rgb(var(--evie-color-on-secondary-rgb));
}
.evie-slider.evie-fullscreen .slider-navigation {
align-items: center;
bottom: var(--evie-spacing-vertical);
display: flex;
justify-content: center;
left: 0;
max-width: 190rem;
padding: 0 var(--evie-spacing-horizontal);
position: absolute;
width: 100%;
z-index: 50;
}
.evie-slider.evie-fullscreen .flext-pagination {
margin: 0;
}
.evie-slider .slider-navigation .evie-nav-button {
border: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
} .evie-slides .evie-column {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.evie-vertical-slider .evie-left-column {
z-index: 5;
}
.evie-vertical-slider .evie-slides {
height: calc(var(--evie-full-height, 100vh) - calc(var(--evie-header-menu-height) * 2) - var(--evie-admin-bar-height)); }
.evie-vertical-slider .evie-slide {
display: flex;
flex-direction: column;
gap: var(--evie-spacing-md);
height: 100%;
padding: var(--evie-spacing-horizontal);
padding-right: calc(var(--evie-spacing-horizontal) * 2);
position: relative;
transition: opacity 0.5s;
visibility: visible;
z-index: 1;
}
.evie-vertical-slider .evie-left-column .evie-slide {
align-items: flex-start;
justify-content: space-between;
padding-top: 0;
}
.evie-vertical-slider .evie-right-column .evie-slide {
align-items: center;
justify-content: center;
}
.evie-vertical-slider.is-loaded .evie-slide {
opacity: 1;
}
.evie-vertical-slider .evie-slide .meta-categories {
display: block;
letter-spacing: 0.018rem;
margin-bottom: 1rem;
}
.evie-vertical-slider .evie-slide .meta-categories .cat-links {
color: rgba(var(--evie-color-on-surface-rgb), 0.5);
}
.evie-vertical-slider .evie-slide .meta-categories a {
color: inherit;
display: inline-block;
transition: color 0.3s;
}
.evie-vertical-slider .evie-slide .meta-categories a:hover {
color: rgba(var(--evie-color-on-surface-rgb), 1);
}
.evie-vertical-slider .evie-slide .slide-image {
align-items: center;
border-radius: 1rem;
display: flex;
max-width: 69rem;
overflow: hidden;
position: relative;
width: 100%;
z-index: 2;
}
.evie-vertical-slider .evie-slide .slide-image img {
border-radius: 1rem;
}
.evie-vertical-slider.is-loaded .slide-title {
animation: flext-fade-up 0.5s var(--evie-transition-ease) both;
}
.evie-vertical-slider .meta-categories {
animation: flext-elastic-in-down 0.6s var(--evie-transition-ease) both reverse;
}
.evie-vertical-slider.slide-to-prev .meta-categories {
animation: flext-elastic-in-up 0.6s var(--evie-transition-ease) both reverse;
}
.evie-vertical-slider .current-slide .meta-categories {
animation: flext-fade-left 0.6s var(--evie-transition-ease) both;
}
.evie-vertical-slider.is-loaded .slide-image {
animation: flext-fade-down 0.8s var(--evie-transition-ease) 0.3s both;
}
.evie-vertical-slider .slider-background {
transition-delay: 0.6s;
}
.evie-vertical-slider .slider-background.evie-fade-in {
transition-delay: 0s;
} .evie-split-slider .evie-right-column {
display: none;
}
.evie-split-slider .evie-slide {
display: flex;
justify-content: space-between;
position: relative;
visibility: visible;
z-index: 1;
}
.evie-split-slider.is-loaded .evie-slide {
opacity: 1;
}
.evie-split-slider .evie-left-column .evie-slide {
align-items: flex-start;
flex-direction: column;
}
.evie-split-slider .evie-right-column .evie-slide {
align-items: flex-end;
}
.evie-split-slider .evie-left-column .evie-slide,
.evie-split-slider .evie-right-column .evie-slide {
padding: var(--evie-spacing-vertical) var(--evie-spacing-horizontal);
}
.transparent-menu .evie-split-slider .evie-left-column .evie-slide {
padding: calc(var(--evie-spacing-horizontal) + var(--evie-header-menu-height)) var(--evie-spacing-horizontal) var(--evie-spacing-vertical);
}
.evie-split-slider.has-background-overlay .evie-slide::before {
background: linear-gradient(0deg, rgba(var(--evie-color-surface-rgb), 0.5) 0%, rgba(var(--evie-color-surface-rgb), 0.1) 30%, rgba(var(--evie-color-surface-rgb), 0.1) 70%, rgba(var(--evie-color-surface-rgb), 0.5) 100%);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.evie-split-slider .slide-background {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.evie-split-slider .evie-left-column .slide-background {
background-position: 50% 50%;
left: 0;
}
.evie-split-slider .slide-header {
color: rgb(var(--evie-color-on-surface-rgb));
display: flex;
flex-direction: column;
margin-bottom: var(--evie-spacing-sm);
margin-top: auto;
position: relative;
z-index: 2;
}
.evie-split-slider .slide-number {
display: none;
}
.evie-split-slider .meta-categories {
margin-top: 3rem;
margin-bottom: 2rem;
letter-spacing: 0.018rem;
}
.evie-split-slider .slide-number,
.evie-split-slider .meta-categories,
.evie-split-slider .slide-title,
.evie-split-slider .slide-more-link {
animation: flext-elastic-in-down 0.8s var(--evie-transition-ease) both reverse;
}
.evie-split-slider.slide-to-prev .slide-number,
.evie-split-slider.slide-to-prev .meta-categories,
.evie-split-slider.slide-to-prev .slide-title,
.evie-split-slider.slide-to-prev .slide-more-link {
animation-name: flext-elastic-in-up;
}
.evie-split-slider .current-slide .meta-categories {
animation: flext-fade-up 0.6s var(--evie-transition-ease) 0.2s both;
}
.evie-split-slider .slide-title {
color: inherit;
margin-bottom: 0;
}
.evie-split-slider .current-slide .slide-title {
animation: flext-fade-up 0.8s var(--evie-transition-ease) 0.3s both;
}
.evie-split-slider .slide-more-link {
margin-top: var(--evie-spacing-sm);
}
.evie-split-slider .current-slide .slide-more-link {
animation: flext-fade-up 0.6s var(--evie-transition-ease) 0.5s both;
}
.evie-split-slider .slide-content {
color: rgb(var(--evie-color-on-surface-rgb));
position: relative;
width: 100%;
z-index: 1;
}
.evie-split-slider .evie-right-column .project-attributes {
display: none;
}
.evie-split-slider .project-attributes {
gap: var(--evie-spacing-xs);
--evie-grid-columns: 3;
}
.evie-split-slider .project-attributes li {
animation: flext-elastic-in-up 0.4s var(--evie-transition-ease) both reverse;
margin-bottom: 0;
}
.evie-split-slider.slide-to-prev .project-attributes li {
animation: flext-elastic-in-down 0.4s var(--evie-transition-ease) both reverse;
}
.evie-split-slider .current-slide .project-attributes li {
animation: flext-fade-down 0.4s var(--evie-transition-ease) 0.4s both;
}
.evie-split-slider .current-slide .project-attributes li:nth-child(2) {
animation-delay: 0.5s;
}
.evie-split-slider .current-slide .project-attributes li:nth-child(3) {
animation-delay: 0.6s;
}
.evie-split-slider .project-attributes li .project-attribute-title {
border-top: 1px solid rgba(var(--evie-color-on-surface-rgb), 0.1);
font-size: 60%;
font-weight: 600;
padding-top: 3rem;
} .evie-block-post-carousel {
overflow: hidden;
position: relative;
}
.evie-block-post-carousel.has-post-number {
counter-reset: evie-post-number;
}
.evie-block-post-carousel .post-carousel-header {
width: 100%;
}
.evie-block-post-carousel .post-carousel-header .post-carousel-title {
font-size: var(--evie-font-size-h3);
line-height: 1.1;
margin-bottom: 0;
}
.evie-block-post-carousel .post-carousel-header .post-carousel-description {
margin: 1.5rem 0 0 0;
color: rgba(var(--evie-color-on-surface-rgb), 0.6);
}
.evie-block-post-carousel .post-carousel-navigation {
display: flex;
}
.evie-block-post-carousel .flext-button-prev,
.evie-block-post-carousel .flext-button-next {
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)));
background-repeat: no-repeat;
background-size: 400% 100%;
color: rgb(var(--evie-color-surface-rgb));
font-size: var(--evie-font-size-lg);
height: var(--evie-spacing-md);
left: auto;
margin-top: 1.5rem;
opacity: 1;
position: relative;
right: auto;
top: auto;
transform: none;
transition: background-position 0.3s var(--evie-transition-ease), color 0.3s var(--evie-transition-ease), opacity 0.3s var(--evie-transition-ease);
width: var(--evie-spacing-md);
}
.evie-block-post-carousel .flext-button-next {
margin-left: 0.8rem;
}
.evie-block-post-carousel .flext-button-prev.flext-button-disabled,
.evie-block-post-carousel .flext-button-next.flext-button-disabled {
cursor: default;
opacity: 0.35;
}
.evie-block-post-carousel .flext-button-prev:not(.flext-button-disabled):hover,
.evie-block-post-carousel .flext-button-next:not(.flext-button-disabled):hover {
background-position: 100% 0;
color: rgb(var(--evie-color-on-primary-rgb));
}
.evie-block-post-carousel .evie-posts.posts-layout-carousel {
border-radius: 1rem;
margin-bottom: 0;
margin-top: var(--evie-spacing-md);
width: 100%;
}
.evie-block-post-carousel .entry {
height: auto;
}
.evie-block-post-carousel.has-post-number .entry {
counter-increment: evie-post-number;
}
.evie-block-post-carousel.has-post-number .entry::before {
color: inherit;
content: counter(evie-post-number);
font-size: var(--evie-font-size-xxl);
font-weight: 700;
line-height: 1;
position: absolute;
right: 2rem;
text-shadow: 3px 2px 0 rgba(var(--evie-color-surface-rgb), 0.2), -1px -1px 0 rgba(var(--evie-color-surface-rgb), 0.2), 1px -1px 0 rgba(var(--evie-color-surface-rgb), 0.2), -1px 1px 0 rgba(var(--evie-color-surface-rgb), 0.2), 1px 1px 0 rgba(var(--evie-color-surface-rgb), 0.2);
transition: opacity 0.3s var(--evie-transition-ease), transform 0.3s var(--evie-transition-ease);
top: 1.5rem;
z-index: 20;
}
.evie-block-post-carousel.has-post-number .entry:hover::before {
opacity: 0;
transform: translateY(-1rem);
}
.evie-block-post-carousel.has-post-number .has-post-thumbnail .flext-post-gallery .total-images {
opacity: 0;
transform: translateY(-1rem);
}
.evie-block-post-carousel.has-post-number .has-post-thumbnail:hover .flext-post-gallery .total-images {
opacity: 1;
transform: translateY(0);
}
.evie-block-post-carousel.flext-carousel .flext-pagination {
line-height: 0;
}
.evie-block-post-carousel .post-carousel-see-more-link {
align-items: center;
background-image: linear-gradient(to bottom, rgba(var(--evie-color-secondary-rgb), 0.9), rgba(var(--evie-color-primary-rgb), 0.9));
border-radius: 1rem;
bottom: 0;
color: rgba(var(--evie-color-white-rgb), 0.6);
display: flex;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999;
}
.evie-block-post-carousel .posts-hover-3 .entry:nth-child(odd) .post-carousel-see-more-link {
background-image: linear-gradient(to top, rgba(var(--evie-color-secondary-rgb), 0.9), rgba(var(--evie-color-primary-rgb), 0.9));
}
.evie-block-post-carousel .entry.has-see-more-link .flext-media-button {
display: none;
}
.evie-block-post-carousel .flext-pagination-progressbar .flext-progressbar {
height: 0.1rem;
} .entry-content > .evie-block-post-carousel.alignfull:not(.is-style-horizontal) .posts-layout-carousel {
border-radius: 0;
overflow: initial;
} .entry-content > .evie-block-posts.posts-style-list.alignfull {
margin-bottom: 0;
margin-top: 0;
}
.evie-block-posts .posts-navigation {
align-items: center;
display: flex;
height: 5rem;
justify-content: center;
margin: var(--evie-spacing-horizontal) auto;
max-width: var(--evie-wide-width);
position: relative;
z-index: 5;
}
.posts-navigation .see-more-link {
align-items: center;
color: rgb(var(--evie-color-on-surface-rgb));
display: inline-flex;
font-weight: 700;
height: 8rem;
justify-content: center;
letter-spacing: 0.5rem;
min-width: 3.5rem;
padding: 0 1.25rem 0 2.5rem;
position: relative;
transition: color 0.3s;
text-transform: capitalize;
z-index: 10;
}
.posts-navigation .see-more-link::before,
.posts-navigation .see-more-link::after {
background: rgb(var(--evie-color-surface-rgb));
border-radius: 50%;
content: "";
display: inline-block;
height: var(--evie-spacing-lg);
left: 0;
opacity: 1;
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
width: var(--evie-spacing-lg);
}
.has-scheme-dark .posts-navigation .see-more-link::before {
background: none;
}
.posts-navigation .see-more-link::after {
background-color: #fff;
mix-blend-mode: difference;
z-index: 10;
}
.posts-navigation .see-more-link span {
color: rgb(var(--evie-color-on-surface-rgb));
position: relative;
}
.posts-navigation .see-more-link i {
margin: 0 0 0 1.5rem;
position: relative;
}
.posts-navigation .see-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;
}
.posts-navigation .see-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;
} .evie-block-scrolling-text {
display: flex;
justify-content: center;
opacity: 0;
position: relative;
transition: opacity 0.3s ease-out;
}
.evie-block-scrolling-text.scrolling-initialized {
opacity: 1;
}
.flext-has-scheme-dark .evie-block-scrolling-text {
color: inherit;
}
.evie-block-scrolling-text .scrolling-area {
color: inherit;
display: block;
font-family: var(--evie-font-primary);
font-size: 9rem;
font-weight: 700;
line-height: 0.9;
margin: 0;
opacity: 0.7;
overflow: hidden;
text-transform: uppercase;
transform-style: preserve-3d;
width: 100%;
white-space: nowrap;
-webkit-text-stroke: 1px currentcolor;
-webkit-text-fill-color: transparent;
}
.evie-block-scrolling-text.has-small-font-size .scrolling-area {
font-size: 6rem;
}
.evie-block-scrolling-text.has-large-font-size .scrolling-area {
font-size: 13rem;
}
.evie-block-scrolling-text.has-featured-media .scrolling-area {
left: 0;
margin: 0;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 100%;
z-index: 0;
}
.evie-block-scrolling-text .scrolling-text {
display: inline-block;
white-space: nowrap;
}
.evie-block-scrolling-text > figure {
margin-left: auto;
margin-right: auto;
max-width: var(--evie-content-width);
position: relative;
width: 100%;
z-index: 5;
}
.evie-block-scrolling-text .wp-block-image {
margin-bottom: 0;
}
.evie-block-scrolling-text > figure.alignleft {
float: none;
margin: 0 auto 0 0;
}
.evie-block-scrolling-text > figure.alignright {
float: none;
margin: 0 0 0 auto;
}
@media (min-width: 500px) { .evie-carousel .slide-number {
font-size: var(--evie-font-size-xxl);
height: 10rem;
width: 10rem;
} .evie-slider .featured-post .slide-image {
max-width: 70%;
}
.evie-slider .featured-post .slide-number {
font-size: 2.8rem;
height: 8rem;
right: 1%;
top: 5%;
width: 8rem;
}
}
@media (min-width: 768px) { .evie-block-featured-posts .featured-post .slide-title {
font-size: var(--evie-font-size-h2);
padding-right: 0;
}
.evie-block-featured-posts .project-attributes li > * {
font-size: 80%;
} .evie-carousel .slide-number {
right: 5%;
top: 8%;
} .evie-slider .featured-post .slide-text {
display: block;
}
.evie-slider .featured-post .slide-image {
max-width: 60%;
}
.evie-slider .featured-post .slide-number {
right: 2.5%;
top: 6%;
} .transparent-menu .evie-vertical-slider .evie-slide {
padding-bottom: var(--evie-header-menu-height);
padding-top: var(--evie-header-menu-height);
}
.evie-vertical-slider .evie-slide .slide-header {
width: 80%;
}
.evie-slider .featured-post .meta-categories {
font-size: 80%;
} .evie-split-slider .project-attributes {
gap: 3rem;
}
.evie-block-posts.posts-layout-waterfall.grid-parallax {
padding-bottom: var(--evie-grid-gap);
padding-top: var(--evie-grid-gap);
}
.evie-block-scrolling-text .scrolling-area {
font-size: 16rem;
}
.evie-block-scrolling-text.has-small-font-size .scrolling-area {
font-size: 10rem;
}
.evie-block-scrolling-text.has-large-font-size .scrolling-area {
font-size: 22rem;
}
}
@media (min-width: 1024px) { .evie-slide.visible-slide {
opacity: 1;
position: relative;
visibility: visible;
z-index: 1;
}
.evie-block-featured-posts .slide-text {
display: block;
width: 100%;
}
.evie-slides .visible-slide .slide-image {
cursor: pointer;
height: 70%;
position: relative;
-webkit-user-select: none;
user-select: none;
}
.evie-slide .slide-header a {
position: relative;
z-index: 1;
}
.evie-slide .slide-title {
display: block;
font-size: 3.8vw;
line-height: 1.26;
overflow: hidden;
position: relative;
}
.evie-slide .slide-header .slide-subtitle {
display: inline-block;
margin-bottom: 1rem;
overflow: hidden;
position: relative;
}
.evie-block-featured-posts .project-attributes {
margin: 0;
}
.evie-block-featured-posts .project-attributes li > * {
font-size: 100%;
} .slide-more-link span::before {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 0.1rem;
margin-right: 1rem;
position: absolute;
right: 100%;
top: calc(50% - 0.1rem);
transform: scaleX(0);
transform-origin: right top;
transition: transform 0.3s;
width: 2rem;
}
.slide-more-link:hover span::before {
transform: scaleX(1);
}
.slide-more-link::before,
.slide-more-link::after {
transition: left 0.35s, height 0.35s, width 0.35s;
transform-origin: center center;
}
.slide-more-link:hover::before,
.slide-more-link:hover::after {
height: 2.6rem;
left: calc(100% - 2.6rem);
width: 2.6rem;
}
.slide-more-link:hover i::before {
transform: rotate(315deg) translate3d(2px, 2px, 0);
width: 6px;
}
.slide-more-link:hover i::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 6px;
} .slider-pagination {
width: var(--evie-header-menu-height);
} .evie-carousel .flext-slide {
padding: 0 calc(var(--evie-spacing-vertical) / 1.4);
}
.evie-carousel .slide-number {
font-size: 2.6rem;
height: 7rem;
right: 1%;
top: 5%;
width: 7rem;
}
.evie-carousel .slide-header {
left: 0;
right: auto;
width: 60%;
}
.evie-carousel .slide-title {
font-size: 2.5vw;
margin-top: 1rem;
}
.evie-carousel .slide-title a::before {
-webkit-text-stroke: 0.6rem rgb(var(--evie-color-surface-rgb));
}
.evie-block-featured-posts.evie-carousel .flext-button-prev,
.evie-block-featured-posts.evie-carousel .flext-button-next {
background: transparent;
color: transparent;
padding: calc(var(--evie-spacing-vertical) * 3);
transform: translateY(-50%);
}
.evie-block-featured-posts.evie-carousel .flext-button-prev {
left: calc(var(--evie-spacing-vertical) * -3);
margin-right: var(--evie-spacing-vertical);
}
.evie-block-featured-posts.evie-carousel .flext-button-next {
margin-left: var(--evie-spacing-vertical);
right: calc(var(--evie-spacing-vertical) * -3);
} .evie-slider .featured-post .slide-wrapper {
flex-direction: row;
margin: 0 auto;
max-width: 190rem;
}
.evie-slider .flext-carousel-wrapper,
.evie-slider .featured-post .flext-slide {
height: 100%;
}
.evie-slider .featured-post .slide-content {
flex: 1 1 60%;
max-width: 60%;
padding-right: var(--evie-spacing-horizontal);
order: 1;
text-align: left;
}
.evie-slider .featured-post .slide-image {
display: flex;
flex: 1 1 40%;
justify-content: flex-end;
margin-bottom: 0;
max-width: 40%;
padding: 5vh 0;
order: 2;
}
.evie-slider .featured-post .slide-number {
font-size: 2.6rem;
height: 7rem;
right: 1%;
top: 5%;
width: 7rem;
}
.evie-slider .featured-post .meta-categories {
font-size: 100%;
}
.evie-slider .featured-post .slide-header {
margin: 0 0 var(--evie-spacing-lg);
}
.evie-slider .featured-post .slide-title {
font-size: 3.8vw;
}
.evie-slider .featured-post .slide-summary {
padding-right: 20%;
}
.evie-slider .featured-post-type-post .slide-more-link {
animation: flext-zoom-in 0.5s var(--evie-transition-ease) both reverse;
}
.evie-slider .featured-post-type-post.flext-slide-active .slide-more-link {
animation: flext-fade-up 0.5s var(--evie-transition-ease) 1.5s both;
display: inline-flex;
}
.evie-slider.evie-fullscreen .slider-navigation {
justify-content: flex-start;
} .evie-vertical-slider .evie-slide {
justify-content: center;
padding: var(--evie-spacing-horizontal) calc(var(--evie-spacing-horizontal) * 2) var(--evie-spacing-horizontal) var(--evie-spacing-horizontal);
}
.evie-vertical-slider .evie-slides {
display: flex;
gap: var(--evie-grid-gap);
}
.evie-slides .evie-column {
position: relative;
width: 50%;
}
.evie-vertical-slider .evie-left-column .evie-slide {
justify-content: center;
padding-right: 0;
padding-top: var(--evie-spacing-horizontal);
}
.evie-vertical-slider .evie-slide .slide-number {
font-size: 5.2vw;
line-height: 1;
}
.evie-vertical-slider .evie-slide .slide-title {
font-size: 3.8vw;
padding: 0;
}
.evie-vertical-slider .evie-slide .slide-header {
width: 100%;
}
.evie-vertical-slider .evie-slide .project-attributes {
--evie-grid-columns: 2;
margin: 0;
}
.evie-vertical-slider .slider-background-text {
margin-top: -20vh;
}
.evie-vertical-slider .featured-post-type-post .slide-summary {
display: inline-block;
display: -webkit-box;
padding-right: 20%;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.evie-vertical-slider .featured-post-type-post.current-slide .slide-summary {
animation: flext-fade-up 0.8s var(--evie-transition-ease) 0.3s both;
}
.evie-vertical-slider .slide-more-link,
.evie-vertical-slider .slide-summary,
.evie-vertical-slider .project-attributes li {
animation: flext-elastic-in-down 0.6s var(--evie-transition-ease) both reverse;
}
.evie-vertical-slider.slide-to-prev .slide-more-link,
.evie-vertical-slider.slide-to-prev .slide-summary,
.evie-vertical-slider.slide-to-prev .project-attributes li {
animation: flext-elastic-in-up 0.6s var(--evie-transition-ease) both reverse;
}
.evie-vertical-slider .current-slide .project-attributes li,
.evie-vertical-slider .current-slide .slide-summary {
animation: flext-fade-up 0.6s var(--evie-transition-ease) 0.3s both;
}
.evie-vertical-slider .current-slide .project-attributes li:last-child {
animation-delay: 0.5s;
}
.evie-vertical-slider .slide-more-link {
display: inline-flex;
}
.evie-vertical-slider .current-slide .slide-more-link {
animation: flext-fade-left 0.6s var(--evie-transition-ease) 0.5s both;
}
.evie-vertical-slider .evie-slide .slide-image {
margin-left: auto;
overflow: initial;
} .evie-split-slider .evie-slides {
display: flex;
}
.evie-split-slider .evie-right-column {
display: block;
}
.evie-split-slider .evie-left-column .slide-background {
background-position: 0 50%;
width: 200%;
}
.evie-split-slider .evie-right-column .slide-background {
background-position: 0 50%;
right: 0;
width: 200%;
}
.evie-split-slider .evie-left-column .evie-slide {
padding: 5rem 0 5rem var(--evie-spacing-horizontal);
}
.evie-split-slider .evie-right-column .evie-slide {
align-items: center;
padding: 5rem calc(var(--evie-spacing-horizontal) * 2) 5rem 2.5rem;
}
.transparent-menu .evie-split-slider .evie-left-column .evie-slide {
padding: calc(var(--evie-header-menu-height) + 5rem) 0 var(--evie-header-menu-height) var(--evie-spacing-horizontal);
}
.transparent-menu .evie-split-slider .evie-right-column .evie-slide {
padding: calc(var(--evie-header-menu-height) + 5rem) calc(var(--evie-spacing-horizontal) * 2) var(--evie-header-menu-height) 2.5rem;
}
.evie-split-slider.has-background-overlay .evie-left-column .evie-slide::before {
background: linear-gradient(90deg, rgba(var(--evie-color-surface-rgb), 0.3) 0%, rgba(var(--evie-color-surface-rgb), 0.1) 80%);
}
.evie-split-slider.has-background-overlay .evie-right-column .evie-slide::before {
background: linear-gradient(270deg, rgba(var(--evie-color-surface-rgb), 0.3) 0%, rgba(var(--evie-color-surface-rgb), 0.1) 80%);
}
.evie-split-slider .slide-number {
animation: flext-fade-down 0.6s var(--evie-transition-ease) both reverse;
display: block;
font-family: var(--evie-font-primary);
font-size: 5vw;
font-weight: 700;
line-height: 1;
margin-bottom: auto;
overflow: hidden;
}
.evie-split-slider .current-slide .slide-number {
animation: flext-fade-up 0.6s var(--evie-transition-ease) both;
}
.evie-split-slider .slide-header {
justify-content: space-between;
}
.evie-split-slider .evie-left-column .project-attributes {
display: none;
}
.evie-split-slider .evie-right-column .project-attributes {
display: flex;
}
.evie-split-slider .project-attributes {
align-items: flex-end;
flex-direction: column;
--evie-grid-columns: 1;
}
.evie-split-slider .project-attributes li .project-attribute-title {
font-size: var(--evie-font-size-base);
}
.evie-split-slider .project-attributes li:first-child .project-attribute-title {
border-top: none;
padding: 0;
}
.evie-split-slider .project-attributes li {
width: 50%;
} .evie-block-post-carousel:not(.is-style-horizontal) .post-carousel-header {
align-items: flex-end;
column-gap: var(--evie-spacing-md);
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.evie-block-post-carousel:not(.is-style-horizontal) .post-carousel-content {
width: 70%;
}
.evie-block-post-carousel:not(.is-style-horizontal) .post-carousel-navigation {
margin-left: auto;
} .evie-block-post-carousel.is-style-horizontal {
align-items: center;
display: flex;
flex-flow: row nowrap;
gap: var(--evie-spacing-md);
position: relative;
width: 100%;
}
.evie-block-post-carousel.is-style-horizontal.alignfull {
gap: var(--evie-grid-gap);
}
.evie-block-post-carousel.is-style-horizontal .post-carousel-header {
width: 20%;
}
.evie-block-post-carousel.is-style-horizontal .posts-layout-carousel {
border-radius: 1rem;
margin-top: 0;
overflow: hidden;
width: 80%;
}
.evie-block-post-carousel.is-style-horizontal .post-carousel-title {
font-size: var(--evie-font-size-h3);
} .posts-navigation .see-more-link span::before {
background: rgb(var(--evie-color-on-surface-rgb));
content: "";
display: inline-block;
height: 0.1rem;
margin-right: 1rem;
position: absolute;
right: 100%;
top: 50%;
transform: scaleX(0);
transform-origin: right top;
transition: transform 0.3s;
width: 2rem;
}
.posts-navigation .see-more-link:hover span::before {
transform: scaleX(1);
}
.posts-navigation .see-more-link::before,
.posts-navigation .see-more-link::after {
transition: left 0.35s, height 0.35s, width 0.35s;
transform-origin: center center;
}
.posts-navigation .see-more-link:hover::before,
.posts-navigation .see-more-link:hover::after {
height: 2.6rem;
left: calc(100% - 2.6rem);
width: 2.6rem;
}
.posts-navigation .see-more-link:hover i::before {
transform: rotate(315deg) translate3d(2px, 2px, 0);
width: 6px;
}
.posts-navigation .see-more-link:hover i::after {
transform: rotate(-135deg) translate3d(3px, 1px, 0);
width: 6px;
}
}
@media (min-width: 1200px) {
.featured-post.current-slide .entry-summary {
padding: 3rem;
} .evie-carousel .flext-slide {
padding: 0 var(--evie-spacing-vertical);
}
.evie-carousel .slide-number {
right: 3%;
top: 6.5%;
} .evie-slider .featured-post .slide-number {
right: 0;
top: 3.8%;
} .evie-vertical-slider .evie-slides {
margin: 0 auto;
max-width: 256rem;
}
.evie-vertical-slider .featured-post-type-post .slide-summary {
padding-right: 36%;
}
}
@media (min-width: 1280px) { .evie-carousel .slide-number {
font-size: 3rem;
height: 9rem;
right: 0.5%;
top: 4.5%;
width: 9rem;
}
.evie-slider .featured-post .slide-number {
font-size: 3rem;
height: 9rem;
width: 9rem;
}
}
@media (min-width: 1400px) { .evie-carousel .slide-number {
right: 3%;
top: 6.5%;
} .evie-slider .featured-post .slide-number {
right: 2.6%;
top: 6%;
} .evie-split-slider .slide-number,
.evie-slide .slide-title {
font-size: 3.8vw;
}
.evie-split-slider .project-attributes li {
width: 35%;
}
}
@media (min-width: 1600px) { .evie-carousel .slide-number {
font-size: 3.2rem;
height: 11.5rem;
right: 2.5%;
top: 6%;
width: 11.5rem;
}
.evie-block-featured-posts.evie-carousel .flext-button-prev,
.evie-block-featured-posts.evie-carousel .flext-button-next {
padding: calc(var(--evie-spacing-vertical) * 3.5);
}
.evie-block-featured-posts.evie-carousel .flext-button-prev {
left: calc(var(--evie-spacing-vertical) * -3.5);
margin-right: var(--evie-spacing-vertical);
}
.evie-block-featured-posts.evie-carousel .flext-button-next {
margin-left: var(--evie-spacing-vertical);
right: calc(var(--evie-spacing-vertical) * -3.5);
} .evie-slider .featured-post .slide-content {
flex: 1 1 auto;
max-width: 100%;
}
.evie-slider .featured-post .slide-image {
flex: 1 0 69rem;
max-width: 69rem;
}
.evie-slider .featured-post .slide-number {
font-size: 3.2rem;
height: 12rem;
right: 2%;
top: 5.5%;
width: 12rem;
}
}
@media (min-width: 1650px) { .evie-block-post-carousel:not(.is-style-horizontal) .post-carousel-content {
width: 60%;
}
}
@media (min-width: 1920px) { .evie-vertical-slider .evie-slide .project-attributes {
padding-right: 20%;
}
}.flext-has-animation {
animation-play-state: paused;
opacity: 0.01;
}
.flext-animated {
animation-duration: 1s;
animation-fill-mode: both;
animation-play-state: running;
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
}
.flext-animation-delay-125 {
animation-delay: 0.125s;
}
.flext-animation-delay-250 {
animation-delay: 0.25s;
}
.flext-animation-delay-375 {
animation-delay: 0.375s;
}
.flext-animation-delay-500 {
animation-delay: 0.5s;
}
.flext-animation-delay-625 {
animation-delay: 0.625s;
}
.flext-animation-delay-750 {
animation-delay: 0.75s;
}
.flext-animation-delay-875 {
animation-delay: 0.875s;
}
.flext-animation-delay-1000 {
animation-delay: 1s;
}
.flext-animation-delay-1125 {
animation-delay: 1.125s;
}
.flext-animation-delay-1250 {
animation-delay: 1.25s;
}
.flext-animation-delay-1375 {
animation-delay: 1.375s;
}
.flext-animation-delay-1500 {
animation-delay: 1.5s;
}
.flext-animation-delay-1625 {
animation-delay: 1.625s;
}
.flext-animation-delay-1750 {
animation-delay: 1.75s;
}
.flext-animation-delay-1875 {
animation-delay: 1.875s;
}
.flext-animation-delay-2000 {
animation-delay: 2s;
} @keyframes flext-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.flext-animation-fade-in.flext-animated {
animation-name: flext-fade-in;
} @keyframes flext-fade-up {
from {
opacity: 0;
transform: translateY(7rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.flext-animation-fade-up.flext-animated {
animation-name: flext-fade-up;
transform-origin: 50% 0;
} @keyframes flext-fade-down {
from {
opacity: 0;
transform: translateY(-7rem);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.flext-animation-fade-down.flext-animated {
animation-name: flext-fade-down;
transform-origin: 50% 100%;
} @keyframes flext-fade-left {
from {
opacity: 0;
transform: translateX(-7rem);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.flext-animation-fade-left.flext-animated {
animation-name: flext-fade-left;
transform-origin: 50% 0;
} @keyframes flext-fade-right {
from {
opacity: 0;
transform: translateX(7rem);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.flext-animation-fade-right.flext-animated {
animation-name: flext-fade-right;
transform-origin: 50% 0;
} @keyframes flext-elastic-in-up {
from {
opacity: 0;
transform: translateY(7rem) scaleY(1.35);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
.flext-animation-elastic-in-up.flext-animated {
animation-name: flext-elastic-in-up;
transform-origin: 50% 0;
} @keyframes flext-elastic-in-down {
from {
opacity: 0;
transform: translateY(-7rem) scaleY(1.35);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
.flext-animation-elastic-in-down.flext-animated {
animation-name: flext-elastic-in-down;
transform-origin: 50% 100%;
} @keyframes flext-elastic-in-left {
from {
opacity: 0;
transform: translateX(-7rem) scaleX(1.35);
}
to {
opacity: 1;
transform: translateX(0) scaleX(1);
}
}
.flext-animation-elastic-in-left.flext-animated {
animation-name: flext-elastic-in-left;
transform-origin: 100% 50%;
} @keyframes flext-elastic-in-right {
from {
opacity: 0;
transform: translateX(7rem) scaleX(1.35);
}
to {
opacity: 1;
transform: translateX(0) scaleX(1);
}
}
.flext-animation-elastic-in-right.flext-animated {
animation-name: flext-elastic-in-right;
transform-origin: 0% 50%;
} @keyframes flext-zoom-in {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
.flext-animation-zoom-in.flext-animated {
animation-name: flext-zoom-in;
transform-origin: 50% 50%;
} @keyframes flext-zoom-in-up {
from {
opacity: 0;
transform: translateY(30rem) scale(0);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.flext-animation-zoom-in-up.flext-animated {
animation-name: flext-zoom-in-up;
transform-origin: 50% 100%;
} @keyframes flext-zoom-in-down {
from {
opacity: 0;
transform: translateY(-30rem) scale(0);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.flext-animation-zoom-in-down.flext-animated {
animation-name: flext-zoom-in-down;
transform-origin: 50% 0;
} @keyframes flext-zoom-in-left {
from {
opacity: 0;
transform: translateX(-15rem) scale(0);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.flext-animation-zoom-in-left.flext-animated {
animation-name: flext-zoom-in-left;
transform-origin: 0% 50%;
} @keyframes flext-zoom-in-right {
from {
opacity: 0;
transform: translateX(15rem) scale(0);
}
to {
opacity: 1;
transform: translateX(0) scale(1);
}
}
.flext-animation-zoom-in-right.flext-animated {
animation-name: flext-zoom-in-right;
transform-origin: 100% 50%;
} @keyframes flext-stretch-in-left {
from {
transform: scaleX(0);
transform-origin: center left;
}
to {
transform: scaleX(1);
transform-origin: center left;
}
}
.flext-animation-stretch-in-left.flext-animated {
animation-name: flext-stretch-in-left;
} @keyframes flext-stretch-in-right {
from {
transform: scaleX(0);
transform-origin: center right;
}
to {
transform: scaleX(1);
transform-origin: center right;
}
}
.flext-animation-stretch-in-right.flext-animated {
animation-name: flext-stretch-in-right;
} @keyframes flext-rotate-in-up-left {
from {
opacity: 0;
transform: rotate(10deg) scale(1, 0.5) translate(0, 10px);
}
to {
opacity: 1;
transform: scaleX(0deg) scale(0) translate(0);
}
}
.flext-animation-rotate-in-up-left.flext-animated {
animation-name: flext-rotate-in-up-left;
transform-origin: 0 0;
} @keyframes flext-rotate-in-up-right {
from {
opacity: 0;
transform: rotate(-10deg) scale(1, 0.5) translate(0, 10px);
}
to {
opacity: 1;
transform: scaleX(0deg) scale(0) translate(0);
}
}
.flext-animation-rotate-in-up-right.flext-animated {
animation-name: flext-rotate-in-up-right;
transform-origin: 100% 0;
} @keyframes flext-flip-in-from-top {
from {
opacity: 0;
transform: perspective(1000px) translate3d(0, -130%, 0) rotateX(40deg);
}
20% {
opacity: 1;
}
to {
transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0);
}
}
.flext-animation-flip-in-from-top.flext-animated {
animation-name: flext-flip-in-from-top;
animation-duration: 1.4s;
} @keyframes flext-flip-in-from-bottom {
from {
opacity: 0;
transform: perspective(1000px) translate3d(0, 130%, 0) rotateX(-40deg);
}
20% {
opacity: 1;
}
to {
transform: perspective(1000px) translate3d(0, 0, 0) rotateX(0);
}
}
.flext-animation-flip-in-from-bottom.flext-animated {
animation-name: flext-flip-in-from-bottom;
animation-duration: 1.4s;
transform-style: preserve-3d;
} @keyframes flext-slide-back {
from {
clip-path: inset(0 0 99% 0);
transform: scale(1.4);
}
60% {
clip-path: inset(-5% -5% -5% -5%);
}
to {
clip-path: none;
transform: scale(1);
}
}
.flext-animation-slide-back.flext-animated {
animation-name: flext-slide-back;
animation-duration: 2s;
} @keyframes flext-fly-in {
from {
opacity: 0;
transform: scale(1.4);
}
to {
opacity: 1;
transform: scale(1);
}
}
.flext-animation-fly-in.flext-animated {
animation-name: flext-fly-in;
animation-duration: 2s;
} @keyframes flext-reveal {
from {
opacity: 1;
-webkit-mask-image: linear-gradient(315deg, transparent 25%, #000 75%);
mask-image: linear-gradient(315deg, transparent 25%, #000 75%);
-webkit-mask-position: 100%;
mask-position: 100%;
-webkit-mask-size: 1000% 1000%;
mask-size: 1000% 1000%;
}
to {
opacity: 1;
-webkit-mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
mask-image: linear-gradient(315deg, #0000 25%, #000 75%);
-webkit-mask-position: 0;
mask-position: 0;
-webkit-mask-size: 1000% 1000%;
mask-size: 1000% 1000%;
}
}
.flext-animation-reveal.flext-animated {
animation-name: flext-reveal;
animation-duration: 2s;
-webkit-mask-size: 1000% 1000%;
mask-size: 1000% 1000%;
} @keyframes flext-swing {
0% {
transform: rotate(-15deg);
}
5% {
transform: rotate(25deg);
}
10% {
transform: rotate(-10deg);
}
40% {
transform: rotate(380deg);
}
50% {
transform: rotate(330deg);
}
55% {
transform: rotate(370deg);
}
80% {
transform: rotate(-20deg);
}
90% {
transform: rotate(30deg);
}
to {
transform: rotate(-15deg);
}
}
.flext-animation-swing.flext-animated {
animation-name: flext-swing;
animation-direction: alternate;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
transform-origin: center;
} @keyframes flext-rotate {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(-360deg);
}
}
.flext-animation-rotate.flext-animated > * {
animation-name: flext-rotate;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: center;
} .flext-has-highlight {
--flext-highlight-color: #000;
background-color: transparent;
display: inline-block;
position: relative;
z-index: 1;
}
.flext-has-highlight::before {
content: "";
display: inline-block;
opacity: 0.7;
position: absolute;
z-index: -1;
} .flext-has-highlight.flext-is-style-underline {
padding-bottom: 0.25rem;
}
.flext-has-highlight.flext-is-style-underline::before {
border-top: 2px solid var(--flext-highlight-color);
border-radius: 0.2em 0 0 0;
bottom: -0.25rem;
height: 1rem;
left: 0;
transform: rotate(-2deg);
transform-origin: right top;
transition: width 0.25s ease-in 0.3s;
width: 0;
}
.flext-has-highlight.flext-is-style-underline.flext-animated::before {
width: 100%;
}
.flext-has-highlight.flext-is-style-underline::after {
border-left: 2px solid transparent;
border-radius: 0.1em 0 0 0.4em;
bottom: -0.25rem;
content: "";
height: 1rem;
opacity: 0.7;
position: absolute;
right: -1rem;
transform: rotate(75deg);
transform-origin: left top;
transition: border-left-color 0.1s ease-out 0.6s;
width: 1rem;
z-index: -1;
}
.flext-has-highlight.flext-is-style-underline.flext-animated::after {
border-left-color: var(--flext-highlight-color);
} .flext-has-highlight.flext-is-style-strikethrough {
padding-bottom: 0.25rem;
}
.flext-has-highlight.flext-is-style-strikethrough::before {
background: var(--flext-highlight-color);
border-radius: 0.36em 0;
bottom: 0.25em;
height: 0.3em;
left: 0;
transform: rotate(-1deg);
transition: width 0.25s ease-in 0.3s;
width: 0;
}
.flext-has-highlight.flext-is-style-strikethrough.flext-animated::before {
width: 100%;
} .flext-has-highlight.flext-is-style-rectangle {
--flext-rec-clip-path: min(15%, 15px);
padding: 0.25rem;
}
.flext-has-highlight.flext-is-style-rectangle::before {
border: 2px solid var(--flext-highlight-color);
border-radius: 255px 15px 255px 15px / 15px 255px 15px 255px;
bottom: 0;
clip-path: inset(100%);
left: -0.25rem;
right: -0.25rem;
top: 0;
}
.flext-has-highlight.flext-is-style-rectangle.flext-animated::before {
animation: flext-rectangle-draw 1s ease 0.3s forwards;
}
@keyframes flext-rectangle-draw {
0% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0);
}
0.1% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 0 0, 0 var(--flext-rec-clip-path), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 0 0, 0 0, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 100%, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 0 100%, var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)));
}
23.9% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) 0, 100% 0, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 100%, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 0 100%, var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)));
}
50% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 100%, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 0 100%, var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)));
}
73.9% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 100% 100%, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 0 100%, var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)));
}
100% {
clip-path: polygon(var(--flext-rec-clip-path) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), 100% 100%, 100% 0, calc(100% - var(--flext-rec-clip-path)) var(--flext-rec-clip-path), calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), 0 100%, 100% 100%, calc(100% - var(--flext-rec-clip-path)) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)), var(--flext-rec-clip-path) var(--flext-rec-clip-path), 0 0, 0 100%, var(--flext-rec-clip-path) calc(100% - var(--flext-rec-clip-path)));
}
} .flext-has-highlight.flext-is-style-oval {
padding: 0.25rem;
}
.flext-has-highlight.flext-is-style-oval::before {
border: 2px solid transparent;
border-radius: 48%;
bottom: 0.1em;
left: -0.2em;
right: -0.2em;
top: 0.1em;
transform: rotate(-3deg);
}
@keyframes flext-oval-draw {
0% {
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
1% {
border-left-color: var(--flext-highlight-color);
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
23.9% {
border-left-color: var(--flext-highlight-color);
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
}
50% {
border-left-color: var(--flext-highlight-color);
border-top-color: var(--flext-highlight-color);
border-right-color: transparent;
border-bottom-color: transparent;
}
73.9% {
border-left-color: var(--flext-highlight-color);
border-top-color: var(--flext-highlight-color);
border-right-color: var(--flext-highlight-color);
border-bottom-color: transparent;
}
100% {
border-top-color: var(--flext-highlight-color);
border-right-color: var(--flext-highlight-color);
border-bottom-color: var(--flext-highlight-color);
border-left-color: var(--flext-highlight-color);
}
}
.flext-has-highlight.flext-is-style-oval.flext-animated::before {
animation: flext-oval-draw 0.3s ease-in-out 0.3s forwards;
} .flext-has-highlight.flext-is-style-background::before,
.flext-has-highlight.flext-is-style-background::after {
background-color: var(--flext-highlight-color);
height: 90%;
margin-left: -0.2rem;
margin-right: -0.2rem;
transform: scaleX(0);
transform-origin: 0 0;
transition: transform 0.3s ease-in 0.3s;
width: 100%;
}
.flext-has-highlight.flext-is-style-background::before {
left: -0.1rem;
transform: scaleX(0) rotate(2deg);
top: -0.1rem;
}
.flext-has-highlight.flext-is-style-background::after {
content: "";
display: inline-block;
opacity: 0.7;
position: absolute;
right: -0.2rem;
top: 0.3rem;
transition-delay: 0.6s;
z-index: -1;
}
.flext-has-highlight.flext-is-style-background.flext-animated::before {
transform: scaleX(1) rotate(2deg);
}
.flext-has-highlight.flext-is-style-background.flext-animated::after {
transform: scaleX(1);
} .flext-format-underline {
text-decoration: underline;
} .flext-has-inline-animation {
display: inline-block;
opacity: 0;
position: relative;
vertical-align: top;
white-space: nowrap;
}
.flext-has-inline-animation.flext-is-animated {
opacity: 1;
}
.flext-has-inline-animation * {
display: inline-block;
position: relative;
vertical-align: top;
white-space: nowrap;
}
.flext-has-inline-animation em,
em .flext-has-inline-animation,
.flext-has-inline-animation i,
i .flext-has-inline-animation {
padding-right: 0.2em;
}
.flext-has-inline-animation .flext-inline-word {
left: 0;
position: absolute;
top: 0;
}
.flext-has-inline-animation .flext-is-hidden {
opacity: 0;
}
.flext-inline-animation .flext-inline-letter {
display: inline-block;
white-space: pre;
} .flext-inline-clip {
border-right: 1px solid #000;
box-sizing: content-box;
overflow: hidden;
padding: 0 2px 0 0;
width: 0;
}
.flext-inline-clip.flext-is-animated {
width: auto;
} .flext-inline-fade-up.flext-inline-animation,
.flext-inline-fade-up .flext-inline-animation {
overflow: hidden;
transition: width 0.3s;
}
.flext-inline-fade-up .flext-inline-word {
backface-visibility: hidden;
opacity: 0;
transform: translateY(50%);
}
.flext-inline-fade-up .flext-is-visible {
animation: flext-inline-fade-up-in 0.5s forwards;
}
.flext-inline-fade-up .flext-is-hidden {
animation: flext-inline-fade-up-out 0.5s forwards;
}
@keyframes flext-inline-fade-up-in {
0% {
opacity: 0;
transform: translateY(50%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes flext-inline-fade-up-out {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(50%);
}
} .flext-inline-flip-horizontal {
perspective: 300px;
}
.flext-inline-flip-horizontal.flext-inline-animation,
.flext-inline-flip-horizontal .flext-inline-animation {
transition: width 0.3s;
}
.flext-inline-flip-horizontal .flext-is-hidden {
opacity: 1;
}
.flext-inline-flip-horizontal .flext-inline-letter {
backface-visibility: hidden;
transform: rotateY(180deg);
}
.flext-inline-flip-horizontal .flext-in {
animation: flext-inline-flip-horizontal-in 0.3s forwards;
}
.flext-inline-flip-horizontal .flext-out {
animation: flext-inline-flip-horizontal-out 0.3s forwards;
}
@keyframes flext-inline-flip-horizontal-in {
0% {
transform: rotateY(180deg);
}
100% {
transform: rotateY(0);
}
}
@keyframes flext-inline-flip-horizontal-out {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(-180deg);
}
} .flext-inline-flip-vertical.flext-inline-animation,
.flext-inline-flip-vertical .flext-inline-animation {
perspective: 300px;
transition: width 0.3s;
}
.flext-inline-flip-vertical .flext-is-hidden {
opacity: 1;
}
.flext-inline-flip-vertical .flext-inline-letter {
backface-visibility: hidden;
transform: translateZ(-20px) rotateX(90deg);
transform-style: preserve-3d;
}
.flext-inline-flip-vertical .flext-in {
animation: flext-inline-flip-vertical-in 0.3s forwards;
}
.flext-inline-flip-vertical .flext-out {
animation: flext-inline-flip-vertical-out 0.3s forwards;
}
@keyframes flext-inline-flip-vertical-in {
0% {
opacity: 0;
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes flext-inline-flip-vertical-out {
0% {
opacity: 1;
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
transform: translateZ(-20px) rotateX(-90deg);
}
} .flext-inline-slide-horizontal.flext-inline-animation,
.flext-inline-slide-horizontal .flext-inline-animation {
overflow: hidden;
transition: width 0.3s;
}
.flext-inline-slide-horizontal .flext-is-visible {
animation: flext-inline-slide-horizontal-in 0.6s forwards;
}
.flext-inline-slide-horizontal .flext-is-hidden {
animation: flext-inline-slide-horizontal-out 0.6s forwards;
}
@keyframes flext-inline-slide-horizontal-in {
0% {
opacity: 0;
transform: translateX(-100%);
}
60% {
opacity: 1;
transform: translateX(20%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes flext-inline-slide-horizontal-out {
0% {
opacity: 1;
transform: translateX(0);
}
60% {
opacity: 0;
transform: translateX(120%);
}
100% {
opacity: 0;
transform: translateX(100%);
}
} .flext-inline-slide-vertical.flext-inline-animation,
.flext-inline-slide-vertical .flext-inline-animation {
overflow: hidden;
transition: width 0.3s;
}
.flext-inline-slide-vertical .flext-is-visible {
animation: flext-inline-slide-vertical-in 0.6s;
}
.flext-inline-slide-vertical .flext-is-hidden {
animation: flext-inline-slide-vertical-out 0.6s;
}
@keyframes flext-inline-slide-vertical-in {
0% {
opacity: 0;
transform: translateY(-100%);
}
60% {
opacity: 1;
transform: translateY(20%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes flext-inline-slide-vertical-out {
0% {
opacity: 1;
transform: translateY(0);
}
60% {
opacity: 0;
transform: translateY(120%);
}
100% {
opacity: 0;
transform: translateY(100%);
}
} .flext-inline-typewriter {
width: 0;
}
.flext-inline-typewriter.flext-is-animated {
width: auto;
}
.flext-inline-typewriter .flext-inline-word {
position: relative;
}
.flext-inline-typewriter .flext-inline-word.flext-is-selected {
background: #000;
color: #fff;
}
.flext-inline-typewriter .flext-inline-word::after {
display: inline-block;
content: "|";
vertical-align: top;
}
.flext-inline-typewriter .flext-inline-word.flext-cursor-blink::after {
animation: flext-inline-typewriter-blink 1s step-end infinite;
}
@keyframes flext-inline-typewriter-blink {
from,
to {
color: transparent;
}
50% {
color: inherit;
}
} .flext-inline-zoom-in.flext-inline-animation,
.flext-inline-zoom-in .flext-inline-animation {
transition: width 0.3s;
}
.flext-inline-zoom-in .flext-inline-word {
backface-visibility: hidden;
}
.flext-inline-zoom-in .flext-is-visible {
animation: flext-inline-zoom-in-in 0.6s forwards;
}
.flext-inline-zoom-in .flext-is-hidden {
animation: flext-inline-zoom-in-out 0.6s forwards;
}
@keyframes flext-inline-zoom-in-in {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes flext-inline-zoom-in-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0);
}
} .flext-inline-zoom-out.flext-inline-animation,
.flext-inline-zoom-out .flext-inline-animation {
transition: width 0.3s ease-out 0.15s;
}
.flext-inline-zoom-out .flext-inline-word {
backface-visibility: hidden;
}
.flext-inline-zoom-out .flext-is-visible {
animation: flext-inline-zoom-out-in 0.6s forwards;
}
.flext-inline-zoom-out .flext-is-hidden {
animation: flext-inline-zoom-out-out 0.6s forwards;
}
@keyframes flext-inline-zoom-out-in {
0% {
opacity: 0;
transform: scale(2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes flext-inline-zoom-out-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2);
}
}