.king-addons-anim-transparency { opacity: 0; } .king-addons-element-fade-in, .king-addons-overlay-fade-in { opacity: 0; } .king-addons-animation-wrap-active .king-addons-anim-size-small.king-addons-element-fade-in, .king-addons-animation-wrap-active .king-addons-anim-size-small.king-addons-overlay-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-small.king-addons-element-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-small.king-addons-overlay-fade-in, .king-addons-animation-enter > .king-addons-anim-size-small.king-addons-overlay-fade-in { opacity: 0.4; } .king-addons-animation-wrap-active .king-addons-anim-size-medium.king-addons-element-fade-in, .king-addons-animation-wrap-active .king-addons-anim-size-medium.king-addons-overlay-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-medium.king-addons-element-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-medium.king-addons-overlay-fade-in, .king-addons-animation-enter > .king-addons-anim-size-medium.king-addons-overlay-fade-in { opacity: 0.75; } .king-addons-animation-wrap-active .king-addons-anim-size-large.king-addons-element-fade-in, .king-addons-animation-wrap-active .king-addons-anim-size-large.king-addons-overlay-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-large.king-addons-element-fade-in, .king-addons-animation-wrap:hover .king-addons-anim-size-large.king-addons-overlay-fade-in, .king-addons-animation-enter > .king-addons-anim-size-large.king-addons-overlay-fade-in { opacity: 1; } .king-addons-element-fade-out, .king-addons-overlay-fade-out { opacity: 1; } .king-addons-animation-wrap-active .king-addons-anim-size-small.king-addons-element-fade-out, .king-addons-animation-wrap-active .king-addons-anim-size-small.king-addons-overlay-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-small.king-addons-element-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-small.king-addons-overlay-fade-out, .king-addons-animation-enter > .king-addons-anim-size-small.king-addons-overlay-fade-out { opacity: 0.75; } .king-addons-animation-wrap-active .king-addons-anim-size-medium.king-addons-element-fade-out, .king-addons-animation-wrap-active .king-addons-anim-size-medium.king-addons-overlay-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-medium.king-addons-element-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-medium.king-addons-overlay-fade-out, .king-addons-animation-enter > .king-addons-anim-size-medium.king-addons-overlay-fade-out { opacity: 0.4; } .king-addons-animation-wrap-active .king-addons-anim-size-large.king-addons-element-fade-out, .king-addons-animation-wrap-active .king-addons-anim-size-large.king-addons-overlay-fade-out, .king-addons-animation-wrap-hover .king-addons-anim-size-large.king-addons-element-fade-out, .king-addons-animation-wrap-hover .king-addons-anim-size-large.king-addons-overlay-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-large.king-addons-element-fade-out, .king-addons-animation-wrap:hover .king-addons-anim-size-large.king-addons-overlay-fade-out, .king-addons-animation-enter > .king-addons-anim-size-large.king-addons-overlay-fade-out { opacity: 0; } .king-addons-anim-size-small.king-addons-element-slide-top { transform: translateY(-30%); } .king-addons-anim-size-medium.king-addons-element-slide-top { transform: translateY(-100%); } .king-addons-anim-size-large.king-addons-element-slide-top { transform: translateY(-200%); } .king-addons-anim-size-small.king-addons-overlay-slide-top { transform: translateY(-50%); } .king-addons-anim-size-medium.king-addons-overlay-slide-top { transform: translateY(-70%); } .king-addons-anim-size-large.king-addons-overlay-slide-top { transform: translateY(-100%); } .king-addons-anim-size-small.king-addons-element-slide-bottom { transform: translateY(30%); } .king-addons-anim-size-medium.king-addons-element-slide-bottom { transform: translateY(100%); } .king-addons-anim-size-large.king-addons-element-slide-bottom { transform: translateY(200%); } .king-addons-anim-size-small.king-addons-overlay-slide-bottom { transform: translateY(50%); } .king-addons-anim-size-medium.king-addons-overlay-slide-bottom { transform: translateY(70%); } .king-addons-anim-size-large.king-addons-overlay-slide-bottom { transform: translateY(100%); } .king-addons-animation-wrap-active .king-addons-element-slide-top, .king-addons-animation-wrap-active .king-addons-overlay-slide-top, .king-addons-animation-wrap:hover .king-addons-element-slide-top, .king-addons-animation-wrap:hover .king-addons-overlay-slide-top, .king-addons-animation-enter > .king-addons-overlay-slide-top, .king-addons-animation-wrap-active .king-addons-element-slide-bottom, .king-addons-animation-wrap-active .king-addons-overlay-slide-bottom, .king-addons-animation-wrap:hover .king-addons-element-slide-bottom, .king-addons-animation-wrap:hover .king-addons-overlay-slide-bottom, .king-addons-animation-enter > .king-addons-overlay-slide-bottom { transform: translateY(0); opacity: 1; } .king-addons-anim-size-small.king-addons-element-slide-right { transform: translateX(30%); } .king-addons-anim-size-medium.king-addons-element-slide-right { transform: translateX(150%); } .king-addons-anim-size-large.king-addons-element-slide-right { transform: translateX(300%); } .king-addons-anim-size-small.king-addons-overlay-slide-right { transform: translateX(50%); } .king-addons-anim-size-medium.king-addons-overlay-slide-right { transform: translateX(70%); } .king-addons-anim-size-large.king-addons-overlay-slide-right { transform: translateX(100%); } .king-addons-anim-size-small.king-addons-element-slide-left { transform: translateX(-30%); } .king-addons-anim-size-medium.king-addons-element-slide-left { transform: translateX(-150%); } .king-addons-anim-size-large.king-addons-element-slide-left { transform: translateX(-300%); } .king-addons-anim-size-small.king-addons-overlay-slide-left { transform: translateX(-50%); } .king-addons-anim-size-medium.king-addons-overlay-slide-left { transform: translateX(-70%); } .king-addons-anim-size-large.king-addons-overlay-slide-left { transform: translateX(-100%); } .king-addons-animation-wrap-active .king-addons-element-slide-right, .king-addons-animation-wrap-active .king-addons-overlay-slide-right, .king-addons-animation-wrap:hover .king-addons-element-slide-right, .king-addons-animation-wrap:hover .king-addons-overlay-slide-right, .king-addons-animation-enter > .king-addons-overlay-slide-right, .king-addons-animation-wrap-active .king-addons-element-slide-left, .king-addons-animation-wrap-active .king-addons-overlay-slide-left, .king-addons-animation-wrap-hover .king-addons-element-slide-left, .king-addons-animation-wrap-hover .king-addons-overlay-slide-left, .king-addons-animation-wrap:hover .king-addons-element-slide-left, .king-addons-animation-wrap:hover .king-addons-overlay-slide-left, .king-addons-animation-enter > .king-addons-overlay-slide-left { transform: translateX(0); opacity: 1; } .king-addons-element-slide-x-right, .king-addons-element-slide-x-left { position: relative; overflow: hidden; } .king-addons-element-slide-x-right .inner-block, .king-addons-element-slide-x-left .inner-block { position: relative; transition-duration: inherit; } .king-addons-element-slide-x-right .inner-block { right: -100%; } .king-addons-animation-wrap-active .king-addons-element-slide-x-right .inner-block, .king-addons-animation-wrap:hover .king-addons-element-slide-x-right .inner-block { right: 0; } .king-addons-element-slide-x-left .inner-block { left: -100%; } .king-addons-animation-wrap-active .king-addons-element-slide-x-left .inner-block, .king-addons-animation-wrap:hover .king-addons-element-slide-x-left .inner-block { left: 0; } .king-addons-element-skew-top, .king-addons-overlay-skew-top { transform-origin: center top 0; } .king-addons-overlay-skew-top { top: 0 !important; } .king-addons-anim-size-small.king-addons-element-skew-top, .king-addons-anim-size-small.king-addons-overlay-skew-top { transform: perspective(600px) rotateX(-30deg); } .king-addons-anim-size-medium.king-addons-element-skew-top, .king-addons-anim-size-medium.king-addons-overlay-skew-top { transform: perspective(600px) rotateX(-50deg); } .king-addons-anim-size-large.king-addons-element-skew-top, .king-addons-anim-size-large.king-addons-overlay-skew-top { transform: perspective(600px) rotateX(-90deg); } .king-addons-element-skew-bottom, .king-addons-overlay-skew-bottom { transform-origin: center bottom 0; } .king-addons-overlay-skew-bottom { top: auto !important; bottom: 0 !important; } .king-addons-anim-size-small.king-addons-element-skew-bottom, .king-addons-anim-size-small.king-addons-overlay-skew-bottom { transform: perspective(600px) rotateX(30deg); } .king-addons-anim-size-medium.king-addons-element-skew-bottom, .king-addons-anim-size-medium.king-addons-overlay-skew-bottom { transform: perspective(600px) rotateX(50deg); } .king-addons-anim-size-large.king-addons-element-skew-bottom, .king-addons-anim-size-large.king-addons-overlay-skew-bottom { transform: perspective(600px) rotateX(90deg); } .king-addons-animation-wrap-active .king-addons-element-skew-top, .king-addons-animation-wrap-active .king-addons-overlay-skew-top, .king-addons-animation-wrap:hover .king-addons-element-skew-top, .king-addons-animation-wrap:hover .king-addons-overlay-skew-top, .king-addons-animation-enter > .king-addons-overlay-skew-top, .king-addons-animation-wrap-active .king-addons-element-skew-bottom, .king-addons-animation-wrap-active .king-addons-overlay-skew-bottom, .king-addons-animation-wrap:hover .king-addons-element-skew-bottom, .king-addons-animation-wrap:hover .king-addons-overlay-skew-bottom, .king-addons-animation-enter > .king-addons-overlay-skew-bottom { transform: perspective(600px) rotateX(0deg); opacity: 1; } .king-addons-element-skew-right, .king-addons-overlay-skew-right { transform-origin: center right 0; } .king-addons-overlay-skew-right { right: 0 !important; left: auto !important; } .king-addons-anim-size-small.king-addons-element-skew-right, .king-addons-anim-size-small.king-addons-overlay-skew-right { transform: perspective(600px) rotateY(-30deg); } .king-addons-anim-size-medium.king-addons-element-skew-right, .king-addons-anim-size-medium.king-addons-overlay-skew-right { transform: perspective(600px) rotateY(-50deg); } .king-addons-anim-size-large.king-addons-element-skew-right, .king-addons-anim-size-large.king-addons-overlay-skew-right { transform: perspective(600px) rotateY(-90deg); } .king-addons-element-skew-left, .king-addons-overlay-skew-left { transform-origin: center left 0; } .king-addons-overlay-skew-left { left: 0 !important; } .king-addons-anim-size-small.king-addons-element-skew-left, .king-addons-anim-size-small.king-addons-overlay-skew-left { transform: perspective(600px) rotateY(30deg); } .king-addons-anim-size-medium.king-addons-element-skew-left, .king-addons-anim-size-medium.king-addons-overlay-skew-left { transform: perspective(600px) rotateY(50deg); } .king-addons-anim-size-large.king-addons-element-skew-left, .king-addons-anim-size-large.king-addons-overlay-skew-left { transform: perspective(600px) rotateY(90deg); } .king-addons-animation-wrap-active .king-addons-element-skew-right, .king-addons-animation-wrap-active .king-addons-overlay-skew-right, .king-addons-animation-wrap:hover .king-addons-element-skew-right, .king-addons-animation-wrap:hover .king-addons-overlay-skew-right, .king-addons-animation-enter > .king-addons-overlay-skew-right, .king-addons-animation-wrap-active .king-addons-element-skew-left, .king-addons-animation-wrap-active .king-addons-overlay-skew-left, .king-addons-animation-wrap:hover .king-addons-element-skew-left, .king-addons-animation-wrap:hover .king-addons-overlay-skew-left, .king-addons-animation-enter > .king-addons-overlay-skew-left { transform: perspective(600px) rotateY(0deg); opacity: 1; } .king-addons-anim-size-small.king-addons-element-scale-up, .king-addons-anim-size-small.king-addons-overlay-scale-up { transform: scale(0.9); } .king-addons-anim-size-medium.king-addons-element-scale-up, .king-addons-anim-size-medium.king-addons-overlay-scale-up { transform: scale(0.6); } .king-addons-anim-size-large.king-addons-element-scale-up, .king-addons-anim-size-large.king-addons-overlay-scale-up { transform: scale(0.2); } .king-addons-anim-size-small.king-addons-element-scale-down, .king-addons-anim-size-small.king-addons-overlay-scale-down { transform: scale(1.1); } .king-addons-anim-size-medium.king-addons-element-scale-down, .king-addons-anim-size-medium.king-addons-overlay-scale-down { transform: scale(1.4); } .king-addons-anim-size-large.king-addons-element-scale-down, .king-addons-anim-size-large.king-addons-overlay-scale-down { transform: scale(1.9); } .king-addons-animation-wrap-active .king-addons-element-scale-up, .king-addons-animation-wrap-active .king-addons-overlay-scale-up, .king-addons-animation-wrap:hover .king-addons-element-scale-up, .king-addons-animation-wrap:hover .king-addons-overlay-scale-up, .king-addons-animation-enter > .king-addons-overlay-scale-up, .king-addons-animation-wrap-active .king-addons-element-scale-down, .king-addons-animation-wrap-active .king-addons-overlay-scale-down, .king-addons-animation-wrap:hover .king-addons-element-scale-down, .king-addons-animation-wrap:hover .king-addons-overlay-scale-down, .king-addons-animation-enter > .king-addons-overlay-scale-down { transform: scale(1); opacity: 1; } .king-addons-anim-size-small.king-addons-element-roll-right, .king-addons-anim-size-small.king-addons-overlay-roll-right { transform: translateX(100%) rotate(90deg); } .king-addons-anim-size-medium.king-addons-element-roll-right, .king-addons-anim-size-medium.king-addons-overlay-roll-right { transform: translateX(100%) rotate(240deg); } .king-addons-anim-size-large.king-addons-element-roll-right, .king-addons-anim-size-large.king-addons-overlay-roll-right { transform: translateX(100%) rotate(360deg); } .king-addons-anim-size-small.king-addons-element-roll-left, .king-addons-anim-size-small.king-addons-overlay-roll-left { transform: translateX(-100%) rotate(-90deg); } .king-addons-anim-size-medium.king-addons-element-roll-left, .king-addons-anim-size-medium.king-addons-overlay-roll-left { transform: translateX(-100%) rotate(-240deg); } .king-addons-anim-size-large.king-addons-element-roll-left, .king-addons-anim-size-large.king-addons-overlay-roll-left { transform: translateX(-100%) rotate(-360deg); } .king-addons-animation-wrap-active .king-addons-element-roll-right, .king-addons-animation-wrap-active .king-addons-overlay-roll-right, .king-addons-animation-wrap:hover .king-addons-element-roll-right, .king-addons-animation-wrap:hover .king-addons-overlay-roll-right, .king-addons-animation-enter > .king-addons-overlay-roll-right, .king-addons-animation-wrap-active .king-addons-element-roll-left, .king-addons-animation-wrap-active .king-addons-overlay-roll-left, .king-addons-animation-wrap:hover .king-addons-element-roll-left, .king-addons-animation-wrap:hover .king-addons-overlay-roll-left, .king-addons-animation-enter > .king-addons-overlay-roll-left { transform: translateX(0) rotate(0); opacity: 1; } .king-addons-slide.king-addons-effect-dir-top:hover img { transform: translateY(-100%); } .king-addons-slide.king-addons-effect-dir-bottom:hover img { transform: translateY(100%); } .king-addons-slide.king-addons-effect-dir-right:hover img { transform: translateX(100%); } .king-addons-slide.king-addons-effect-dir-left:hover img { transform: translateX(-100%); } .king-addons-zoom-in.king-addons-effect-size-small:hover img { transform: scale(1.1); } .king-addons-zoom-in.king-addons-effect-size-medium:hover img { transform: scale(1.3); } .king-addons-zoom-in.king-addons-effect-size-large:hover img { transform: scale(1.5); } .king-addons-zoom-out.king-addons-effect-size-small img { transform: scale(1.1); } .king-addons-zoom-out.king-addons-effect-size-medium img { transform: scale(1.3); } .king-addons-zoom-out.king-addons-effect-size-large img { transform: scale(1.5); } .king-addons-zoom-out.king-addons-effect-size-small:hover img, .king-addons-zoom-out.king-addons-effect-size-medium:hover img, .king-addons-zoom-out.king-addons-effect-size-large:hover img { transform: scale(1); } .king-addons-grayscale-in.king-addons-effect-size-small:hover img { filter: grayscale(0.3); } .king-addons-grayscale-in.king-addons-effect-size-medium:hover img { filter: grayscale(0.6); } .king-addons-grayscale-in.king-addons-effect-size-large:hover img { filter: grayscale(1); } .king-addons-grayscale-out.king-addons-effect-size-small img { filter: grayscale(0.3); } .king-addons-grayscale-out.king-addons-effect-size-medium img { filter: grayscale(0.6); } .king-addons-grayscale-out.king-addons-effect-size-large img { filter: grayscale(1); } .king-addons-grayscale-out.king-addons-effect-size-small:hover img, .king-addons-grayscale-out.king-addons-effect-size-medium:hover img, .king-addons-grayscale-out.king-addons-effect-size-large:hover img { filter: grayscale(0); } .king-addons-blur-in.king-addons-effect-size-small:hover img { filter: blur(1px); } .king-addons-blur-in.king-addons-effect-size-medium:hover img { filter: blur(3px); } .king-addons-blur-in.king-addons-effect-size-large:hover img { filter: blur(5px); } .king-addons-blur-out.king-addons-effect-size-small img { filter: blur(1px); } .king-addons-blur-out.king-addons-effect-size-medium img { filter: blur(3px); } .king-addons-blur-out.king-addons-effect-size-large img { filter: blur(5px); } .king-addons-blur-out.king-addons-effect-size-small:hover img, .king-addons-blur-out.king-addons-effect-size-medium:hover img, .king-addons-blur-out.king-addons-effect-size-large:hover img { filter: blur(0px); } .king-addons-cv-container { position: absolute; z-index: 90; top: 0; left: 0; display: block; width: 100%; height: 100%; } .king-addons-cv-outer { display: table; width: 100%; height: 100%; } .king-addons-cv-inner { display: table-cell; vertical-align: middle; } /* Fix: Overlay scale-down animation should shrink on hover, not grow. */ .king-addons-anim-size-small.king-addons-overlay-scale-down, .king-addons-anim-size-medium.king-addons-overlay-scale-down, .king-addons-anim-size-large.king-addons-overlay-scale-down { transform: scale(1); transition: transform 0.3s; } .king-addons-animation-wrap:hover .king-addons-overlay-scale-down, .king-addons-animation-wrap-active .king-addons-overlay-scale-down, .king-addons-animation-enter > .king-addons-overlay-scale-down { transform: scale(0.6); opacity: 1; }