/* Initial animation states to prevent flashing */

/* Header Animation */
header {
  transform: translateY(-10px);
  opacity: 0;
}

/* Hero Content Animation */
.hero-content {
  opacity: 0;
  transform: translateX(-20px);
}

/* Hero Medium Container Image */
.hero-medium-container .image-wrapper {
  opacity: 0;
}

/* Hero Medium Image */
.hero-medium-fb .image-wrapper {
  opacity: 0;
}

/* Quote Widget Animation */
.quote-widget {
  opacity: 0;
}

/* Article Block */
.article-block {
  opacity: 0;
  transform: translateY(20px);
}

/* Sitemap  */
.sitemap-container {
  opacity: 0;
  transform: translateY(20px);
}


/* Intro Text */
.intro {
  opacity: 0;
  transform: translateY(10px);
}

/* Promo Split Text */
.promo-split:not(.reverse) > div:first-of-type,
.promo-container.reverse .promo-content {
  opacity: 0;
  transform: translateX(-60px);
}

/* Promo Split Reverse Text */
.promo-split.reverse > div:first-of-type,
.promo-container:not(.reverse) .promo-image {
  opacity: 0;
  transform: translateX(-60px);
}

/* Promo Split Image */
.promo-split:not(.reverse) > div:last-of-type,
.promo-container.reverse .promo-image {
  opacity: 0;
  transform: translateX(60px);
}

/* Promo Split Reverse Image */
.promo-split.reverse > div:last-of-type,
.promo-container:not(.reverse) .promo-content {
  opacity: 0;
  transform: translateX(60px);
}

/* Promo Overflow Content */
.promo-overflow .promo-content {
  opacity: 0;
  transform: translateX(60px);
}

/* Promo Overflow Background */
.promo-overflow .col-12:first-of-type {
  opacity: 0;
}

/* Promo Overflow Image */
.promo-overflow .promo-image {
  opacity: 0;
}

/* Scrollable Tabs */
.scrollable {
  opacity: 0;
  transform: translateY(20px);
}

/* Nav Tabs */
.nav-tabs {
  opacity: 0;
}

/* Tabs Headers */
.tabs-headers {
  opacity: 0;
}

/* Tabs with Content */
.tabs.with-content {
  opacity: 0;
}

/* Footer Animation */
footer {
  opacity: 0;
}
/* Cards */
.cards .card {
  opacity: 0;
  transform: translateY(20px);
}

/* Action Bar Start */
.action-bar.start .custom-col {
  opacity: 0;
  transform: translateX(-10px);
}

/* Action Bar Center */
.action-bar.center .custom-col {
  opacity: 0;
  transform: translateY(10px);
}

/* Action Bar Image */
.action-bar.with-image .bg-image {
  opacity: 0;
}

/* Action Bar End */
.action-bar.end .custom-col {
  opacity: 0;
  transform: translateX(10px);
}

/* Action Bar Two Up Image */
.action-bar.two-up .bg-image {
  opacity: 0;
}

/* Action Bar Two Up Content */
.action-bar.two-up:not(.center) .content-wrapper {
  opacity: 0;
  transform: translateX(-10px);
}

/* Action Bar Two Up Center Content */
.action-bar.two-up.center .content-wrapper {
  opacity: 0;
  transform: translateY(10px);
}

/* Stats Simple Animation */
.stats-simple {
  opacity: 0;
}

/* Feature Banner Text */
.feature-banner .col-lg-5 {
  opacity: 0;
  transform: translateX(-20px);
}

/* Icon Grid Items */
.icon-grid .icon-item {
  opacity: 0;
  transform: translateY(-10px);
}

/* Icon Content */
.icon-content {
  opacity: 0;
  transform: translateX(-10px);
}

/* Button Block */
.button-block {
  opacity: 0;
  transform: translateY(20px);
}

/* Three Column List */
.three-columns-list .row > div {
  opacity: 0;
  transform: translateY(20px);
}

/* Page List Cards */
.page-list .card {
  opacity: 0;
  transform: translateY(20px);
}

/* Tags Columns */
.tags .col {
  opacity: 0;
  transform: translateX(-10px);
}

/* Tags Links */
.tags a {
  opacity: 0;
  transform: translateY(10px);
}

/* Stars Wrapper */
.stars-wrapper {
  opacity: 0;
  transform: translateY(10px);
}

/* Form Block Content */
.form-block:not(.reverse) .form-content {
  opacity: 0;
  transform: translateX(-10px);
}

/* Form Block Form */
.form-block:not(.reverse) form {
  opacity: 0;
  transform: translateX(10px);
}

/* Form Block Reverse Content */
.form-block.reverse .form-content {
  opacity: 0;
  transform: translateX(10px);
}

/* Form Block Reverse Form */
.form-block.reverse form {
  opacity: 0;
  transform: translateX(-10px);
}

/* Form Block Image */
.form-block .form-image {
  opacity: 0;
}

/* Section with Background Image */
section.with-bg-image {
  opacity: 0;
}

/* Accordions */
.accordions {
  opacity: 0;
}

/* Accordions Wrapper Intro Content */
.accordions-wrapper .intro-content {
  opacity: 0;
}

/* Accordions Wrapper Accordion */
.accordions-wrapper .accordion {
  opacity: 0;
  transform: translateY(20px);
}

/* Comparison Chart */
.comparison-chart {
  opacity: 0;
  transform: translateY(-20px);
}