.animation-reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.animation-reveal.fast {
transition: 0.5s all ease;
}
.animation-reveal.medium {
transition: 2s all ease;
}
.animation-reveal.slow {
transition: 3s all ease;
}
.animation-reveal.slower {
transition: 4s all ease;
}
.animation-reveal.show {
transform: translateY(0);
opacity: 1;
}
.reveal {
overflow:hidden;
position:relative; }
.reveal::after {
content: " ";
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background:#fff;
z-index:2;
transition: all 0.5s ease;
}
.reveal.show::after { 
height: 0;
}.ds-tooltip {
display: inline;
position: relative;
}
.ds-tooltip > span {
display: none;
}
.ds-tooltip:hover > span, .ds-tooltip:focus > span, .ds-tooltip:active > span, .ds-tooltip.open > span {
display: block;
position: absolute;
top: calc(100% + 20px); padding: 10px 10px;
background: #000;
color: #fff;
border-radius: 4px 4px 4px 0;
width: 300px;
left: 50%;
right: 0;
transform: translateX(-50%);
margin: 0 auto;
font-size: 1rem;
line-height: 1.4;
z-index: 2;
}
.ds-tooltip:hover > span:before, .ds-tooltip:focus > span:before, .ds-tooltip:active > span:before, .ds-tooltip.open > span::before {
content: "";
position: absolute;
bottom: 100%;
border-top: 10px solid #000;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
transform: translateX(-50%) rotate(180deg);
left: 50%;
}
.ds-tooltip[data-content]:hover:after, .ds-tooltip[data-content]:focus:after, .ds-tooltip[data-content]:active:after {
content: attr(data-content);
display: block;
position: absolute;
bottom: calc(1em + 10px);
left: 0;
padding: 5px 10px;
background: #000;
color: #fff;
border-radius: 4px 4px 4px 0;
}
body.page-template-template-events-php .ds-tooltip-trigger {
display: inline-block;
width: 30px;
transform: translateY(-4px) translateX(-4px);
}
.wp-block-button__link .ds-tooltip .ds-tooltip-trigger {
position: absolute;
left: 100%;
}
@media screen and (max-width: 780px) {
body.page-template-template-events-php .events-other-links {
display: flex;
width: 100%;
}
body.page-template-template-events-php .events-other-links.with-tooltip {
position: relative;
z-index: 400;
}
body.page-template-template-events-php .events-other-links.with-tooltip + .events-other-links.with-tooltip {
z-index: 300;
}
body.page-template-template-events-php .events-other-links .ds-tooltip {
display: inline-block;
margin-left: 10px;
position: static;
}
}
@media screen and (max-width: 600px) {
.ds-events-list-v2 .ds-event-info-container h2 {
position: relative;
z-index: 500;
}
body.page-template-template-events-php .ds-events-container .ds-tooltip {
display: inline-block;
position: static;
} 
.ds-events-list-v2 .ds-event-cta {
position: relative;
z-index: 400;
}
.ds-events-list-v2 .ds-event-cta .ds-tooltip > span {
top: 54px;
}
body.page-template-template-events-php .ds-tooltip-trigger {
width: 20px;
transform: translateY(-1px) translateX(-4px);
}
.ds-tooltip:hover > span, .ds-tooltip:focus > span, .ds-tooltip:active > span, .ds-tooltip.open > span {
left: 0;
transform: none;
}
}