.image-align-left{margin-left:0;margin-right:auto}.image-align-center{margin-left:auto;margin-right:auto}.image-align-right{margin-left:auto;margin-right:0}.image-full{width:100% !important}.stacks-picture img{max-width:100%;width:auto;height:auto;display:block} .myclass{padding-top:5.00rem ;padding-right:1.00rem ;padding-bottom:1.00rem ;padding-left:1.00rem ;}@media only screen and (min-width:40em){.myclass{padding-top:6.00rem ;padding-right:1.00rem ;padding-bottom:1.00rem ;padding-left:1.00rem }}@media only screen and (min-width:64em){.myclass{padding-top:4.00rem ;padding-right:1.00rem ;padding-bottom:1.00rem ;padding-left:1.00rem }} .myclass{position:relative;z-index:0}.myclass:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:1.00 ;background-color:rgba(0, 0, 0, 1.00) ;} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(0, 102, 153, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(0, 72, 123, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(255, 204, 153, 1.00);--link-color-hover:rgba(255, 153, 102, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(28rem/16)}h2,.h2{font-size:calc(26rem/16)}h3,.h3{font-size:calc(24rem/16)}h4,.h4{font-size:calc(22rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:18%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:18%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(18rem/16)}small{font-size:18%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} .{height:20.00vh ;}@media only screen and (min-width:40em){.{height:30.00vh }}@media only screen and (min-width:64em){.{height:50.00vh }} .transition{transition:all 1000ms cubic-bezier(0.550, 0.085, 0.680, 0.530) 6000ms !important} .mymenu .myclass{background-color:rgba(0, 43, 0, 1.00) !important;} .mymenu{padding-top:0 ;padding-right:0 ;padding-bottom:0 ;padding-left:0 ;} h4,.h4, .cursive .mymenu{font-size:calc(18rem/16) !important;}@media only screen and (min-width:40em){ h4,.h4, .mymenu{font-size:calc(16rem/16) !important}}@media only screen and (min-width:64em){ h4,.h4, .mymenu{font-size:calc(18rem/16) !important}} .mymenuhover:hover{color:rgba(0, 51, 0, 1.00) !important;} .mymenu{background-color:rgba(0, 51, 0, 1.00) ;} .shadow{text-shadow:0px 4px 1px rgba(0, 0, 0, 0.83);} .blockquote blockquote{color:rgba(0, 0, 0, 1.00) !important;} html,body, p,.p, h4,.h4, .header-segment{font-family:"Handlee",sans-serif !important} .header-segment{color:rgba(255, 255, 255, 1.00) ;} .Card:hover{transition:all 1000ms cubic-bezier(0.755, 0.050, 0.855, 0.060) 1ms } .stacks_in_393-container { } #stacks_in_395-margins.margins-easy-presets { /* Margin Settings */ } #stacks_in_395-margins.padding-easy-presets { /* Padding Settings */ } #stacks_in_395-margins.margins-advanced { margin: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } #stacks_in_395-margins.padding-advanced { padding: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } @media (max-width: 575px) { #stacks_in_397-wrapper .col { flex: 0 0 auto; width: 100%; } } #stacks_in_401-wrapper { } #stacks_in_401-wrapper .container-fluid.fdy-columns { padding-left: 0px; padding-right: 0px; } /* Advanced Mode */ #stacks_in_401-wrapper.fdy-container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { #stacks_in_401-wrapper.fdy-container { max-width: 540px; } } @media (min-width: 768px) { #stacks_in_401-wrapper.fdy-container { max-width: 720px; } } @media (min-width: 992px) { #stacks_in_401-wrapper.fdy-container { max-width: 960px; } } #stacks_in_403-wrapper { } #stacks_in_403-wrapper p:last-of-type { margin-bottom: 0; } #stacks_in_407 { margin: 20px 0px 0px 0px; } #stacks_in_411-wrapper { } #stacks_in_411-wrapper .container-fluid.fdy-columns { padding-left: 0px; padding-right: 0px; } /* Advanced Mode */ #stacks_in_411-wrapper.fdy-container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { #stacks_in_411-wrapper.fdy-container { max-width: 540px; } } @media (min-width: 768px) { #stacks_in_411-wrapper.fdy-container { max-width: 720px; } } @media (min-width: 992px) { #stacks_in_411-wrapper.fdy-container { max-width: 960px; } } #stacks_in_588 { padding: 20px; } /* 1.1.1.16 - fixes some display conflicts with foundation - fixes issue preventing math shortcodes from working properly in email messages - case sensitive attributes are now supported - decimal formatting is retained in shortcode output - Fixes a bug with Siphon that could try to animate numbers in the autoreply body, which would prevent the submit slide from rendering. - Added preliminary support for Step 2 & Super Forms 2, just need to include Configure stack (can be empty), shortcodes are based on field names - Fixed Option groups set to multiple title shorcodes now display their titles - Fixed an issue that prevented Siphon-Configure hybrid shortcodes from working in custom email formats and autoreplies - fixed slider display issue with foundation 6 - added password input type */ /* OUTER STYLES */ #stacks_in_590.configure-wrap, #stacks_in_590.configure-wrap * { box-sizing: border-box; } #stacks_in_590.configure-wrap { /* Background */ background-color : rgba(255, 255, 255, 1.00); /* Border & Shadow */ /* Layout */ padding: 16px 16px; display: flex; flex-direction: row; justify-content: flex-start; } #stacks_in_590.configure-wrap > div { max-width: 328px; margin: 0; width: 100%; } /* CUSTOM STYLES */ #stacks_in_590 .configure-inner-wrap > .configure-checkbox { height: auto; } #stacks_in_590 .ccs-check-graphic:after { left: 50%; top: calc(50% - 1px); width: 20%; transform: translate(-50%,-50%) rotate(45deg); height: 40%; border: solid white; border-width: 0 3px 3px 0; } #stacks_in_590 .configure-inner-wrap, #stacks_in_590 .configure-inner-wrap span, #stacks_in_590 .configure-inner-wrap > label output, #stacks_in_590 .configure-inner-wrap input, #stacks_in_590 .configure-inner-wrap select { font-family: inherit; font-weight: 400; } #stacks_in_590 .configure-inner-wrap input, #stacks_in_590 .configure-inner-wrap select { box-shadow: none; height: auto; } #stacks_in_590 .configure-input textarea, #stacks_in_590 .configure-input input, #stacks_in_590 .configure-input select, #stacks_in_590 .configure-input output, #stacks_in_590 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_590 .configure-group-wrap label:not(.stacks-label), #stacks_in_590 .ccs-checkbox-text, #stacks_in_590 .configure-math { color: rgba(0, 0, 0, 0.70); } #stacks_in_590 .configure-input .prefix, #stacks_in_590 .configure-input .postfix { color: rgba(0, 0, 0, 0.50); border-width: 0px; height: auto; text-align: left; } #stacks_in_590 .configure-input .select-icon svg { stroke: rgba(0, 0, 0, 0.50); } #stacks_in_590 .configure-inner-wrap > .configure-subtitle { color: rgba(0, 0, 0, 0.30); } #stacks_in_590 .configure-inner-wrap > label output, #stacks_in_590 .configure-inner-wrap > label:not(.configure-checkbox) { color: rgba(0, 0, 0, 0.70); margin: 16px 0 8px 0; font-weight: 600; } #stacks_in_590 .configure-input textarea, #stacks_in_590 .configure-input input, #stacks_in_590 .configure-input select, #stacks_in_590 .configure-input output, #stacks_in_590 .ccs-checkbox-text { font-size: 16px; line-height: 16px; } #stacks_in_590 .configure-input textarea, #stacks_in_590 .configure-input input[data-type="text"], #stacks_in_590 .configure-input select { line-height: 24px; } #stacks_in_590 .quantity-button { margin: 0; border-width: 0; padding: 0; width: 24px; height: 24px; font-size: 14px; line-height: 14px; } #stacks_in_590 .ccs-check-graphic { width: 24px; height: 24px; } #stacks_in_590 .configure-input .prefix, #stacks_in_590 .configure-input .postfix { font-size: 16px; line-height: 16px; } #stacks_in_590 .configure-inner-wrap > label:not(.configure-checkbox) { font-size: 16px; line-height: 16px; } #stacks_in_590 .configure-inner-wrap > .configure-subtitle { font-size: 12px; line-height: 120%; } #stacks_in_590.configure-wrap .select-icon { width: 16px; height: 16px; } #stacks_in_590 .configure-number { padding: 6.000000px 6.000000px 6.000000px 14px; } #stacks_in_590 .configure-select { padding: 10.000000px 6.000000px 10.000000px 14px; } #stacks_in_590 .configure-text { padding: 6.000000px 14px; } #stacks_in_590 .is-narrow .quantity-nav { height: calc(100% + 6.000000px + 6.000000px - 2px); display: grid; grid-gap: 0px; grid-template-columns: 1fr; margin-right: calc(-6.000000px + 1px); } #stacks_in_590 .is-narrow .quantity-nav .quantity-button { height: 100%; width: 18px; line-height: 10px; } #stacks_in_590 .is-narrow .quantity-nav .quantity-up { grid-row: 1; border-radius: 0 3px 0 0; } #stacks_in_590 .is-narrow .quantity-nav .quantity-down { border-radius: 0 0 3px 0; box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } #stacks_in_590 .is-narrow .configure-number { padding: 6.000000px; } #stacks_in_590 .configure-inner-wrap > .configure-checkbox { grid-gap: 8.000000px; } #stacks_in_590 .configure-select > select { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0 0 0 14px; cursor: pointer; z-index: 2; } #stacks_in_590 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_590 .ccs-check-graphic { background: rgba(255, 255, 255, 1.00); } /* GROUP */ #stacks_in_590 .configure-group-wrap label { border: 1px solid rgba(0, 0, 0, 0.20); overflow: hidden; margin: 0; display: block; cursor: default; } #stacks_in_590 .configure-input-wrap > .configure-input-design { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 1.00); } #stacks_in_590 .configure-group-wrap input:not(:checked) + label:hover:before, #stacks_in_590 .configure-checkbox:hover input:not(:checked) + .ccs-check-graphic:before, #stacks_in_590.configure-wrap .configure-input-design.configure-focused:before { border-radius: 3px; } /* RANGE */ #stacks_in_590 .configure-range .fill-to { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_590 .configure-range .fill-to-bar { background: rgba(60, 100, 250, 1.00); } #stacks_in_590 .configure-tick-wrap > div { background: rgba(0, 0, 0, 0.15); } #stacks_in_590.configure-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_590.configure-wrap input[type=range]::-moz-range-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_590 .configure-range .fill-to { background: rgba(0, 0, 0, 0.05); } /* CHECKBOX */ #stacks_in_590 .ccs-checkbox-text { color: rgba(0, 0, 0, 0.70); } #stacks_in_590 .ccs-check-graphic { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_590 .configure-checkbox input:checked + .ccs-check-graphic { background-color: rgba(60, 100, 250, 1.00); border: 1px solid rgba(60, 100, 250, 1.00); } /* NUMBER */ #stacks_in_590 .configure-number .configure-input-formatting input[type="number"] { color: transparent; } #stacks_in_590 .configure-number .configure-input-formatting input[type="number"]:focus { color: rgba(0, 0, 0, 0.70); } /* #stacks_in_590 .quantity-nav { padding: 7px 8px 0 0; } */ #stacks_in_590 .quantity-button { color: rgba(0, 0, 0, 0.70); background: rgba(0, 0, 0, 0.10); } #stacks_in_590 .quantity-button.quantity-up:before { content: "+"; color: rgba(0, 0, 0, 0.70); } #stacks_in_590 .quantity-button.quantity-down:before { content: "-"; color: rgba(0, 0, 0, 0.70); } #stacks_in_590 .configure-group-wrap label * { pointer-events: none; } #stacks_in_590 .configure-group-wrap, #stacks_in_590 .configure-group-wrap > div[tag="node"] { display: grid; grid-gap: 8px; align-items: stretch; } #stacks_in_590 .configure-group-wrap > div[tag="node"] { padding-bottom: 48px; } #stacks_in_590 .configure-group-wrap > div[tag="node"] > div { margin: 0; } #stacks_in_590 .configure-group-wrap > div[tag="node"] > div[type="add"] { position: absolute !important; bottom: 0; left: 50%; transform: translateX(-50%); } #stacks_in_590 .configure-group-wrap div { position: relative; } #stacks_in_590 .configure-group-wrap input { position: absolute; opacity: 0; top: 0; left: 0; z-index: 0; } #stacks_in_590 .configure-group-wrap label, #stacks_in_590 .configure-group-wrap input:checked + label:after, #stacks_in_590 .configure-input-wrap > .configure-input-design, #stacks_in_590 .configure-group-wrap input + label:before, #stacks_in_590 .configure-checkbox input + .ccs-check-graphic:before, #stacks_in_590.configure-wrap .configure-input-design:before, #stacks_in_590 .ccs-check-graphic { border-radius: 4px; } #stacks_in_590 .quantity-button, #stacks_in_590 .quantity-button:active:after { border-radius: 2.000000px; } /* 1.1.0.1 * updated to add name attribute equal to custom shortcode, for use with Step */ #wrap_stacks_in_592 .prefix { margin-right: 0; } #wrap_stacks_in_592 .postfix { margin-left: 0; } #wrap_stacks_in_592 .configure-inner-wrap { width: 100%; } #wrap_stacks_in_592 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_592 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_592 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_592 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_592"], .configure-group-wrap[data-name="stacks_in_592"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,minmax(256px,1fr)); } /* 1.1.0.1 * updated to add name attribute equal to custom shortcode, for use with Step */ #wrap_stacks_in_594 .prefix { margin-right: 0; } #wrap_stacks_in_594 .postfix { margin-left: 0; } #wrap_stacks_in_594 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_594 .configure-group-wrap label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(0, 0, 0, 0.20); transition: box-shadow 200ms ease, border-color 200ms ease, background-color 200ms ease; } #wrap_stacks_in_594 .configure-group-wrap input:checked + label { background-color: rgba(0, 0, 0, 0.00); border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_594 .configure-group-wrap input:not(:checked) + label:hover { border-color: rgba(60, 100, 250, 0.80); box-shadow: 0 0 0 3px rgba(60, 100, 250, 0.20); } #wrap_stacks_in_594 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_594"], .configure-group-wrap[data-name="stacks_in_594"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } /* 1.1.1.16 - fixes some display conflicts with foundation - fixes issue preventing math shortcodes from working properly in email messages - case sensitive attributes are now supported - decimal formatting is retained in shortcode output - Fixes a bug with Siphon that could try to animate numbers in the autoreply body, which would prevent the submit slide from rendering. - Added preliminary support for Step 2 & Super Forms 2, just need to include Configure stack (can be empty), shortcodes are based on field names - Fixed Option groups set to multiple title shorcodes now display their titles - Fixed an issue that prevented Siphon-Configure hybrid shortcodes from working in custom email formats and autoreplies - fixed slider display issue with foundation 6 - added password input type */ /* OUTER STYLES */ #stacks_in_863.configure-wrap, #stacks_in_863.configure-wrap * { box-sizing: border-box; } #stacks_in_863.configure-wrap { /* Background */ /* Border & Shadow */ /* Layout */ } #stacks_in_863.configure-wrap > div { } /* CUSTOM STYLES */ #stacks_in_863 .configure-inner-wrap > .configure-checkbox { height: auto; } #stacks_in_863 .ccs-check-graphic:after { left: 50%; top: calc(50% - 1px); width: 20%; transform: translate(-50%,-50%) rotate(45deg); height: 40%; border: solid white; border-width: 0 3px 3px 0; } #stacks_in_863 .configure-inner-wrap, #stacks_in_863 .configure-inner-wrap span, #stacks_in_863 .configure-inner-wrap > label output, #stacks_in_863 .configure-inner-wrap input, #stacks_in_863 .configure-inner-wrap select { font-family: inherit; font-weight: 400; } #stacks_in_863 .configure-inner-wrap input, #stacks_in_863 .configure-inner-wrap select { box-shadow: none; height: auto; } #stacks_in_863 .configure-input textarea, #stacks_in_863 .configure-input input, #stacks_in_863 .configure-input select, #stacks_in_863 .configure-input output, #stacks_in_863 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_863 .configure-group-wrap label:not(.stacks-label), #stacks_in_863 .ccs-checkbox-text, #stacks_in_863 .configure-math { color: rgba(0, 0, 0, 0.70); } #stacks_in_863 .configure-input .prefix, #stacks_in_863 .configure-input .postfix { color: rgba(0, 0, 0, 0.50); border-width: 0px; height: auto; text-align: left; } #stacks_in_863 .configure-input .select-icon svg { stroke: rgba(0, 0, 0, 0.50); } #stacks_in_863 .configure-inner-wrap > .configure-subtitle { color: rgba(0, 0, 0, 0.30); } #stacks_in_863 .configure-inner-wrap > label output, #stacks_in_863 .configure-inner-wrap > label:not(.configure-checkbox) { color: rgba(0, 0, 0, 0.70); margin: 16px 0 8px 0; font-weight: 600; } #stacks_in_863 .configure-input textarea, #stacks_in_863 .configure-input input, #stacks_in_863 .configure-input select, #stacks_in_863 .configure-input output, #stacks_in_863 .ccs-checkbox-text { font-size: 16px; line-height: 16px; } #stacks_in_863 .configure-input textarea, #stacks_in_863 .configure-input input[data-type="text"], #stacks_in_863 .configure-input select { line-height: 24px; } #stacks_in_863 .quantity-button { margin: 0; border-width: 0; padding: 0; width: 24px; height: 24px; font-size: 14px; line-height: 14px; } #stacks_in_863 .ccs-check-graphic { width: 24px; height: 24px; } #stacks_in_863 .configure-input .prefix, #stacks_in_863 .configure-input .postfix { font-size: 16px; line-height: 16px; } #stacks_in_863 .configure-inner-wrap > label:not(.configure-checkbox) { font-size: 16px; line-height: 16px; } #stacks_in_863 .configure-inner-wrap > .configure-subtitle { font-size: 12px; line-height: 120%; } #stacks_in_863.configure-wrap .select-icon { width: 16px; height: 16px; } #stacks_in_863 .configure-number { padding: 6.000000px 6.000000px 6.000000px 14px; } #stacks_in_863 .configure-select { padding: 10.000000px 6.000000px 10.000000px 14px; } #stacks_in_863 .configure-text { padding: 6.000000px 14px; } #stacks_in_863 .is-narrow .quantity-nav { height: calc(100% + 6.000000px + 6.000000px - 2px); display: grid; grid-gap: 0px; grid-template-columns: 1fr; margin-right: calc(-6.000000px + 1px); } #stacks_in_863 .is-narrow .quantity-nav .quantity-button { height: 100%; width: 18px; line-height: 10px; } #stacks_in_863 .is-narrow .quantity-nav .quantity-up { grid-row: 1; border-radius: 0 3px 0 0; } #stacks_in_863 .is-narrow .quantity-nav .quantity-down { border-radius: 0 0 3px 0; box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } #stacks_in_863 .is-narrow .configure-number { padding: 6.000000px; } #stacks_in_863 .configure-inner-wrap > .configure-checkbox { grid-gap: 8.000000px; } #stacks_in_863 .configure-select > select { position: absolute; left: 0; top: 0; bottom: 0; right: 0; padding: 0 0 0 14px; cursor: pointer; z-index: 2; } #stacks_in_863 .configure-input .com_onelittledesigner_stacks_Configure_Select_Option_stack, #stacks_in_863 .ccs-check-graphic { background: rgba(255, 255, 255, 1.00); } /* GROUP */ #stacks_in_863 .configure-group-wrap label { border: 1px solid rgba(0, 0, 0, 0.20); overflow: hidden; margin: 0; display: block; cursor: default; } #stacks_in_863 .configure-input-wrap > .configure-input-design { border: 1px solid rgba(0, 0, 0, 0.20); background: rgba(255, 255, 255, 1.00); } #stacks_in_863 .configure-group-wrap input:not(:checked) + label:hover:before, #stacks_in_863 .configure-checkbox:hover input:not(:checked) + .ccs-check-graphic:before, #stacks_in_863.configure-wrap .configure-input-design.configure-focused:before { border-radius: 3px; } /* RANGE */ #stacks_in_863 .configure-range .fill-to { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_863 .configure-range .fill-to-bar { background: rgba(60, 100, 250, 1.00); } #stacks_in_863 .configure-tick-wrap > div { background: rgba(0, 0, 0, 0.15); } #stacks_in_863.configure-wrap input[type=range]::-webkit-slider-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_863.configure-wrap input[type=range]::-moz-range-thumb { border: 1px solid rgba(0, 0, 0, 0.20); background-image: linear-gradient(rgba(255, 255, 255, 1.00), rgba(255, 255, 255, 1.00)); } #stacks_in_863 .configure-range .fill-to { background: rgba(0, 0, 0, 0.05); } /* CHECKBOX */ #stacks_in_863 .ccs-checkbox-text { color: rgba(0, 0, 0, 0.70); } #stacks_in_863 .ccs-check-graphic { border: 1px solid rgba(0, 0, 0, 0.20); } #stacks_in_863 .configure-checkbox input:checked + .ccs-check-graphic { background-color: rgba(60, 100, 250, 1.00); border: 1px solid rgba(60, 100, 250, 1.00); } /* NUMBER */ #stacks_in_863 .configure-number .configure-input-formatting input[type="number"] { color: transparent; } #stacks_in_863 .configure-number .configure-input-formatting input[type="number"]:focus { color: rgba(0, 0, 0, 0.70); } /* #stacks_in_863 .quantity-nav { padding: 7px 8px 0 0; } */ #stacks_in_863 .quantity-button { color: rgba(0, 0, 0, 0.70); background: rgba(0, 0, 0, 0.10); } #stacks_in_863 .quantity-button.quantity-up:before { content: "+"; color: rgba(0, 0, 0, 0.70); } #stacks_in_863 .quantity-button.quantity-down:before { content: "-"; color: rgba(0, 0, 0, 0.70); } #stacks_in_863 .configure-group-wrap label * { pointer-events: none; } #stacks_in_863 .configure-group-wrap, #stacks_in_863 .configure-group-wrap > div[tag="node"] { display: grid; grid-gap: 8px; align-items: stretch; } #stacks_in_863 .configure-group-wrap > div[tag="node"] { padding-bottom: 48px; } #stacks_in_863 .configure-group-wrap > div[tag="node"] > div { margin: 0; } #stacks_in_863 .configure-group-wrap > div[tag="node"] > div[type="add"] { position: absolute !important; bottom: 0; left: 50%; transform: translateX(-50%); } #stacks_in_863 .configure-group-wrap div { position: relative; } #stacks_in_863 .configure-group-wrap input { position: absolute; opacity: 0; top: 0; left: 0; z-index: 0; } #stacks_in_863 .configure-group-wrap label, #stacks_in_863 .configure-group-wrap input:checked + label:after, #stacks_in_863 .configure-input-wrap > .configure-input-design, #stacks_in_863 .configure-group-wrap input + label:before, #stacks_in_863 .configure-checkbox input + .ccs-check-graphic:before, #stacks_in_863.configure-wrap .configure-input-design:before, #stacks_in_863 .ccs-check-graphic { border-radius: 4px; } #stacks_in_863 .quantity-button, #stacks_in_863 .quantity-button:active:after { border-radius: 2.000000px; } #stacks_in_871-margins.margins-easy-presets { /* Margin Settings */ } #stacks_in_871-margins.padding-easy-presets { /* Padding Settings */ padding-bottom: 0px !important; padding-right: 0px !important; } #stacks_in_871-margins.margins-advanced { margin: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } #stacks_in_871-margins.padding-advanced { padding: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } #stacks_in_875-margins.margins-easy-presets { /* Margin Settings */ margin-left: 0px !important; } #stacks_in_875-margins.padding-easy-presets { /* Padding Settings */ } #stacks_in_875-margins.margins-advanced { margin: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { } #stacks_in_875-margins.padding-advanced { padding: 0.00px 0.00px 0.00px 0.00px; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { } @media (min-width: 1400px) { }