%%[[if edit]]%% #%id% .effects-preview{background-image:radial-gradient(circle at 100% 50%,#eeaf00 0,#438ab7 10%,#438ab7 100%);color:white;padding:3px 0}#%id% .effects-preview i.fa{font-size:1.6rem}#%id% .effects-preview .design-note{margin-left:30px}#%parentId% .s-pro .com_joeworkman_stacks_foundation_clearing_stack{padding-top:16px}#%parentId% .s-pro .com_joeworkman_stacks_foundation_clearing_stack::before{position:absolute;top:0;left:0;z-index:10;content:"NOTE: You cannot use the animations when a section contains Clearing Gallery. Remove the animate child from this SectionsPro";background:red;border:1px solid white;color:white;font-size:16px;padding:6px 3px;font-weight:bold}%%[[endif]]%% %%[[if!edit]]%% %[if %("%id=motionEffect%"!= "motion-none")%]% #%parentId%>.s-pro.animate-%id%>.shear-wrapper>.shear-inner,#%parentId%>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner{position:relative;%[if!%id=allowOverflow%]% overflow:hidden;%[endif]% border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}#%parentId%>.s-pro.animate-%id%>.shear-wrapper>.shear-inner>.top-edge,#%parentId%>.s-pro.animate-%id%>.shear-wrapper>.shear-inner.bot-edge,#%parentId%>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner>.top-edge,#%parentId%>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner.bot-edge{display:none}#%parentId%>.s-pro.animate-%id%>.shear-wrapper>.shear-inner::before,#%parentId%>.s-pro.animate-%id%>.shear-wrapper>.shear-inner::after,#%parentId%>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::before,#%parentId%>.s-pro[class*="eff-"]>.shear-wrapper>.shear-inner::after{border-radius:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}%[endif]% %[if %("%id=startOn%"!= "hover")%]% #%parentId%>.s-pro[class*="pre-eff-"] %id=applyTo%{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms}%[else]% #%parentId%>.s-pro.pre-hover %id=applyTo%{-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-delay:0ms;transition-delay:0ms}%[endif]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-duration:%id=animTime%ms;transition-duration:%id=animTime%ms;-webkit-transition-delay:%id=animDelay%ms;transition-delay:%id=animDelay%ms;-webkit-transition-timing-function:%id=easeType%;transition-timing-function:%id=easeType%}%[if %("%id=motionEffect%" == "motion-none")%]% %[if %("%id=effect%" == "eff-opacity")%]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-property:opacity;transition-property:opacity}%[else]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-property:filter;transition-property:-webkit-filter;transition-property:filter;transition-property:filter,-webkit-filter;-webkit-transition-property:-webkit-filter}%[if!%id=killTranslate%]% #%parentId%>.s-pro>.shear-wrapper>.shear-inner{-webkit-transform:translateZ(0);transform:translateZ(0)}#%parentId%>.s-pro %id=applyTo%{-webkit-transform:translateZ(0);transform:translateZ(0)}%[endif]% %[endif]% %[else]% %[if %("%id=effect%" == "eff-no-filter")%]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}%[else]% %[if %("%id=effect%" == "eff-opacity")%]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-property:transform,opacity;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}%[else]% #%parentId%>.s-pro %id=applyTo%{-webkit-transition-property:transform,filter;-webkit-transition-property:-webkit-transform,-webkit-filter;transition-property:-webkit-transform,-webkit-filter;transition-property:transform,filter;transition-property:transform,filter,-webkit-transform,-webkit-filter;-webkit-transition-property:transform,-webkit-filter}%[endif]% %[endif]% %[endif]% %[if %("%id=motionEffect%" == "motion-kb")%]% #%parentId%>.s-pro %id=applyTo%{-webkit-transform:scale3d(%id=scale[0]%,%id=scale[0]%,%id=scale[0]%);transform:scale3d(%id=scale[0]%,%id=scale[0]%,%id=scale[0]%);-webkit-transform-origin:%id=focalPoint[0]%% %id=focalPoint[1]%%;transform-origin:%id=focalPoint[0]%% %id=focalPoint[1]%%}#%parentId%>.s-pro.animate-%id% %id=applyTo%{-webkit-transform:scale3d(%id=scale[1]%,%id=scale[1]%,%id=scale[1]%);transform:scale3d(%id=scale[1]%,%id=scale[1]%,%id=scale[1]%)}
%[endif]% %[if %("%id=motionEffect%" == "motion-advanced")%]% #%parentId%>.s-pro %id=applyTo%{-webkit-transform:scale3d(%id=scale[0]%,%id=scale[0]%,%id=scale[0]%) translate(%id=startshift[0]%%id=shiftUnits%,%id=startshift[1]%%id=shiftUnits%) rotate(%id=rotate[0]%deg) skew(%id=skewX[0]%deg,%id=skewY[0]%deg);transform:scale3d(%id=scale[0]%,%id=scale[0]%,%id=scale[0]%) translate(%id=startshift[0]%%id=shiftUnits%,%id=startshift[1]%%id=shiftUnits%) rotate(%id=rotate[0]%deg) skew(%id=skewX[0]%deg,%id=skewY[0]%deg);-webkit-transform-origin:%id=focalPoint[0]%% %id=focalPoint[1]%%;transform-origin:%id=focalPoint[0]%% %id=focalPoint[1]%%}#%parentId%>.s-pro.animate-%id% %id=applyTo%{-webkit-transform:scale3d(%id=scale[1]%,%id=scale[1]%,%id=scale[1]%) translate(%id=endshift[0]%%id=shiftUnits%,%id=endshift[1]%%id=shiftUnits%) rotate(%id=rotate[1]%deg) skew(%id=skewX[1]%deg,%id=skewY[1]%deg);transform:scale3d(%id=scale[1]%,%id=scale[1]%,%id=scale[1]%) translate(%id=endshift[0]%%id=shiftUnits%,%id=endshift[1]%%id=shiftUnits%) rotate(%id=rotate[1]%deg) skew(%id=skewX[1]%deg,%id=skewY[1]%deg)}%[endif]% %[if %("%id=effect%" == "eff-opacity")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-opacity %id=applyTo%{opacity:%id=opacityChange[0]%}#%parentId%>.s-pro.animate-%id%.eff-opacity %id=applyTo%{opacity:%id=opacityChange[1]%}%[else]% %[if %("%id=effect%" == "eff-fade-in")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-fade-in %id=applyTo%{-webkit-filter:opacity(0);filter:opacity(0)}#%parentId%>.s-pro.animate-%id%.eff-fade-in %id=applyTo%{-webkit-filter:opacity(1);filter:opacity(1)}%[endif]% %[if %("%id=effect%" == "eff-fade-out")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-fade-out %id=applyTo%{-webkit-filter:opacity(1);filter:opacity(1)}#%parentId%>.s-pro.animate-%id%.eff-fade-out %id=applyTo%{-webkit-filter:opacity(0);filter:opacity(0)}%[endif]% %[if %("%id=effect%" == "eff-to-mono")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-to-mono %id=applyTo%{-webkit-filter:grayscale(%id=tomono[0]%%);filter:grayscale(%id=tomono[0]%%)}#%parentId%>.s-pro.animate-%id%.eff-to-mono %id=applyTo%{-webkit-filter:grayscale(%id=tomono[1]%%);filter:grayscale(%id=tomono[1]%%)}%[endif]% %[if %("%id=effect%" == "eff-to-color")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-to-color %id=applyTo%{-webkit-filter:grayscale(%id=tocolor[0]%%);filter:grayscale(%id=tocolor[0]%%)}#%parentId%>.s-pro.animate-%id%.eff-to-color %id=applyTo%{-webkit-filter:grayscale(%id=tocolor[1]%%);filter:grayscale(%id=tocolor[1]%%)}%[endif]% %[if %("%id=effect%" == "eff-blur")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-blur %id=applyTo%{-webkit-filter:blur(%id=blur[0]%px);filter:blur(%id=blur[0]%px)}#%parentId%>.s-pro.animate-%id%.eff-blur %id=applyTo%{-webkit-filter:blur(%id=blur[1]%px);filter:blur(%id=blur[1]%px)}%[endif]% %[if %("%id=effect%" == "eff-lighten")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-lighten %id=applyTo%{-webkit-filter:brightness(%id=brightness[0]%%);filter:brightness(%id=brightness[0]%%)}#%parentId%>.s-pro.animate-%id%.eff-lighten %id=applyTo%{-webkit-filter:brightness(%id=brightness[1]%%);filter:brightness(%id=brightness[1]%%)}%[endif]% %[if %("%id=effect%" == "eff-sat")%]% #%parentId%>.s-pro.pre-eff-%id%.eff-sat %id=applyTo%{-webkit-filter:brightness(%id=saturate[0]%%);filter:brightness(%id=saturate[0]%%)}#%parentId%>.s-pro.animate-%id%.eff-sat %id=applyTo%{-webkit-filter:brightness(%id=saturate[1]%%);filter:brightness(%id=saturate[1]%%)}%[endif]% @media screen and (min-width:0) and (-webkit-min-device-pixel-ratio:.75),screen and (min-width:0) and (min-resolution:72dpi){#%parentId%>.s-pro[class*="animate-"] %id=applyTo%{%[if %("%id=filterFallback%" == "fb-color")%]% background:%id=fb-color%!important;%[endif]% %[if %("%id=filterFallback%" == "fb-transparent")%]% background:transparent!important;background-color:transparent!important;%[endif]%}}_:-ms-fullscreen #%parentId%>.s-pro[class*="animate-"] %id=applyTo%,:root #%parentId%>.s-pro[class*="animate-"] %id=applyTo%{%[if %("%id=filterFallback%" == "fb-color")%]% background:%id=fb-color%!important;%[endif]% %[if %("%id=filterFallback%" == "fb-transparent")%]% background:transparent!important;background-color:transparent!important;%[endif]%}
%[endif]% %%[[endif]]%%
