.form-submit-success,.form-submit-error{opacity:0;transition:none;overflow:hidden}form:not(.success) .form-submit-success,form:not(.error) .form-submit-error{max-height:0;padding:0;margin:0;border-width:0px}form.success .form-submit-success,form.error .form-submit-error{opacity:1;transition:opacity 500ms ease}.form-submit-processing{opacity:0;pointer-events:none;transition:opacity 500ms ease}form:not(.processing) .form-submit-processing{max-height:0}form.processing *{pointer-events:none}form.processing .form-submit-processing{opacity:1;pointer-events:auto}.processing-modal.absolute,.processing-modal.fixed{background-color:var(--overlay-color);border-radius:inherit;position:absolute;top:0;left:0;right:0;bottom:0}.processing-modal.absolute .processing-circle,.processing-modal.fixed .processing-circle{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.processing-modal.fixed{position:fixed} .target-wrapper{position:relative}.target-show-on-hover{opacity:0;transition:opacity 750ms ease}.target-show-on-hover:hover{opacity:1}.target{position:absolute;width:100%;height:auto}.target.width-auto{width:auto}.target.height-fill,.target.height-fixed,.target.height-flexible{display:flex;align-items:center}.target.height-fill{height:100%}.target[class*="float-"],.target[class*="shift-"]{position:relative}.target[class*="pin-"],.target.relative-browser{position:fixed}.target.float-right{float:right}.target.float-left{float:left}.target.vcenter[class*="relative-"]{top:50%;transform:translateY(-50%)}.target.hcenter[class*="relative-"]{left:50%;transform:translateX(-50%)}.target.hcenter.vcenter[class*="relative-"]{transform:translateX(-50%) translateY(-50%)}.target.shift-up,.target.shift-down{margin-left:auto;margin-right:auto}.target.target-center{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.target.pin-top{top:0}.target.pin-bottom{bottom:0}.target.pin-left{left:0}.target.pin-right{right:0}.target.target-disable{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}@media only screen and (min-width:40em){.target.target-mobile-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:39.9375em){.target.target-disable-mobile{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}}@media only screen and (max-width:62.5em){.target.target-desktop-only{position:relative !important;float:none !important;height:auto !important;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;transform:none !important;width:100% !important}} .slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important}.slabtextdone .slabtext{display:block;line-height:0.9} .processing-circle{margin:0 auto;width:40px;height:40px;border:4px solid var(--white-color);border-top:4px solid var(--primary);border-radius:50%;filter:drop-shadow(0 0 20px rgba(0,0,0,0.6))}.processing-circle.dark{border-color:var(--black-color);border-top-color:var(--primary)}.processing-circle.primary{border-top-color:var(--primary)}.processing-circle.secondary{border-top-color:var(--secondary)}.processing-circle.warning{border-top-color:var(--warning)}.processing-circle.success{border-top-color:var(--success)}.processing-circle.alert{border-top-color:var(--alert)} ul ul,ul ol,ol ul,ol ol{margin-bottom:0} #stacks_in_1 { background-color: rgba(25, 25, 25, 1.00); } :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(255, 255, 255, 1.00);--black-color:var(--black);--white:rgba(0, 0, 0, 1.00);--white-color:var(--white);--primary:rgba(15, 128, 255, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 98, 225, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(230, 230, 230, 1.00);--subheader-color:rgba(15, 128, 255, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(102, 204, 255, 1.00);--link-color-hover:rgba(13, 109, 229, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:100%;}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(20, 20, 20, 1.00);} .myclass{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(15, 128, 255, 1.00);--small-color:rgba(255, 255, 255, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(15, 128, 255, 1.00);--link-color-hover:rgba(102, 204, 255, 1.00);--link-decoration:none;--link-decoration-hover:none} .myclass{background-color:rgba(20, 20, 20, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.myclass{background-attachment:scroll!important}} #contentProtectorstacks_in_294 { display: block; position: relative; z-index: 1; overflow: hidden; } #contentProtectorSkinstacks_in_294 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../files/filter.gif); z-index: 100; } #copyTextstacks_in_294 { position: absolute; bottom: 0px; right: 0px; margin: 10px; display: none; z-index: 50; color: #FF0000; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; opacity: .99; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); } #horizontalLinestacks_in_294 { display: none; height: 2px; width: 100%; margin-top: -2px; position: absolute; top: 50%; left: 0px; z-index: 50; background: #333333; opacity: .75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #verticalLinestacks_in_294 { display: none; width: 2px; height: 100%; margin-left: -2px; position: absolute; top: 0px; left: 50%; z-index: 50; background: #333333; opacity: .75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } .target.stacks_in_711{ margin:0px;}.target.stacks_in_711{}.target.stacks_in_711.width-fill{width:calc(100% - 0px)}.target.stacks_in_711.width-flexible{width:100%}.target.stacks_in_711.width-fixed{width:250px}.target.stacks_in_711.height-fill{height:calc(100% - 0px)}.target.stacks_in_711.height-flexible{height:100%}.target.stacks_in_711.height-fixed{height:250px}.target.stacks_in_711[class*="relative-"].top-pt{top:0%}.target.stacks_in_711[class*="relative-"].top-px{top:0px}.target.stacks_in_711[class*="relative-"].bottom-pt{bottom:0%}.target.stacks_in_711[class*="relative-"].bottom-px{bottom:0px}.target.stacks_in_711[class*="relative-"].right-pt{right:0%}.target.stacks_in_711[class*="relative-"].right-px{right:0px}.target.stacks_in_711[class*="relative-"].left-pt{left:0%}.target.stacks_in_711[class*="relative-"].left-px{left:0px}.target.stacks_in_711.shift-up{margin-top:-0px}.target.stacks_in_711.shift-down{margin-bottom:-0px}.target.stacks_in_711.shift-left{right:0px}.target.stacks_in_711.shift-right{left:0px}.target.stacks_in_711.pin-top,.target.stacks_in_711.pin-bottom{left:0px}.target.stacks_in_711.pin-left,.target.stacks_in_711.pin-right{top:0px} #embedIframestacks_in_221 { width: 100%; height: 800px; border: none; outline: none; padding: 0; margin: 0; display: block; } #embedIframestacks_in_715 { width: 100%; height: 400px; border: none; outline: none; padding: 0; margin: 0; display: block; } #stacks_out_716 { width: 250px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_271 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_271 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_271 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_271 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_271, .svg-metamorph.svgm_stacks_in_271 .svgm-content { position: relative; z-index: 1; } #stacks_in_271, #stacks_out_271 { overflow: visible; } .svg-metamorph.svgm_stacks_in_271 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_271 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_271 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_271 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_271 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_271 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_271 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_271 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_271 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_271 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_271 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_271 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_271 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_271 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_271 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_271 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_271 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_271 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_271 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_563 { padding: 50px 0px 50px 0px; } #stacks_out_563 { width: 500px; } #stacks_in_1119 .bb-text,#stacks_in_1119 div,#stacks_in_1119 p,#stacks_in_1119 h1,#stacks_in_1119 h2,#stacks_in_1119 h3,#stacks_in_1119 h4,#stacks_in_1119 h5,#stacks_in_1119 h6,#stacks_in_1119 span{font-family:impact,Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1119 .slabtext{line-height:0.90}#stacks_in_1119 .bb-text,#stacks_in_1119 div{margin-bottom:0}#stacks_in_1119 h1,#stacks_in_1119 h2,#stacks_in_1119 h3,#stacks_in_1119 h4,#stacks_in_1119 h5,#stacks_in_1119 h6,#stacks_in_1119 p,#stacks_in_1119 div,#stacks_in_1119 ul,#stacks_in_1119 ol,#stacks_in_1119 dl{color:rgba(19, 103, 255, 1.00);line-height:1.60}#stacks_in_1119 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1119 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_1119 > .bb-text{padding-top:0px;margin-top:-0px} #stacks_in_1119 { padding: 0px 0px 30px 0px; } #stacks_in_1055 { font-size: 60%; } #stacks_in_766 { padding: 50px 0px 50px 0px; } #stacks_out_766 { width: 90%; } #stacks_in_1121 .bb-text,#stacks_in_1121 div,#stacks_in_1121 p,#stacks_in_1121 h1,#stacks_in_1121 h2,#stacks_in_1121 h3,#stacks_in_1121 h4,#stacks_in_1121 h5,#stacks_in_1121 h6,#stacks_in_1121 span{font-family:impact,Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1121 .slabtext{line-height:0.90}#stacks_in_1121 .bb-text,#stacks_in_1121 div{margin-bottom:0}#stacks_in_1121 h1,#stacks_in_1121 h2,#stacks_in_1121 h3,#stacks_in_1121 h4,#stacks_in_1121 h5,#stacks_in_1121 h6,#stacks_in_1121 p,#stacks_in_1121 div,#stacks_in_1121 ul,#stacks_in_1121 ol,#stacks_in_1121 dl{color:rgba(19, 103, 255, 1.00);line-height:1.60}#stacks_in_1121 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1121 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_1121 > .bb-text{padding-top:0px;margin-top:-0px} #stacks_in_1121 { padding: 0px 0px 30px 0px; } #stacks_in_1065 { font-size: 60%; } #tintStackstacks_in_619 { display: block; position: relative; z-index: 0; } #tintStackstacks_in_619 *, #tintStackstacks_in_619 *:before, #tintStackstacks_in_619 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tintLayerstacks_in_619 { opacity: 1.00; background: #1367FF; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } #tintStackContentstacks_in_619 { padding-top: 10%; padding-bottom: 10%; padding-left: 1%; padding-right: 1%; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; } #tintStackLinkstacks_in_619 a { display: block; border: none; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; background: transparent; } /**/ /**/ /* Local image image applied as a CSS background */ #tintStackstacks_in_619 { background: url(); background-size: 100% 100%; background-attachment: scroll; } /**/ /**/ @media print { #portholeStackstacks_in_619 { padding-bottom: 0; } #portholeContentstacks_in_619 { width: 100%; } #portholeLinkstacks_in_619 a, #portholeContentAbsolutestacks_in_619 { position: relative; top: auto; left: auto; } #portholeContentSmallstacks_in_619, #portholeContentLargestacks_in_619 { font-size: 14pt; line-height: 1.50em; opacity: 1.00; color: #000000; text-align: left; } } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_623 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_623 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_623 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_623 .icons { padding: 0.75em; position: absolute; } #stacks_in_623 .icons span { background: #FFBE2D; } #stacks_in_623 .icons:before { content: ""; background: #FF6259; } #stacks_in_623 .icons:after { content: ""; background: #29C940; } #stacks_in_623 .icons span, #stacks_in_623 .icons:before, #stacks_in_623 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_623 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_623 .containerthing:after {display:none;} #stacks_in_623 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_1220 { background-color: rgba(51, 51, 51, 1.00); padding: 25px 20px 25px 20px; } #stacks_out_1220 { margin-left:0; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_566 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_566 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_566 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_566 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_566, .svg-metamorph.svgm_stacks_in_566 .svgm-content { position: relative; z-index: 1; } #stacks_in_566, #stacks_out_566 { overflow: visible; } .svg-metamorph.svgm_stacks_in_566 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_566 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_566 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_566 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_566 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_566 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_566 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_566 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_566 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_566 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_566 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_566 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_566 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_566 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_566 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_566 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_566 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_566 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_566 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_567 { padding: 50px 0px 50px 0px; } #stacks_out_567 { width: 500px; } #stacks_in_1123 .bb-text,#stacks_in_1123 div,#stacks_in_1123 p,#stacks_in_1123 h1,#stacks_in_1123 h2,#stacks_in_1123 h3,#stacks_in_1123 h4,#stacks_in_1123 h5,#stacks_in_1123 h6,#stacks_in_1123 span{font-family:impact,Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1123 .slabtext{line-height:0.90}#stacks_in_1123 .bb-text,#stacks_in_1123 div{margin-bottom:0}#stacks_in_1123 h1,#stacks_in_1123 h2,#stacks_in_1123 h3,#stacks_in_1123 h4,#stacks_in_1123 h5,#stacks_in_1123 h6,#stacks_in_1123 p,#stacks_in_1123 div,#stacks_in_1123 ul,#stacks_in_1123 ol,#stacks_in_1123 dl{color:rgba(19, 103, 255, 1.00);line-height:1.60}#stacks_in_1123 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1123 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_1123 > .bb-text{padding-top:0px;margin-top:-0px} #stacks_in_1123 { padding: 0px 0px 30px 0px; } #stacks_in_779 { padding: 50px 0px 50px 0px; } #stacks_out_779 { width: 90%; } #stacks_in_1125 .bb-text,#stacks_in_1125 div,#stacks_in_1125 p,#stacks_in_1125 h1,#stacks_in_1125 h2,#stacks_in_1125 h3,#stacks_in_1125 h4,#stacks_in_1125 h5,#stacks_in_1125 h6,#stacks_in_1125 span{font-family:impact,Sans-Serif;font-weight:400;font-style:normal}#stacks_in_1125 .slabtext{line-height:0.90}#stacks_in_1125 .bb-text,#stacks_in_1125 div{margin-bottom:0}#stacks_in_1125 h1,#stacks_in_1125 h2,#stacks_in_1125 h3,#stacks_in_1125 h4,#stacks_in_1125 h5,#stacks_in_1125 h6,#stacks_in_1125 p,#stacks_in_1125 div,#stacks_in_1125 ul,#stacks_in_1125 ol,#stacks_in_1125 dl{color:rgba(19, 103, 255, 1.00);line-height:1.60}#stacks_in_1125 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_1125 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_1125 > .bb-text{padding-top:0px;margin-top:-0px} #stacks_in_1125 { padding: 0px 0px 30px 0px; } #tintStackstacks_in_260 { display: block; position: relative; z-index: 0; } #tintStackstacks_in_260 *, #tintStackstacks_in_260 *:before, #tintStackstacks_in_260 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tintLayerstacks_in_260 { opacity: 1.00; background: #282188; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } #tintStackContentstacks_in_260 { padding-top: 15%; padding-bottom: 15%; padding-left: 1%; padding-right: 1%; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; } #tintStackLinkstacks_in_260 a { display: block; border: none; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; background: transparent; } /**/ /**/ /* Local image image applied as a CSS background */ #tintStackstacks_in_260 { background: url(); background-size: 100% 100%; background-attachment: scroll; } /**/ /**/ @media print { #portholeStackstacks_in_260 { padding-bottom: 0; } #portholeContentstacks_in_260 { width: 100%; } #portholeLinkstacks_in_260 a, #portholeContentAbsolutestacks_in_260 { position: relative; top: auto; left: auto; } #portholeContentSmallstacks_in_260, #portholeContentLargestacks_in_260 { font-size: 14pt; line-height: 1.50em; opacity: 1.00; color: #000000; text-align: left; } } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_1174 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_1174 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1174 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_1174 .icons { padding: 0.75em; position: absolute; } #stacks_in_1174 .icons span { background: #FFBE2D; } #stacks_in_1174 .icons:before { content: ""; background: #FF6259; } #stacks_in_1174 .icons:after { content: ""; background: #29C940; } #stacks_in_1174 .icons span, #stacks_in_1174 .icons:before, #stacks_in_1174 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_1174 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_1174 .containerthing:after {display:none;} #stacks_in_1174 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_1181 { background-color: rgba(51, 51, 51, 1.00); padding: 25px 20px 25px 20px; } #stacks_out_1181 { margin-left:0; } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_261 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_261 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_261 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_261 .icons { padding: 0.75em; position: absolute; } #stacks_in_261 .icons span { background: #FFBE2D; } #stacks_in_261 .icons:before { content: ""; background: #FF6259; } #stacks_in_261 .icons:after { content: ""; background: #29C940; } #stacks_in_261 .icons span, #stacks_in_261 .icons:before, #stacks_in_261 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_261 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_261 .containerthing:after {display:none;} #stacks_in_261 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_265 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } #stacks_out_265 { margin-left:0; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_598 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_598 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_598 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_598 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_598, .svg-metamorph.svgm_stacks_in_598 .svgm-content { position: relative; z-index: 1; } #stacks_in_598, #stacks_out_598 { overflow: visible; } .svg-metamorph.svgm_stacks_in_598 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_598 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_598 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_598 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_598 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_598 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_598 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_598 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_598 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_598 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_598 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_598 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_598 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_598 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_598 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_598 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_598 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_598 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_598 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_599 { padding: 50px 0px 50px 0px; } #stacks_out_599 { width: 500px; } #stacks_in_787 { padding: 50px 0px 50px 0px; } #stacks_out_787 { width: 90%; } #tintStackstacks_in_433 { display: block; position: relative; z-index: 0; } #tintStackstacks_in_433 *, #tintStackstacks_in_433 *:before, #tintStackstacks_in_433 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tintLayerstacks_in_433 { opacity: 1.00; background: #532088; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } #tintStackContentstacks_in_433 { padding-top: 15%; padding-bottom: 15%; padding-left: 1%; padding-right: 1%; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; } #tintStackLinkstacks_in_433 a { display: block; border: none; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; background: transparent; } /**/ /**/ /* Local image image applied as a CSS background */ #tintStackstacks_in_433 { background: url(); background-size: 100% 100%; background-attachment: scroll; } /**/ /**/ @media print { #portholeStackstacks_in_433 { padding-bottom: 0; } #portholeContentstacks_in_433 { width: 100%; } #portholeLinkstacks_in_433 a, #portholeContentAbsolutestacks_in_433 { position: relative; top: auto; left: auto; } #portholeContentSmallstacks_in_433, #portholeContentLargestacks_in_433 { font-size: 14pt; line-height: 1.50em; opacity: 1.00; color: #000000; text-align: left; } } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_437 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_437 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_437 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_437 .icons { padding: 0.75em; position: absolute; } #stacks_in_437 .icons span { background: #FFBE2D; } #stacks_in_437 .icons:before { content: ""; background: #FF6259; } #stacks_in_437 .icons:after { content: ""; background: #29C940; } #stacks_in_437 .icons span, #stacks_in_437 .icons:before, #stacks_in_437 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_437 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_437 .containerthing:after {display:none;} #stacks_in_437 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_439 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } #stacks_out_439 { margin-left:0; } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_1183 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_1183 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1183 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_1183 .icons { padding: 0.75em; position: absolute; } #stacks_in_1183 .icons span { background: #FFBE2D; } #stacks_in_1183 .icons:before { content: ""; background: #FF6259; } #stacks_in_1183 .icons:after { content: ""; background: #29C940; } #stacks_in_1183 .icons span, #stacks_in_1183 .icons:before, #stacks_in_1183 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_1183 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_1183 .containerthing:after {display:none;} #stacks_in_1183 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_1191 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } #stacks_out_1191 { margin-left:0; } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_1324 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_1324 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1324 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_1324 .icons { padding: 0.75em; position: absolute; } #stacks_in_1324 .icons span { background: #FFBE2D; } #stacks_in_1324 .icons:before { content: ""; background: #FF6259; } #stacks_in_1324 .icons:after { content: ""; background: #29C940; } #stacks_in_1324 .icons span, #stacks_in_1324 .icons:before, #stacks_in_1324 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_1324 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_1324 .containerthing:after {display:none;} #stacks_in_1324 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_1331 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } #stacks_out_1331 { margin-left:0; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_608 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_608 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_608 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_608 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_608, .svg-metamorph.svgm_stacks_in_608 .svgm-content { position: relative; z-index: 1; } #stacks_in_608, #stacks_out_608 { overflow: visible; } .svg-metamorph.svgm_stacks_in_608 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_608 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_608 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_608 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_608 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_608 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_608 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_608 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_608 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_608 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_608 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_608 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_608 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_608 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_608 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_608 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_608 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_608 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_609 { padding: 50px 0px 50px 0px; } #stacks_out_609 { width: 500px; } #stacks_in_795 { padding: 50px 0px 50px 0px; } #stacks_out_795 { width: 90%; } #tintStackstacks_in_296 { display: block; position: relative; z-index: 0; } #tintStackstacks_in_296 *, #tintStackstacks_in_296 *:before, #tintStackstacks_in_296 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tintLayerstacks_in_296 { opacity: 1.00; background: #107C6F; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } #tintStackContentstacks_in_296 { padding-top: 15%; padding-bottom: 10%; padding-left: 1%; padding-right: 1%; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; } #tintStackLinkstacks_in_296 a { display: block; border: none; text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; background: transparent; } /**/ /* No background */ #tintStackstacks_in_296 { background: transparent; } /**/ /**/ /**/ @media print { #portholeStackstacks_in_296 { padding-bottom: 0; } #portholeContentstacks_in_296 { width: 100%; } #portholeLinkstacks_in_296 a, #portholeContentAbsolutestacks_in_296 { position: relative; top: auto; left: auto; } #portholeContentSmallstacks_in_296, #portholeContentLargestacks_in_296 { font-size: 14pt; line-height: 1.50em; opacity: 1.00; color: #000000; text-align: left; } } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_297 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_297 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_297 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_297 .icons { padding: 0.75em; position: absolute; } #stacks_in_297 .icons span { background: #FFBE2D; } #stacks_in_297 .icons:before { content: ""; background: #FF6259; } #stacks_in_297 .icons:after { content: ""; background: #29C940; } #stacks_in_297 .icons span, #stacks_in_297 .icons:before, #stacks_in_297 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_297 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_297 .containerthing:after {display:none;} #stacks_in_297 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_301 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } /* WindowThing Stack by RapidWeaver Central */ #windowthingstacks_in_740 { width: auto; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2); margin: 10px 15px 25px 15px; } #stacks_in_740 .titlething { background: rgba(34, 34, 34, 1.00) !important; text-align: center; padding: 0.75em; -webkit-border-bottom-left-radius: 0px !important; -webkit-border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_740 .titlething.labelthing { color: #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:normal;; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #stacks_in_740 .icons { padding: 0.75em; position: absolute; } #stacks_in_740 .icons span { background: #FFBE2D; } #stacks_in_740 .icons:before { content: ""; background: #FF6259; } #stacks_in_740 .icons:after { content: ""; background: #29C940; } #stacks_in_740 .icons span, #stacks_in_740 .icons:before, #stacks_in_740 .icons:after { display: inline-block; margin-right: 0.5em; float: left; width: 1em; height: 1em; -webkit-border-radius: 50%; border-radius: 50%; } #stacks_in_740 .containerthing { background-color: #333333; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #333333, #333333); background-image: -ms-linear-gradient(top, #333333, #333333); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: linear-gradient(top, #333333, #333333); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); overflow: hidden; -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px!important; border-top-left-radius: 0px !important; border-top-right-radius: 0px!important; -webkit-border-radius: 10px; border-radius: 10px; } /* Blinking Cursor */ #stacks_in_740 .containerthing:after {display:none;} #stacks_in_740 .containerthing:after { } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_742 { background-color: rgba(51, 51, 51, 1.00); padding: 15px 20px 15px 20px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_631 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_631 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_631 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_631 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_631, .svg-metamorph.svgm_stacks_in_631 .svgm-content { position: relative; z-index: 1; } #stacks_in_631, #stacks_out_631 { overflow: visible; } .svg-metamorph.svgm_stacks_in_631 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; margin-bottom: -0px; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_631 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { opacity: 0; } .svg-metamorph.svgm_stacks_in_631 .svgm-content { margin-bottom: 0; } .svg-metamorph.svgm_stacks_in_631 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_631 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_631 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_631 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_631 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_631 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_631 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_631 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_631 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_631 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_631 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_631 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_631 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_631 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_631 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_631 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_631 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_1002 { padding: 50px 0px 0px 0px; } #stacks_out_1002 { width: 90%; } #stacks_in_1003 { padding: 50px 0px 100px 0px; } #stacks_out_1003 { width: 500px; } #stacks_in_872 { padding: 50px 0px 0px 0px; } #stacks_out_872 { width: 500px; } #stacks_in_881 { padding: 50px 0px 0px 0px; } #stacks_in_1083 { background-color: rgba(25, 25, 25, 1.00); } #stacks_out_1084 { width: 90%; } #stacks_in_1100 { padding: 40px 0px 0px 0px; } #stacks_out_1100 { width: 500px; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1059_2 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1059_2 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1059_2 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1059_2, .svg-metamorph.svgm_stacks_in_1059_2 .svgm-content { position: relative; z-index: 1; } #stacks_in_1059_2, #stacks_out_1059_2 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1059_2 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; margin-top: -0px; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap:after { background: #191919; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { opacity: 0; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-content { margin-top: 0; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1059_2 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1059_2 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1059_2 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1059_2 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_1059_4 { padding: 50px 0px 0px 0px; } #stacks_out_1059_4 { width: 90%; } #stacks_in_1059_11 { padding: 50px 0px 100px 0px; } #stacks_out_1059_11 { width: 500px; } #contentProtectorstacks_in_642 { display: block; position: relative; z-index: 1; overflow: hidden; } #contentProtectorSkinstacks_in_642 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:url(../files/filter.gif); z-index: 100; } #copyTextstacks_in_642 { position: absolute; bottom: 0px; right: 0px; margin: 10px; display: none; z-index: 50; color: #FF0000; font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; opacity: .99; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); } #horizontalLinestacks_in_642 { display: none; height: 2px; width: 100%; margin-top: -2px; position: absolute; top: 50%; left: 0px; z-index: 50; background: #333333; opacity: .75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #verticalLinestacks_in_642 { display: none; width: 2px; height: 100%; margin-left: -2px; position: absolute; top: 0px; left: 50%; z-index: 50; background: #333333; opacity: .75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); } #stacks_in_642 { background-color: rgba(33, 33, 33, 1.00); } #embedIframestacks_in_618 { width: 100%; height: 600px; border: none; outline: none; padding: 0; margin: 0; display: block; } #embedIframestacks_in_718 { width: 100%; height: 300px; border: none; outline: none; padding: 0; margin: 0; display: block; } /* 1.0.1 - removed a bunch of API calls to try and help with load time in edit and preview modes - Added svg refresh to resolve display issues in safari and RW preview - added hardware acceleration to svg graphics to increase performance - fixed a bug that could cause the stack to load into the editor slowly 1.0.2 - hotfix, editmode display bug 1.0.5 - Added Experimental responsive defintion feature */ .svg-metamorph.svgm_stacks_in_1127 .svgm-group { display: none; } .svg-metamorph.svgm_stacks_in_1127 .svgm-group.svgm-wide-20, .svg-metamorph.svgm_stacks_in_1127 .svgm-group.svgm-pattern-1, .svg-metamorph.svgm_stacks_in_1127 .svgm-group.svgm-special-12 { display: block; } .svg-metamorph.svgm_stacks_in_1127, .svg-metamorph.svgm_stacks_in_1127 .svgm-content { position: relative; z-index: 1; } #stacks_in_1127, #stacks_out_1127 { overflow: visible; } .svg-metamorph.svgm_stacks_in_1127 { display: inline-block; width: calc(100% - 1px); position: relative; margin-top: -0px; margin-bottom: -0px; z-index: 10; margin-bottom: -0px; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap svg { width: 100%; height: calc(100% + 150px + 150px); stroke: none; fill: white; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap svg path.svgm-opacity { stroke: none; stroke-width: 0; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-top { top: 0; z-index: 1; transform: translateY(-150px); } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center { z-index: 2; height: calc(100% + 3px); /* top: -1.5px; */ } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { bottom: 0; z-index: 0; transform: translateY(150px) rotateZ(180deg); } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-center svg { transform: translateY(-150px); /* margin-top: 1px; */ } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap > svg { width: 100%; overflow: visible; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap:after { background: #141414; } .svg-metamorph.svgm_stacks_in_1127 .svgm-content { position: relative; z-index: 3; min-height: 150px; display: grid; align-items: center; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer > .svgm-wrap.svgm-wrap-bottom { opacity: 0; } .svg-metamorph.svgm_stacks_in_1127 .svgm-content { margin-bottom: 0; } .svg-metamorph.svgm_stacks_in_1127 .svgm-content > div { } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1127 > .svgm-wrap-outer { height: calc(100% - 0px - 0px ); min-height: 150px; position: absolute; width: 100%; top: 0px; top: auto; bottom: 0px; transform: translateZ(0); } .svg-metamorph.svgm_stacks_in_1127 image:not(.svgm-pattern):not(.svgm-off) { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1127 image.svgm-off { transform-origin: center; } .svg-metamorph.svgm_stacks_in_1127 .svgm-pattern { width: 100px; height: 100px; } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-1a { transform-origin: center; transform: translate(-358.000000px, 0); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-1b { transform-origin: center; transform: translate(-362.000000px, 0); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-2a { transform-origin: center; transform: translate(-358.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-2b { transform-origin: center; transform: translate(-362.000000px, 0) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-3a { transform-origin: center; transform: translate(2518.000000px, 0); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-3b { transform-origin: center; transform: translate(2522.000000px, 0); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-opacity-1 { transform-origin: center; transform: translate(0, 38.000000px); } .svg-metamorph.svgm_stacks_in_1127 .svgm-custom-pattern-opacity-2 { transform-origin: center; transform: translate(0, 38.000000px) rotateY(180deg); } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scale(-1,1); transform-origin: 960px 0; } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-top { transform: translate(0,4px) scaleX(1); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1); } @media all and (max-width: 1920px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-use { transform: scaleX(1); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scaleX(1) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1680px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-use { transform: scaleX(0.875); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scaleX(0.875) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1440px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-use { transform: scaleX(0.75); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scaleX(0.75) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1280px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-use { transform: scaleX(0.667); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scaleX(0.667) rotateY(180deg); transform-origin: 960px 0; } } @media all and (max-width: 1152px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-use { transform: scaleX(0.6); transform-origin: 960px bottom; } .svg-metamorph.svgm_stacks_in_1127 .svgm-use-r { transform: scaleX(0.6) rotateY(180deg); transform-origin: 960px 0; } } @media all and (min-width: 1921px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-mask { transform: scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-top { transform: translate(0,4px) scaleX(1.34); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.34); } } @media all and (min-width: 2561px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-mask { transform: scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-top { transform: translate(0,4px) scaleX(1.67); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(1.67); } } @media all and (min-width: 3201px) { .svg-metamorph.svgm_stacks_in_1127 .svgm-mask { transform: scaleX(2); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-top { transform: translate(0,4px) scaleX(2); } .svg-metamorph.svgm_stacks_in_1127 .svgm-mask-bottom { transform: translate(0,-1px) scaleX(2); } } /**/ #stacks_in_1288 { background-color: rgba(20, 20, 20, 1.00); } #stacks_in_1289 { background-color: rgba(20, 20, 20, 1.00); }