/* ############################ */
/* ###### janimate 2.3.0 ###### */
/* ############################ */


/* ### fade intro */
.janimate_fadeIn,
[class*='janimate_fadeIn'] {
    opacity: 0;
}
.janimate_fadeIn.done,
[class*='janimate_fadeIn'].done {
    opacity: 1;
    transition: transform 1s, opacity 1s;
}


/* ### fade & slide intro */
.janimate_fadeInUp		{ transform: translate(0px, 100px); }
.janimate_fadeInDown	{ transform: translate(0px, -100px); }
.janimate_fadeInRight	{ transform: translate(-100px, 0px); }
.janimate_fadeInLeft	{ transform: translate(100px, 0px); }
.janimate_fadeInUp.janimate_50		{ transform: translate( 0px,  50px); }
.janimate_fadeInDown.janimate_50	{ transform: translate( 0px, -50px); }
.janimate_fadeInRight.janimate_50	{ transform: translate(-50px,  0px); }
.janimate_fadeInLeft.janimate_50	{ transform: translate( 50px,  0px); }
.janimate_fadeInUp.janimate_25		{ transform: translate( 0px,  25px); }
.janimate_fadeInDown.janimate_25	{ transform: translate( 0px, -25px); }
.janimate_fadeInRight.janimate_25	{ transform: translate(-25px,  0px); }
.janimate_fadeInLeft.janimate_25	{ transform: translate( 25px,  0px); }
.janimate_fadeInUp.done, .janimate_fadeInDown.done, .janimate_fadeInRight.done, .janimate_fadeInLeft.done	{ transform: translate(0px, 0px); }


/* ### fade & zoom intro */
.janimate_fadeInZoomIn	{ transform: scale(0.75, 0.75); } /* renamed from janimate_fadeInZoomUp */
.janimate_fadeInZoomOut	{ transform: scale(1.15, 1.15); }
.janimate_fadeInZoomIn.done, .janimate_fadeInZoomOut.done	{ transform: scale(1, 1); }


/* ### fade & rotate intro */
.janimate_fadeInRotCW	{ transform: rotate(-45deg); }
.janimate_fadeInRotACW	{ transform: rotate(45deg); }
.janimate_fadeInRotCW.janimate_30	{ transform: rotate(-30deg); }
.janimate_fadeInRotACW.janimate_30	{ transform: rotate(30deg); }
.janimate_fadeInRotCW.janimate_15	{ transform: rotate(-15deg); }
.janimate_fadeInRotACW.janimate_15	{ transform: rotate(15deg); }
.janimate_fadeInRotCW.done, .janimate_fadeInRotACW.done	{ transform: rotate(0deg); }


.janimate_none {
	opacity: 1 !important;
	transform: none !important;
}




.triggeronscroll [class*='janimate_fadeIn'] { /* ??? */
    transition: transform 1s, opacity 1s;
}

.janimate_trigger {
	height: 1px;
}

.inactive .janimate_trigger,
.janimate_trigger.inactive {
	position: fixed;
	margin: 0;
	top: 200%;
}




[class*='janimate_fade'] {
    _pointer-events: none;
}

[class*='janimate_fadeIn'].done {
    pointer-events: auto;
}



.janimate_:not(.done) {
	done: no;
}

.janimate_ {
	done: yes;
}

.janimate_:not(.done) * {
    -webkit-animation: none !important;
    -o-animation:none !important;
    animation: none !important;
}


/* responsive (like bootstrap 4) delays */

.janimate_delay_1.done { transition-delay: 0.25s !important; }
.janimate_delay_2.done { transition-delay: 0.5s !important; }
.janimate_delay_3.done { transition-delay: 0.75s !important; }
.janimate_delay_4.done { transition-delay: 1s !important; }
.janimate_delay_5.done { transition-delay: 1.25s !important; }
.janimate_delay_6.done { transition-delay: 1.5s !important; }
.janimate_delay_7.done { transition-delay: 1.75s !important; }
.janimate_delay_8.done { transition-delay: 2s !important; }
.janimate_delay_9.done { transition-delay: 2.25s !important; }
.janimate_delay_10.done { transition-delay: 2.5s !important; }
.janimate_delay_11.done { transition-delay: 2.75s !important; }
.janimate_delay_12.done { transition-delay: 3s !important; }

@media (min-width: 576px) {
	.janimate_delay_sm_0.done { transition-delay: 0s !important; }
	.janimate_delay_sm_1.done { transition-delay: 0.25s !important; }
	.janimate_delay_sm_2.done { transition-delay: 0.5s !important; }
	.janimate_delay_sm_3.done { transition-delay: 0.75s !important; }
	.janimate_delay_sm_4.done { transition-delay: 1s !important; }
	.janimate_delay_sm_5.done { transition-delay: 1.25s !important; }
	.janimate_delay_sm_6.done { transition-delay: 1.5s !important; }
	.janimate_delay_sm_7.done { transition-delay: 1.75s !important; }
	.janimate_delay_sm_8.done { transition-delay: 2s !important; }
	.janimate_delay_sm_9.done { transition-delay: 2.25s !important; }
	.janimate_delay_sm_10.done { transition-delay: 2.5s !important; }
	.janimate_delay_sm_11.done { transition-delay: 2.75s !important; }
	.janimate_delay_sm_12.done { transition-delay: 3s !important; }
}

@media (min-width: 768px) {
	.janimate_delay_md_0.done { transition-delay: 0s !important; }
	.janimate_delay_md_1.done { transition-delay: 0.25s !important; }
	.janimate_delay_md_2.done { transition-delay: 0.5s !important; }
	.janimate_delay_md_3.done { transition-delay: 0.75s !important; }
	.janimate_delay_md_4.done { transition-delay: 1s !important; }
	.janimate_delay_md_5.done { transition-delay: 1.25s !important; }
	.janimate_delay_md_6.done { transition-delay: 1.5s !important; }
	.janimate_delay_md_7.done { transition-delay: 1.75s !important; }
	.janimate_delay_md_8.done { transition-delay: 2s !important; }
	.janimate_delay_md_9.done { transition-delay: 2.25s !important; }
	.janimate_delay_md_10.done { transition-delay: 2.5s !important; }
	.janimate_delay_md_11.done { transition-delay: 2.75s !important; }
	.janimate_delay_md_12.done { transition-delay: 3s !important; }
	
	.janimate_fadeInUp_md		{ transform: translate(0px, 100px); }
	.janimate_fadeInDown_md	{ transform: translate(0px, -100px); }
	.janimate_fadeInRight_md	{ transform: translate(-100px, 0px); }
	.janimate_fadeInLeft_md	{ transform: translate(100px, 0px); }
	.janimate_fadeInUp_md.janimate_50		{ transform: translate( 0px,  50px); }
	.janimate_fadeInDown_md.janimate_50	{ transform: translate( 0px, -50px); }
	.janimate_fadeInRight_md.janimate_50	{ transform: translate(-50px,  0px); }
	.janimate_fadeInLeft_md.janimate_50	{ transform: translate( 50px,  0px); }
	.janimate_fadeInUp_md.janimate_25		{ transform: translate( 0px,  25px); }
	.janimate_fadeInDown_md.janimate_25	{ transform: translate( 0px, -25px); }
	.janimate_fadeInRight_md.janimate_25	{ transform: translate(-25px,  0px); }
	.janimate_fadeInLeft_md.janimate_25	{ transform: translate( 25px,  0px); }
	.janimate_fadeInUp_md.done, .janimate_fadeInDown_md.done, .janimate_fadeInRight_md.done, .janimate_fadeInLeft_md.done	{ transform: translate(0px, 0px); }


	/* ### fade & zoom intro */
	.janimate_fadeInZoomIn_md	{ transform: scale(0.75, 0.75); } /* renamed from janimate_fadeInZoomUp */
	.janimate_fadeInZoomOut_md	{ transform: scale(1.15, 1.15); }
	.janimate_fadeInZoomIn_md.done, .janimate_fadeInZoomOut_md.done	{ transform: scale(1, 1); }


	/* ### fade & rotate intro */
	.janimate_fadeInRotCW_md	{ transform: rotate(-45deg); }
	.janimate_fadeInRotACW_md	{ transform: rotate(45deg); }
	.janimate_fadeInRotCW_md.janimate_30	{ transform: rotate(-30deg); }
	.janimate_fadeInRotACW_md.janimate_30	{ transform: rotate(30deg); }
	.janimate_fadeInRotCW_md.janimate_15	{ transform: rotate(-15deg); }
	.janimate_fadeInRotACW_md.janimate_15	{ transform: rotate(15deg); }
	.janimate_fadeInRotCW_md.done, .janimate_fadeInRotACW_md.done	{ transform: rotate(0deg); }
}

@media (min-width: 992px) {
	.janimate_delay_lg_0.done { transition-delay: 0s !important; }
	.janimate_delay_lg_1.done { transition-delay: 0.25s !important; }
	.janimate_delay_lg_2.done { transition-delay: 0.5s !important; }
	.janimate_delay_lg_3.done { transition-delay: 0.75s !important; }
	.janimate_delay_lg_4.done { transition-delay: 1s !important; }
	.janimate_delay_lg_5.done { transition-delay: 1.25s !important; }
	.janimate_delay_lg_6.done { transition-delay: 1.5s !important; }
	.janimate_delay_lg_7.done { transition-delay: 1.75s !important; }
	.janimate_delay_lg_8.done { transition-delay: 2s !important; }
	.janimate_delay_lg_9.done { transition-delay: 2.25s !important; }
	.janimate_delay_lg_10.done { transition-delay: 2.5s !important; }
	.janimate_delay_lg_11.done { transition-delay: 2.75s !important; }
	.janimate_delay_lg_12.done { transition-delay: 3s !important; }
}

@media (min-width: 1200px) {
	.janimate_delay_xl_0.done { transition-delay: 0s !important; }
	.janimate_delay_xl_1.done { transition-delay: 0.25s !important; }
	.janimate_delay_xl_2.done { transition-delay: 0.5s !important; }
	.janimate_delay_xl_3.done { transition-delay: 0.75s !important; }
	.janimate_delay_xl_4.done { transition-delay: 1s !important; }
	.janimate_delay_xl_5.done { transition-delay: 1.25s !important; }
	.janimate_delay_xl_6.done { transition-delay: 1.5s !important; }
	.janimate_delay_xl_7.done { transition-delay: 1.75s !important; }
	.janimate_delay_xl_8.done { transition-delay: 2s !important; }
	.janimate_delay_xl_9.done { transition-delay: 2.25s !important; }
	.janimate_delay_xl_10.done { transition-delay: 2.5s !important; }
	.janimate_delay_xl_11.done { transition-delay: 2.75s !important; }
	.janimate_delay_xl_12.done { transition-delay: 3s !important; }
}


/* temp #################### *
.janimate_trigger {
	border-top: dashed 1px green;
}
.janimate_trigger:before {
	content: attr(data-trigger);
	position: absolute;
	padding: 0 2px;
	background: #fff;
	font-size: 0.70em;
}
/* #################### */