/*
 Theme Name:   Twenty Twenty-Two Child
 Description:  Twenty Twenty-Two Child Theme
 Author:       Tryfon Tzanetis
 Author URI:   http://tafhub.com
 Template:     twentytwentytwo
 Version:      1.0.0
 License:      GNU General Public License v3 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
 Text Domain:  twentytwentytwochild
*/



.text p {
  -webkit-animation: 1.5s highlight 1.5s 1 normal forwards;
          animation: 1.5s highlight 1.5s 1 normal forwards;
  background-color: none;
  background: linear-gradient(90deg, #7efff5 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 0% 0%;
  background-position: 100% 0;
}

@-webkit-keyframes highlight {
  to {
    background-position: 0 0;
  }
}

@keyframes highlight {
  to {
    background-position: 0 0;
  }
}

/* https://stackoverflow.com/questions/49765190/how-to-embed-vimeo-video-with-responsive-design */
.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.sticky:before {
    display: block;
    content: "";
    padding-top: 56.25%;
}