/*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */ body,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both; }} .animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}@-webkit-keyframes fade-in-down-lg{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-lg{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center;opacity:1}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.flip-in-x-nr,.flip-out-x{-webkit-backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0);transform:perspective(550px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;backface-visibility:visible!important}.flip-in-x-fr,.flip-out-x-nr{-webkit-backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0);transform:perspective(100px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;backface-visibility:visible!important}.flip-in-y,.flip-out-x-fr{-webkit-backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;backface-visibility:visible!important}.flip-in-y-nr,.flip-out-y{-webkit-backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0);transform:perspective(550px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;backface-visibility:visible!important}.flip-in-y-fr,.flip-out-y-nr{-webkit-backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0);transform:perspective(100px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}100%{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}100%{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}100%{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}100%{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}100%{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}100%{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}100%{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}100%{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}100%{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}100%{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}100%{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}100%{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right} @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } .fade-in { z-index: 1; } .loading_stacks_in_91, .loading_stacks_in_91:after { width: 100px; height: 100px; position: fixed; top: 50%; left: 50%; margin-top: -50.000000px; margin-left: -50.000000px; z-index: 100 } .loading_stacks_in_91 { -webkit-transform: translateZ(0); transform: translateZ(0); } .animsition-overlay-slide { position: absolute; z-index: 99999; width: 100%; } .animsition-overlay-slide { background-color: #FFFFFF; } .loading_stacks_in_91 { background-image: url(../files/loadingImage-91.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100px; height: 100px; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 4000ms; animation-duration: 4000ms; -webkit-animation-name: animsition-loading; animation-name: animsition-loading; } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_750.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_750.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_750.is-active.semantic-content {display: block\9;} #popBox_stacks_in_750.semantic-content:target {display: block\9;} #popBox_stacks_in_750.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_750.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_750.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 185px; } #popBox_stacks_in_750.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_750 .popBoxFooter { display: none } #stacks_in_750 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_750 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_750.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_750 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_750 .closeIcon:hover { color: #193366; } #popBox_stacks_in_750 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_750 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_750.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_750.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_750.semantic-content .modal-content { height: 180px; } #popBox_stacks_in_750.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_750.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_750.semantic-content .modal-content { height: 200px; } #popBox_stacks_in_750.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_750.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_750.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_750 .imageType2 svg { display: none; } #popBox_stacks_in_750 .closeIcon img { display: none; } #popBox_stacks_in_750 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_750.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_750.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_750.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_750.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_750 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_750.popBoxStyleDemo .modal-content { height: 185px; } #popBox_stacks_in_750.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_750.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_750.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_750.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_750.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_750.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_750.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_750 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_754 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_776.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_776.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_776.is-active.semantic-content {display: block\9;} #popBox_stacks_in_776.semantic-content:target {display: block\9;} #popBox_stacks_in_776.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_776.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_776.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 105px; } #popBox_stacks_in_776.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_776 .popBoxFooter { display: none } #stacks_in_776 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_776 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_776.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_776 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_776 .closeIcon:hover { color: #193366; } #popBox_stacks_in_776 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_776 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_776.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_776.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_776.semantic-content .modal-content { height: 105px; } #popBox_stacks_in_776.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_776.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_776.semantic-content .modal-content { height: 105px; } #popBox_stacks_in_776.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_776.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_776.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_776 .imageType2 svg { display: none; } #popBox_stacks_in_776 .closeIcon img { display: none; } #popBox_stacks_in_776 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_776.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_776.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_776.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_776.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_776 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_776.popBoxStyleDemo .modal-content { height: 105px; } #popBox_stacks_in_776.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_776.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_776.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_776.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_776.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_776.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_776.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_776 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_780 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_732.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_732.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_732.is-active.semantic-content {display: block\9;} #popBox_stacks_in_732.semantic-content:target {display: block\9;} #popBox_stacks_in_732.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_732.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_732.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 200px; } #popBox_stacks_in_732.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_732 .popBoxFooter { display: none } #stacks_in_732 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_732 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_732.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_732 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_732 .closeIcon:hover { color: #193366; } #popBox_stacks_in_732 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_732 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_732.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_732.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_732.semantic-content .modal-content { height: 200px; } #popBox_stacks_in_732.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_732.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_732.semantic-content .modal-content { height: 220px; } #popBox_stacks_in_732.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_732.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_732.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_732 .imageType2 svg { display: none; } #popBox_stacks_in_732 .closeIcon img { display: none; } #popBox_stacks_in_732 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_732.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_732.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_732.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_732.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_732 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_732.popBoxStyleDemo .modal-content { height: 200px; } #popBox_stacks_in_732.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_732.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_732.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_732.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_732.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_732.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_732.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_732 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_736 { padding: 0px 0px 20px 0px; } #stacks_in_739 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_587.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_587.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_587.is-active.semantic-content {display: block\9;} #popBox_stacks_in_587.semantic-content:target {display: block\9;} #popBox_stacks_in_587.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_587.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_587.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_587.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_587 .popBoxFooter { display: none } #stacks_in_587 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_587 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_587.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_587 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_587 .closeIcon:hover { color: #193366; } #popBox_stacks_in_587 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_587 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_587.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_587.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_587.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_587.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_587.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_587.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_587.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_587.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_587.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_587 .imageType2 svg { display: none; } #popBox_stacks_in_587 .closeIcon img { display: none; } #popBox_stacks_in_587 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_587.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_587.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_587.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_587.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_587 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_587.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_587.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_587.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_587.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_587.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_587.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_587.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_587.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_587 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_591 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_595.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_595.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_595.is-active.semantic-content {display: block\9;} #popBox_stacks_in_595.semantic-content:target {display: block\9;} #popBox_stacks_in_595.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_595.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_595.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_595.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_595 .popBoxFooter { display: none } #stacks_in_595 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_595 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_595.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_595 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_595 .closeIcon:hover { color: #193366; } #popBox_stacks_in_595 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_595 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_595.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_595.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_595.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_595.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_595.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_595.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_595.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_595.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_595.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_595 .imageType2 svg { display: none; } #popBox_stacks_in_595 .closeIcon img { display: none; } #popBox_stacks_in_595 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_595.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_595.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_595.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_595.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_595 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_595.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_595.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_595.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_595.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_595.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_595.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_595.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_595.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_595 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_599 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_603.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_603.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_603.is-active.semantic-content {display: block\9;} #popBox_stacks_in_603.semantic-content:target {display: block\9;} #popBox_stacks_in_603.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_603.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_603.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_603.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_603 .popBoxFooter { display: none } #stacks_in_603 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_603 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_603.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_603 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_603 .closeIcon:hover { color: #193366; } #popBox_stacks_in_603 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_603 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_603.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_603.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_603.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_603.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_603.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_603.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_603.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_603.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_603.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_603 .imageType2 svg { display: none; } #popBox_stacks_in_603 .closeIcon img { display: none; } #popBox_stacks_in_603 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_603.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_603.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_603.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_603.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_603 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_603.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_603.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_603.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_603.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_603.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_603.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_603.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_603.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_603 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_607 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_611.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_611.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_611.is-active.semantic-content {display: block\9;} #popBox_stacks_in_611.semantic-content:target {display: block\9;} #popBox_stacks_in_611.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_611.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_611.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_611.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_611 .popBoxFooter { display: none } #stacks_in_611 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_611 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_611.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_611 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_611 .closeIcon:hover { color: #193366; } #popBox_stacks_in_611 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_611 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_611.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_611.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_611.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_611.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_611.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_611.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_611.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_611.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_611.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_611 .imageType2 svg { display: none; } #popBox_stacks_in_611 .closeIcon img { display: none; } #popBox_stacks_in_611 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_611.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_611.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_611.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_611.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_611 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_611.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_611.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_611.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_611.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_611.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_611.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_611.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_611.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_611 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_615 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_619.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_619.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_619.is-active.semantic-content {display: block\9;} #popBox_stacks_in_619.semantic-content:target {display: block\9;} #popBox_stacks_in_619.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_619.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_619.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_619.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_619 .popBoxFooter { display: none } #stacks_in_619 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_619 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_619.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_619 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_619 .closeIcon:hover { color: #193366; } #popBox_stacks_in_619 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_619 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_619.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_619.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_619.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_619.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_619.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_619.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_619.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_619.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_619.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_619 .imageType2 svg { display: none; } #popBox_stacks_in_619 .closeIcon img { display: none; } #popBox_stacks_in_619 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_619.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_619.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_619.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_619.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_619 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_619.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_619.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_619.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_619.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_619.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_619.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_619.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_619.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_619 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_623 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_627.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_627.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_627.is-active.semantic-content {display: block\9;} #popBox_stacks_in_627.semantic-content:target {display: block\9;} #popBox_stacks_in_627.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_627.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_627.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_627.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_627 .popBoxFooter { display: none } #stacks_in_627 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_627 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_627.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_627 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_627 .closeIcon:hover { color: #193366; } #popBox_stacks_in_627 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_627 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_627.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_627.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_627.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_627.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_627.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_627.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_627.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_627.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_627.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_627 .imageType2 svg { display: none; } #popBox_stacks_in_627 .closeIcon img { display: none; } #popBox_stacks_in_627 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_627.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_627.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_627.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_627.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_627 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_627.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_627.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_627.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_627.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_627.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_627.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_627.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_627.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_627 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_631 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_635.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_635.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_635.is-active.semantic-content {display: block\9;} #popBox_stacks_in_635.semantic-content:target {display: block\9;} #popBox_stacks_in_635.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_635.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_635.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_635.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_635 .popBoxFooter { display: none } #stacks_in_635 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_635 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_635.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_635 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_635 .closeIcon:hover { color: #193366; } #popBox_stacks_in_635 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_635 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_635.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_635.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_635.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_635.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_635.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_635.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_635.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_635.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_635.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_635 .imageType2 svg { display: none; } #popBox_stacks_in_635 .closeIcon img { display: none; } #popBox_stacks_in_635 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_635.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_635.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_635.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_635.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_635 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_635.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_635.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_635.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_635.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_635.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_635.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_635.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_635.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_635 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_639 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_651.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_651.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_651.is-active.semantic-content {display: block\9;} #popBox_stacks_in_651.semantic-content:target {display: block\9;} #popBox_stacks_in_651.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_651.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_651.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_651.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_651 .popBoxFooter { display: none } #stacks_in_651 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_651 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_651.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_651 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_651 .closeIcon:hover { color: #193366; } #popBox_stacks_in_651 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_651 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_651.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_651.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_651.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_651.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_651.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_651 .imageType2 svg { display: none; } #popBox_stacks_in_651 .closeIcon img { display: none; } #popBox_stacks_in_651 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_651.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_651.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_651.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_651.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_651 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_651.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_651.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_651.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_651.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_651.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_651.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_651 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_655 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_659.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_659.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_659.is-active.semantic-content {display: block\9;} #popBox_stacks_in_659.semantic-content:target {display: block\9;} #popBox_stacks_in_659.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_659.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_659.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_659.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_659 .popBoxFooter { display: none } #stacks_in_659 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_659 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_659.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_659 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_659 .closeIcon:hover { color: #193366; } #popBox_stacks_in_659 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_659 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_659.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_659.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_659.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_659.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_659.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_659.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_659.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_659.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_659.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_659 .imageType2 svg { display: none; } #popBox_stacks_in_659 .closeIcon img { display: none; } #popBox_stacks_in_659 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_659.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_659.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_659.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_659.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_659 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_659.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_659.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_659.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_659.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_659.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_659.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_659.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_659.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_659 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_663 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_667.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_667.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_667.is-active.semantic-content {display: block\9;} #popBox_stacks_in_667.semantic-content:target {display: block\9;} #popBox_stacks_in_667.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_667.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_667.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_667.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_667 .popBoxFooter { display: none } #stacks_in_667 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_667 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_667.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_667 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_667 .closeIcon:hover { color: #193366; } #popBox_stacks_in_667 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_667 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_667.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_667.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_667.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_667.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_667.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_667.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_667.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_667.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_667.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_667 .imageType2 svg { display: none; } #popBox_stacks_in_667 .closeIcon img { display: none; } #popBox_stacks_in_667 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_667.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_667.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_667.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_667.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_667 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_667.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_667.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_667.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_667.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_667.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_667.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_667.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_667.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_667 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_671 { padding: 0px 0px 20px 0px; } /* * Pop Box * Author: Jeremy Hawes * Version: 2.3.4 * Product URL: http://onelittledesigner.com/rapidweaver-stack/popBox * Support URL: http://forum.onelittledesigner.com/tutorials/kb/popBox * Author URL: http://onelittledesigner.com * Description: 1LD's Content Lightbox / Modal Window - for RapidWeaver Stacks */ html {overflow-y: scroll;} .has-overlay {overflow: hidden;} .has-overlay > body {height: 100%; overflow-y: scroll;} #popBox_stacks_in_675.semantic-content { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; opacity: 0; line-height: 1.3; display: none\9; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; } #popBox_stacks_in_675.semantic-content:target { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_675.is-active.semantic-content {display: block\9;} #popBox_stacks_in_675.semantic-content:target {display: block\9;} #popBox_stacks_in_675.semantic-content .modal-inner { z-index: 999999; overflow-x: hidden; border-radius: 2px; background: #FFFFFF; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); position: absolute; left: 50%; } .semantic-content .modal-inner > img, .semantic-content .modal-inner > video, .semantic-content .modal-inner > iframe { width: 100%; height: auto; min-height: 100px; } .semantic-content .modal-inner > img { width: auto; max-width: 100%; } #popBox_stacks_in_675.semantic-content .popBoxHeader { background: #FFFFFF; border-bottom: 1px solid #DDDDDD; padding: 17px 17px 10px 17px; color: #193366; position: relative; } #popBox_stacks_in_675.semantic-content .modal-content { background: #FFFFFF; border-right: none; border-left: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 10px 17px ; overflow-x: hidden; overflow-y: auto; color: #193366; height: 100px; } #popBox_stacks_in_675.semantic-content .popBoxFooter { background: #F0F0F0; border-top: 1px solid #FFFFFF; padding: 10px 17px 17px 17px; color: #193366; } #popBox_stacks_in_675 .popBoxFooter { display: none } #stacks_in_675 .semantic-content .modal-close { text-indent: -100px; overflow: hidden; opacity: 1; } #stacks_in_675 .semantic-content .modal-close:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } #popBox_stacks_in_675.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_675 .closeIcon { position: absolute; top: 10px; right: 10px; z-index: 99999999; color: #193366; } #popBox_stacks_in_675 .closeIcon:hover { color: #193366; } #popBox_stacks_in_675 .closeIcon svg { font-size: 18px; height: 18px; width: 18px; } #popBox_stacks_in_675 .closeIcon svg path { fill: #193366; } /* Screen sizes greater than 768px */ #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; } /* Tablets */ @media (max-width: 768px) { #popBox_stacks_in_675.semantic-content .modal-content { height: 100px; } #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } /* Mobile Devices */ @media (max-width: 480px) { #popBox_stacks_in_675.semantic-content .modal-content { height: 115px; } #popBox_stacks_in_675.semantic-content .widthPercentageOff .modal-inner { width: 280px; min-width: 280px; max-width: 280px; } #popBox_stacks_in_675.semantic-content .widthPercentageOn .modal-inner { width: 100%; min-width: 100%; max-width: 100%; } } #popBox_stacks_in_675.semantic-content.timerOut { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } #popBox_stacks_in_675 .imageType2 svg { display: none; } #popBox_stacks_in_675 .closeIcon img { display: none; } #popBox_stacks_in_675 .imageType2 img { display: block; width: auto; height: 20px; } #popBox_stacks_in_675.semantic-content .modal-inner { border-radius: 0px } #popBox_stacks_in_675.semantic-content .popBoxHeader { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_675.semantic-content .popBoxFooter { border-radius: 0px 0px 0px 0px; } #popBox_stacks_in_675.semantic-content .modal-inner { border-width: 0px; border-color: #DDDDDD; border-style: solid; box-sizing: border-box; } /* Style Demo */ #stacks_in_675 .popBoxStyleDemo > div { padding: 50px 0px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-content { height: 100px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-inner { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); box-shadow: 0 0 30px rgba(0, 0, 0, 0.6); } #popBox_stacks_in_675.popBoxStyleDemo .widthPercentageOff .modal-inner { width: 350px; min-width: 350px; max-width: 350px; margin: 0 auto; } #popBox_stacks_in_675.popBoxStyleDemo .widthPercentageOn .modal-inner { width: 50%; min-width: 50%; max-width: 800px; margin: 0 auto; } #popBox_stacks_in_675.popBoxStyleDemo.popBoxOverlay .modal-close:before { background-color: #000000; opacity: 0.50; } #popBox_stacks_in_675.popBoxStyleDemo .popBoxHeader { padding: 17px 17px 10px 17px; } #popBox_stacks_in_675.popBoxStyleDemo .modal-content { padding: 17px; padding: 10px 17px; } #popBox_stacks_in_675.popBoxStyleDemo .popBoxFooter { padding: 17px; padding: 10px 17px 17px 17px; } #stacks_in_675 .closeText { display: none; font-size: 12px; color: #193366; background: transprent; } /* 3D */ /* Coupon */ /* Subtle */ /* Thick Borders */ /* Transparent */ #stacks_in_679 { padding: 0px 0px 20px 0px; } /* Start Defender stack CSS code */ #stacks_in_380{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .stacks_in_380edit{ background: rgba(0,0,0,0.1); border-radius: 4px; } .stacks_in_380info{ background: #5A5A6C; padding: 3px 10px 3px 10px; margin: 10px 0px 20px 0px; text-align: center; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; } /* End Defender stack CSS code */ #stacks_in_392 { padding: 0px 0px 50px 0px; } #stacks_in_396 { padding: 0px 0px 40px 0px; } #stacks_in_400 { padding: 0px 0px 40px 0px; } #stacks_in_402 { padding: 0px 0px 10px 0px; } #stacks_in_404 { padding: 0px 0px 50px 0px; } #stacks_in_410 { padding: 0px 0px 40px 0px; } #stacks_in_411 { font-size: 75%; } #stacks_in_560 { padding: 20px 0px 0px 0px; }