/* 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_281 { overflow: visible !important; } #feature-cards-stacks_in_281 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_281 * { box-sizing: border-box; } #feature-cards-stacks_in_281 .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_281 .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_281 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 252px; } #feature-cards-stacks_in_281 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_281 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_281 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_281 .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_281 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_281 .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_281 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_281 .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_281 .feature-card { padding: 16px 24px 16px 24px; border: 0px solid rgba(0, 0, 0, 0.10); border-radius: 6px; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon, #feature-cards-stacks_in_281 .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_281 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon i, #feature-cards-stacks_in_281 .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_281 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_281 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_281 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon i, #feature-cards-stacks_in_281 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 40px; line-height: 64px; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: 64px; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon i, #feature-cards-stacks_in_281 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_281 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_281 .feature-card, #feature-cards-stacks_in_281 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_281 .feature-card h1, #feature-cards-stacks_in_281 .feature-card h2, #feature-cards-stacks_in_281 .feature-card h3, #feature-cards-stacks_in_281 .feature-card h4, #feature-cards-stacks_in_281 .feature-card h5, #feature-cards-stacks_in_281 .feature-card h6, #feature-cards-stacks_in_281 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_281 .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_281 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_281 .feature-card .feature-card-header, #feature-cards-stacks_in_281 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_281 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_281 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_281 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_281 .feature-card::before, #feature-cards-stacks_in_281 .feature-card, #feature-cards-stacks_in_281 .feature-outer, #feature-cards-stacks_in_281 .feature-card h1, #feature-cards-stacks_in_281 .feature-card h2, #feature-cards-stacks_in_281 .feature-card h3, #feature-cards-stacks_in_281 .feature-card h4, #feature-cards-stacks_in_281 .feature-card h5, #feature-cards-stacks_in_281 .feature-card h6, #feature-cards-stacks_in_281 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_281 .feature-card .feature-card-icon, #feature-cards-stacks_in_281 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_281 .feature-card .feature-card-header, #feature-cards-stacks_in_281 .feature-card .feature-card-description, #feature-cards-stacks_in_281 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_281 .feature-card { position: relative; } #feature-cards-stacks_in_281 .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-cards-stacks_in_281 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_281 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(96, 125, 139, 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_281 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_281 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_281 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_281 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_281 .feature-card .feature-card-icon i, #feature-cards-stacks_in_281 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_281 .feature-card .feature-card-description, #feature-cards-stacks_in_281 .feature-card h1, #feature-cards-stacks_in_281 .feature-card h2, #feature-cards-stacks_in_281 .feature-card h3, #feature-cards-stacks_in_281 .feature-card h4, #feature-cards-stacks_in_281 .feature-card h5, #feature-cards-stacks_in_281 .feature-card h6, #feature-cards-stacks_in_281 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_281 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_281 .feature-card:hover h1, #feature-cards-stacks_in_281 .feature-card:hover h2, #feature-cards-stacks_in_281 .feature-card:hover h3, #feature-cards-stacks_in_281 .feature-card:hover h4, #feature-cards-stacks_in_281 .feature-card:hover h5, #feature-cards-stacks_in_281 .feature-card:hover h6, #feature-cards-stacks_in_281 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_281 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_281 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_281 .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-cards-stacks_in_281 .feature-card .feature-card-icon > * { transform-origin: center; transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_281 .feature-card:hover .feature-card-icon > * { transform: translate(0,0) rotateZ(360deg); } /* */ /* */ #feature-section-card-stacks_in_282 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon svg { --iconSizesstacks_in_282: 64px; } #feature-section-card-stacks_in_282 { } #feature-section-card-stacks_in_282 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_282 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_282 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_282 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_282 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_282); width: var(--iconSizesstacks_in_282); } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_282); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_282); } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_282); } #feature-section-card-stacks_in_282 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_282 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_282 .feature-card .feature-card-header { font-family: inherit; text-align: left; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_282 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_286 { position: relative; user-select: none; } i#stacks_in_286, svg#stacks_in_286 { position: relative; display: block; text-align: center; } #stacks_in_286.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon svg { --iconSizesstacks_in_288: 64px; } #feature-section-card-stacks_in_288 { } #feature-section-card-stacks_in_288 .feature-card { background-color : rgba(255, 255, 255, 0.00); background-image : url(); min-height: 320px; background-repeat: repeat; background-position: center center; background-size: cover; } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_288 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_288 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_288 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_288 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_288); width: var(--iconSizesstacks_in_288); } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_288); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_288); } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_288); } #feature-section-card-stacks_in_288 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_288 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_288 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_291 { position: relative; user-select: none; } i#stacks_in_291, svg#stacks_in_291 { position: relative; display: block; text-align: center; } #stacks_in_291.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon svg { --iconSizesstacks_in_293: 64px; } #feature-section-card-stacks_in_293 { } #feature-section-card-stacks_in_293 .feature-card { } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon:before { display: none; } .icon-layout-False #feature-section-card-stacks_in_293 .feature-card .feature-card-icon-wrap { justify-content: flex-start; } .icon-layout-True #feature-section-card-stacks_in_293 .feature-card .feature-card-content-wrap { align-items: flex-start; } .icon-layout-False #feature-section-card-stacks_in_293 .feature-card .feature-card-icon-wrap { justify-content: center; } .icon-layout-True #feature-section-card-stacks_in_293 .feature-card .feature-card-content-wrap { align-items: center; } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon { height: var(--iconSizesstacks_in_293); width: var(--iconSizesstacks_in_293); } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon img { height: 40px; } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon svg { height: var(--iconSizesstacks_in_293); width: auto; font-size: 40px; line-height: var(--iconSizesstacks_in_293); } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon svg { padding: 16.000000px 0; width: var(--iconSizesstacks_in_293); } #feature-section-card-stacks_in_293 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon svg, #feature-section-card-stacks_in_293 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-section-card-stacks_in_293 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_296 { position: relative; user-select: none; } i#stacks_in_296, svg#stacks_in_296 { position: relative; display: block; text-align: center; } #stacks_in_296.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_298 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_298 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_298 .feature-card .feature-card-icon, #feature-section-card-stacks_in_298 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_298 .feature-card .feature-card-icon svg { --iconSizesstacks_in_298: 64px; } #feature-section-card-stacks_in_298 { } #feature-section-card-stacks_in_298 .feature-card { } #feature-section-card-stacks_in_298 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_298 .feature-card .feature-card-icon, #feature-section-card-stacks_in_298 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_298 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_298 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_301 { position: relative; user-select: none; } i#stacks_in_301, svg#stacks_in_301 { position: relative; display: block; text-align: center; } #stacks_in_301.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_303 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_303 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_303 .feature-card .feature-card-icon, #feature-section-card-stacks_in_303 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_303 .feature-card .feature-card-icon svg { --iconSizesstacks_in_303: 64px; } #feature-section-card-stacks_in_303 { } #feature-section-card-stacks_in_303 .feature-card { } #feature-section-card-stacks_in_303 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_303 .feature-card .feature-card-icon, #feature-section-card-stacks_in_303 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_303 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_303 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_306 { position: relative; user-select: none; } i#stacks_in_306, svg#stacks_in_306 { position: relative; display: block; text-align: center; } #stacks_in_306.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #feature-section-card-stacks_in_308 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_308 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_308 .feature-card .feature-card-icon, #feature-section-card-stacks_in_308 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_308 .feature-card .feature-card-icon svg { --iconSizesstacks_in_308: 64px; } #feature-section-card-stacks_in_308 { } #feature-section-card-stacks_in_308 .feature-card { } #feature-section-card-stacks_in_308 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_308 .feature-card .feature-card-icon, #feature-section-card-stacks_in_308 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_308 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_308 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_311 { position: relative; user-select: none; } i#stacks_in_311, svg#stacks_in_311 { position: relative; display: block; text-align: center; } #stacks_in_311.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_351>.s3_row { margin: 0 -10px; } #stacks_in_351>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_351>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_351>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_351>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_351>.s3_row { margin: -10px 0; } #stacks_in_351>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_352_button { display:block; position: relative; text-align: center; } #stacks_in_352 a:link, #stacks_in_352 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_352 a:hover, #stacks_in_352 a:active { color:#FFFFFF; } #stacks_in_352 a:link, #stacks_in_352 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_352 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_352 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_239>.s3_row { margin: 0 -10px; } #stacks_in_239>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_239>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_239>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_239>.s3_row { margin: -10px 0; } #stacks_in_239>.s3_row>.s3_column { padding: 10px 0; width:100%; } } .element_stacks_in_324[data-deluxe-el] { padding: 16px 0px 128px 0px; text-align: center; } .element_stacks_in_324[data-deluxe-el] > div { } /* 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_325 { overflow: visible !important; } #feature-cards-stacks_in_325 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_325 * { box-sizing: border-box; } #feature-cards-stacks_in_325 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } #feature-cards-stacks_in_325 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 320px; max-width: 100%; border-radius: 4px; overflow: hidden; position: relative; z-index: 0; box-shadow: 0 0 0 0 transparent; } #feature-cards-stacks_in_325 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; min-width: 272px; } #feature-cards-stacks_in_325 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_325 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; justify-items: center; align-content: flex-start; } #feature-cards-stacks_in_325 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_325 .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_325 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_325 .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_325 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_325 .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_325 .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: 4px; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon, #feature-cards-stacks_in_325 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(0, 0, 0, 0.25); } #feature-cards-stacks_in_325 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon img { height: 42px; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon i, #feature-cards-stacks_in_325 .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_325 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_325 .feature-card .feature-card-content-wrap { } #feature-cards-stacks_in_325 .feature-card .feature-card-icon-wrap { margin: 16px 0; justify-content: center; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon { height: 64px; width: 64px; transform: translate(0px,0); margin-bottom: -0px; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon i, #feature-cards-stacks_in_325 .feature-card .feature-card-icon svg { height: 64px; width: auto; font-size: 42px; line-height: 64px; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon svg { padding: 15.000000px 0; width: 64px; } #feature-cards-stacks_in_325 .feature-card .feature-card-icon i, #feature-cards-stacks_in_325 .feature-card .feature-card-icon svg, #feature-cards-stacks_in_325 .feature-card .feature-card-icon img { transform: translate(0,0) rotateZ(0deg); } #feature-cards-stacks_in_325 .feature-card, #feature-cards-stacks_in_325 .feature-card .feature-card-description { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_325 .feature-card h1, #feature-cards-stacks_in_325 .feature-card h2, #feature-cards-stacks_in_325 .feature-card h3, #feature-cards-stacks_in_325 .feature-card h4, #feature-cards-stacks_in_325 .feature-card h5, #feature-cards-stacks_in_325 .feature-card h6, #feature-cards-stacks_in_325 .feature-card .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_325 .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_325 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_325 .feature-card .feature-card-header, #feature-cards-stacks_in_325 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_325 .feature-card .feature-card-description { font-family: inherit; text-align: center; font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 4px; margin-bottom: 16px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_325 .feature-card .feature-card-header { font-family: inherit; text-align: center; font-weight: 700; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-cards-stacks_in_325 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_325 .feature-card::before, #feature-cards-stacks_in_325 .feature-card, #feature-cards-stacks_in_325 .feature-outer, #feature-cards-stacks_in_325 .feature-card h1, #feature-cards-stacks_in_325 .feature-card h2, #feature-cards-stacks_in_325 .feature-card h3, #feature-cards-stacks_in_325 .feature-card h4, #feature-cards-stacks_in_325 .feature-card h5, #feature-cards-stacks_in_325 .feature-card h6, #feature-cards-stacks_in_325 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_325 .feature-card .feature-card-icon, #feature-cards-stacks_in_325 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_325 .feature-card .feature-card-header, #feature-cards-stacks_in_325 .feature-card .feature-card-description, #feature-cards-stacks_in_325 .feature-card .feature-card-content { transition-duration: 300ms; transition-timing-function: linear; } /* */ /* */ /* */ #feature-section-card-stacks_in_327 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon svg { --iconSizesstacks_in_327: 64px; } #feature-section-card-stacks_in_327 { } #feature-section-card-stacks_in_327 .feature-card { background-image: linear-gradient(135deg, rgba(255, 255, 255, 1.00) 0%,rgba(43, 132, 207, 1.00) 100%); } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_327 .feature-card .feature-card-description { font-family: inherit; text-align: left; text-align: center; 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_327 .feature-card .feature-card-header { font-family: inherit; text-align: left; text-align: center; font-weight: 800; font-size: 24px; line-height: 28px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 0.00px; word-spacing: 0.00px; } #feature-section-card-stacks_in_327 .feature-card:hover { z-index: 30; position: relative; } /* */ #feature-section-card-stacks_in_327 .feature-card { position: relative; } #feature-section-card-stacks_in_327 .feature-card::before { top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.50); content: ''; z-index: 0; display: block; opacity: 0; position: absolute; transition-property: opacity; } #feature-section-card-stacks_in_327 .feature-card:hover::before { opacity: 1; } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon-wrap, #feature-section-card-stacks_in_327 .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_327 .feature-card::before { top: 50%; left: 0; width: 100%; padding-top: 100%; height: auto; background: rgba(0, 0, 0, 0.50); 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_327 .fs-loaded .feature-card::before { opacity: 1; } #feature-section-card-stacks_in_327 .feature-card:hover::before { transition-timing-function: ease-in; } #feature-section-card-stacks_in_327 .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_327 .feature-card.center::before { -webkit-transform-origin: center; transform-origin: center; } #feature-section-card-stacks_in_327 .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_327 .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_327 .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_327 .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_327 .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_327 .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_327 .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_327 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon { transition-property: background; } #feature-section-card-stacks_in_327 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_327 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-section-card-stacks_in_327 .feature-card .feature-card-description, #feature-section-card-stacks_in_327 .feature-card h1, #feature-section-card-stacks_in_327 .feature-card h2, #feature-section-card-stacks_in_327 .feature-card h3, #feature-section-card-stacks_in_327 .feature-card h4, #feature-section-card-stacks_in_327 .feature-card h5, #feature-section-card-stacks_in_327 .feature-card h6, #feature-section-card-stacks_in_327 .feature-card .feature-card-header { transition-property: color; } #feature-section-card-stacks_in_327 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_327 .feature-card:hover h1, #feature-section-card-stacks_in_327 .feature-card:hover h2, #feature-section-card-stacks_in_327 .feature-card:hover h3, #feature-section-card-stacks_in_327 .feature-card:hover h4, #feature-section-card-stacks_in_327 .feature-card:hover h5, #feature-section-card-stacks_in_327 .feature-card:hover h6, #feature-section-card-stacks_in_327 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-section-card-stacks_in_327 .feature-card:hover .feature-card-icon { background: rgba(0, 0, 0, 0.25); } #feature-section-card-stacks_in_327 .feature-card:hover .feature-card-icon i, #feature-section-card-stacks_in_327 .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); } #feature-section-card-stacks_in_327 { transition-property: transform,box-shadow; transform: translate(0,0) scale(1) rotateZ(0); } #feature-section-card-stacks_in_327:hover { transform: translate(0,-20px) scale(1.040000) rotateZ(0deg); } /* */ /* */ #stacks_in_331 { position: relative; user-select: none; } i#stacks_in_331, svg#stacks_in_331 { position: relative; display: block; text-align: center; } #stacks_in_331.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_361>.s3_row { margin: 0 -10px; } #stacks_in_361>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_361>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_361>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_361>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_361>.s3_row { margin: -10px 0; } #stacks_in_361>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_362_button { display:block; position: relative; text-align: center; } #stacks_in_362 a:link, #stacks_in_362 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_362 a:hover, #stacks_in_362 a:active { color:#FFFFFF; } #stacks_in_362 a:link, #stacks_in_362 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_362 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_362 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_379_button { display:block; position: relative; text-align: center; } #stacks_in_379 a:link, #stacks_in_379 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_379 a:hover, #stacks_in_379 a:active { color:#FFFFFF; } #stacks_in_379 a:link, #stacks_in_379 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_379 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_379 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; }