/* Animation CSS
---------------------------------------------------------------------------- */
.anim {
  opacity: 0;
  transform: translate(0, 10vh);
}

.anim.a-rdy{
	transition: all 1s;
}
.anim.visible {
  opacity: 1;
  transform: translate(0, 0);
}
/* Current Page Indicator */
li.menu-item.current-menu-item.animate:after {
    width: calc(100% - 20px);
}
li.menu-item.current-menu-item.menu-item-has-children.animate:after {
    width: calc(100% - 44px);
}

/* CTA Button Shine */
.cta-content a.button:before {
    content: '';
    position: absolute;
    background: var(--chrome);
    width: 20px;
    height: 110px;
    left: -60px;
    top: -40%;
    display: block;
    opacity: 0.5;
    transform: rotate(45deg);
    transition: all 0s;
    transition-timing-function: cubic-bezier(.43,.88,.27,.99);
}

.cta-content a.button:hover:before {
    left: 270px;
    transition: all 1s;
}

/* Disable Animations at 600px */
@media only screen and (max-width:600px) {
	.anim {
		opacity: unset;
		transform: unset;
	}
	.anim.a-rdy {
		transition: unset;
	}
	.anim.visible {
		opacity: unset;
		transform: unset;
	}
}