/* Depth Base */ .depth_out h2,.depth_out p,.depth_out a{margin:0;padding:0;border: 0;line-height:1.4;} .depth_out hr:before,.depth_out hr:after,.depth_out .content_in .stacksEmptyFiller{display: none} .depth_in, header .depth_theme_limit, footer .depth_theme_limit{ max-width: 1000px; } main .depth_theme_limit{ max-width: 100%; padding: 0; } .depth_limit{ margin: 0 auto; } .nfont{ font-family: 'Open Sans', sans-serif !important; } h2.nfont, .sub_heading.nfont{ font-family: 'Montserrat', sans-serif !important; } header.depth_theme, main.depth_theme h1, main.depth_theme h2, main.depth_theme h3, main.depth_theme h4, main.depth_theme h5, main.depth_theme h6{ font-family: 'Montserrat', sans-serif !important; } .depth_in a{text-decoration: none;} .depth_in{ font-size: 15px; line-height: 1.4;} /* 2 Col Spacing */ .depth_section{ margin-bottom: 20px; } .depth_out img{max-width: 100%} .depth_out *, .depth_out *:before, .depth_out *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .depth_out .cf:after {content:"";display:table;clear:both;} .depth_out .exp{position:absolute;top:0;left:0;bottom:0;right:0;} @media screen and (min-width: 770px){ /* 2 Col Spacing */ .depth_row .s3_column_left .depth_section{ margin-right: 10.000000px; } .depth_row .s3_column_right .depth_section{ margin-left: 10.000000px; } /* 3 Col Spacing */ .depth_row.three_col .s3_column_left .depth_section{ margin-right: 13.320000px; } .depth_row.three_col .s3_column_center .depth_section{ margin-left: 6.660000px; margin-right: 6.660000px; } .depth_row.three_col .s3_column_right .depth_section{ margin-left: 13.320000px; } /* 4 Col Spacing (1/4) */ .depth_row .s3_column_4:first-child .depth_section{ margin-right: 15.000000px; margin-left: 0; } /* 4 Col Spacing (2/4) */ .depth_row .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 10.000000px; margin-left: 5.000000px; } /* 4 Col Spacing (3/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-right: 5.000000px; margin-left: 10.000000px; } /* 4 Col Spacing (4/4) */ .depth_row .s3_column_4 + .s3_column_4 + .s3_column_4 + .s3_column_4 .depth_section{ margin-left: 15.000000px; margin-right: 0; } /* Flex Equal Height/Centering */ .s3_row.depth_row, .depth_row .s3_column, .s3_row.depth_row .depth_out, .s3_row.depth_row .depth_out > div, .s3_row.depth_row .depth_wrapper, .s3_row.depth_row .content_out, .s3_row.depth_row .depth_image *{ flex: 1; display: flex !important; } .s3_row.depth_row .content_out, .s3_row.depth_row .content_in{ margin-left: auto !important; margin-right: auto !important; } .depth_ie .s3_row.depth_row, .depth_ie .depth_row .s3_column, .s3_row.depth_row .depth_ie .depth_out, .s3_row.depth_row .depth_ie .depth_out > div, .s3_row.depth_row .depth_ie .depth_wrapper, .s3_row.depth_row .depth_ie .content_out, .s3_row.depth_row .depth_ie .depth_image *{ flex: auto !important; display: block !important; } } .content_flex {position: static;} .s3_row.depth_row .content_flex { flex: 1; display: flex; justify-content: center; -webkit-justify-content: center; } /* Edit Mode */ /* Animations */ .depth_fx .depth_image, .depth_fx .depth_tint, .depth_fx .depth_gradient, .depth_fx .content_tint, .depth_fx p.sub_heading, .depth_fx .heading_out .stacks_out, .depth_fx p.main_content, .depth_fx .depth_aside, .depth_fx .heading_out h2{ opacity: 0; } .depth_fx.depth_ie .depth_image, .depth_fx.depth_ie .depth_tint, .depth_fx.depth_ie .depth_gradient, .depth_fx.depth_ie .content_tint, .depth_fx.depth_ie p.sub_heading, .depth_fx.depth_ie .heading_out .stacks_out, .depth_fx.depth_ie p.main_content, .depth_fx.depth_ie .depth_aside, .depth_fx.depth_ie .heading_out h2{ opacity: 1; } .depth_inview.slow_fadeIn.depth_fx .depth_image, .depth_inview.slow_fadeIn.depth_fx .depth_tint, .depth_inview.slow_fadeIn.depth_fx .content_tint, .depth_inview.slow_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .7s both; } .depth_inview.slow_fadeIn.depth_fx .heading_out{ animation: heading_border_color 1s both; } .depth_inview.slow_fadeIn.depth_fx p.super_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein 1s .25s both; } .depth_inview.slow_fadeIn.depth_fx p.sub_heading, .depth_inview.slow_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein 1s .5s both; } .depth_inview.slow_fadeIn.depth_fx p.main_content, .depth_inview.slow_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein 1s .75s both; } .depth_inview.slow_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein 1s 1s backwards; } .depth_inview.slow_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein 1s 1.25s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header 1s .5s backwards; } .depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content 1s .5s backwards; } .depth_inview.steady_fadeIn.depth_fx .depth_image, .depth_inview.steady_fadeIn.depth_fx .depth_tint, .depth_inview.steady_fadeIn.depth_fx .content_tint, .depth_inview.steady_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .5s both; } .depth_inview.steady_fadeIn.depth_fx .heading_out{ animation: heading_border_color .7s both; } .depth_inview.steady_fadeIn.depth_fx p.super_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .7s .15s both; } .depth_inview.steady_fadeIn.depth_fx p.sub_heading, .depth_inview.steady_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .7s .35s both; } .depth_inview.steady_fadeIn.depth_fx p.main_content, .depth_inview.steady_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .7s .5s both; } .depth_inview.steady_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .7s .65s backwards; } .depth_inview.steady_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .7s .8s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .7s .25s backwards; } .depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .7s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx .depth_image, .depth_inview.fast_fadeIn.depth_fx .depth_tint, .depth_inview.fast_fadeIn.depth_fx .content_tint, .depth_inview.fast_fadeIn.depth_fx .depth_gradient{ animation: nbanner_fadein .3s both; } .depth_inview.fast_fadeIn.depth_fx .heading_out{ animation: heading_border_color .4s both; } .depth_inview.fast_fadeIn.depth_fx p.super_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out h2{ animation: nbanner_fadein .4s .15s both; } .depth_inview.fast_fadeIn.depth_fx p.sub_heading, .depth_inview.fast_fadeIn.depth_fx .heading_out .stacks_out{ animation: nbanner_fadein .4s .35s both; } .depth_inview.fast_fadeIn.depth_fx p.main_content, .depth_inview.fast_fadeIn.depth_fx .depth_aside{ animation: nbanner_fadein .4s .5s both; } .depth_inview.fast_fadeIn.depth_fx a.depth_button{ animation: nbanner_fadein .4s .65s backwards; } .depth_inview.fast_fadeIn.depth_fx p.sub_content{ animation: nbanner_fadein .4s .8s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_top_header{ animation: hr_top_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_header{ animation: hr_bottom_header .4s .25s backwards; } .depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_content{ animation: hr_bottom_content .4s .25s backwards; } @-webkit-keyframes heading_border_color { from {border-color: transparent;} to {border-color: ;}} @keyframes nbanner_fadein { from {border-color: transparent;} to {border-color: ;}} @-webkit-keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @keyframes nbanner_fadein { from {opacity: 0;} to {opacity: 1;}} @-webkit-keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @keyframes nbanner_bg_fadein { from {background-color: transparent;} to {background-color: inherit;}} @-webkit-keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_top_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_header { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @-webkit-keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}} @keyframes hr_bottom_content { from {width: 0; opacity: 0;} to {opacity: 1; width: %;}}/*Issue:Strata,remove z-index from #t-bandWriter,remove z-index from .wrapper.main*/@font-face{font-family:'velvet';src:url('../../rw_common/plugins/stacks/velvet-icons/velvet.eot?ddr21z');src:url('../../rw_common/plugins/stacks/velvet-icons/velvet.eot?ddr21z#iefix') format('embedded-opentype'),url('../../rw_common/plugins/stacks/velvet-icons/velvet.woff2?ddr21z') format('woff2'),url('../../rw_common/plugins/stacks/velvet-icons/velvet.ttf?ddr21z') format('truetype'),url('../../rw_common/plugins/stacks/velvet-icons/velvet.woff?ddr21z') format('woff'),url('../../rw_common/plugins/stacks/velvet-icons/velvet.svg?ddr21z#velvet') format('svg');font-weight:normal;font-style:normal}[class^="velvet-"],[class*=" velvet-"]{font-family:'velvet' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.velvet_alert{position:absolute;color:#fff;top:50%;left:50%;font-size:13px;transform:translate(-50%,-50%);padding:6px 10px;line-height:1.5;background:rgba(0,0,0,0.8);border-radius:5px;text-align:center;font-family:arial}.velvet-play-1:before{content:"\e903"}.velvet-play-2:before{content:"\e904"}.velvet-play-6:before{content:"\e905"}.velvet-play-3:before{content:"\e901"}.velvet-play-4:before{content:"\e902"}.velvet-play-5:before{content:"\e900"}.velvet-icon{position:absolute;z-index:2;pointer-events:none;text-align:center;text-shadow:none;transition:color 300ms}.velvet-icon:after{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.vzoom-img-op .velvet-icon{opacity:0}.cf:after{content:"";display:table;clear:both}.velvet_active{overflow:visible !important}.velvet_active:after{content:"";display:table;clear:both}.vzoom-img-in[data-preventzoom="True"]{z-index:0 !important}.vzoom-img-in[data-preventzoom="True"] img,.vzoom-img-in[data-preventzoom="True"] .vzoom-img-wrap{transform:none !important}.vzoom-player table,.vzoom-player tbody,.vzoom-player td{background:transparent !important;border:none!important;margin:0;padding:0}.vzoom-player .embed-center{max-width:150vh;margin:0 auto}.vzoom-player .embed-container{position:relative;padding-bottom:56.25%;height:0;background:#000;overflow:hidden !important;max-width:100%;margin-bottom:0 !important;line-height:0;box-shadow:0 10px 40px rgba(0,0,0,0.4)}body.velvet_scaleIn .vzoom-player .embed-container{animation:ncdVideoScaleIn .5s .2s backwards}.vzoom-player .embed-container:before{height:100%;width:100%;background:#000;content:'';display:block;position:absolute;z-index:0;opacity:0;transition:opacity 150ms}.vzoom-player .embed-container:after{padding-top:100%;content:'';display:block}.vzoom-player.close .embed-container:before{z-index:1;opacity:1}.vzoom-player .embed-container iframe,.vzoom-player .embed-container object,.vzoom-player .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.vzoom-player .embed-container video{position:relative;z-index:1000}.vzoom-img,.vzoom-img-wrap{position:relative;z-index:66669999;-webkit-transition:all 300ms 100ms;-o-transition:all 300ms 100ms;transition:all 300ms 100ms}.vzoom-overlay-open .vzoom-img,.vzoom-overlay-open .vzoom-img-wrap{-webkit-transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000);transition:all 325ms cubic-bezier(0.165,0.840,0.440,1.000)}img[data-action="vzoom"]{cursor:pointer;width:100%;max-width:none;float:left;position:relative;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}img.vzoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out}.velvet_placeholder{text-align:center}@media screen and (min-width:600px){.velvet_placeholder{height:0;padding-top:50%}}.velvet_placeholder img{float:none;position:absolute;left:0;top:0;height:100%}.velvet_placeholder .velvet-icon{display:none}.no_image + .velvet-icon{display:block}.vzoom-img-in{transition:opacity .4s .1s;position:relative}.vzoom-img-in img{margin:0}.vzoom-img-in:before{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;content:'';z-index:1;transition:background 300ms}.vzoom-img-in:hover:before{background:}.vzoom-img-in.velvet_active{z-index:77779999}.vzoom-img-in:after{content:"";display:table;clear:both}.vzoom-img-in.vzoom-img-op{transition:opacity .35s;opacity:0;pointer-events:none}.vzoom-img-in.vzoom-img-op[data-preventzoom="True"]{opacity:1}.vzoom-overlay,.vzoom-player{z-index:1000;background:#000000;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:"alpha(opacity=0)";opacity:0;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}.vzoom-overlay-open .vzoom-overlay{filter:"alpha(opacity=80)";opacity:.80}.vzoom-overlay{-webkit-transition:opacity 300ms 300ms;-o-transition:opacity 300ms 300ms;transition:opacity 300ms 300ms}.vzoom-overlay-open .vzoom-overlay{-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}.vzoom-player{z-index:1001;background:none;margin:40px;opacity:1;filter:none;pointer-events:auto;animation:ncdVideoOpacityIn .6s .25s backwards;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.vzoom-player table{height:100%;width:100%;border-collapse:collapse}.vzoom-player table td{vertical-align:middle}.vzoom-player *{box-sizing:content-box}.vzoom-player.close .embed-container{transition:opacity 300ms;opacity:0}.vzoom-overlay-open,.vzoom-overlay-transitioning{cursor:default}@keyframes ncdVideoOpacityIn{0%{opacity:0}100%{opacity:1}}@keyframes ncdVideoScaleIn{0%{transform:scale(0.96)}100%{transform:scale(1)}}.vzoom-img-in .embed-container{position:relative;padding-bottom:56.25%;height:0;background:#000;overflow:hidden !important;max-width:100%;line-height:0}.vzoom-img-in .embed-container iframe,.vzoom-img-in .embed-container object,.vzoom-img-in .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width:600px){.vzoom-img-in .embed-container{display:none}}@media screen and (max-width:600px){.vzoom-img-in img,.vzoom-img-in:before,.vzoom-img-in .velvet-icon{display:none !important}.vzoom-img-in .embed-container,.vzoom-img-in .embed-container iframe,.vzoom-img-in .embed-container object,.vzoom-img-in .embed-container embed{display:block}} #PPMiniCart { z-index: 99999; } input.minicart-quantity { display: inline-block!important; } /*Fix for Foundation Theme*/ #PPMiniCart .minicart-closer { color: #000000; } @media only screen and (max-width:480px) { #PPMiniCart form { max-width: 380px!important; margin-left: -145px!important; width: 280px!important; font-size: 0.8em!important; } #PPMiniCart { top: 10%!important; } #PPMiniCart ul { width: 260px!important; font-size: 0.9em!important; } #PPMiniCart .minicart-quantity { width: 15px!important; } #PPMiniCart .minicart-remove { width: 12px!important; height: 19px; font-size: 11px!important; opacity: 0.70; cursor: pointer; } #PPMiniCart .minicart-details-quantity { width: 12%!important; } #PPMiniCart .minicart-subtotal { position: relative!important; left: 0px!important; font-size: 16px; padding-top: 10px!important; } #PPMiniCart .minicart-submit { /*right: 0px!important;*/ } } @media only screen and (max-width:667px) { #PPMiniCart .minicart-subtotal { margin-bottom: 15px!important; margin-top: 0px!important; } #PPMiniCart button { margin: 0 auto; text-align: center; position: relative; display: block; } #PPMiniCart .minicart-submit { margin-right: auto!important; } span.or { display: none; } } #PPMiniCart button, #PPMiniCart .button { margin: 0 auto; font-size: 0.8em; } #PPMiniCart .paypal-logo { max-width: 65px; height: auto; top: -3px; position: relative; } .stripe-button-el { overflow:hidden; display:inline-block; visibility:visible !important; background-image:-webkit-linear-gradient(#28a0e5,#015e94); background-image:-moz-linear-gradient(#28a0e5,#015e94); background-image:-ms-linear-gradient(#28a0e5,#015e94); background-image:-o-linear-gradient(#28a0e5,#015e94); background-image:-webkit-linear-gradient(#28a0e5,#015e94); background-image:-moz-linear-gradient(#28a0e5,#015e94); background-image:-ms-linear-gradient(#28a0e5,#015e94); background-image:-o-linear-gradient(#28a0e5,#015e94); background-image:linear-gradient(#28a0e5,#015e94); -webkit-font-smoothing:antialiased; border:0; padding:1px; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.2); -ms-box-shadow:0 1px 0 rgba(0,0,0,0.2); -o-box-shadow:0 1px 0 rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(0,0,0,0.2); -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; cursor:pointer } .stripe-button-el::-moz-focus-inner { border:0; padding:0 } .stripe-button-el span { display:block; position:relative; padding:0 12px; height:30px; line-height:30px; background:#1275ff; background-image:-webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:-o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); background-image:linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4); font-size:13px; color:#fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow:0 -1px 0 rgba(0,0,0,0.25); -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); box-shadow:inset 0 1px 0 rgba(255,255,255,0.25); -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px } .stripe-button-el:not(:disabled):active,.stripe-button-el.active { background:#005d93 } .stripe-button-el:not(:disabled):active span,.stripe-button-el.active span { color:#eee; background:#008cdd; background-image:-webkit-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-moz-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-ms-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-o-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-webkit-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-moz-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-ms-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:-o-linear-gradient(#008cdd,#008cdd 85%,#239adf); background-image:linear-gradient(#008cdd,#008cdd 85%,#239adf); -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1); -ms-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1); -o-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1); box-shadow:inset 0 1px 0 rgba(0,0,0,0.1) } .stripe-button-el:disabled,.stripe-button-el.disabled { background:rgba(0,0,0,0.2); -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none } .stripe-button-el:disabled span,.stripe-button-el.disabled span { color:#999; background:#f8f9fa; text-shadow:0 1px 0 rgba(255,255,255,0.5) } /** Colour Options**/ #PPMiniCart form { background: #FBFBFB!important; border: 1px solid #D7D7D7!important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); color: #333333!important; border-radius: 4px; } #PPMiniCart ul { background: #FFFFFF!important; border: 1px solid #CCCCCC!important; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 4px; } /*Fix for individual items*/ #PPMiniCart .minicart-attributes { border: 0px!important; } #PPMiniCart .minicart-item a { color: #000000!important; } #PPMiniCart .minicart-attributes { color: #999999!important; } span.cart-title { color: #000000; } /* Stripe Custom Button */ /* PayPal Custom Button */ /* Disable PayPal */ /* Cart Height */ #PPMiniCart .pickup { margin-top: 10px; text-decoration: underline; } /* Option for Font Size */ #PPMiniCart .minicart-item, #PPMiniCart .minicart-attributes li { font-size: 1.00em; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_254 { height: 40.00px; } @media print { #spacerStackstacks_in_254 { display: none !important; } } #stacks_in_350 .velvet-icon{font-size:11vw;color:rgba(255, 255, 255, 1.00);top: 50%; left: 50%; transform: translate(-50%, -50%);;padding:16px;text-shadow:rgba(0, 0, 255, 1.00) 0 0 10px,rgba(0, 0, 255, 1.00) 0 0 30px,rgba(0, 0, 255, 1.00) 0 0 50px}#stacks_in_350:hover .velvet-icon{text-shadow:rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px}#stacks_in_350 .vzoom-img-in:hover .velvet-icon{color:rgba(15, 128, 255, 1.00)}#stacks_in_350 .vzoom-img-in:before{background:rgba(0, 0, 0, 0.05);border-radius:6px}#stacks_in_350 .vzoom-img-in:hover:before{background:rgba(0, 0, 0, 0.10)}#stacks_in_350 .vzoom-img-in img{border-radius:6px}#stacks_in_350 .velvet-icon:after{content:"PLAY SAMPLE LESSON";display:block;font-size:20px;font-weight:bold;padding-top:15px} .spacerStack { height: 40.00px; } #spacerStackstacks_in_351 { height: 40.00px; } @media print { #spacerStackstacks_in_351 { display: none !important; } } /* 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_256 { overflow: visible !important; } #feature-cards-stacks_in_256 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_256 * { box-sizing: border-box; } #feature-cards-stacks_in_256 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_256 .feature-outer { width: 1280px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_256 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 1232px; } #feature-cards-stacks_in_256 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_256 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_256 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_256 .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_256 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_256 .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_256 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_256 .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_256 .feature-card { background-color : rgba(255, 255, 255, 1.00); padding: 16px 24px 6px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon, #feature-cards-stacks_in_256 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_256 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon i, #feature-cards-stacks_in_256 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(0, 0, 0, 1.00);fill: rgba(0, 0, 0, 1.00);stroke: rgba(0, 0, 0, 1.00); } #feature-cards-stacks_in_256 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_256 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_256 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: flex-start; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon i, #feature-cards-stacks_in_256 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 40px; line-height: 64px; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: 64px; } #feature-cards-stacks_in_256 .feature-card .feature-card-icon i, #feature-cards-stacks_in_256 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_256 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_256 .feature-card, #feature-cards-stacks_in_256 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_256 .feature-card h1, #feature-cards-stacks_in_256 .feature-card h2, #feature-cards-stacks_in_256 .feature-card h3, #feature-cards-stacks_in_256 .feature-card h4, #feature-cards-stacks_in_256 .feature-card h5, #feature-cards-stacks_in_256 .feature-card h6, #feature-cards-stacks_in_256 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_256 .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_256 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_256 .feature-card .feature-card-header, #feature-cards-stacks_in_256 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_256 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_256 .feature-card::before, #feature-cards-stacks_in_256 .feature-card, #feature-cards-stacks_in_256 .feature-outer, #feature-cards-stacks_in_256 .feature-card h1, #feature-cards-stacks_in_256 .feature-card h2, #feature-cards-stacks_in_256 .feature-card h3, #feature-cards-stacks_in_256 .feature-card h4, #feature-cards-stacks_in_256 .feature-card h5, #feature-cards-stacks_in_256 .feature-card h6, #feature-cards-stacks_in_256 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_256 .feature-card .feature-card-icon, #feature-cards-stacks_in_256 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_256 .feature-card .feature-card-header, #feature-cards-stacks_in_256 .feature-card .feature-card-description, #feature-cards-stacks_in_256 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_257 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon svg { --iconSizesstacks_in_257: 64px; } #feature-section-card-stacks_in_257 { } #feature-section-card-stacks_in_257 .feature-card { } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_257 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_257 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_257 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_257 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_257); width: var(--iconSizesstacks_in_257); } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_257); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_257); } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_257); } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_257 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_257 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_257 .feature-card { position: relative; } #feature-section-card-stacks_in_257 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(64, 0, 128, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_257 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_257 .feature-card .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0); transform: translate(0,0) rotateZ(0); opacity: 1; transition-timing-function: linear; } #feature-section-card-stacks_in_257 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(64, 0, 128, 1.00); z-index: 0; display: block; opacity: 1; position: absolute; will-change: transform; border-radius: 50%; transition-property: transform; -webkit-transform: translate(0,-50%) scale(0); transform: translate(0,-50%) scale(0); } #feature-section-card-stacks_in_257 .fs-loaded .feature-card::before { opacity: 1; } #feature-section-card-stacks_in_257 .feature-card:hover::before { transition-timing-function: ease-in; } #feature-section-card-stacks_in_257 .feature-card.center-left::before { top: 50%; left: 0; -webkit-transform-origin: center left; transform-origin: center left; border-radius: 0 50% 50% 0; } #feature-section-card-stacks_in_257 .feature-card.center::before { -webkit-transform-origin: center; transform-origin: center; } #feature-section-card-stacks_in_257 .feature-card.center-right::before { top: 50%; right: -50%; -webkit-transform-origin: center right; transform-origin: center right; border-radius: 50% 0 0 50%; } #feature-section-card-stacks_in_257 .feature-card.top-left::before { top: 0; left: -50%; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-section-card-stacks_in_257 .feature-card.top-center::before { top: 0; left: 0; -webkit-transform-origin: center top; transform-origin: center top; border-radius: 0 0 50% 50%; } #feature-section-card-stacks_in_257 .feature-card.top-right::before { top: 0; right: -50%; -webkit-transform-origin: right top; transform-origin: right top; border-radius: 50% 0 50% 50%; } #feature-section-card-stacks_in_257 .feature-card.bottom-left::before { top: 100%; left: -50%; border-radius: 50% 50% 50% 0%; -webkit-transform-origin: left bottom; transform-origin: left bottom; } #feature-section-card-stacks_in_257 .feature-card.bottom-center::before { top: 100%; left: 0; -webkit-transform-origin: center bottom; transform-origin: center bottom; border-radius: 50% 50% 0 0; } #feature-section-card-stacks_in_257 .feature-card.bottom-right::before { top: 100%; right: -50%; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; } #feature-section-card-stacks_in_257 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_257 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_257 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_257 .feature-card .feature-card-description, #feature-section-card-stacks_in_257 .feature-card h1, #feature-section-card-stacks_in_257 .feature-card h2, #feature-section-card-stacks_in_257 .feature-card h3, #feature-section-card-stacks_in_257 .feature-card h4, #feature-section-card-stacks_in_257 .feature-card h5, #feature-section-card-stacks_in_257 .feature-card h6, #feature-section-card-stacks_in_257 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_257 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_257 .feature-card:hover h1, #feature-section-card-stacks_in_257 .feature-card:hover h2, #feature-section-card-stacks_in_257 .feature-card:hover h3, #feature-section-card-stacks_in_257 .feature-card:hover h4, #feature-section-card-stacks_in_257 .feature-card:hover h5, #feature-section-card-stacks_in_257 .feature-card:hover h6, #feature-section-card-stacks_in_257 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_257 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_257 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_257 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } /* */ /* */ #stacks_in_314 { position: relative; user-select: none; } i#stacks_in_314, svg#stacks_in_314 { position: relative; display: block; text-align: center; } #stacks_in_314.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* 1.0.2 - adds support for warehoused background images in the slides. - added hidden feature, add class: autoplay-use-button to reveal class to start autoplay - add compatability with the Restrict Content Stack */ .stacks_in_202 > div { background-color: transparent; transition: transform 600ms ease, opacity 600ms ease; will-change: transform, opacity; transform-origin: top center; display: grid; border-radius: 8px; } .stacks_in_202 .com_onelittledesigner_stacks_Index_Card_stack { background-color: rgba(255, 255, 255, 1.00); border: 1px solid rgba(255, 255, 255, 0.36); padding: 32px 32px; border-radius: 8px; } #stacks_in_202 .stacks_in_202 .com_onelittledesigner_stacks_Index_Card_stack { overflow: hidden; } .stacks_in_202 > div.index-glass-blur { backdrop-filter: blur(5px); } .stacks_in_202 > div.index-glass-blur:before {/*safari*/ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-backdrop-filter: blur(5px); } @-moz-document url-prefix() {/*firfox*/ .stacks_in_202 > div.index-glass-blur > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(5px); } .stacks_in_202 > div.index-glass-blur:nth-child(2) > .com_onelittledesigner_stacks_Index_Card_stack > *, .stacks_in_202 > div.index-glass-blur:nth-child(1) > .com_onelittledesigner_stacks_Index_Card_stack > * { filter: blur(0px); } .stacks_in_202 > div.index-glass-blur { background-color: rgba(255,255,255,0.1); } } #stacks_out_202 .index-nav { display: grid; grid-template-columns: 40px auto 40px; justify-content: center; user-select: none; z-index: 10; position: relative; } #stacks_out_202 .index-nav > .index-next, #stacks_out_202 .index-nav > .index-prev { display: block; cursor: pointer; width: 40px; height: 40px; padding: 4px; border-radius: 20px; background-color: rgba(0, 0, 0, 0.00); transition: background-color 300ms ease; box-sizing: border-box; margin: 16px 0 0 0; /* */ } #stacks_out_202 .index-nav > a:hover { background-color: rgba(0, 0, 0, 0.00); } #stacks_out_202 .index-nav > .index-next svg { transform: translateX(2px); } #stacks_out_202 .index-nav > .index-prev svg { transform: translateX(-2px); } #stacks_out_202 .index-nav svg { stroke: rgba(0, 0, 0, 0.35); transition: stroke 300ms ease; pointer-events: none; } #stacks_out_202 .index-nav > a:hover > svg { stroke: rgba(0, 0, 0, 0.65) } #stacks_out_202 .index-nav > .index-bullets { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 40px; margin: 16px 0 0 0; /* */ } #stacks_out_202 .index-nav > .index-bullets .index-bullet { display: block; width: 12px; height: 12px; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 8px; box-sizing: border-box; cursor: pointer; margin: 0px 4px; } #stacks_out_202 .index-nav > .index-bullets .index-bullet-active { background: rgba(85, 85, 255, 1.00); border: 1px solid rgba(85, 85, 255, 1.00); pointer-events: none; } #stacks_out_202, #stacks_in_202, .stacks_in_202 > .stacks_out { overflow: visible; } #stacks_out_202 { max-width: 750px; width: 100%; } .stacks_in_202 { margin-top: 8%; } .stacks_in_202 > .stacks_out { max-width: 750px; width: 100%; /* */ height: 100%; /* */ } /* */ .stacks_in_202 > .stacks_out, .stacks_in_202 > .stacks_out * { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* */ .stacks_in_202 { width: calc(100% * 5); display: grid; grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) ); transform-style: preserve-3d; /* */ } .stacks_in_202 > .stacks_out { transform: translate(0,-11.104000%,0) scale(.7) ; transition: transform 600ms ease, opacity 600ms linear; pointer-events: none; opacity: 0; visibility: hidden; box-shadow: 0px 4.000000px 16px rgba(0, 0, 0, 0.50); } .stacks_in_202 > .stacks_out.index-glass-blur > .stacks_in > * { opacity: .25; } .stacks_in_202 > .stacks_out.index-glass-blur:nth-child(2) > .stacks_in > * { opacity: 1; transition: opacity 600ms linear; } .stacks_in_202 > .stacks_out.index-glass-blur:nth-child(1) > .stacks_in > * { opacity: 1; } .stacks_in_202 > .stacks_out:nth-child(1) { margin-left: 0; /* transform: translate3d(0,50%,1px) scale(1); */ transform: translate3d(0,50%,1px) scale(1.1); transition: transform 600ms ease, opacity 600ms ease; opacity: 0; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(2) { margin-left: -100%; transform: translate3d(0,0,0) scale(1) ; opacity: 1; visibility: visible; pointer-events: all; /* */ cursor: pointer; /* */ } .stacks_in_202 > .stacks_out:nth-child(3) { margin-left: -200%; transform: translate3d(0,-5.552000%,-1px) scale(.9); opacity: 1; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(4) { margin-left: -300%; transform: translate3d(0,-11.104000%,-2px) scale(.8); opacity: 1; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(5) { margin-left: -400%; transform: translate3d(0,-11.104000%,-3px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(6) { margin-left: -500%; transform: translate3d(0,-11.104000%,-4px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(7) { margin-left: -600%; transform: translate3d(0,-11.104000%,-5px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(8) { margin-left: -700%; transform: translate3d(0,-11.104000%,-6px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(9) { margin-left: -800%; transform: translate3d(0,-11.104000%,-7px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } .stacks_in_202 > .stacks_out:nth-child(10) { margin-left: -900%; transform: translate3d(0,-11.104000%,-8px) scale(.7); opacity: 0; pointer-events: none; visibility: visible; } /* */ /* */ /* */ .stacks_in_202 { margin-top: 0px; margin-bottom: 8%; } .stacks_in_202 > .stacks_out { transform: translate3d(0,11.104000%,-1px) scale(.7) ; transform-origin: bottom center; } .stacks_in_202 > .stacks_out:nth-child(1) { /* Out */ /* transform: translate3d(0,-50%,1px) scale(1) ; */ transform: translate3d(0,-16.656000%,1px) scale(1.1) ; } .stacks_in_202 > .stacks_out:nth-child(3) { /* 1st */ transform: translate3d(0,5.552000%,-1px) scale(.9) ; } .stacks_in_202 > .stacks_out:nth-child(4) { /* 2nd */ transform: translate3d(0,11.104000%,-2px) scale(.8) ; } .stacks_in_202 > .stacks_out:nth-child(5) { /* 3rd */ transform: translate3d(0,11.104000%,-3px) scale(.7) ; } /* */ @media all and (max-width: 700px) { #stacks_out_202 .index-nav { grid-template-columns: 60px auto 60px; } #stacks_out_202 .index-nav > .index-next, #stacks_out_202 .index-nav > .index-prev { width: 60px; height: 60px; border-radius: 30px; } #stacks_out_202 .index-nav > .index-bullets { height: 60px; } #stacks_out_202 .index-nav > .index-bullets .index-bullet { width: 16px; height: 16px; margin: 0px 6px; } } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ .spacerStack { height: 40.00px; } #spacerStackstacks_in_338 { height: 40.00px; } @media print { #spacerStackstacks_in_338 { display: none !important; } } /* 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_330 { overflow: visible !important; } #feature-cards-stacks_in_330 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_330 * { box-sizing: border-box; } #feature-cards-stacks_in_330 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_330 .feature-outer { width: 1280px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_330 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 1232px; } #feature-cards-stacks_in_330 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_330 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_330 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_330 .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_330 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_330 .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_330 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_330 .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_330 .feature-card { background-color : rgba(255, 255, 255, 1.00); padding: 16px 24px 2px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon, #feature-cards-stacks_in_330 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_330 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon i, #feature-cards-stacks_in_330 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(0, 0, 0, 1.00);fill: rgba(0, 0, 0, 1.00);stroke: rgba(0, 0, 0, 1.00); } #feature-cards-stacks_in_330 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_330 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_330 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: flex-start; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon i, #feature-cards-stacks_in_330 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 40px; line-height: 64px; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: 64px; } #feature-cards-stacks_in_330 .feature-card .feature-card-icon i, #feature-cards-stacks_in_330 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_330 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_330 .feature-card, #feature-cards-stacks_in_330 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_330 .feature-card h1, #feature-cards-stacks_in_330 .feature-card h2, #feature-cards-stacks_in_330 .feature-card h3, #feature-cards-stacks_in_330 .feature-card h4, #feature-cards-stacks_in_330 .feature-card h5, #feature-cards-stacks_in_330 .feature-card h6, #feature-cards-stacks_in_330 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_330 .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_330 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_330 .feature-card .feature-card-header, #feature-cards-stacks_in_330 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_330 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_330 .feature-card::before, #feature-cards-stacks_in_330 .feature-card, #feature-cards-stacks_in_330 .feature-outer, #feature-cards-stacks_in_330 .feature-card h1, #feature-cards-stacks_in_330 .feature-card h2, #feature-cards-stacks_in_330 .feature-card h3, #feature-cards-stacks_in_330 .feature-card h4, #feature-cards-stacks_in_330 .feature-card h5, #feature-cards-stacks_in_330 .feature-card h6, #feature-cards-stacks_in_330 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_330 .feature-card .feature-card-icon, #feature-cards-stacks_in_330 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_330 .feature-card .feature-card-header, #feature-cards-stacks_in_330 .feature-card .feature-card-description, #feature-cards-stacks_in_330 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_332 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon svg { --iconSizesstacks_in_332: 64px; } #feature-section-card-stacks_in_332 { } #feature-section-card-stacks_in_332 .feature-card { } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_332 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_332 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_332 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_332 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_332); width: var(--iconSizesstacks_in_332); } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_332); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_332); } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_332); } #feature-section-card-stacks_in_332 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_332 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_332 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_332 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_336 { position: relative; user-select: none; } i#stacks_in_336, svg#stacks_in_336 { position: relative; display: block; text-align: center; } #stacks_in_336.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } /* 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_529 { overflow: visible !important; } #feature-cards-stacks_in_529 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_529 * { box-sizing: border-box; } #feature-cards-stacks_in_529 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; } #feature-cards-stacks_in_529 .feature-outer { width: 300px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_529 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 253px; } #feature-cards-stacks_in_529 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_529 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_529 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_529 .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_529 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_529 .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_529 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_529 .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_529 .feature-card { background-color : rgba(243, 243, 243, 1.00); padding: 16px 24px 16px 23px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_529 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_529 .feature-card .feature-card-icon, #feature-cards-stacks_in_529 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(96, 125, 139, 1.00); } #feature-cards-stacks_in_529 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_529 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_529 .feature-card .feature-card-icon i, #feature-cards-stacks_in_529 .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_529 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_529 .feature-card, #feature-cards-stacks_in_529 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_529 .feature-card h1, #feature-cards-stacks_in_529 .feature-card h2, #feature-cards-stacks_in_529 .feature-card h3, #feature-cards-stacks_in_529 .feature-card h4, #feature-cards-stacks_in_529 .feature-card h5, #feature-cards-stacks_in_529 .feature-card h6, #feature-cards-stacks_in_529 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_529 .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_529 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_529 .feature-card .feature-card-header, #feature-cards-stacks_in_529 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_529 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_529 .feature-card::before, #feature-cards-stacks_in_529 .feature-card, #feature-cards-stacks_in_529 .feature-outer, #feature-cards-stacks_in_529 .feature-card h1, #feature-cards-stacks_in_529 .feature-card h2, #feature-cards-stacks_in_529 .feature-card h3, #feature-cards-stacks_in_529 .feature-card h4, #feature-cards-stacks_in_529 .feature-card h5, #feature-cards-stacks_in_529 .feature-card h6, #feature-cards-stacks_in_529 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_529 .feature-card .feature-card-icon, #feature-cards-stacks_in_529 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_529 .feature-card .feature-card-header, #feature-cards-stacks_in_529 .feature-card .feature-card-description, #feature-cards-stacks_in_529 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_530 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg { --iconSizesstacks_in_530: 64px; } #feature-section-card-stacks_in_530 { } #feature-section-card-stacks_in_530 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-530.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon:before { background-color: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } .icon-layout-False #feature-section-card-stacks_in_530 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_530 .feature-card .feature-card-content-wrap { align-items: flex-start; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_530); width: var(--iconSizesstacks_in_530); } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_530); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_530); } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_530); } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_530 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_530 .feature-card { position: relative; } #feature-section-card-stacks_in_530 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(51, 51, 102, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_530 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_530 .feature-card .feature-card-description, #feature-section-card-stacks_in_530 .feature-card h1, #feature-section-card-stacks_in_530 .feature-card h2, #feature-section-card-stacks_in_530 .feature-card h3, #feature-section-card-stacks_in_530 .feature-card h4, #feature-section-card-stacks_in_530 .feature-card h5, #feature-section-card-stacks_in_530 .feature-card h6, #feature-section-card-stacks_in_530 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_530 .feature-card:hover h1, #feature-section-card-stacks_in_530 .feature-card:hover h2, #feature-section-card-stacks_in_530 .feature-card:hover h3, #feature-section-card-stacks_in_530 .feature-card:hover h4, #feature-section-card-stacks_in_530 .feature-card:hover h5, #feature-section-card-stacks_in_530 .feature-card:hover h6, #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .fs-loaded #feature-section-card-stacks_in_530 .feature-card::before, #feature-section-card-stacks_in_530 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_530 .feature-card:hover::before, #feature-section-card-stacks_in_530 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_530 .feature-card::before, #feature-section-card-stacks_in_530 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_530 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_530 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_530 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_530 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_530 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_530 .feature-card .feature-card-description, #feature-section-card-stacks_in_530 .feature-card h1, #feature-section-card-stacks_in_530 .feature-card h2, #feature-section-card-stacks_in_530 .feature-card h3, #feature-section-card-stacks_in_530 .feature-card h4, #feature-section-card-stacks_in_530 .feature-card h5, #feature-section-card-stacks_in_530 .feature-card h6, #feature-section-card-stacks_in_530 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_534 { position: relative; user-select: none; } i#stacks_in_534, svg#stacks_in_534 { position: relative; display: block; text-align: center; } #stacks_in_534.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon svg { --iconSizesstacks_in_536: 64px; } #feature-section-card-stacks_in_536 { } #feature-section-card-stacks_in_536 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-536.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon:before { background-color: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_536 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_536 .feature-card { position: relative; } #feature-section-card-stacks_in_536 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(51, 51, 102, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_536 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_536 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_536 .feature-card .feature-card-description, #feature-section-card-stacks_in_536 .feature-card h1, #feature-section-card-stacks_in_536 .feature-card h2, #feature-section-card-stacks_in_536 .feature-card h3, #feature-section-card-stacks_in_536 .feature-card h4, #feature-section-card-stacks_in_536 .feature-card h5, #feature-section-card-stacks_in_536 .feature-card h6, #feature-section-card-stacks_in_536 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_536 .feature-card:hover h1, #feature-section-card-stacks_in_536 .feature-card:hover h2, #feature-section-card-stacks_in_536 .feature-card:hover h3, #feature-section-card-stacks_in_536 .feature-card:hover h4, #feature-section-card-stacks_in_536 .feature-card:hover h5, #feature-section-card-stacks_in_536 .feature-card:hover h6, #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .fs-loaded #feature-section-card-stacks_in_536 .feature-card::before, #feature-section-card-stacks_in_536 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_536 .feature-card:hover::before, #feature-section-card-stacks_in_536 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_536 .feature-card::before, #feature-section-card-stacks_in_536 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_536 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_536 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_536 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_536 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_536 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_536 .feature-card .feature-card-description, #feature-section-card-stacks_in_536 .feature-card h1, #feature-section-card-stacks_in_536 .feature-card h2, #feature-section-card-stacks_in_536 .feature-card h3, #feature-section-card-stacks_in_536 .feature-card h4, #feature-section-card-stacks_in_536 .feature-card h5, #feature-section-card-stacks_in_536 .feature-card h6, #feature-section-card-stacks_in_536 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_539 { position: relative; user-select: none; } i#stacks_in_539, svg#stacks_in_539 { position: relative; display: block; text-align: center; } #stacks_in_539.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon svg { --iconSizesstacks_in_541: 64px; } #feature-section-card-stacks_in_541 { } #feature-section-card-stacks_in_541 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-541.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon:before { background-color: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_541 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_541 .feature-card { position: relative; } #feature-section-card-stacks_in_541 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(51, 51, 102, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_541 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_541 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_541 .feature-card .feature-card-description, #feature-section-card-stacks_in_541 .feature-card h1, #feature-section-card-stacks_in_541 .feature-card h2, #feature-section-card-stacks_in_541 .feature-card h3, #feature-section-card-stacks_in_541 .feature-card h4, #feature-section-card-stacks_in_541 .feature-card h5, #feature-section-card-stacks_in_541 .feature-card h6, #feature-section-card-stacks_in_541 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_541 .feature-card:hover h1, #feature-section-card-stacks_in_541 .feature-card:hover h2, #feature-section-card-stacks_in_541 .feature-card:hover h3, #feature-section-card-stacks_in_541 .feature-card:hover h4, #feature-section-card-stacks_in_541 .feature-card:hover h5, #feature-section-card-stacks_in_541 .feature-card:hover h6, #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .fs-loaded #feature-section-card-stacks_in_541 .feature-card::before, #feature-section-card-stacks_in_541 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_541 .feature-card:hover::before, #feature-section-card-stacks_in_541 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_541 .feature-card::before, #feature-section-card-stacks_in_541 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_541 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_541 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_541 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_541 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_541 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_541 .feature-card .feature-card-description, #feature-section-card-stacks_in_541 .feature-card h1, #feature-section-card-stacks_in_541 .feature-card h2, #feature-section-card-stacks_in_541 .feature-card h3, #feature-section-card-stacks_in_541 .feature-card h4, #feature-section-card-stacks_in_541 .feature-card h5, #feature-section-card-stacks_in_541 .feature-card h6, #feature-section-card-stacks_in_541 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_544 { position: relative; user-select: none; } i#stacks_in_544, svg#stacks_in_544 { position: relative; display: block; text-align: center; } #stacks_in_544.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon svg { --iconSizesstacks_in_546: 64px; } #feature-section-card-stacks_in_546 { } #feature-section-card-stacks_in_546 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-546.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon:before { border-radius: 100px 100px 100px 100px; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon:before { background-color: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon svg { color: rgba(255, 255, 255, 1.00);fill: rgba(255, 255, 255, 1.00);stroke: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_546 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_546 .feature-card { position: relative; } #feature-section-card-stacks_in_546 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(51, 51, 102, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_546 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_546 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_546 .feature-card .feature-card-description, #feature-section-card-stacks_in_546 .feature-card h1, #feature-section-card-stacks_in_546 .feature-card h2, #feature-section-card-stacks_in_546 .feature-card h3, #feature-section-card-stacks_in_546 .feature-card h4, #feature-section-card-stacks_in_546 .feature-card h5, #feature-section-card-stacks_in_546 .feature-card h6, #feature-section-card-stacks_in_546 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_546 .feature-card:hover h1, #feature-section-card-stacks_in_546 .feature-card:hover h2, #feature-section-card-stacks_in_546 .feature-card:hover h3, #feature-section-card-stacks_in_546 .feature-card:hover h4, #feature-section-card-stacks_in_546 .feature-card:hover h5, #feature-section-card-stacks_in_546 .feature-card:hover h6, #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 1.00); } #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-icon svg { color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); stroke: rgba(255, 255, 255, 1.00); } .fs-loaded #feature-section-card-stacks_in_546 .feature-card::before, #feature-section-card-stacks_in_546 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_546 .feature-card:hover::before, #feature-section-card-stacks_in_546 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_546 .feature-card::before, #feature-section-card-stacks_in_546 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_546 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_546 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_546 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_546 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_546 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_546 .feature-card .feature-card-description, #feature-section-card-stacks_in_546 .feature-card h1, #feature-section-card-stacks_in_546 .feature-card h2, #feature-section-card-stacks_in_546 .feature-card h3, #feature-section-card-stacks_in_546 .feature-card h4, #feature-section-card-stacks_in_546 .feature-card h5, #feature-section-card-stacks_in_546 .feature-card h6, #feature-section-card-stacks_in_546 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_549 { position: relative; user-select: none; } i#stacks_in_549, svg#stacks_in_549 { position: relative; display: block; text-align: center; } #stacks_in_549.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_345 { height: 40.00px; } @media print { #spacerStackstacks_in_345 { display: none !important; } } /* */ section#section-stacks_in_450 { /* */ /* */ /* */ background: url(../files/general_bg_image_choice-450.png) no-repeat center center; background-size: cover; /* */ padding: 100px 20px 100px 20px; box-sizing: border-box; } section#section-stacks_in_450 .section-header { text-align: center; box-sizing: border-box; } section#section-stacks_in_450 .section-header-title { /* */ font-family: "Rubik"; /* */ color: rgba(66, 66, 66, 1.00); font-size: 28px; font-weight: bold; max-width: 1000px; margin: 0 auto 5px auto; /* */ line-height: 45.304001px; /* */ } section#section-stacks_in_450 .section-header-description { /* */ font-family: "Rubik"; /* */ color: rgba(117, 117, 117, 1.00); font-size: 16px; max-width: 600px; text-align: center; margin: 0 auto 60px auto; /* */ line-height: 25.888000px; /* */ } section#section-stacks_in_450.hide-title .section-header-title { display: none; } section#section-stacks_in_450.hide-description .section-header-description { display: none; } @media (min-width: 760px) and (max-width: 480px) { /* */ section#section-stacks_in_450 .section-header-title { font-size: 24px; margin: 0 auto 5px auto; line-height: 38.832001px; } section#section-stacks_in_450 .section-header-description { font-size: 16px; margin: 0 auto 60px auto; line-height: 25.888000px; } /* */ } @media (min-width: 0px) and (max-width: 760px) { /* */ section#section-stacks_in_450 .section-header-title { font-size: 20px; margin: 0 auto 5px auto; line-height: 32.360001px; } section#section-stacks_in_450 .section-header-description { font-size: 14px; margin: 0 auto 60px auto; line-height: 22.652000px; } /* */ } .spacerStack { height: 40.00px; } #spacerStackstacks_in_589 { height: 40.00px; } @media print { #spacerStackstacks_in_589 { display: none !important; } } /* 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_582 { overflow: visible !important; } #feature-cards-stacks_in_582 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_582 * { box-sizing: border-box; } #feature-cards-stacks_in_582 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_582 .feature-outer { width: 1280px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_582 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 1232px; } #feature-cards-stacks_in_582 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_582 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_582 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_582 .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_582 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_582 .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_582 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_582 .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_582 .feature-card { background-color : rgba(255, 255, 255, 1.00); padding: 16px 24px 2px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon, #feature-cards-stacks_in_582 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_582 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon i, #feature-cards-stacks_in_582 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(0, 0, 0, 1.00);fill: rgba(0, 0, 0, 1.00);stroke: rgba(0, 0, 0, 1.00); } #feature-cards-stacks_in_582 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_582 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_582 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: flex-start; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon i, #feature-cards-stacks_in_582 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 40px; line-height: 64px; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: 64px; } #feature-cards-stacks_in_582 .feature-card .feature-card-icon i, #feature-cards-stacks_in_582 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_582 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_582 .feature-card, #feature-cards-stacks_in_582 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_582 .feature-card h1, #feature-cards-stacks_in_582 .feature-card h2, #feature-cards-stacks_in_582 .feature-card h3, #feature-cards-stacks_in_582 .feature-card h4, #feature-cards-stacks_in_582 .feature-card h5, #feature-cards-stacks_in_582 .feature-card h6, #feature-cards-stacks_in_582 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_582 .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_582 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_582 .feature-card .feature-card-header, #feature-cards-stacks_in_582 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_582 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_582 .feature-card::before, #feature-cards-stacks_in_582 .feature-card, #feature-cards-stacks_in_582 .feature-outer, #feature-cards-stacks_in_582 .feature-card h1, #feature-cards-stacks_in_582 .feature-card h2, #feature-cards-stacks_in_582 .feature-card h3, #feature-cards-stacks_in_582 .feature-card h4, #feature-cards-stacks_in_582 .feature-card h5, #feature-cards-stacks_in_582 .feature-card h6, #feature-cards-stacks_in_582 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_582 .feature-card .feature-card-icon, #feature-cards-stacks_in_582 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_582 .feature-card .feature-card-header, #feature-cards-stacks_in_582 .feature-card .feature-card-description, #feature-cards-stacks_in_582 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_583 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon svg { --iconSizesstacks_in_583: 64px; } #feature-section-card-stacks_in_583 { } #feature-section-card-stacks_in_583 .feature-card { } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_583 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_583 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_583 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_583 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_583); width: var(--iconSizesstacks_in_583); } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_583); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_583); } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_583); } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_583 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_583 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_583 .feature-card { position: relative; } #feature-section-card-stacks_in_583 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(102, 102, 255, 0.69); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_583 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_583 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_583 .feature-card .feature-card-description, #feature-section-card-stacks_in_583 .feature-card h1, #feature-section-card-stacks_in_583 .feature-card h2, #feature-section-card-stacks_in_583 .feature-card h3, #feature-section-card-stacks_in_583 .feature-card h4, #feature-section-card-stacks_in_583 .feature-card h5, #feature-section-card-stacks_in_583 .feature-card h6, #feature-section-card-stacks_in_583 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_583 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_583 .feature-card:hover h1, #feature-section-card-stacks_in_583 .feature-card:hover h2, #feature-section-card-stacks_in_583 .feature-card:hover h3, #feature-section-card-stacks_in_583 .feature-card:hover h4, #feature-section-card-stacks_in_583 .feature-card:hover h5, #feature-section-card-stacks_in_583 .feature-card:hover h6, #feature-section-card-stacks_in_583 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_583 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_583 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_583 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } #feature-section-card-stacks_in_583 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_583 .feature-card .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0); transform: translate(0,0) rotateZ(0); opacity: 1; transition-timing-function: linear; } .fs-loaded #feature-section-card-stacks_in_583 .feature-card::before, #feature-section-card-stacks_in_583 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_583 .feature-card:hover::before, #feature-section-card-stacks_in_583 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_583 .feature-card::before, #feature-section-card-stacks_in_583 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_583 .feature-card:hover::before { transition-duration: inherit; } /* */ /* */ #stacks_in_587 { position: relative; user-select: none; } i#stacks_in_587, svg#stacks_in_587 { position: relative; display: block; text-align: center; } #stacks_in_587.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_591 { height: 40.00px; } @media print { #spacerStackstacks_in_591 { display: none !important; } } /* 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_555 { overflow: visible !important; } #feature-cards-stacks_in_555 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_555 * { box-sizing: border-box; } #feature-cards-stacks_in_555 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_555 .feature-outer { width: 320px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_555 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_555 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_555 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_555 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_555 .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_555 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_555 .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_555 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_555 .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_555 .feature-card { background-color : rgba(243, 243, 243, 1.00); padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_555 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_555 .feature-card .feature-card-icon, #feature-cards-stacks_in_555 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(96, 125, 139, 1.00); } #feature-cards-stacks_in_555 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_555 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_555 .feature-card .feature-card-icon i, #feature-cards-stacks_in_555 .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_555 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_555 .feature-card, #feature-cards-stacks_in_555 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_555 .feature-card h1, #feature-cards-stacks_in_555 .feature-card h2, #feature-cards-stacks_in_555 .feature-card h3, #feature-cards-stacks_in_555 .feature-card h4, #feature-cards-stacks_in_555 .feature-card h5, #feature-cards-stacks_in_555 .feature-card h6, #feature-cards-stacks_in_555 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_555 .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_555 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_555 .feature-card .feature-card-header, #feature-cards-stacks_in_555 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_555 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_555 .feature-card::before, #feature-cards-stacks_in_555 .feature-card, #feature-cards-stacks_in_555 .feature-outer, #feature-cards-stacks_in_555 .feature-card h1, #feature-cards-stacks_in_555 .feature-card h2, #feature-cards-stacks_in_555 .feature-card h3, #feature-cards-stacks_in_555 .feature-card h4, #feature-cards-stacks_in_555 .feature-card h5, #feature-cards-stacks_in_555 .feature-card h6, #feature-cards-stacks_in_555 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_555 .feature-card .feature-card-icon, #feature-cards-stacks_in_555 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_555 .feature-card .feature-card-header, #feature-cards-stacks_in_555 .feature-card .feature-card-description, #feature-cards-stacks_in_555 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_556 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon svg { --iconSizesstacks_in_556: 64px; } #feature-section-card-stacks_in_556 { } #feature-section-card-stacks_in_556 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-556.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_556 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_556 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_556 .feature-card { position: relative; } #feature-section-card-stacks_in_556 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_556 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_556 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_556 .feature-card .feature-card-description, #feature-section-card-stacks_in_556 .feature-card h1, #feature-section-card-stacks_in_556 .feature-card h2, #feature-section-card-stacks_in_556 .feature-card h3, #feature-section-card-stacks_in_556 .feature-card h4, #feature-section-card-stacks_in_556 .feature-card h5, #feature-section-card-stacks_in_556 .feature-card h6, #feature-section-card-stacks_in_556 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_556 .feature-card:hover h1, #feature-section-card-stacks_in_556 .feature-card:hover h2, #feature-section-card-stacks_in_556 .feature-card:hover h3, #feature-section-card-stacks_in_556 .feature-card:hover h4, #feature-section-card-stacks_in_556 .feature-card:hover h5, #feature-section-card-stacks_in_556 .feature-card:hover h6, #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } .fs-loaded #feature-section-card-stacks_in_556 .feature-card::before, #feature-section-card-stacks_in_556 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_556 .feature-card:hover::before, #feature-section-card-stacks_in_556 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_556 .feature-card::before, #feature-section-card-stacks_in_556 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_556 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_556 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_556 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_556 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_556 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_556 .feature-card .feature-card-description, #feature-section-card-stacks_in_556 .feature-card h1, #feature-section-card-stacks_in_556 .feature-card h2, #feature-section-card-stacks_in_556 .feature-card h3, #feature-section-card-stacks_in_556 .feature-card h4, #feature-section-card-stacks_in_556 .feature-card h5, #feature-section-card-stacks_in_556 .feature-card h6, #feature-section-card-stacks_in_556 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #feature-section-card-stacks_in_562 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon svg { --iconSizesstacks_in_562: 64px; } #feature-section-card-stacks_in_562 { } #feature-section-card-stacks_in_562 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-562.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_562 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_562 .feature-card .feature-card-description { font-family: inherit; text-align: left; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_562 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_562 .feature-card { position: relative; } #feature-section-card-stacks_in_562 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_562 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_562 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_562 .feature-card .feature-card-description, #feature-section-card-stacks_in_562 .feature-card h1, #feature-section-card-stacks_in_562 .feature-card h2, #feature-section-card-stacks_in_562 .feature-card h3, #feature-section-card-stacks_in_562 .feature-card h4, #feature-section-card-stacks_in_562 .feature-card h5, #feature-section-card-stacks_in_562 .feature-card h6, #feature-section-card-stacks_in_562 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_562 .feature-card:hover h1, #feature-section-card-stacks_in_562 .feature-card:hover h2, #feature-section-card-stacks_in_562 .feature-card:hover h3, #feature-section-card-stacks_in_562 .feature-card:hover h4, #feature-section-card-stacks_in_562 .feature-card:hover h5, #feature-section-card-stacks_in_562 .feature-card:hover h6, #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } .fs-loaded #feature-section-card-stacks_in_562 .feature-card::before, #feature-section-card-stacks_in_562 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_562 .feature-card:hover::before, #feature-section-card-stacks_in_562 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_562 .feature-card::before, #feature-section-card-stacks_in_562 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_562 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_562 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_562 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_562 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_562 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_562 .feature-card .feature-card-description, #feature-section-card-stacks_in_562 .feature-card h1, #feature-section-card-stacks_in_562 .feature-card h2, #feature-section-card-stacks_in_562 .feature-card h3, #feature-section-card-stacks_in_562 .feature-card h4, #feature-section-card-stacks_in_562 .feature-card h5, #feature-section-card-stacks_in_562 .feature-card h6, #feature-section-card-stacks_in_562 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_565 { position: relative; user-select: none; } i#stacks_in_565, svg#stacks_in_565 { position: relative; display: block; text-align: center; } #stacks_in_565.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon svg { --iconSizesstacks_in_567: 64px; } #feature-section-card-stacks_in_567 { } #feature-section-card-stacks_in_567 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-567.png); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_567 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_567 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_567 .feature-card { position: relative; } #feature-section-card-stacks_in_567 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(96, 125, 139, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_567 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_567 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_567 .feature-card .feature-card-description, #feature-section-card-stacks_in_567 .feature-card h1, #feature-section-card-stacks_in_567 .feature-card h2, #feature-section-card-stacks_in_567 .feature-card h3, #feature-section-card-stacks_in_567 .feature-card h4, #feature-section-card-stacks_in_567 .feature-card h5, #feature-section-card-stacks_in_567 .feature-card h6, #feature-section-card-stacks_in_567 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-section-card-stacks_in_567 .feature-card:hover h1, #feature-section-card-stacks_in_567 .feature-card:hover h2, #feature-section-card-stacks_in_567 .feature-card:hover h3, #feature-section-card-stacks_in_567 .feature-card:hover h4, #feature-section-card-stacks_in_567 .feature-card:hover h5, #feature-section-card-stacks_in_567 .feature-card:hover h6, #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } .fs-loaded #feature-section-card-stacks_in_567 .feature-card::before, #feature-section-card-stacks_in_567 .feature-card::before { opacity: 0; } .fs-loaded #feature-section-card-stacks_in_567 .feature-card:hover::before, #feature-section-card-stacks_in_567 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_567 .feature-card::before, #feature-section-card-stacks_in_567 .feature-card:hover::before { top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-transform: translate(0,0) scale(1); transform: translate(0,0) scale(1); transition-timing-function: linear; } #feature-section-card-stacks_in_567 .feature-card:hover::before { transition-duration: inherit; } #feature-section-card-stacks_in_567 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_567 .feature-card .feature-card-content { transition-property: transform,opacity; will-change: transform; transition-timing-function: ease; } #feature-section-card-stacks_in_567 .feature-card .feature-card-content { -webkit-transform: translate(0,10%) rotateZ(0); transform: translate(0,10%) rotateZ(0); opacity: 0; } #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-icon-wrap, #feature-section-card-stacks_in_567 .feature-card:hover .feature-card-content { -webkit-transform: translate(0,0) rotateZ(0) !important; transform: translate(0,0) rotateZ(0) !important; opacity: 1; } #feature-section-card-stacks_in_567 .feature-card .feature-card-description, #feature-section-card-stacks_in_567 .feature-card h1, #feature-section-card-stacks_in_567 .feature-card h2, #feature-section-card-stacks_in_567 .feature-card h3, #feature-section-card-stacks_in_567 .feature-card h4, #feature-section-card-stacks_in_567 .feature-card h5, #feature-section-card-stacks_in_567 .feature-card h6, #feature-section-card-stacks_in_567 .feature-card .feature-card-header { transition-property: none; } /* */ /* */ #stacks_in_570 { position: relative; user-select: none; } i#stacks_in_570, svg#stacks_in_570 { position: relative; display: block; text-align: center; } #stacks_in_570.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .spacerStack { height: 40.00px; } #spacerStackstacks_in_592 { height: 40.00px; } @media print { #spacerStackstacks_in_592 { display: none !important; } } /* Depth Content */ @media (min-width: 300px){ #stacks_in_593 .content_flex{ min-height: 0px; } } @media (min-width: 900px){ #stacks_in_593 .content_flex{ min-height: 0px; } } .depth_out .stacks-description{ background: rgba(0,0,0,0.3); box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3) !important; color: #fff !important; border-radius: 3px;} .stacks-partial.grande .depth_out .velvet-icon{ display: none; } /* Section Link Style */ .depth_section_link{ overflow: hidden; position: relative; display: block; width: 100%; } .depth_section_link .depth_in, .depth_section_link .depth_image{ transition: transform 300ms; transform: scale(1); } #stacks_in_593 .depth_section_link:hover .depth_in, #stacks_in_593 .depth_section_link:hover .depth_image{ transform: scale(1.00); } #stacks_in_593.depth_out{ position: relative; letter-spacing: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; color: rgba(0, 0, 0, 1.00);} #stacks_in_593.depth_out a{ color: rgba(255, 102, 0, 1.00);} #stacks_in_593 .depth_in{ position: relative; margin: 0 auto; text-align: center; } #stacks_in_593 .depth_image{ background-size: contain; background-repeat: no-repeat; background-position: 50% 0; /* Drop In Background*/ background-image: url(../files/banner_bg_image-593.png); } #stacks_in_593 .depth_tint{ background: rgba(240, 240, 240, 0.50); } #stacks_in_593 .content_tint{ background: rgba(0, 0, 0, 0.00); } #stacks_in_593 .depth_gradient{ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1.00) 0%,rgba(255, 255, 255, 0.00) 75%); background: linear-gradient(to right, rgba(255, 255, 255, 1.00) 0%,rgba(255, 255, 255, 0.00) 75%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00) 0%,rgba(255, 255, 255, 1.00) 95%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.00) 0%,rgba(255, 255, 255, 1.00) 95%); } /* Heading */ #stacks_in_593 .heading_out{ display: block; display: inline-block; background: rgba(0, 0, 0, 0.00); border-top: 0px solid rgba(255, 102, 0, 1.00); border-right: 0px solid rgba(255, 102, 0, 1.00); border-bottom: 0px solid rgba(255, 102, 0, 1.00); border-left: 0px solid rgba(255, 102, 0, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 25px 0px; line-height: 0;} #stacks_in_593 .heading_in{ padding: 15px 0; margin-left: 0px; margin-right: 0px; } #stacks_in_593 .heading_out h2{ font-size: 60px; line-height: 60px; color: rgba(0, 0, 0, 1.00); font-weight: 500; font-weight: bolder; text-align: center !important; letter-spacing: -4px; text-indent: 0px; margin: 0; padding: 0;} #stacks_in_593 p.super_heading{ color: rgba(0, 0, 0, 1.00); font-size: 14px; letter-spacing: 0px; margin: 0px 0 7px; display: none; float: none;} #stacks_in_593 p.sub_heading{ color: rgba(0, 0, 0, 1.00); font-size: 14px; letter-spacing: 3px; margin: 25px 0 -6px; font-style: italic; display: none; float: none;} /* Content */ #stacks_in_593 .content_out{ display: inline-block; position: relative; max-width: 660px; text-align: center; padding: 18% 50px 15% 50px; margin: 0 5%;} /* Content (Separate Mobile Layout) */ @media screen and (max-width: 770px){ #stacks_in_593 .content_out{ padding: 10% 30px 10% 30px; margin: 0 0%;} #stacks_in_593 .heading_out h2{ font-size: 48px; line-height: 55px; } } @media screen and (max-width: 770px ){ #stacks_in_593 .depth_wrapper{background-color: rgba(255, 255, 255, 0.85);} #stacks_in_593 .depth_tint, #stacks_in_593 .content_tint{ background: none !important; } #stacks_in_593 .heading_out h2, #stacks_in_593 .content_out{ text-align: center !important; } #stacks_in_593 .depth_wrapper .content_out{ display: block;margin: 0 auto; } } #stacks_in_593 .content_flex{ align-items: flex-start; } #stacks_in_593 .content_in{ min-width: 200px; position:relative; z-index:1; background: rgba(0, 0, 0, 0.00); border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } /*IE 11 Fix*/ .depth_ie .content_in{ width: 100%; } #stacks_in_593 .content_in p.main_content{ display: block; color: rgba(0, 0, 0, 1.00); font-size: 1.05em; line-height: 1.40; margin-top: 0%; margin-left: 0px; margin-right: 0px; margin-bottom: 0%; font-weight: bolder; display: none; } #stacks_in_593 .content_in a.depth_button{ display: inline-block; text-decoration: none; line-height: 1.4; font-size: 16px; padding: 4% 6.000000%; border-radius: 2px; box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.40); margin-bottom: 0%; transition: background 200ms, box-shadow 200ms, color 200ms; color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 1.00); font-weight: bolder; } @media screen and (max-width: 770px){ #stacks_in_593 .content_in a.depth_button{ padding: 4% 8%; } } #stacks_in_593 .content_in a.depth_button:hover{ color: rgba(255, 255, 255, 1.00); background: rgba(230, 73, 30, 1.00); box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);} #stacks_in_593 .content_in p.sub_content{ font-weight: normal; font-weight: bolder; font-style: italic; font-size: 22px; color: rgba(0, 0, 0, 1.00); top: 11px; bottom: 0px; left: 0px; right: 0px; position: relative; border-left: 0px solid rgba(255, 102, 0, 1.00); border-right: 0px solid rgba(255, 102, 0, 1.00); padding-left: 0px; padding-right: 0px;} /* Aside */ #stacks_in_593 .depth_aside{ position: static; width: 100%; margin-right: -660px; margin-right:0; display: none; } @media screen and (max-width: 770px){ #stacks_in_593 .depth_aside{ margin-right:0; display: none; } } #stacks_in_593 .depth_aside_wrapper{ width: 100%; } #stacks_in_593 .depth_aside_wrapper, #stacks_in_593 .depth_aside_wrapper .centered_image{ } #stacks_in_593 .depth_aside_wrapper .centered_image .imageStyle{ } #stacks_in_593 .depth_aside_padding > div{max-width:300px;} @media screen and (max-width: 770px){ #stacks_in_593 .depth_aside_wrapper{ position: relative; transform: none; top: auto; padding-right: 0; } } #stacks_in_593 .depth_aside_padding{ padding: 0px 50px 0px 50px; } @media screen and (max-width: 770px){ #stacks_in_593 .depth_aside_padding{ padding: 0px 20px 0px 20px; } } /* Layer Top */ #stacks_in_593 .depth_in{z-index: 4;} #stacks_in_593 .depth_tint{z-index: 3;} #stacks_in_593 .depth_gradient{z-index: 2;} #stacks_in_593 .depth_image{z-index: 1;} /* Force Mobile Legibility */ @media screen and (max-width: 770px ){ #stacks_in_593 .depth_wrapper.content_tint, #stacks_in_593 .depth_gradient{display: none;} } /* Breaks */ #stacks_in_593 hr{border: 0;margin: 0;} #stacks_in_593 hr.hr_top_header{ height: 8px; width: 100%; background: rgba(255, 102, 0, 1.00); display: inline-block;} #stacks_in_593 hr.hr_bottom_header{ height: 8px; width: 100%; background: rgba(255, 102, 0, 1.00); display: inline-block;} #stacks_in_593 hr.hr_bottom_content{ display: inline-block; height: 0px; width: 12%; background: rgba(255, 255, 255, 0.40); margin-top: 20px;} .spacerStack { height: 40.00px; } #spacerStackstacks_in_595 { height: 40.00px; } @media print { #spacerStackstacks_in_595 { display: none !important; } } /* */ /* */ ul > li .faq-question .faq-question-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } /* */ .material-icons { font-family: "Material Icons" !important; } #FAQ-stacks_in_599 { margin: 0 auto; padding: 50px 10px; max-width: 900px; /* */ font-family: "Quicksand"; /* */ } #FAQ-stacks_in_599 h1, #FAQ-stacks_in_599 h2, #FAQ-stacks_in_599 h3, #FAQ-stacks_in_599 h4, #FAQ-stacks_in_599 h5, #FAQ-stacks_in_599 h6 { /* */ font-family: "Quicksand"; /* */ } #FAQ-stacks_in_599 #faq-header { /* */ background: rgba(7, 64, 128, 0.11); /* */ /* */ padding: 28px; border-radius: 4px; margin-bottom: 40px; } #FAQ-stacks_in_599 #faq-header h1.faq-title { font-weight: normal; text-align: center; color: rgba(0, 0, 0, 1.00); font-size: 42px; /* */ font-family: "Quicksand"; /* */ } #FAQ-stacks_in_599 #faq-header .faq-subtitle { text-align: center; margin-bottom: 40px; color: rgba(25, 25, 25, 1.00); font-size: 18px; /* */ font-family: "Quicksand"; /* */ } #FAQ-stacks_in_599 #faq-header.hide-faq-title h1.faq-title { display: none; } #FAQ-stacks_in_599 #faq-header.hide-faq-subtitle .faq-subtitle { display: none; } #FAQ-stacks_in_599 #faq-header.hide-faq-subtitle h1.faq-title { margin-bottom: 40px; } #FAQ-stacks_in_599 #faq-search-outer { /* */ /* */ box-shadow: 0px 2px 30px 0px rgba(13, 71, 161, 0.30); /* */ color: rgba(69, 90, 100, 1.00); background: rgba(255, 255, 255, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; max-width: 100%; box-sizing: border-box; border-radius: 4px; padding: 0 15px 0; } #FAQ-stacks_in_599 #faq-search-outer i.search-icon { color: rgba(0, 0, 255, 1.00); padding: 15px 0; /* */ font-size: 24px; /* */ } #FAQ-stacks_in_599 #faq-search-outer i.search-icon::before { content: 'search'; display: inline-block; transition-duration: 1s; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.loading { color: rgba(0, 0, 255, 1.00); } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.loading::before { content: 'loop'; } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.error { color: rgba(247, 151, 30, 1.00); } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.error::before { content: 'error'; } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.success { color: rgba(29, 233, 182, 1.00); } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.success::before { content: 'check_circle'; } #FAQ-stacks_in_599 #faq-search-outer i.search-icon.rotate::before { -webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } #FAQ-stacks_in_599 #FAQ-stacks_in_599-search-error { display: none; text-align: center; color: rgba(247, 151, 30, 1.00); font-size: 16px; } #FAQ-stacks_in_599 #faq-search { margin: 0 0 0 5px; width: 100%; height: auto; border: none; outline: none; padding: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; box-shadow: none; background: inherit; color: rgba(69, 90, 100, 1.00); font-size: 16px; } #FAQ-stacks_in_599 #faq-search::focus { background: inherit; } #FAQ-stacks_in_599 #faq-search::-webkit-input-placeholder { opacity: 0.6; color: rgba(69, 90, 100, 1.00); } #FAQ-stacks_in_599 mark { display: inline; color: rgba(0, 77, 64, 1.00); background: rgba(29, 233, 182, 1.00); } #FAQ-stacks_in_599 ul#faq-items { margin: 0; padding: 0; list-style: none; } #FAQ-stacks_in_599 ul#faq-items > li, #FAQ-stacks_in_599 ul#faq-items li.edit { /* */ border-style: solid; border-width: 1px; border-color: rgba(207, 216, 220, 1.00); /* */ display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 4px; margin-bottom: 20px; font-weight: normal; } #FAQ-stacks_in_599 ul#faq-items > li i.open-icon, #FAQ-stacks_in_599 ul#faq-items > li i.close-icon, #FAQ-stacks_in_599 ul#faq-items li.edit i.open-icon, #FAQ-stacks_in_599 ul#faq-items li.edit i.close-icon { font-size: 24px; } #FAQ-stacks_in_599 ul#faq-items > li i.open-icon::before, #FAQ-stacks_in_599 ul#faq-items li.edit i.open-icon::before { display: inline-block; content: 'keyboard_arrow_down'; } #FAQ-stacks_in_599 ul#faq-items > li i.close-icon::before, #FAQ-stacks_in_599 ul#faq-items li.edit i.close-icon::before { display: inline-block; content: 'keyboard_arrow_up'; } #FAQ-stacks_in_599.toggle_close li.edit .faq-question { color: rgba(255, 255, 255, 1.00); background: rgba(25, 25, 25, 1.00); } #FAQ-stacks_in_599.toggle_close li.edit .faq-question i.open-icon { display: none; } #FAQ-stacks_in_599.toggle_close li.edit .faq-question i.close-icon { display: block; } #FAQ-stacks_in_599 ul > li.opened, #FAQ-stacks_in_599 li.edit { /* */ box-shadow: 2px 2px 30px 2px rgba(102, 102, 102, 1.00); /* */ } #FAQ-stacks_in_599 ul > li.opened .faq-question, #FAQ-stacks_in_599 li.edit .faq-question { color: rgba(255, 255, 255, 1.00); background: rgba(25, 25, 25, 1.00); } #FAQ-stacks_in_599 ul > li.opened .faq-question i.open-icon, #FAQ-stacks_in_599 li.edit .faq-question i.open-icon { display: none; } #FAQ-stacks_in_599 ul > li.opened .faq-question i.close-icon, #FAQ-stacks_in_599 li.edit .faq-question i.close-icon { display: block; } #FAQ-stacks_in_599 ul > li .faq-question, #FAQ-stacks_in_599 ul li.edit .faq-question { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; padding: 20px; color: rgba(0, 0, 0, 1.00); background: rgba(255, 255, 255, 1.00); font-size: 18px; } #FAQ-stacks_in_599 ul > li .faq-question span, #FAQ-stacks_in_599 ul > li .faq-question i, #FAQ-stacks_in_599 ul li.edit .faq-question span, #FAQ-stacks_in_599 ul li.edit .faq-question i { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; vertical-align: middle; } #FAQ-stacks_in_599 ul > li .faq-question i, #FAQ-stacks_in_599 ul li.edit .faq-question i { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 12px; font-size: 32px; } #FAQ-stacks_in_599 ul > li .faq-question i.open-icon, #FAQ-stacks_in_599 ul > li .faq-question i.close-icon, #FAQ-stacks_in_599 ul li.edit .faq-question i.open-icon, #FAQ-stacks_in_599 ul li.edit .faq-question i.close-icon { margin-right: 0; margin-left: auto; font-size: 20px; } #FAQ-stacks_in_599 ul > li .faq-question i.open-icon, #FAQ-stacks_in_599 ul li.edit .faq-question i.open-icon { display: block; } #FAQ-stacks_in_599 ul > li .faq-question i.close-icon, #FAQ-stacks_in_599 ul li.edit .faq-question i.close-icon { display: none; } #FAQ-stacks_in_599 ul > li .faq-answer, #FAQ-stacks_in_599 ul li.edit .faq-answer { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 25px; color: rgba(55, 71, 79, 1.00); background: rgba(255, 255, 255, 1.00); box-sizing: border-box; font-size: 16px; } #FAQ-stacks_in_599.toggle_close ul li.edit .faq-answer { display: block; } #FAQ-stacks_in_599 h1, #FAQ-stacks_in_599 h2, #FAQ-stacks_in_599 h3, #FAQ-stacks_in_599 h4, #FAQ-stacks_in_599 h5, #FAQ-stacks_in_599 h6 { color: rgba(55, 71, 79, 1.00); } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_599 { padding: 20px 0px 100px 0px; } #stacks_in_684 .velvet-icon{font-size:8vw;color:rgba(89, 172, 248, 1.00);top: 50%; left: 50%; transform: translate(-50%, -50%);;padding:15px;text-shadow:rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px}#stacks_in_684:hover .velvet-icon{text-shadow:rgba(0, 0, 0, 0.00) 0 0 10px,rgba(0, 0, 0, 0.00) 0 0 30px,rgba(0, 0, 0, 0.00) 0 0 50px}#stacks_in_684 .vzoom-img-in:hover .velvet-icon{color:rgba(255, 255, 255, 1.00)}#stacks_in_684 .vzoom-img-in:before{background:rgba(0, 0, 0, 0.05);border-radius:6px}#stacks_in_684 .vzoom-img-in:hover:before{background:rgba(0, 0, 0, 0.10)}#stacks_in_684 .vzoom-img-in img{border-radius:6px} #stacks_in_678_button { display:block; position: relative; text-align: center; } #stacks_in_678 a:link, #stacks_in_678 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_678 a:hover, #stacks_in_678 a:active { color:#FFFFFF; } #stacks_in_678 a:link, #stacks_in_678 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_678 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_678 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } /* 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_340 { overflow: visible !important; } #feature-cards-stacks_in_340 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_340 * { box-sizing: border-box; } #feature-cards-stacks_in_340 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } #feature-cards-stacks_in_340 .feature-outer { width: 1280px; max-width: 100%; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_340 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 1232px; } #feature-cards-stacks_in_340 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_340 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_340 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_340 .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_340 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_340 .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_340 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_340 .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_340 .feature-card { background-color : rgba(255, 255, 255, 1.00); padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon, #feature-cards-stacks_in_340 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_340 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon i, #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg { padding: 0; margin: 0 auto; height: 64px; width: auto; font-size: 40px; line-height: 64px; color: rgba(0, 0, 0, 1.00);fill: rgba(0, 0, 0, 1.00);stroke: rgba(0, 0, 0, 1.00); } #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_340 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_340 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: flex-start; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon i, #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 40px; line-height: 64px; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: 64px; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon i, #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_340 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_340 .feature-card, #feature-cards-stacks_in_340 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_340 .feature-card h1, #feature-cards-stacks_in_340 .feature-card h2, #feature-cards-stacks_in_340 .feature-card h3, #feature-cards-stacks_in_340 .feature-card h4, #feature-cards-stacks_in_340 .feature-card h5, #feature-cards-stacks_in_340 .feature-card h6, #feature-cards-stacks_in_340 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_340 .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_340 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_340 .feature-card .feature-card-header, #feature-cards-stacks_in_340 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_340 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_340 .feature-card::before, #feature-cards-stacks_in_340 .feature-card, #feature-cards-stacks_in_340 .feature-outer, #feature-cards-stacks_in_340 .feature-card h1, #feature-cards-stacks_in_340 .feature-card h2, #feature-cards-stacks_in_340 .feature-card h3, #feature-cards-stacks_in_340 .feature-card h4, #feature-cards-stacks_in_340 .feature-card h5, #feature-cards-stacks_in_340 .feature-card h6, #feature-cards-stacks_in_340 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_340 .feature-card .feature-card-icon, #feature-cards-stacks_in_340 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_340 .feature-card .feature-card-header, #feature-cards-stacks_in_340 .feature-card .feature-card-description, #feature-cards-stacks_in_340 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_340 .feature-card { position: relative; } #feature-cards-stacks_in_340 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(64, 0, 128, 1.00); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-cards-stacks_in_340 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_340 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(64, 0, 128, 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_340 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_340 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 450.000000ms; } #feature-cards-stacks_in_340 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_340 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_340 .feature-card .feature-card-icon i, #feature-cards-stacks_in_340 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_340 .feature-card .feature-card-description, #feature-cards-stacks_in_340 .feature-card h1, #feature-cards-stacks_in_340 .feature-card h2, #feature-cards-stacks_in_340 .feature-card h3, #feature-cards-stacks_in_340 .feature-card h4, #feature-cards-stacks_in_340 .feature-card h5, #feature-cards-stacks_in_340 .feature-card h6, #feature-cards-stacks_in_340 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_340 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_340 .feature-card:hover h1, #feature-cards-stacks_in_340 .feature-card:hover h2, #feature-cards-stacks_in_340 .feature-card:hover h3, #feature-cards-stacks_in_340 .feature-card:hover h4, #feature-cards-stacks_in_340 .feature-card:hover h5, #feature-cards-stacks_in_340 .feature-card:hover h6, #feature-cards-stacks_in_340 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_340 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_340 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_340 .feature-card:hover .feature-card-icon svg { color: rgba(96, 125, 139, 1.00); fill: rgba(96, 125, 139, 1.00); stroke: rgba(96, 125, 139, 1.00); } /* */ /* */ #feature-section-card-stacks_in_341 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon svg { --iconSizesstacks_in_341: 64px; } #feature-section-card-stacks_in_341 { } #feature-section-card-stacks_in_341 .feature-card { } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_341 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_341 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_341 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_341 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_341); width: var(--iconSizesstacks_in_341); } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_341); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_341); } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_341); } #feature-section-card-stacks_in_341 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_341 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_341 .feature-card { grid-template-columns: 1fr; } #feature-section-card-stacks_in_341 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_346 { position: relative; user-select: none; } i#stacks_in_346, svg#stacks_in_346 { position: relative; display: block; text-align: center; } #stacks_in_346.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } input#stacks_in_32.pay-submit { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; height:30px; line-height:0px; border:none; margin:0 auto; padding: 23px; color:#FFFFFF!important; font-size: 32px; text-transform:none; background:#FD8008; width: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; } input#stacks_in_32.pay-submit:hover{ background-color:#FB0207!important; color:#000000!important; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #cart label.terms { font-size: 14px!important; } #cart input#terms { width: auto; visibility: visible; left: auto; position: relative; } #stacks_in_32 { margin: 9px; } #stacks_out_32 { width: 80%; } .spacerStack { height: 60.00px; } #spacerStackstacks_in_36 { height: 60.00px; } @media print { #spacerStackstacks_in_36 { display: none !important; } } .spacerStack { height: 80.00px; } #spacerStackstacks_in_42 { height: 80.00px; } @media print { #spacerStackstacks_in_42 { display: none !important; } } #stacks_out_46 { width: 45%; } input#stacks_in_35.pay-submit { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; height:30px; line-height:0px; border:none; margin:0 auto; padding: 20px; color:#FFFFFF!important; font-size: 14px; text-transform:none; background:#F45B4F; width: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input#stacks_in_35.pay-submit:hover{ background-color:#EE4D41!important; color:#FFFFFF!important; cursor: pointer; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .totalstuff { float: left; margin: 8px; } #stacks_out_35 { width: 19%; } .spacerStack { height: 80.00px; } #spacerStackstacks_in_683 { height: 80.00px; } @media print { #spacerStackstacks_in_683 { display: none !important; } }