.com_bigwhiteduck_stacks_headerpro_stack .text-center{text-align:center}.com_bigwhiteduck_stacks_headerpro_stack .text-left{text-align:left}.com_bigwhiteduck_stacks_headerpro_stack .text-right{text-align:right}.com_bigwhiteduck_stacks_headerpro_stack .text-justify{text-align:justify}.com_bigwhiteduck_stacks_headerpro_stack .text-inherit{text-align:inherit} .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} #stacks_in_176531 { margin: 20px 0px 0px 0px; padding: 0px 5px 0px 5px; } #usefulStackWrapperstacks_in_176535 { margin: 0 auto; min-width: 0px; max-width: 900px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_176535 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_176535 { display: none; } } #stacks_in_176535 { padding: 10px 10px 10px 10px; } #stacks_in_176553 { margin: 0px 0px 10px 0px; } #stacks_in_176300 h1,#stacks_in_176300 .hTxt:not(.segment) div{font-size:4.00rem}@media all and (max-width:640px){#stacks_in_176300 h1,#stacks_in_176300 .hTxt:not(.segment) div{font-size:2.50rem}}@media only screen and (max-width:414px){#stacks_in_176300 h1,#stacks_in_176300 div{text-align:left !important}#stacks_out_176300{display:block !important}}@media only screen and (min-width:0px){#stacks_in_176300 h1,#stacks_in_176300 div{line-height:1.00}}#stacks_in_176300 h1,#stacks_in_176300 div{color:rgba(251, 158, 10, 1.00)}#stacks_in_176300 h1 a,#stacks_in_176300 div a{color:rgba(251, 158, 10, 1.00)}#stacks_in_176300 h1 a:hover,#stacks_in_176300 div a:hover{color:rgba(188, 118, 7, 1.00)}#stacks_in_176300 small,#stacks_in_176300 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_176300 h1.margin-collapse{margin-top:0 !important;margin-bottom:0 !important}#stacks_in_176300 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Playfair",Sans-Serif;font-weight:300;font-style:normal} #stacks_in_176589 p,#stacks_in_176589 div,#stacks_in_176589 ul,#stacks_in_176589 ol,#stacks_in_176589 dl{color:rgba(102, 102, 102, 1.00)}#stacks_in_176589 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_176589 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_176589,#stacks_in_176589 div,#stacks_in_176589 p,#stacks_in_176589 ol,#stacks_in_176589 ul li,#stacks_in_176589 ol li,#stacks_in_176589 ol,#stacks_in_176589 dl{font-size:1.00rem}@media all and (max-width:640px){#stacks_in_176589,#stacks_in_176589 div,#stacks_in_176589 p,#stacks_in_176589 ol,#stacks_in_176589 ul li,#stacks_in_176589 ol li,#stacks_in_176589 ol,#stacks_in_176589 dl{font-size:1.20rem}}@media only screen and (min-width:0px){#stacks_in_176589{}}#stacks_in_176589,#stacks_in_176589 div,#stacks_in_176589 p,#stacks_in_176589 ul,#stacks_in_176589 ul li,#stacks_in_176589 ol li,#stacks_in_176589 ol,#stacks_in_176589 dl,#stacks_in_176589 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Merriweather",Sans-Serif ;font-weight:400 ;font-style:normal } #stacks_in_176589 { padding: 0px 0px 20px 0px; } #stacks_in_176576 p,#stacks_in_176576 div,#stacks_in_176576 ul,#stacks_in_176576 ol,#stacks_in_176576 dl{color:rgba(102, 102, 102, 1.00)}#stacks_in_176576 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_176576 a:hover{color:rgba(0, 102, 153, 1.00)}#stacks_in_176576,#stacks_in_176576 div,#stacks_in_176576 p,#stacks_in_176576 ol,#stacks_in_176576 ul li,#stacks_in_176576 ol li,#stacks_in_176576 ol,#stacks_in_176576 dl{font-size:1.00rem}@media all and (max-width:640px){#stacks_in_176576,#stacks_in_176576 div,#stacks_in_176576 p,#stacks_in_176576 ol,#stacks_in_176576 ul li,#stacks_in_176576 ol li,#stacks_in_176576 ol,#stacks_in_176576 dl{font-size:1.20rem}}@media only screen and (min-width:0px){#stacks_in_176576{}}#stacks_in_176576,#stacks_in_176576 div,#stacks_in_176576 p,#stacks_in_176576 ul,#stacks_in_176576 ul li,#stacks_in_176576 ol li,#stacks_in_176576 ol,#stacks_in_176576 dl,#stacks_in_176576 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"Merriweather",Sans-Serif ;font-weight:400 ;font-style:normal } #stacks_in_176576 { padding: 0px 0px 20px 0px; } :root { --multi_columns_stacks_in_176563:1fr 1fr 1fr; } #multi_columns_stacks_in_176563 { display: grid; grid-auto-flow: dense; grid-template-columns: var(--multi_columns_stacks_in_176563); grid-gap: 16px; align-items: flex-start; } #multi_columns_stacks_in_176563 > div { min-width: 0; } #multi_columns_stacks_in_176563 + .deluxe-columns { margin-top: 16px; } #multi_columns_stacks_in_176563 > div img { max-width: 100%; } #multi_columns_stacks_in_176563 > div:not(.nav-column):not(.column-sticky) { position: relative; } @media all and (min-width: 901px) { #multi_columns_stacks_in_176563 .hide-mobile { display: inherit; } #multi_columns_stacks_in_176563 .hide-tablet { display: inherit; } #multi_columns_stacks_in_176563 .hide-mobile { display: inherit; } #multi_columns_stacks_in_176563 .hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 501px) { #multi_columns_stacks_in_176563 .column-tablet-top { grid-row: 1; } #multi_columns_stacks_in_176563 .hide-desktop { display: inherit; } #multi_columns_stacks_in_176563 .hide-mobile { display: inherit; } #multi_columns_stacks_in_176563 .hide-tablet { display: none; } } @media all and (max-width: 500px) { #multi_columns_stacks_in_176563 .column-mobile-top { grid-row: 1; } #multi_columns_stacks_in_176563 .hide-tablet { display: inherit; } #multi_columns_stacks_in_176563 .hide-desktop { display: inherit; } #multi_columns_stacks_in_176563 .hide-mobile { display: none; } } @media all and (max-width: 900px) { #multi_columns_stacks_in_176563 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_176563 + .deluxe-columns { } #multi_columns_stacks_in_176563 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_176563 > div > * {position: relative;} #multi_columns_stacks_in_176563 > div > * > * {transform: translate(0,0);} } @media all and (max-width: 500px) { #multi_columns_stacks_in_176563 { grid-template-columns: repeat(1, 1fr); } #multi_columns_stacks_in_176563 > div:last-child { grid-column: span 1; } #multi_columns_stacks_in_176563 > div > * {position: relative;} #multi_columns_stacks_in_176563 > div > * > * {transform: translate(0,0);} } #stacks_in_176527 { margin: 0px 0px 30px 0px; } #stacks_in_176525 { margin: 0px 0px 20px 0px; } #stacks_in_176561 { margin: 0px 0px 20px 0px; } #usefulStackWrapperstacks_in_176537 { margin: 0 auto; min-width: 0px; max-width: 900px; min-height: 0px; max-height: 20000px; overflow: hidden; position: relative; } #usefulStackstacks_in_176537 { padding-bottom: 0%; padding-top: 0%; padding-left: 0%; padding-right: 0%; margin-bottom: 0%; margin-top: 0%; margin-left: 0%; margin-right: 0%; display: block; } @media screen and (max-width: 100px) { #usefulStackstacks_in_176537 { display: none; } } #stacks_in_176466 h3,#stacks_in_176466 .hTxt:not(.segment) div{font-size:3.00rem}@media all and (max-width:640px){#stacks_in_176466 h3,#stacks_in_176466 .hTxt:not(.segment) div{font-size:1.95rem}}@media only screen and (max-width:414px){#stacks_in_176466 h3,#stacks_in_176466 div{text-align:left !important}#stacks_out_176466{display:block !important}}@media only screen and (min-width:0px){#stacks_in_176466 h3,#stacks_in_176466 div{line-height:1.00}}#stacks_in_176466 h3,#stacks_in_176466 div{color:rgba(251, 158, 10, 1.00)}#stacks_in_176466 h3 a,#stacks_in_176466 div a{color:rgba(251, 158, 10, 1.00)}#stacks_in_176466 h3 a:hover,#stacks_in_176466 div a:hover{color:rgba(188, 118, 7, 1.00)}#stacks_in_176466 small,#stacks_in_176466 small div{color:rgba(111, 111, 111, 1.00)}#stacks_in_176466 h3.margin-collapse{margin-top:0 !important;margin-bottom:0 !important}#stacks_in_176466 .hTxt:not(.vault-font),.no-default:not(.custom-font) .hTxt:not(.vault-font){font-family:"Playfair",Sans-Serif;font-weight:300;font-style:normal} #stacks_in_176466 { margin: 0px 0px 20px 10px; } /* merriweather-300 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 300; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light'), local('Merriweather-Light'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-regular - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Merriweather Regular'), local('Merriweather-Regular'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-700 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local('Merriweather Bold'), local('Merriweather-Bold'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-900 - latin */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 900; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.eot'); /* IE9 Compat Modes */ src: local('Merriweather Black'), local('Merriweather-Black'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-300 - latin */ @font-face { font-family: 'Merriweather Light'; font-style: normal; font-weight: 300; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local('Merriweather Light'), local('Merriweather-Light'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-700 - latin */ @font-face { font-family: 'Merriweather Bold'; font-style: normal; font-weight: 700; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local('Merriweather Bold'), local('Merriweather-Bold'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* merriweather-900 - latin */ @font-face { font-family: 'Merriweather Black'; font-style: normal; font-weight: 900; src: url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.eot'); /* IE9 Compat Modes */ src: local('Merriweather Black'), local('Merriweather-Black'), url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.woff') format('woff'), /* Modern Browsers */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../rw_common/plugins/stacks/webfont-helper-merriweather/merriweather-v20-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */ } /* Merriweather */ #stacks_in_176592 { font-family: 'Merriweather', Arial; } #stacks_in_176328>.s3_row { margin: 0 -10px; } #stacks_in_176328>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_176328>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_176328>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_176328>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_176328>.s3_row { margin: -10px 0; } #stacks_in_176328>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* 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_176419 { overflow: visible !important; } #feature-cards-stacks_in_176419 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176419 * { box-sizing: border-box; } #feature-cards-stacks_in_176419 .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_176419 .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_176419 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176419 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176419 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176419 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176419 .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_176419 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176419 .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_176419 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176419 .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_176419 .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_176419 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon, #feature-cards-stacks_in_176419 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176419 .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_176419 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176419 .feature-card, #feature-cards-stacks_in_176419 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176419 .feature-card h1, #feature-cards-stacks_in_176419 .feature-card h2, #feature-cards-stacks_in_176419 .feature-card h3, #feature-cards-stacks_in_176419 .feature-card h4, #feature-cards-stacks_in_176419 .feature-card h5, #feature-cards-stacks_in_176419 .feature-card h6, #feature-cards-stacks_in_176419 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176419 .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_176419 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176419 .feature-card .feature-card-header, #feature-cards-stacks_in_176419 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176419 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176419 .feature-card::before, #feature-cards-stacks_in_176419 .feature-card, #feature-cards-stacks_in_176419 .feature-outer, #feature-cards-stacks_in_176419 .feature-card h1, #feature-cards-stacks_in_176419 .feature-card h2, #feature-cards-stacks_in_176419 .feature-card h3, #feature-cards-stacks_in_176419 .feature-card h4, #feature-cards-stacks_in_176419 .feature-card h5, #feature-cards-stacks_in_176419 .feature-card h6, #feature-cards-stacks_in_176419 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176419 .feature-card .feature-card-icon, #feature-cards-stacks_in_176419 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176419 .feature-card .feature-card-header, #feature-cards-stacks_in_176419 .feature-card .feature-card-description, #feature-cards-stacks_in_176419 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176419 .feature-card { position: relative; } #feature-cards-stacks_in_176419 .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_176419 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176419 .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_176419 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176419 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176419 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176419 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176419 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176419 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176419 .feature-card .feature-card-description, #feature-cards-stacks_in_176419 .feature-card h1, #feature-cards-stacks_in_176419 .feature-card h2, #feature-cards-stacks_in_176419 .feature-card h3, #feature-cards-stacks_in_176419 .feature-card h4, #feature-cards-stacks_in_176419 .feature-card h5, #feature-cards-stacks_in_176419 .feature-card h6, #feature-cards-stacks_in_176419 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176419 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176419 .feature-card:hover h1, #feature-cards-stacks_in_176419 .feature-card:hover h2, #feature-cards-stacks_in_176419 .feature-card:hover h3, #feature-cards-stacks_in_176419 .feature-card:hover h4, #feature-cards-stacks_in_176419 .feature-card:hover h5, #feature-cards-stacks_in_176419 .feature-card:hover h6, #feature-cards-stacks_in_176419 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176419 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176419 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176419 .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_176420 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176420: 64px; } #feature-section-card-stacks_in_176420 { } #feature-section-card-stacks_in_176420 .feature-card { } #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176420 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176420 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176424 { position: relative; user-select: none; } i#stacks_in_176424, svg#stacks_in_176424 { position: relative; display: block; text-align: center; } #stacks_in_176424.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_176423 { font-size: 90%; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_176452 { overflow: visible !important; } #feature-cards-stacks_in_176452 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176452 * { box-sizing: border-box; } #feature-cards-stacks_in_176452 .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_176452 .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_176452 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176452 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176452 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176452 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176452 .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_176452 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176452 .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_176452 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176452 .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_176452 .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_176452 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon, #feature-cards-stacks_in_176452 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176452 .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_176452 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176452 .feature-card, #feature-cards-stacks_in_176452 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176452 .feature-card h1, #feature-cards-stacks_in_176452 .feature-card h2, #feature-cards-stacks_in_176452 .feature-card h3, #feature-cards-stacks_in_176452 .feature-card h4, #feature-cards-stacks_in_176452 .feature-card h5, #feature-cards-stacks_in_176452 .feature-card h6, #feature-cards-stacks_in_176452 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176452 .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_176452 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176452 .feature-card .feature-card-header, #feature-cards-stacks_in_176452 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176452 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176452 .feature-card::before, #feature-cards-stacks_in_176452 .feature-card, #feature-cards-stacks_in_176452 .feature-outer, #feature-cards-stacks_in_176452 .feature-card h1, #feature-cards-stacks_in_176452 .feature-card h2, #feature-cards-stacks_in_176452 .feature-card h3, #feature-cards-stacks_in_176452 .feature-card h4, #feature-cards-stacks_in_176452 .feature-card h5, #feature-cards-stacks_in_176452 .feature-card h6, #feature-cards-stacks_in_176452 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176452 .feature-card .feature-card-icon, #feature-cards-stacks_in_176452 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176452 .feature-card .feature-card-header, #feature-cards-stacks_in_176452 .feature-card .feature-card-description, #feature-cards-stacks_in_176452 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176452 .feature-card { position: relative; } #feature-cards-stacks_in_176452 .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_176452 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176452 .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_176452 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176452 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176452 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176452 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176452 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176452 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176452 .feature-card .feature-card-description, #feature-cards-stacks_in_176452 .feature-card h1, #feature-cards-stacks_in_176452 .feature-card h2, #feature-cards-stacks_in_176452 .feature-card h3, #feature-cards-stacks_in_176452 .feature-card h4, #feature-cards-stacks_in_176452 .feature-card h5, #feature-cards-stacks_in_176452 .feature-card h6, #feature-cards-stacks_in_176452 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176452 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176452 .feature-card:hover h1, #feature-cards-stacks_in_176452 .feature-card:hover h2, #feature-cards-stacks_in_176452 .feature-card:hover h3, #feature-cards-stacks_in_176452 .feature-card:hover h4, #feature-cards-stacks_in_176452 .feature-card:hover h5, #feature-cards-stacks_in_176452 .feature-card:hover h6, #feature-cards-stacks_in_176452 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176452 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176452 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176452 .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_176453 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176453: 64px; } #feature-section-card-stacks_in_176453 { } #feature-section-card-stacks_in_176453 .feature-card { } #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176453 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176453 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176457 { position: relative; user-select: none; } i#stacks_in_176457, svg#stacks_in_176457 { position: relative; display: block; text-align: center; } #stacks_in_176457.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_176456 { font-size: 89%; } /* 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_176438 { overflow: visible !important; } #feature-cards-stacks_in_176438 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176438 * { box-sizing: border-box; } #feature-cards-stacks_in_176438 .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_176438 .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_176438 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176438 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176438 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176438 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176438 .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_176438 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176438 .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_176438 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176438 .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_176438 .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_176438 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon, #feature-cards-stacks_in_176438 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176438 .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_176438 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176438 .feature-card, #feature-cards-stacks_in_176438 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176438 .feature-card h1, #feature-cards-stacks_in_176438 .feature-card h2, #feature-cards-stacks_in_176438 .feature-card h3, #feature-cards-stacks_in_176438 .feature-card h4, #feature-cards-stacks_in_176438 .feature-card h5, #feature-cards-stacks_in_176438 .feature-card h6, #feature-cards-stacks_in_176438 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176438 .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_176438 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176438 .feature-card .feature-card-header, #feature-cards-stacks_in_176438 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176438 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176438 .feature-card::before, #feature-cards-stacks_in_176438 .feature-card, #feature-cards-stacks_in_176438 .feature-outer, #feature-cards-stacks_in_176438 .feature-card h1, #feature-cards-stacks_in_176438 .feature-card h2, #feature-cards-stacks_in_176438 .feature-card h3, #feature-cards-stacks_in_176438 .feature-card h4, #feature-cards-stacks_in_176438 .feature-card h5, #feature-cards-stacks_in_176438 .feature-card h6, #feature-cards-stacks_in_176438 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176438 .feature-card .feature-card-icon, #feature-cards-stacks_in_176438 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176438 .feature-card .feature-card-header, #feature-cards-stacks_in_176438 .feature-card .feature-card-description, #feature-cards-stacks_in_176438 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176438 .feature-card { position: relative; } #feature-cards-stacks_in_176438 .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_176438 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176438 .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_176438 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176438 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176438 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176438 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176438 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176438 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176438 .feature-card .feature-card-description, #feature-cards-stacks_in_176438 .feature-card h1, #feature-cards-stacks_in_176438 .feature-card h2, #feature-cards-stacks_in_176438 .feature-card h3, #feature-cards-stacks_in_176438 .feature-card h4, #feature-cards-stacks_in_176438 .feature-card h5, #feature-cards-stacks_in_176438 .feature-card h6, #feature-cards-stacks_in_176438 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176438 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176438 .feature-card:hover h1, #feature-cards-stacks_in_176438 .feature-card:hover h2, #feature-cards-stacks_in_176438 .feature-card:hover h3, #feature-cards-stacks_in_176438 .feature-card:hover h4, #feature-cards-stacks_in_176438 .feature-card:hover h5, #feature-cards-stacks_in_176438 .feature-card:hover h6, #feature-cards-stacks_in_176438 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176438 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176438 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176438 .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_176439 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176439: 64px; } #feature-section-card-stacks_in_176439 { } #feature-section-card-stacks_in_176439 .feature-card { } #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176439 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176439 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176443 { position: relative; user-select: none; } i#stacks_in_176443, svg#stacks_in_176443 { position: relative; display: block; text-align: center; } #stacks_in_176443.ionicons-svg-outline { fill: none !important; stroke-width: 32px; } #stacks_in_176442 { font-size: 89%; } #stacks_in_176473>.s3_row { margin: 0 -10px; } #stacks_in_176473>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_176473>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_176473>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_176473>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_176473>.s3_row { margin: -10px 0; } #stacks_in_176473>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_176473 { margin: 20px 0px 0px 0px; } /* 1.0.1 - only disables user selection if a link has been added - now supports links in description when a link is added to the entire card - icon alignment also works if the content is shorter than the icon - horizontal align stretch now allows text to fill open space */ .com_onelittledesigner_stacks_Feature_Section_N_stack, .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_176500 { overflow: visible !important; } #feature-cards-stacks_in_176500 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176500 * { box-sizing: border-box; } #feature-cards-stacks_in_176500 .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_176500 .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_176500 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176500 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176500 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176500 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176500 .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_176500 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176500 .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_176500 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176500 .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_176500 .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_176500 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon, #feature-cards-stacks_in_176500 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176500 .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_176500 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176500 .feature-card, #feature-cards-stacks_in_176500 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176500 .feature-card h1, #feature-cards-stacks_in_176500 .feature-card h2, #feature-cards-stacks_in_176500 .feature-card h3, #feature-cards-stacks_in_176500 .feature-card h4, #feature-cards-stacks_in_176500 .feature-card h5, #feature-cards-stacks_in_176500 .feature-card h6, #feature-cards-stacks_in_176500 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176500 .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_176500 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176500 .feature-card .feature-card-header, #feature-cards-stacks_in_176500 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176500 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176500 .feature-card::before, #feature-cards-stacks_in_176500 .feature-card, #feature-cards-stacks_in_176500 .feature-outer, #feature-cards-stacks_in_176500 .feature-card h1, #feature-cards-stacks_in_176500 .feature-card h2, #feature-cards-stacks_in_176500 .feature-card h3, #feature-cards-stacks_in_176500 .feature-card h4, #feature-cards-stacks_in_176500 .feature-card h5, #feature-cards-stacks_in_176500 .feature-card h6, #feature-cards-stacks_in_176500 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176500 .feature-card .feature-card-icon, #feature-cards-stacks_in_176500 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176500 .feature-card .feature-card-header, #feature-cards-stacks_in_176500 .feature-card .feature-card-description, #feature-cards-stacks_in_176500 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176500 .feature-card { position: relative; } #feature-cards-stacks_in_176500 .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_176500 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176500 .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_176500 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176500 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176500 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176500 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176500 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176500 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176500 .feature-card .feature-card-description, #feature-cards-stacks_in_176500 .feature-card h1, #feature-cards-stacks_in_176500 .feature-card h2, #feature-cards-stacks_in_176500 .feature-card h3, #feature-cards-stacks_in_176500 .feature-card h4, #feature-cards-stacks_in_176500 .feature-card h5, #feature-cards-stacks_in_176500 .feature-card h6, #feature-cards-stacks_in_176500 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176500 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176500 .feature-card:hover h1, #feature-cards-stacks_in_176500 .feature-card:hover h2, #feature-cards-stacks_in_176500 .feature-card:hover h3, #feature-cards-stacks_in_176500 .feature-card:hover h4, #feature-cards-stacks_in_176500 .feature-card:hover h5, #feature-cards-stacks_in_176500 .feature-card:hover h6, #feature-cards-stacks_in_176500 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176500 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176500 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176500 .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_176508 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176508: 64px; } #feature-section-card-stacks_in_176508 { } #feature-section-card-stacks_in_176508 .feature-card { } #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176508 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176508 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176511 { position: relative; user-select: none; } i#stacks_in_176511, svg#stacks_in_176511 { position: relative; display: block; text-align: center; } #stacks_in_176511.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_176487 { overflow: visible !important; } #feature-cards-stacks_in_176487 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176487 * { box-sizing: border-box; } #feature-cards-stacks_in_176487 .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_176487 .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_176487 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176487 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176487 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176487 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176487 .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_176487 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176487 .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_176487 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176487 .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_176487 .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_176487 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon, #feature-cards-stacks_in_176487 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176487 .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_176487 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176487 .feature-card, #feature-cards-stacks_in_176487 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176487 .feature-card h1, #feature-cards-stacks_in_176487 .feature-card h2, #feature-cards-stacks_in_176487 .feature-card h3, #feature-cards-stacks_in_176487 .feature-card h4, #feature-cards-stacks_in_176487 .feature-card h5, #feature-cards-stacks_in_176487 .feature-card h6, #feature-cards-stacks_in_176487 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176487 .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_176487 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176487 .feature-card .feature-card-header, #feature-cards-stacks_in_176487 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176487 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176487 .feature-card::before, #feature-cards-stacks_in_176487 .feature-card, #feature-cards-stacks_in_176487 .feature-outer, #feature-cards-stacks_in_176487 .feature-card h1, #feature-cards-stacks_in_176487 .feature-card h2, #feature-cards-stacks_in_176487 .feature-card h3, #feature-cards-stacks_in_176487 .feature-card h4, #feature-cards-stacks_in_176487 .feature-card h5, #feature-cards-stacks_in_176487 .feature-card h6, #feature-cards-stacks_in_176487 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176487 .feature-card .feature-card-icon, #feature-cards-stacks_in_176487 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176487 .feature-card .feature-card-header, #feature-cards-stacks_in_176487 .feature-card .feature-card-description, #feature-cards-stacks_in_176487 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176487 .feature-card { position: relative; } #feature-cards-stacks_in_176487 .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_176487 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176487 .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_176487 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176487 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176487 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176487 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176487 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176487 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176487 .feature-card .feature-card-description, #feature-cards-stacks_in_176487 .feature-card h1, #feature-cards-stacks_in_176487 .feature-card h2, #feature-cards-stacks_in_176487 .feature-card h3, #feature-cards-stacks_in_176487 .feature-card h4, #feature-cards-stacks_in_176487 .feature-card h5, #feature-cards-stacks_in_176487 .feature-card h6, #feature-cards-stacks_in_176487 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176487 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176487 .feature-card:hover h1, #feature-cards-stacks_in_176487 .feature-card:hover h2, #feature-cards-stacks_in_176487 .feature-card:hover h3, #feature-cards-stacks_in_176487 .feature-card:hover h4, #feature-cards-stacks_in_176487 .feature-card:hover h5, #feature-cards-stacks_in_176487 .feature-card:hover h6, #feature-cards-stacks_in_176487 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176487 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176487 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176487 .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_176495 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176495: 64px; } #feature-section-card-stacks_in_176495 { } #feature-section-card-stacks_in_176495 .feature-card { } #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176495 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176495 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176498 { position: relative; user-select: none; } i#stacks_in_176498, svg#stacks_in_176498 { position: relative; display: block; text-align: center; } #stacks_in_176498.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_176474 { overflow: visible !important; } #feature-cards-stacks_in_176474 { margin: 0 auto; max-width: 1280px; } #feature-cards-stacks_in_176474 * { box-sizing: border-box; } #feature-cards-stacks_in_176474 .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_176474 .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_176474 .feature-outer > .feature-card > .feature-card-content-wrap { width: 100%; max-width: 272px; } #feature-cards-stacks_in_176474 .feature-outer>a { text-decoration: none; display: block; height: 100%; } #feature-cards-stacks_in_176474 .feature-card { display: grid; grid-template-columns: 1fr; height: 100%; } #feature-cards-stacks_in_176474 .feature-card > a { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; } #feature-cards-stacks_in_176474 .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_176474 .feature-card > .feature-card-content-wrap { outline: none; /* */ height: 100%; /* */ display: grid; grid-template-columns: 1fr; } #feature-cards-stacks_in_176474 .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_176474 .feature-card-icon i { -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_176474 .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_176474 .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_176474 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; margin: 16px 0; position: relative; z-index: 1; } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon, #feature-cards-stacks_in_176474 .feature-card .feature-card-icon:before { padding: 0; border-radius: 999px; height: 64px; width: 64px; border-radius: 100px 100px 100px 100px; background-color: rgba(251, 158, 10, 1.00); } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon:before { content: ""; position: absolute; top: 15px; left: 10px; display: none; } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon img { height: 40px; } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176474 .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_176474 .feature-card .feature-card-icon svg { padding: 16px 0; width: 64px; } #feature-cards-stacks_in_176474 .feature-card, #feature-cards-stacks_in_176474 .feature-card .feature-card-description { color: rgba(0, 0, 0, 0.60); } #feature-cards-stacks_in_176474 .feature-card h1, #feature-cards-stacks_in_176474 .feature-card h2, #feature-cards-stacks_in_176474 .feature-card h3, #feature-cards-stacks_in_176474 .feature-card h4, #feature-cards-stacks_in_176474 .feature-card h5, #feature-cards-stacks_in_176474 .feature-card h6, #feature-cards-stacks_in_176474 .feature-card .feature-card-header { color: rgba(0, 0, 0, 0.80); } #feature-cards-stacks_in_176474 .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_176474 .feature-card .feature-card-description { font-weight: 400; font-size: 18px; line-height: 24px; margin-top: 8px; margin-bottom: 16px; } #feature-cards-stacks_in_176474 .feature-card .feature-card-header, #feature-cards-stacks_in_176474 .feature-card .feature-card-description { cursor: default; } #feature-cards-stacks_in_176474 .feature-card:hover { z-index: 30; position: relative; } #feature-cards-stacks_in_176474 .feature-card::before, #feature-cards-stacks_in_176474 .feature-card, #feature-cards-stacks_in_176474 .feature-outer, #feature-cards-stacks_in_176474 .feature-card h1, #feature-cards-stacks_in_176474 .feature-card h2, #feature-cards-stacks_in_176474 .feature-card h3, #feature-cards-stacks_in_176474 .feature-card h4, #feature-cards-stacks_in_176474 .feature-card h5, #feature-cards-stacks_in_176474 .feature-card h6, #feature-cards-stacks_in_176474 .feature-card .feature-card-icon-wrap, #feature-cards-stacks_in_176474 .feature-card .feature-card-icon, #feature-cards-stacks_in_176474 .feature-card .feature-card-icon > *, #feature-cards-stacks_in_176474 .feature-card .feature-card-header, #feature-cards-stacks_in_176474 .feature-card .feature-card-description, #feature-cards-stacks_in_176474 .feature-card .feature-card-content { transition-duration: 200ms; transition-timing-function: linear; } /* */ #feature-cards-stacks_in_176474 .feature-card { position: relative; } #feature-cards-stacks_in_176474 .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_176474 .feature-card:hover::before { opacity: 1; } #feature-cards-stacks_in_176474 .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_176474 .fs-loaded .feature-card::before { opacity: 1; } #feature-cards-stacks_in_176474 .feature-card:hover::before { transition-timing-function: ease-in; transition-duration: 300.000000ms; } #feature-cards-stacks_in_176474 .feature-card::before { -webkit-transform-origin: center; transform-origin: center; } #feature-cards-stacks_in_176474 .feature-card:hover::before { -webkit-transform: translate(0,-50%) scale(2); transform: translate(0,-50%) scale(2); opacity: 1; } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon { transition-property: background; } #feature-cards-stacks_in_176474 .feature-card .feature-card-icon i, #feature-cards-stacks_in_176474 .feature-card .feature-card-icon svg { transition-property: color,fill,stroke,transform; } #feature-cards-stacks_in_176474 .feature-card .feature-card-description, #feature-cards-stacks_in_176474 .feature-card h1, #feature-cards-stacks_in_176474 .feature-card h2, #feature-cards-stacks_in_176474 .feature-card h3, #feature-cards-stacks_in_176474 .feature-card h4, #feature-cards-stacks_in_176474 .feature-card h5, #feature-cards-stacks_in_176474 .feature-card h6, #feature-cards-stacks_in_176474 .feature-card .feature-card-header { transition-property: color; } #feature-cards-stacks_in_176474 .feature-card:hover .feature-card-description { color: rgba(255, 255, 255, 0.75); } #feature-cards-stacks_in_176474 .feature-card:hover h1, #feature-cards-stacks_in_176474 .feature-card:hover h2, #feature-cards-stacks_in_176474 .feature-card:hover h3, #feature-cards-stacks_in_176474 .feature-card:hover h4, #feature-cards-stacks_in_176474 .feature-card:hover h5, #feature-cards-stacks_in_176474 .feature-card:hover h6, #feature-cards-stacks_in_176474 .feature-card:hover .feature-card-header { color: rgba(255, 255, 255, 1.00); } #feature-cards-stacks_in_176474 .feature-card:hover .feature-card-icon { background: rgba(176, 190, 197, 1.00); } #feature-cards-stacks_in_176474 .feature-card:hover .feature-card-icon i, #feature-cards-stacks_in_176474 .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_176482 .feature-card .feature-card-icon .com_onelittledesigner_stacks_Feature_Section_Icon_stack, #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon:before, #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon i, #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon svg { --iconSizesstacks_in_176482: 64px; } #feature-section-card-stacks_in_176482 { } #feature-section-card-stacks_in_176482 .feature-card { } #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon-wrap { display: flex; width: 100%; } #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon, #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon:before { } #feature-section-card-stacks_in_176482 .feature-card .feature-card-icon:before { display: none; } #feature-section-card-stacks_in_176482 .feature-card:hover { z-index: 30; position: relative; } /* */ /* */ /* */ #stacks_in_176485 { position: relative; user-select: none; } i#stacks_in_176485, svg#stacks_in_176485 { position: relative; display: block; text-align: center; } #stacks_in_176485.ionicons-svg-outline { fill: none !important; stroke-width: 32px; }