/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 30 2026 | 12:21:26 */
/* General */
.animate {
  opacity: 1;
  transform: none;
}

/* Default hidden state */
.hero_heading,
.section_header_name,
.hero_text,
.hero_image,
.is-style-wide,
.section_heading,
.section_text,
.section_image_right,
.section_image_left,
.printmedia_num,
.digitalmedia_num,
.largerformat_num,
.website_num {
  opacity: 0;
  /*transition: all 2.8s ease;*/
  transition: 2.8s ease;
}

.hero_button1,
.hero_button2 {
	opacity: 0;
	transition :4.0s ease;
}


/* HERO ANIMATIONS */
.hero_heading {
  transform: translateY(20px);
}
.hero_heading.animate {
  opacity: 1;
  transform: translateY(0);
}

.section_header_name {
transform: scale(0.8);
}

.section_header_name.animate {
	opacity: 1;
	transform: scale(1);
}

.hero_text {
  transform: translateX(50px);
}
.hero_text.animate {
  opacity: 1;
  transform: translateX(0);
}

.hero_image {
  transform: scale(0.8);
}
.hero_image.animate {
  opacity: 1;
  transform: scale(1);
}

/* SECTION ANIMATIONS */
.section_heading {
  transform: translateY(20px);
}
.section_heading.animate {
  opacity: 1;
  transform: translateY(0);
}

.section_text {
  transform: translateY(20px);
}
.section_text.animate {
  opacity: 1;
  transform: translateY(0);
}

.is-style-wide {
 transform: translateY(-100px);
}

.is-style-wide.animate {
 opacity: 1;
 transform: translateY(0);
}

.section_image_right {
  transform: translateX(100px);
}
.section_image_right.animate {
  opacity: 1;
  transform: translateX(0);
}

.section_image_left {
  transform: translateX(-100px);
}
.section_image_left.animate {
  opacity: 1;
  transform: translateX(0);
}

.printmedia_num {
transform: scale(0.5);
}

.printmedia_num.animate {
opacity: 1;
transform: scale(1);
}

.digitalmedia_num {
transform: scale(0.5);
}

.digitalmedia_num.animate {
	opacity: 1;
	transform: scale(1);
}

.largerformat_num {
	transform: scale(0.5);
}

.largerformat_num.animate {
	opacity: 1;
	transform: scale(1);
}

.website_num {
	transform: scale(0.5);
}

.website_num.animate {
	opacity: 1;
	transform: scale(1);
}

.hero_button1 {
	transform: translateX(500px);
}

.hero_button1.animate {
	opacity: 1;
	transform: translateX(0);
}

.hero_button2 {
	transform: translateX(-500px);
}

.hero_button2.animate {
	opacity: 1;
	transform: translateX(0);
}


