.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} 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(15, 128, 255, 1.00);--link-color-hover:rgba(251, 2, 7, 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 0px 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%; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_1355 { overflow: visible !important; } #feature-cards-stacks_in_1355 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_1355 * { box-sizing: border-box; } #feature-cards-stacks_in_1355 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0px; } #feature-cards-stacks_in_1355 .feature-outer { width: 320px; max-width: 100%; border-radius: 40px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_1355 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_1355 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_1355 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_1355 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_1355 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_1355 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_1355 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_1355 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_1355 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_1355 .feature-card { background-image: linear-gradient(to bottom, rgba(252, 40, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); padding: 16px 24px 8px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 40px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-image: linear-gradient(to bottom, rgba(252, 75, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon { height: 80px; width: 80px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg { height: 80px; width: auto; font-size: 40px; line-height: 80px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg { padding: 24.000000px 0; width: 80px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_1355 .feature-card, #feature-cards-stacks_in_1355 .feature-card .feature-card-description { color: rgba(255, 255, 255, 0.50); } #feature-cards-stacks_in_1355 .feature-card h1, #feature-cards-stacks_in_1355 .feature-card h2, #feature-cards-stacks_in_1355 .feature-card h3, #feature-cards-stacks_in_1355 .feature-card h4, #feature-cards-stacks_in_1355 .feature-card h5, #feature-cards-stacks_in_1355 .feature-card h6, #feature-cards-stacks_in_1355 .feature-card .feature-card-header { color: rgba(255, 255, 255, 0.80); } #feature-cards-stacks_in_1355 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-header, #feature-cards-stacks_in_1355 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_1355 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 6px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1355 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1355 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_1355 .feature-card::before, #feature-cards-stacks_in_1355 .feature-card, #feature-cards-stacks_in_1355 .feature-outer, #feature-cards-stacks_in_1355 .feature-card h1, #feature-cards-stacks_in_1355 .feature-card h2, #feature-cards-stacks_in_1355 .feature-card h3, #feature-cards-stacks_in_1355 .feature-card h4, #feature-cards-stacks_in_1355 .feature-card h5, #feature-cards-stacks_in_1355 .feature-card h6, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_1355 .feature-card .feature-card-header, #feature-cards-stacks_in_1355 .feature-card .feature-card-description, #feature-cards-stacks_in_1355 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_1355 .feature-card { position: relative; } #feature-cards-stacks_in_1355 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_1355 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_1355 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_1355 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_1355 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_1355 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_1355 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1355 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1355 .feature-card .feature-card-description, #feature-cards-stacks_in_1355 .feature-card h1, #feature-cards-stacks_in_1355 .feature-card h2, #feature-cards-stacks_in_1355 .feature-card h3, #feature-cards-stacks_in_1355 .feature-card h4, #feature-cards-stacks_in_1355 .feature-card h5, #feature-cards-stacks_in_1355 .feature-card h6, #feature-cards-stacks_in_1355 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_1355 .feature-card:hover h1, #feature-cards-stacks_in_1355 .feature-card:hover h2, #feature-cards-stacks_in_1355 .feature-card:hover h3, #feature-cards-stacks_in_1355 .feature-card:hover h4, #feature-cards-stacks_in_1355 .feature-card:hover h5, #feature-cards-stacks_in_1355 .feature-card:hover h6, #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-icon svg { color: rgba(203, 0, 9, 1.00); fill: rgba(203, 0, 9, 1.00); stroke: rgba(203, 0, 9, 1.00); } #feature-cards-stacks_in_1355 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_1355 .feature-outer:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_1355 .feature-outer { transition-property: transform,box-shadow; } #feature-cards-stacks_in_1355 .feature-outer:hover { box-shadow: 0px 4px 16px 0px rgba(40, 0, 5, 1.00); } #feature-cards-stacks_in_1355 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1355 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #stacks_in_1355 { padding: 40px 0px 70px 0px; } #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1356: 64px; } #feature-section-card-stacks_in_1356 { } #feature-section-card-stacks_in_1356 .feature-card { } #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1356 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1356 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_1356 .feature-card .feature-card-description { font-family: inherit; text-align: left; text-align: center; font-weight: 100; font-size: 0px; line-height: 0px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_1356 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1360 { position: relative; user-select: none; } i#stacks_in_1360, svg#stacks_in_1360 { position: relative; display: block; text-align: center; } #stacks_in_1360.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #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 0px 0px; } #stacks_out_787 { width: 90%; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_1363 { overflow: visible !important; } #feature-cards-stacks_in_1363 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_1363 * { box-sizing: border-box; } #feature-cards-stacks_in_1363 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0px; } #feature-cards-stacks_in_1363 .feature-outer { width: 320px; max-width: 100%; border-radius: 40px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_1363 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_1363 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_1363 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_1363 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_1363 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_1363 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_1363 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_1363 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_1363 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_1363 .feature-card { background-image: linear-gradient(to bottom, rgba(252, 40, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); padding: 16px 24px 8px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 40px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-image: linear-gradient(to bottom, rgba(252, 75, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon { height: 80px; width: 80px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg { height: 80px; width: auto; font-size: 40px; line-height: 80px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg { padding: 24.000000px 0; width: 80px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_1363 .feature-card, #feature-cards-stacks_in_1363 .feature-card .feature-card-description { color: rgba(255, 255, 255, 0.50); } #feature-cards-stacks_in_1363 .feature-card h1, #feature-cards-stacks_in_1363 .feature-card h2, #feature-cards-stacks_in_1363 .feature-card h3, #feature-cards-stacks_in_1363 .feature-card h4, #feature-cards-stacks_in_1363 .feature-card h5, #feature-cards-stacks_in_1363 .feature-card h6, #feature-cards-stacks_in_1363 .feature-card .feature-card-header { color: rgba(255, 255, 255, 0.80); } #feature-cards-stacks_in_1363 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-header, #feature-cards-stacks_in_1363 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_1363 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 6px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1363 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1363 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_1363 .feature-card::before, #feature-cards-stacks_in_1363 .feature-card, #feature-cards-stacks_in_1363 .feature-outer, #feature-cards-stacks_in_1363 .feature-card h1, #feature-cards-stacks_in_1363 .feature-card h2, #feature-cards-stacks_in_1363 .feature-card h3, #feature-cards-stacks_in_1363 .feature-card h4, #feature-cards-stacks_in_1363 .feature-card h5, #feature-cards-stacks_in_1363 .feature-card h6, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_1363 .feature-card .feature-card-header, #feature-cards-stacks_in_1363 .feature-card .feature-card-description, #feature-cards-stacks_in_1363 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_1363 .feature-card { position: relative; } #feature-cards-stacks_in_1363 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_1363 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_1363 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_1363 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_1363 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_1363 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_1363 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1363 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1363 .feature-card .feature-card-description, #feature-cards-stacks_in_1363 .feature-card h1, #feature-cards-stacks_in_1363 .feature-card h2, #feature-cards-stacks_in_1363 .feature-card h3, #feature-cards-stacks_in_1363 .feature-card h4, #feature-cards-stacks_in_1363 .feature-card h5, #feature-cards-stacks_in_1363 .feature-card h6, #feature-cards-stacks_in_1363 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_1363 .feature-card:hover h1, #feature-cards-stacks_in_1363 .feature-card:hover h2, #feature-cards-stacks_in_1363 .feature-card:hover h3, #feature-cards-stacks_in_1363 .feature-card:hover h4, #feature-cards-stacks_in_1363 .feature-card:hover h5, #feature-cards-stacks_in_1363 .feature-card:hover h6, #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-icon svg { color: rgba(203, 0, 9, 1.00); fill: rgba(203, 0, 9, 1.00); stroke: rgba(203, 0, 9, 1.00); } #feature-cards-stacks_in_1363 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_1363 .feature-outer:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_1363 .feature-outer { transition-property: transform,box-shadow; } #feature-cards-stacks_in_1363 .feature-outer:hover { box-shadow: 0px 4px 16px 0px rgba(40, 0, 5, 1.00); } #feature-cards-stacks_in_1363 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1363 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #stacks_in_1363 { padding: 40px 0px 70px 0px; } #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1364: 64px; } #feature-section-card-stacks_in_1364 { } #feature-section-card-stacks_in_1364 .feature-card { } #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1364 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1364 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_1364 .feature-card .feature-card-description { font-family: inherit; text-align: left; text-align: center; font-weight: 100; font-size: 0px; line-height: 0px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_1364 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1369 { position: relative; user-select: none; } i#stacks_in_1369, svg#stacks_in_1369 { position: relative; display: block; text-align: center; } #stacks_in_1369.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #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; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_1371 { overflow: visible !important; } #feature-cards-stacks_in_1371 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_1371 * { box-sizing: border-box; } #feature-cards-stacks_in_1371 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0px; } #feature-cards-stacks_in_1371 .feature-outer { width: 320px; max-width: 100%; border-radius: 40px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_1371 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_1371 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_1371 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_1371 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_1371 .feature-card > a + .feature-card-content-wrap { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; /* */ pointer-events: none; /* */ } #feature-cards-stacks_in_1371 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_1371 .feature-card-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; } #feature-cards-stacks_in_1371 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_1371 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; z-index: 1; } #feature-cards-stacks_in_1371 .feature-card { background-image: linear-gradient(to bottom, rgba(252, 40, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); padding: 16px 24px 8px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 40px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-image: linear-gradient(to bottom, rgba(252, 75, 11, 1.00) 0%,rgba(203, 0, 9, 1.00) 100%); } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon { height: 80px; width: 80px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg { height: 80px; width: auto; font-size: 40px; line-height: 80px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg { padding: 24.000000px 0; width: 80px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_1371 .feature-card, #feature-cards-stacks_in_1371 .feature-card .feature-card-description { color: rgba(255, 255, 255, 0.50); } #feature-cards-stacks_in_1371 .feature-card h1, #feature-cards-stacks_in_1371 .feature-card h2, #feature-cards-stacks_in_1371 .feature-card h3, #feature-cards-stacks_in_1371 .feature-card h4, #feature-cards-stacks_in_1371 .feature-card h5, #feature-cards-stacks_in_1371 .feature-card h6, #feature-cards-stacks_in_1371 .feature-card .feature-card-header { color: rgba(255, 255, 255, 0.80); } #feature-cards-stacks_in_1371 .feature-card .feature-card-header { margin: 0; font-weight: 700; font-size: 24px; line-height: normal; margin-top: 0px; margin-bottom: 0px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-header, #feature-cards-stacks_in_1371 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_1371 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 6px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1371 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_1371 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_1371 .feature-card::before, #feature-cards-stacks_in_1371 .feature-card, #feature-cards-stacks_in_1371 .feature-outer, #feature-cards-stacks_in_1371 .feature-card h1, #feature-cards-stacks_in_1371 .feature-card h2, #feature-cards-stacks_in_1371 .feature-card h3, #feature-cards-stacks_in_1371 .feature-card h4, #feature-cards-stacks_in_1371 .feature-card h5, #feature-cards-stacks_in_1371 .feature-card h6, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_1371 .feature-card .feature-card-header, #feature-cards-stacks_in_1371 .feature-card .feature-card-description, #feature-cards-stacks_in_1371 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_1371 .feature-card { position: relative; } #feature-cards-stacks_in_1371 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_1371 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_1371 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(203, 0, 9, 1.00); content: ''; z-index: 0; display: block; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); opacity: 1; } #feature-cards-stacks_in_1371 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_1371 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_1371 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_1371 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon i, #feature-cards-stacks_in_1371 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1371 .feature-card .feature-card-description, #feature-cards-stacks_in_1371 .feature-card h1, #feature-cards-stacks_in_1371 .feature-card h2, #feature-cards-stacks_in_1371 .feature-card h3, #feature-cards-stacks_in_1371 .feature-card h4, #feature-cards-stacks_in_1371 .feature-card h5, #feature-cards-stacks_in_1371 .feature-card h6, #feature-cards-stacks_in_1371 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_1371 .feature-card:hover h1, #feature-cards-stacks_in_1371 .feature-card:hover h2, #feature-cards-stacks_in_1371 .feature-card:hover h3, #feature-cards-stacks_in_1371 .feature-card:hover h4, #feature-cards-stacks_in_1371 .feature-card:hover h5, #feature-cards-stacks_in_1371 .feature-card:hover h6, #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-icon { background: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-icon svg { color: rgba(203, 0, 9, 1.00); fill: rgba(203, 0, 9, 1.00); stroke: rgba(203, 0, 9, 1.00); } #feature-cards-stacks_in_1371 .feature-outer { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-cards-stacks_in_1371 .feature-outer:hover { transform: translate(0,-0px) scale(1.040000) rotateZ(0deg); } #feature-cards-stacks_in_1371 .feature-outer { transition-property: transform,box-shadow; } #feature-cards-stacks_in_1371 .feature-outer:hover { box-shadow: 0px 4px 16px 0px rgba(40, 0, 5, 1.00); } #feature-cards-stacks_in_1371 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_1371 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #stacks_in_1371 { padding: 40px 0px 70px 0px; } #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon svg { --iconSizesstacks_in_1372: 64px; } #feature-section-card-stacks_in_1372 { } #feature-section-card-stacks_in_1372 .feature-card { } #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon, #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_1372 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_1372 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_1372 .feature-card .feature-card-description { font-family: inherit; text-align: left; text-align: center; font-weight: 100; font-size: 0px; line-height: 0px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_1372 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_1376 { position: relative; user-select: none; } i#stacks_in_1376, svg#stacks_in_1376 { position: relative; display: block; text-align: center; } #stacks_in_1376.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* 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_1346_2 { background-color: rgba(20, 20, 20, 1.00); }