/* CSS Animations */
.wpb_animate_when_almost_visible {
  .opacity(0);
}

.wpb_animate_when_almost_visible:not(.wpb_start_animation) {
  .animation(none)
}

.wpb_top-to-bottom, .top-to-bottom {
  .animation(wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275));
}

.wpb_bottom-to-top, .bottom-to-top {
  .animation(wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275));
}

.wpb_left-to-right, .left-to-right {
  .animation(wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275));
}

.wpb_right-to-left, .right-to-left {
  .animation(wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275));
}

.wpb_appear, .appear {
  .animation(wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275));
  .scale(1);
}

.wpb_start_animation {
  .opacity(1);
}

/* Top to bottom keyframes */
@-webkit-keyframes wpb_ttb {
  0% {
    -webkit-transform: translate(0, -10%);
    .opacity(0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    .opacity(1);
  }
}

@-moz-keyframes wpb_ttb {
  0% {
    -moz-transform: translate(0, -10%);
    .opacity(0);
  }
  100% {
    -moz-transform: translate(0, 0);
    .opacity(1);
  }
}

@-o-keyframes wpb_ttb {
  0% {
    -o-transform: translate(0, -10%);
    .opacity(0);
  }
  100% {
    -o-transform: translate(0, 0);
    .opacity(1);
  }
}

@keyframes wpb_ttb {
  0% {
    .translate(0, -10%);
    .opacity(0);
  }
  100% {
    .translate(0, 0);
    .opacity(1);
  }
}

/* Bottom to top keyframes */
@-webkit-keyframes wpb_btt {
  0% {
    -webkit-transform: translate(0, 10%);
    .opacity(0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    .opacity(1);
  }
}

@-moz-keyframes wpb_btt {
  0% {
    -moz-transform: translate(0, 10%);
    .opacity(0);
  }
  100% {
    -moz-transform: translate(0, 0);
    .opacity(1);
  }
}

@-o-keyframes wpb_btt {
  0% {
    -o-transform: translate(0, 10%);
    .opacity(0);
  }
  100% {
    -o-transform: translate(0, 0);
    .opacity(1);
  }
}

@keyframes wpb_btt {
  0% {
    .translate(0, 10%);
    .opacity(0);
  }
  100% {
    .translate(0, 0);
    .opacity(1);
  }
}

/* Left to right keyframes */
@-webkit-keyframes wpb_ltr {
  0% {
    -webkit-transform: translate(-10%, 0);
    .opacity(0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    .opacity(1);
  }
}

@-moz-keyframes wpb_ltr {
  0% {
    -moz-transform: translate(-10%, 0);
    .opacity(0);
  }
  100% {
    -moz-transform: translate(0, 0);
    .opacity(1);
  }
}

@-o-keyframes wpb_ltr {
  0% {
    -o-transform: translate(-10%, 0);
    .opacity(0);
  }
  100% {
    -o-transform: translate(0, 0);
    .opacity(1);
  }
}

@keyframes wpb_ltr {
  0% {
    .translate(-10%, 0);
    .opacity(0);
  }
  100% {
    .translate(0, 0);
    .opacity(1);
  }
}

/* Right to left keyframes */
@-webkit-keyframes wpb_rtl {
  0% {
    -webkit-transform: translate(10%, 0);
    .opacity(0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    .opacity(1);
  }
}

@-moz-keyframes wpb_rtl {
  0% {
    -moz-transform: translate(10%, 0);
    .opacity(0);
  }
  100% {
    -moz-transform: translate(0, 0);
    .opacity(1);
  }
}

@-o-keyframes wpb_rtl {
  0% {
    -o-transform: translate(10%, 0);
    .opacity(0);
  }
  100% {
    -o-transform: translate(0, 0);
    .opacity(1);
  }
}

@keyframes wpb_rtl {
  0% {
    .translate(10%, 0);
    .opacity(0);
  }
  100% {
    .translate(0, 0);
    .opacity(1);
  }
}

/* Appear from center keyframes */
@-webkit-keyframes wpb_appear {
  0% {
    -webkit-transform: scale(0.5);
    .opacity(0.1);
  }
  100% {
    -webkit-transform: scale(1);
    .opacity(1);
  }
}

@-moz-keyframes wpb_appear {
  0% {
    -moz-transform: scale(0.5);
    .opacity(0.1);
  }
  100% {
    -moz-transform: scale(1);
    .opacity(1);
  }
}

@-o-keyframes wpb_appear {
  0% {
    -o-transform: scale(0.5);
    .opacity(0.1);
  }
  100% {
    -o-transform: scale(1);
    .opacity(1);
  }
}

@keyframes wpb_appear {
  0% {
    .scale(0.5);
    .opacity(0.1);
  }
  100% {
    .scale(1);
    .opacity(1);
  }
}

.vc-spinner {
  &::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    pointer-events: none;
    margin-top: 6px;
    background: url('../images/spinner.gif') no-repeat;
    background-position-x: center;
    background-position-y: center;
  }
  &.vc-spinner-complete {
    &::before {
      background-image: url('../vc/tick.png');
    }
  }
  &.vc-spinner-failed {
    &::before {
      background-image: url('../vc/remove.png');
    }
  }
}

<main id="content" class="site-main post-305 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">

			<header class="page-header">
			<h1 class="entry-title">Egg Mayo Sandwich</h1>		</header>
	
	<div class="page-content">
		
<p class="wp-block-paragraph"><strong>An  egg sandwich is a sandwich with some kind of cooked egg filling</strong> . <strong>An egg sandwich is  a sandwich     with some kind of cooked egg  filling</strong>.</p>
		<div class="post-tags">
					</div>
			</div>

	<section id="comments" class="comments-area">

	
	<div id="respond" class="comment-respond">
		<h2 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2023/08/02/egg-mayo-sandwich/#respond" style="display:none;">Cancel reply</a></small></h2><form action="https://siz.geeks.select/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='305' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p></form>	</div><!-- #respond -->
	
</section><!-- .comments-area -->

</main>

	<footer id="site-footer" class="site-footer" role="contentinfo">
	</footer>

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://siz.geeks.select/wp-includes/js/comment-reply.min.js?ver=7.1.2"></script>

</body>
</html>