.s-coder-stacks_in_22_2{}
html,.palette0{--text-color-richer:rgba(8, 8, 8, 1.00);--text-color-normal:rgba(33, 33, 33, 1.00);--text-color-softer:rgba(58, 58, 58, 1.00);--accent-color:rgba(38, 44, 53, 1.00);--accent-color-hover:rgba(25, 25, 25, 0.87);--accent-text-color:rgba(255, 255, 255, 1.00);--accent-text-color-hover:rgba(230, 230, 230, 1.00);--link-color:rgba(4, 107, 153, 1.00); --link-color-hover:rgba(33, 33, 33, 1.00); --border-color:rgba(38, 44, 53, 1.00);--border-color-softer:rgba(88, 94, 103, 1.00);--border-color-richer:rgba(0, 0, 3, 1.00);--background-color:rgba(255, 255, 255, 1.00);--background-color-alt:rgba(244, 244, 244, 1.00);--nav-bg:rgba(255, 255, 255, 1.00);--nav-bg-hover:rgba(255, 255, 255, 1.00);--nav-link:rgba(25, 25, 25, 1.00);--nav-link-hover:rgba(4, 107, 153, 1.00);--code-background:rgba(241, 241, 241, 1.00);--code-text:rgba(34, 34, 34, 1.00);--button-primary-color:rgba(255, 255, 255, 1.00);--button-primary-color-hover:rgba(230, 230, 230, 1.00);--second-color:rgba(4, 107, 153, 1.00);--second-color-hover:rgba(3, 96, 137, 1.00);--second-color-alt:rgba(255, 255, 255, 1.00);--base-font-size:62.5%;--container-max-width:1216px;--container-max-width-alt:600px}*{vertical-align:baseline;border:0 none;outline:0;padding:0;margin:0}html{font-size:62.5%;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;scroll-behavior:smooth;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}body{font-size:1.70rem;line-height:1.68;font-weight:normal;font-family:Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif; color:rgba(33, 33, 33, 1.00);background-color:rgba(255, 255, 255, 1.00);color:var(--text-color-normal);background-color:var(--background-color);}p.lead{font-size:2.20rem}@media (min-width:600px){body{font-size:1.90rem}p.lead{font-size:2.40rem}}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.20rem;font-weight:600;font-style:normal;font-family:Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;}h1,.h1{font-size:4.50rem;line-height:1.2;letter-spacing:-.1rem;}h2,.h2{font-size:3.50rem;line-height:1.25;letter-spacing:-.1rem;}h3,.h3{font-size:2.80rem;line-height:1.3;letter-spacing:-.1rem;}h4,.h4{font-size:2.20rem;line-height:1.35;letter-spacing:-.08rem;}h5,.h5{font-size:1.70rem;line-height:1.5;letter-spacing:-.05rem;}h6,.h6{font-size:1.30rem;line-height:1.6;letter-spacing:0;}@media (min-width:600px){h1,.h1{font-size:5.00rem}h2,.h2{font-size:3.90rem}h3,.h3{font-size:3.10rem}h4,.h4{font-size:2.40rem}h5,.h5{font-size:1.90rem}h6,.h6{font-size:1.50rem}}p{margin-top:0}blockquote{margin-top:10px;margin-bottom:10px;margin-left:1rem;margin-right:1rem;padding-left:1rem;border-left:3px solid var(--accent-color);color:var(--text-color-softer)}a{color:var(--link-color);text-decoration:none;transition:all .2s ease 0s}a:hover:not(.source-button):not(.button){color:var(--link-color-hover);text-decoration:none}.u-case{text-transform:uppercase}:focus{outline:none;box-shadow:0 0 0 3px rgba(21, 156, 228, 0.40)!important}.stripped-button a,.source-btn{line-height:45px;font-size:14px;border-width:0;height:calc(45px - 2px); font-weight: bolder; text-transform: uppercase; display:inline-block;padding:0 30px;text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0px;border:0px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}.button-nav a,.source-btn-nav a{color:var(--button-primary-color)!important;background-color:var(--nav-link)!important;border-color:var(--nav-link)!important}.button-nav a:hover,.button-nav a:focus,.source-btn-nav a:focus,.source-btn-nav a:hover{color:var(--button-primary-color);background-color:var(--nav-link-hover);border-color:var(--nav-link-hover)}.button-second a,.s-button-second{color:var(--second-color-alt)!important;background-color:var(--second-color)!important;border-color:var(--second-color)!important}.button-second a:hover,.button-second a:focus,.s-button-second:hover,.s-button-second:focus{color:var(--second-color-alt)!important;background-color:var(--second-color-hover)!important;border-color:var(--second-color-hover)!important}.button-primary-flip a,.s-button-primary-flip{color:var(--accent-color)!important;background-color:var(--button-primary-color)!important;border-color:var(--accent-color)!important}.button-primary-flip a:hover,.button-primary-flip a:focus,.s-button-primary-flip:hover,.s-button-primary-flip:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a,.s-button-primary{color:var(--button-primary-color)!important;background-color:var(--accent-color)!important;border-color:var(--accent-color)!important}.button-primary a:hover,.button-primary a:focus,.s-button-primary:hover,.s-button-primary:focus{color:var(--button-primary-color)!important;background-color:var(--accent-color-hover)!important;border-color:var(--accent-color-hover)!important}.button-ghost a:hover,.button-ghost a:focus{border-color:var(--border-color-richer)!important}input{font-size:14px}button,input[type="submit"],input[type="reset"],input[type="button"]{text-decoration:none;color:var(--text-color-softer);text-align:center;letter-spacing:.1rem;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0px;border:0px solid var(--border-color);cursor:pointer;box-sizing:border-box;transition:all .2s ease 0s;max-width:100%}button:hover,button:focus,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:var(--text-color-normal);border-color:var(--text-color-softer);outline:0;text-decoration:none}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{font-size:14px;padding:6px 10px;background-color:var(--background-color);border:1px solid var(--border-color-softer);border-radius:4px;box-shadow:none;box-sizing:border-box;width:100%}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="button"],input[type="submit"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid var(--accent-color);outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600;padding:2px}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}.quizArea label{display:inline-block}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:1rem;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-left:1.5rem}li{margin-bottom:0.50rem;margin-left:3rem}li ul{margin-bottom:0.50rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:95%;white-space:nowrap;background:var(--code-background);color:var(--code-text);border:1px solid var(--border-color-softer);border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:auto}kbd{margin:0 .1em;padding:.1em .6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.2),inset 0 0 0 2px #fff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}sup{vertical-align:super}button,.source-button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.50rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.u-align-left{text-align:left}.u-align-right{text-align:right}.u-align-center{text-align:center}@media (max-width:600px){.s-align-left{text-align:left}.s-align-right{text-align:right}.s-align-center{text-align:center}}@media (min-width:600px){.m-align-left{text-align:left}.m-align-right{text-align:right}.m-align-center{text-align:center}}@media (min-width:900px){.l-align-left{text-align:left}.l-align-right{text-align:right}.l-align-center{text-align:center}}@media (min-width:1200px){.xl-align-left{text-align:left}.xl-align-right{text-align:right}.xl-align-center{text-align:center}}hr{margin-top:2rem;margin-bottom:2.5rem;border-width:0;border-top:1px solid var(--border-color)}.u-cf:before,.container:before,.row:before,.s3_row:before,.u-cf:after,.container:after,.row:after,.s3_row:after{content:"";display:table}.u-cf:after,.container:after,.row:after,.s3_row:after{clear:both}.stripped-container,.s-container-lite,.stripped-content,.stripped-outer,.stripped-wrapper,.s-grid-item,.s-cols-item,.s-coder-wrap{position:relative}.stripped-container,.stripped-content{box-sizing:border-box}img{max-width:100%}.stripped-img,.stripped-svg,.img-fit-wrap,picture{line-height:0}figure{line-height:1}.stripped-img img,.s-cols-item:not([data-sal]),.s-grid-item:not([data-sal]),.stripped-svg svg,.s-lift,.s-drop,.s-zoom,.s-zoom-big,.s-zoom-img img,.s-zoom-img-big img{transition:transform .2s ease-out 0s}.s-container-lite,.s-content-center{margin-left:auto;margin-right:auto}.s-grid-item,.s-cols-item,.s-flex{display:flex;flex-direction:column;flex-wrap:wrap}.s-flow-down{flex-wrap:nowrap!important}.s-self-end{justify-self:end}.s-grid-item>.stacks_out,.s-cols-item>.stacks_out,.s-flex>.stacks_out{width:100%}.s-img-fit{object-fit:cover;width:100%!important;height:100%!important}.s-cols-container{position:relative;max-width:100%;margin:0 auto;display:flex;flex-flow:row wrap;vertical-align:top}.s-grid-link,.s-img-fit-link,.s-coder-link{display:contents}.s-button-group{display:flex;flex-wrap:wrap}.w-100{width:100%!important}.s-no-lift{transform:translateY(0)!important}.s-lift:hover{transform:translateY(-5px)!important}.s-drop:hover{transform:translateY(5px)!important}.s-zoom:hover{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img:hover img{transform:scale(1.05)!important;z-index:10!important}.s-zoom-img-big:hover img{transform:scale(1.1)!important;z-index:10!important}.s-zoom-big:hover{transform:scale(1.1)!important;z-index:10!important}.s-fade{-webkit-mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;-webkit-mask-repeat:no-repeat;mask:linear-gradient(to top,#fff,var(--t,#fff)) top / 100% 30%,linear-gradient(#fff,#fff) center / 100% 40%,linear-gradient(to bottom,#fff,var(--b,#fff)) bottom / 100% 30%;mask-repeat:no-repeat}.s-fade-t{--t:transparent;}.s-fade-b{--b:transparent;}.s-bright{filter:brightness(70%);transition:filter 250ms ease-in-out!important}.s-bright:hover{filter:brightness(100%)}.s-dark{filter:brightness(100%);transition:filter 250ms ease-in-out!important}.s-dark:hover{filter:brightness(60%)}.s-blur{transition:filter 250ms ease-in-out!important}.s-blur:hover{filter:blur(4px)}.s-unblur{transition:filter 250ms ease-in-out!important;filter:blur(4px)}.s-unblur:hover{filter:blur(0)}.s-blur-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-frost{background-color:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s-shad{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-none{box-shadow:none!important}.s-shad-hov:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}@media (min-width:600px){.s-shad-m{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-m:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-m{box-shadow:none!important}.text-rotate-up-m{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-m{writing-mode:vertical-lr}.s-flip-m{transform:rotate(180deg)}.s-hide-m{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:900px){.s-shad-l{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-l:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-l{box-shadow:none!important}.text-rotate-up-l{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-l{writing-mode:vertical-lr}.s-flip-l{transform:rotate(180deg)}.s-hide-l{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}@media (min-width:1200px){.s-shad-xl{box-shadow:0 3px 15px rgba(0,0,0,.2)}.s-shad-hov-xl:hover{box-shadow:0 0 18px rgba(0,0,0,.2)}.s-shad-none-xl{box-shadow:none!important}.text-rotate-up-xl{writing-mode:vertical-rl;text-orientation:upright}.text-rotate-xl{writing-mode:vertical-lr}.s-flip-xl{transform:rotate(180deg)}.s-hide-xl{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}}.s-screen{mix-blend-mode:screen}.s-multiply{mix-blend-mode:multiply}.s-exclusion{mix-blend-mode:exclusion}.s-no-pointer{pointer-events:none}.s-flip{transform:rotate(180deg)}.text-rotate-up{writing-mode:vertical-rl;text-orientation:upright}.text-rotate{writing-mode:vertical-lr}html:not(.touch-stripped) .s-hide-nt,.s-hide{pointer-events:none;transition:opacity 250ms ease-in-out!important;opacity:0}.s-reveal:hover .s-hide,.s-reveal:hover .s-hide-nt,.s-reveal:hover .s-hide-m{pointer-events:auto;opacity:1}.s-hide-on-reveal{transition:opacity 250ms ease-in-out!important}.s-reveal:hover .s-hide-on-reveal{pointer-events:none;opacity:0}.repeat{background-repeat:repeat!important;background-size:unset!important}.touch-stripped .hide-touch{display:none}html:not(.touch-stripped) .hide-non-touch{display:none}.grid-container{position:relative;max-width:100%;margin:0 auto;display:grid}.hide-of{overflow:hidden}.stripped-container>.stripped-link a,.stripped-outer>.stripped-link a,.s-grid-item>.s-grid-link a,.s-cols-item>.s-grid-link a,.s-img-fit-link a,.s-coder-wrap>.s-coder-link a{position:absolute;top:3px;bottom:3px;left:3px;right:3px;content:"";z-index:998;text-decoration:none}.stacks_out{overflow:visible!important}.stacks_in{overflow:visible}.s-inliner>.stacks_out{margin:0;width:auto;display:inline-block}.mb-0{margin-bottom:0!important}.stripped-base-width,.source-base-width{max-width:1216px;max-width:var(--container-max-width);margin:0 auto}.source-base-width-alt,.s-alt-width{max-width:600px;max-width:var(--container-max-width-alt);margin:0 auto}.alt-bg{background-color:var(--background-color-alt)!important}.page-bg{background-color:var(--background-color)!important}.page-fg{color:var(--background-color)!important}.text-bg{background-color:var(--text-color-normal)!important}.text-softer-fg{color:var(--text-color-softer)!important}.text-richer-fg{color:var(--text-color-richer)!important}.s-accent,.accent-bg{background-color:var(--accent-color)!important}.s-accent-text,.accent-alt-bg{background-color:var(--accent-text-color)!important}.s-accent-hover,.accent-hover-bg{background-color:var(--accent-color-hover)!important}.s-accent-c,.accent-fg{color:var(--accent-color)!important}.s-accent-text-c,.accent-alt-fg{color:var(--accent-text-color)!important}.s-accent-hover-c,.accent-hover-fg{color:var(--accent-color-hover)!important}.second-hover-fg{color:var(--second-color-hover)!important}.second-hover-bg{background-color:var(--second-color-hover)!important}.s-second-c,.second-fg{color:var(--second-color)!important}.s-second-text-c,.second-alt-fg{color:var(--second-color-alt)!important}.s-second,.second-bg{background-color:var(--second-color)!important}.s-second-text,.second-alt-bg{background-color:var(--second-color-alt)!important}.nav-1-bg{background-color:var(--nav-bg)!important}.nav-2-bg{background-color:var(--nav-bg-hover)!important}.nav-3-bg{background-color:var(--nav-link)!important}.nav-4-bg{background-color:var(--nav-link-hover)!important}.nav-1-fg{color:var(--nav-bg)!important}.nav-2-fg{color:var(--nav-bg-hover)!important}.nav-3-fg{color:var(--nav-link)!important}.nav-4-fg{color:var(--nav-link-hover)!important}.code-1-bg{background-color:var(--code-background)!important}.code-2-bg{background-color:var(--code-text)!important}.code-1-fg{color:var(--code-background)!important}.code-2-fg{color:var(--code-text)!important}.border-fg{color:var(--border-color)!important}.border-softer-fg{color:var(--border-color-softer)!important}.border-richer-fg{color:var(--border-color-richer)!important}.border-bg{background-color:var(--border-color)!important}.s-dark-bg{background-color:rgba(58,56,68,.5)}.s-vdark-bg{background-color:rgba(25,29,36,.80)}.s-light-bg{background-color:rgba(255,255,255,.5)}.s-vlight-bg{background-color:rgba(255,255,255,.8)}.stacks_top .iconic-caption{font-size:12px;padding:6px}.source-browser-warning{cursor:pointer; text-align:center;width:80%;top:0;left:10%;position:fixed;margin:20px auto;padding:10px;background:#EC4D3B;color:white;border-radius:4px;z-index:9999}.source-browser-warning a{color:white;text-decoration:underline}@supports (display:grid){.source-browser-warning{display:none}}.base-pad-basic-1,.base-pb-1{padding:0px 16px 0px 16px}.base-pad-advanced-1,.base-pa-1{padding:32px 16px 32px 16px}.base-margin-basic-1,.base-mb-1{margin:18px 18px 18px 18px}.base-margin-advanced-1,.base-ma-1{margin:32px 16px 32px 16px}@media (min-width:600px){ .base-margin-advanced-1,.base-ma-1{margin:32px 16px 32px 16px} .base-pad-advanced-1,.base-pa-1{padding:32px 16px 32px 16px}}@media (min-width:900px){ .base-margin-advanced-1,.base-ma-1{margin:40px 20px 40px 20px} .base-pad-advanced-1,.base-pa-1{padding:36px 18px 36px 18px}}@media (min-width:1200px){ .base-margin-advanced-1,.base-ma-1{margin:40px 100px 40px 100px} .base-pad-advanced-1,.base-pa-1{padding:36px 18px 36px 18px}}.base-bg-1-1,.base-bg1-1{ }.base-bg-2-1,.base-bg2-1{ }@media screen and (prefers-color-scheme:dark){ html{--text-color-richer:rgba(215, 217, 218, 1.00);--text-color-normal:rgba(240, 242, 243, 1.00);--text-color-softer:rgba(255, 255, 255, 1.00); --accent-color:rgba(239, 236, 234, 1.00);--accent-color-hover:rgba(222, 216, 212, 1.00);--button-primary-color:rgba(56, 68, 76, 1.00); --second-color:rgba(27, 105, 129, 1.00);--second-color-hover:rgba(24, 93, 115, 1.00);--second-color-alt:rgba(239, 236, 234, 1.00); --border-color:rgba(187, 187, 187, 1.00);--border-color-softer:rgba(237, 237, 237, 1.00);--background-color:rgba(56, 68, 76, 1.00);--background-color-alt:rgba(51, 51, 51, 0.10);--nav-bg:rgba(56, 68, 76, 1.00);--nav-bg-hover:rgba(51, 195, 240, 0.00);--nav-link:rgba(239, 236, 234, 1.00);--nav-link-hover:rgba(51, 195, 240, 1.00);--code-background:rgba(17, 17, 17, 1.00);--code-text:rgba(187, 187, 187, 1.00); --link-color:rgba(51, 195, 240, 1.00)!important;--link-color-hover:rgba(40, 156, 192, 1.00)!important;}p{word-spacing:.05em}img{opacity:.90}.invert-img img{filter:invert(0.8)}}
.s-coder-stacks_in_25{}
.s-container-stacks_in_55{ margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_55{margin:0; }#s-content-stacks_in_55{justify-content:center;min-height:100vh; padding:0; }@media (min-width:600px){.s-container-stacks_in_55{ }#s-wrapper-stacks_in_55{}#s-content-stacks_in_55{ }}@media (min-width:900px){.s-container-stacks_in_55{ }#s-wrapper-stacks_in_55{}#s-content-stacks_in_55{ }}@media (min-width:1200px){.s-container-stacks_in_55{ }#s-wrapper-stacks_in_55{}#s-content-stacks_in_55{ }}.s-bg-stacks_in_55{z-index:0}#s-outer-stacks_in_55{border-radius:0px 0px 0px 0px}
.s-container-stacks_in_30{max-width:585px; margin-left: auto; margin-right: auto;}#s-wrapper-stacks_in_30{margin:0; }#s-content-stacks_in_30{justify-content:center; padding:50px 40px 40px 40px; }@media (min-width:600px){.s-container-stacks_in_30{ }#s-wrapper-stacks_in_30{}#s-content-stacks_in_30{ }}@media (min-width:900px){.s-container-stacks_in_30{ }#s-wrapper-stacks_in_30{}#s-content-stacks_in_30{ }}@media (min-width:1200px){.s-container-stacks_in_30{ }#s-wrapper-stacks_in_30{}#s-content-stacks_in_30{ }}.s-border-stacks_in_30{border-width:thin;border-color:var(--border-color);border-style:solid}.s-bg-stacks_in_30{z-index:0}#s-content-stacks_in_30{border-radius:0px 0px 0px 0px}
h2.stacks_in_51{ }
/* @group Resets */
/* Resets to stop themes messing with our styling */
#stacks_in_2 *,
#stacks_in_2 *:after,
#stacks_in_2 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#stacks_in_2 form,
#stacks_in_2 fieldset {
display: block;
border: none;
background: none;
padding: 0;
margin: 0;
box-shadow: none;
}
#stacks_in_2 select {
-webkit-appearance: menulist !important;
-moz-appearance: menulist !important;
}
#stacks_in_2 select[multiple] {
height: 100%;
-webkit-appearance: none !important;
-moz-appearance: none !important;
}
#stacks_in_2 .fpNotAllowed *:hover {
cursor: not-allowed;
}
#stacks_in_2 .radio .radio,
#stacks_in_2 .checkbox .checkbox {
position: static;
}
/* @end */
/* Form layout */
.tsf-content {
margin: -5px;
overflow: hidden !important;
}
.inputWrapper .inputWrapper [data-formsplus-input-name],
.inputWrapper .form-group {
padding: 5px 0;
}
/* Code for CSS offset */
#tsf-wizard-stacks_in_2 {
padding-top: 0vh;
}
/* @group Base Form Styling */
/* Styling borrowed from Twitter Bootstrap, scoped for exclusive use of FormSteps */
#stacks_in_2 label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
font-size: 20px;
color: rgba(41, 41, 52, 1.00);
}
#stacks_in_2 .form-group {
margin: 0;
width: 100%;
}
#stacks_in_2 .form-control {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: rgba(41, 41, 52, 1.00);
background-color: rgba(205, 204, 204, 0.05);
background-image: none;
border: 1px solid rgba(204, 204, 204, 1.00);
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s;
}
#stacks_in_2 .form-control input {
height: 34px;
}
/* Start styling for placeholder colors (added June 2021) */
#stacks_in_2 .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(142, 142, 142, 1.00);
opacity: 1;
}
#stacks_in_2 .form-control::-moz-placeholder { /* Firefox 19+ */
color: rgba(142, 142, 142, 1.00);
opacity: 1;
}
#stacks_in_2 .form-control:-ms-input-placeholder { /* IE 10+ */
color: rgba(142, 142, 142, 1.00);
opacity: 1;
}
#stacks_in_2 .form-control:-moz-placeholder { /* Firefox 18- */
color: rgba(142, 142, 142, 1.00);
opacity: 1;
}
/* End placeholder styling */
#stacks_in_2 .radio label {
padding-left: 0;
}
#stacks_in_2 input[type="radio"],
#stacks_in_2 input[type="checkbox"] {
margin-left: 0.1em;
position: relative;
}
#stacks_in_2 .form-control:focus {
border-color: rgba(43, 136, 135, 1.00);
background-color: rgba(255, 255, 255, 1.00);
outline: 0;
}
#stacks_in_2 textarea.form-control {
height: auto;
}
#stacks_in_2 .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: rgba(41, 41, 52, 0.94);
}
/* Input groups */
#stacks_in_2 .input-group {
position: relative;
display: table;
border-collapse: separate;
width: 100%;
}
#stacks_in_2 .input-group .form-control,
#stacks_in_2 .input-group-addon {
display: table-cell;
}
#stacks_in_2 .input-group-addon {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
#stacks_in_2 .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: rgba(41, 41, 52, 0.84);
text-align: center;
background-color: rgba(238, 238, 238, 1.00);
border: 1px solid rgba(204, 204, 204, 1.00);
border-radius: 0px;
}
#stacks_in_2 .input-group .form-control:last-child,
#stacks_in_2 .input-group-addon:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#stacks_in_2 .input-group-addon:first-child {
border-right: none;
}
#stacks_in_2 .input-group-addon:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
#stacks_in_2 .input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
/* Buttons */
#stacks_in_2 .btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0px;
}
/* @end */
/* @group Form Input sizing */
/* */
#stacks_in_2 .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
/* */
/* */
/* @end */
/* @group Date Picker Styling */
div#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
z-index: 9999 !important;
}
.ui-datepicker {
background-color: #fff;
border: 1px solid #66AFE9;
border-radius: 4px;
box-shadow: 0 0 8px rgba(102,175,233,.6);
display: none;
margin-top: 4px;
padding: 10px;
width: 240px;
color: #212529;
}
.ui-datepicker a,
.ui-datepicker a:hover {
text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
color: #2A6496;
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
margin-bottom: 4px;
text-align: center;
}
.ui-datepicker .ui-datepicker-title {
font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
cursor: default;
font-family: 'FontAwesome';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
height: 20px;
font-size: 20px;
line-height: 1;
margin-top: 2px;
width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
float: left;
text-align: left;
}
.ui-datepicker .ui-datepicker-next {
float: right;
text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\f0a8";
}
.ui-datepicker .ui-datepicker-next:before {
content: "\f0a9";
}
.ui-datepicker .ui-icon {
display: none;
}
.ui-datepicker .ui-datepicker-calendar {
table-layout: fixed;
width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
text-align: center;
padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
border-radius: 4px;
-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
background-color: #eee;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
text-decoration: none;
}
.ui-datepicker .ui-datepicker-today,
.ui-datepicker .ui-datepicker-current-day {
background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-current-day a {
color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
background-color: #fff;
cursor: default;
}
.ui-datepicker-unselectable.ui-state-disabled {
opacity: 0.50;
}
/* Some extra CSS added by Will Woodgate on 28th Feb 2018 to help with styling the time picker */
.ui-datepicker table.ui-datepicker-calendar {
margin-bottom: 10px;
}
.ui-datepicker .ui-timepicker-div dl {
padding-top:15px;
padding-bottom: 0px;
border: 1px solid #dddddd;
margin-top: 0px;
margin-bottom: 10px;
display: block;
background: #f9f9f9;
}
.ui-datepicker .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
border-bottom: none;
border: 1px solid #dddddd;
background: #ffffff;
margin: 0px;
padding: 6px 0 6px 6px;
}
.ui-datepicker .ui-timepicker-div dl dd {
margin: 0 10px 10px 40%;
min-height: 30px;
}
.ui-datepicker .ui-slider {
border: 1px solid #c5c5c5;
border-radius: 3px;
height: .8em;
position: relative;
margin-top: 15px;
}
.ui-datepicker .ui-slider-handle {
border: 1px solid #4289cc;
border-radius: 3px;
background: #4289cc;
font-weight: normal;
color: #454545;
top: -.3em;
margin-left: -.6em;
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-datepicker div.ui-datepicker-buttonpane {
display: block;
}
.ui-datepicker div.ui-datepicker-buttonpane button {
float: left;
background: #FFFFFF;
border-radius: 4px;
color: #333333;
border: 1px solid #cccccc;
outline: none;
padding: 10px 15px;
font-size: 15px;
margin: 0px;
}
.ui-datepicker div.ui-datepicker-buttonpane button:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close {
float: right;
background: #4289cc;
border: 1px solid #2e6da4;
color: #ffffff;
}
.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-close:hover {
background-color: #286090;
border-color: #204d74;
color: #ffffff;
}
/* @end */
/* Next, previous and finish button styling */
#stacks_in_2 span.formsplus-next-btn-wrapper,
#stacks_in_2 span.formsplus-prev-btn-wrapper,
#stacks_in_2 span.formsplus-finish-btn-wrapper {
font-size: 16px;
}
/* @group Step Button Styling */
#stacks_in_2 ul#step-indicator-stacks_in_2 *,
#stacks_in_2 ul#step-indicator-stacks_in_2 *:after,
#stacks_in_2 ul#step-indicator-stacks_in_2 *:before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
vertical-align: baseline;
font-size: 14px;
line-height: 1.42857143;
}
#stacks_in_2 ul#step-indicator-stacks_in_2 a,
#stacks_in_2 ul#step-indicator-stacks_in_2 a:visited,
#stacks_in_2 ul#step-indicator-stacks_in_2 a:hover,
#stacks_in_2 ul#step-indicator-stacks_in_2 a:active {
text-decoration: none;
outline: none;
}
/* */
/* Incomplete steps */
#stacks_in_2 .gsi-step-no-available li.current ~ li>*,
#stacks_in_2 .gsi-step-no-available li.current ~ li>*:hover {
background-color: rgba(218, 212, 207, 1.00) !important;
border-color: rgba(218, 212, 207, 1.00) !important;
color: rgba(51, 51, 51, 0.95) !important;
}
/* The active (current) steps */
#stacks_in_2 .gsi-step-indicator.triangle li.current>* {
color: rgba(255, 255, 255, 1.00);
background-color: rgba(166, 55, 55, 1.00);
border-color: rgba(166, 55, 55, 1.00);
}
/* Hovered steps */
#stacks_in_2 .gsi-step-indicator.triangle li>*:hover {
color: rgba(255, 255, 255, 1.00);
background-color: rgba(153, 51, 51, 1.00);
border-color: rgba(153, 51, 51, 1.00);
}
/* Completed steps */
#stacks_in_2 .gsi-step-indicator.triangle li>* {
color: rgba(153, 51, 51, 1.00);
background-color: rgba(194, 189, 184, 1.00);
border-color: rgba(194, 189, 184, 1.00);
}
@media screen and (max-width: 768px) {
#stacks_in_2 .gsi-step-indicator.triangle li::after,
#stacks_in_2 .gsi-step-indicator.triangle li>*::after {
display: none !important;
}
#stacks_in_2 .gsi-step-indicator li {
display: block;
float: none;
margin: 4px;
}
#stacks_in_2 .gsi-style-1 li .desc,
#stacks_in_2 .gsi-style-1 li .desc label {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#stacks_in_2 .gsi-step-indicator.triangle li:first-of-type>* {
border-radius: 0.25em;
}
#stacks_in_2 .gsi-step-indicator.triangle li a {
border-radius: 0.25em;
}
}
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* Submit text colors */
/* Button styling */
#stacks_in_2 .center {
text-align: center;
}
#stacks_in_2 .btnPosition {
position: relative;
z-index: 20;
}
#stacks_in_2 a.smartyBoxButton,
#stacks_in_2 button[type="reset"],
#stacks_in_2 .tsf-controls .tsf-wizard-btn {
text-decoration: none;
background-color: rgba(4, 107, 153, 1.00);
color: rgba(252, 252, 252, 1.00);
transition: all 300ms ease-in-out;
}
#stacks_in_2 a.smartyBoxButton:hover,
#stacks_in_2 a.smartyBoxButton:active,
#stacks_in_2 button[type="reset"]:hover,
#stacks_in_2 button[type="reset"]:active,
#stacks_in_2 .tsf-controls .tsf-wizard-btn:hover,
#stacks_in_2 .tsf-controls .tsf-wizard-btn:active {
text-decoration: none;
background-color: rgba(3, 96, 137, 1.00);
color: rgba(255, 255, 255, 1.00);
}
/* Fixes the font sizing */
#stacks_in_2 ul#step-indicator-stacks_in_2 .number {
font-size: 28px;
}
#stacks_in_2 ul#step-indicator-stacks_in_2 .desc label {
font-size: 14px;
}
#stacks_in_2 ul#step-indicator-stacks_in_2 .desc span {
font-size: 13px;
}
/* Fixes circle number alignment in some themes */
#stacks_in_2 ul#step-indicator-stacks_in_2.gsi-style-3 .number,
#stacks_in_2 ul#step-indicator-stacks_in_2.gsi-number-circle .number {
line-height: 1.2em;
}
/* Fixes colour override issues in themes like Foundation */
#stacks_in_2 .gsi-step-indicator.triangle a label,
#stacks_in_2 .gsi-step-indicator.triangle a:hover label {
color: inherit;
}
/* @end */
/* @group Validation */
.form-group {
position: relative;
}
.form-group.has-error {
border: 2px solid #f44545;
padding: 30px 10px 10px;
border-radius: 4px;
}
ul.parsley-errors-list {
position: absolute;
top: -2px;
right: -2px;
text-align: left;
padding: 0;
margin: 0;
list-style: none;
clear: both;
line-height: 1.3;
}
ul.parsley-errors-list li {
padding: 5px;
margin: 0;
font-weight: bold;
font-size: 12px;
line-height: 1.10em;
text-transform: uppercase;
z-index: 3;
background: #f44545;
color: #ffffff;
display: none;
border-top-right-radius: 4px;
}
ul.parsley-errors-list li:last-child {
display: inline-block;
}
/* @end */
/* @group Edit Mode */
/* */
/* @end */
/* */
/* FormsPlus progress indicators, displayed on submit */
#stacks_in_2 .formsplus-submit-indicator-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
background: rgba(255, 255, 255, 0.75);
display: none;
}
#stacks_in_2 .formsplus-submit-indicator-content {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999999;
}
#stacks_in_2 .formsplus-submit-label {
font-size: 24px;
font-weight: bold;
padding: 10px;
color: rgba(60, 118, 61, 1.00);
top: 50%;
left: 0;
width: 100%;
text-align: center;
}
#stacks_in_2 .formsplus-submit-indicator {
width: 80px;
margin: auto;
}
/* Default design */
#stacks_in_2 .lds-default {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
#stacks_in_2 .lds-default div {
position: absolute;
width: 6px;
height: 6px;
background: rgba(60, 118, 61, 1.00);
border-radius: 50%;
animation: lds-default 1.2s linear infinite;
}
#stacks_in_2 .lds-default div:nth-child(1) {
animation-delay: 0s;
top: 37px;
left: 66px;
}
#stacks_in_2 .lds-default div:nth-child(2) {
animation-delay: -0.1s;
top: 22px;
left: 62px;
}
#stacks_in_2 .lds-default div:nth-child(3) {
animation-delay: -0.2s;
top: 11px;
left: 52px;
}
#stacks_in_2 .lds-default div:nth-child(4) {
animation-delay: -0.3s;
top: 7px;
left: 37px;
}
#stacks_in_2 .lds-default div:nth-child(5) {
animation-delay: -0.4s;
top: 11px;
left: 22px;
}
#stacks_in_2 .lds-default div:nth-child(6) {
animation-delay: -0.5s;
top: 22px;
left: 11px;
}
#stacks_in_2 .lds-default div:nth-child(7) {
animation-delay: -0.6s;
top: 37px;
left: 7px;
}
#stacks_in_2 .lds-default div:nth-child(8) {
animation-delay: -0.7s;
top: 52px;
left: 11px;
}
#stacks_in_2 .lds-default div:nth-child(9) {
animation-delay: -0.8s;
top: 62px;
left: 22px;
}
#stacks_in_2 .lds-default div:nth-child(10) {
animation-delay: -0.9s;
top: 66px;
left: 37px;
}
#stacks_in_2 .lds-default div:nth-child(11) {
animation-delay: -1s;
top: 62px;
left: 52px;
}
#stacks_in_2 .lds-default div:nth-child(12) {
animation-delay: -1.1s;
top: 52px;
left: 62px;
}
@keyframes lds-default {
0%, 20%, 80%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
}
#stacks_in_2 .tsf-nav-step {
display: none;
}
/* Message boxes, displaying errors and important messages */
.formsplus-warning {
padding: 15px 20px 15px 15px;
margin-bottom: 20px;
margin-top: 20px;
border: 1px solid #ebccd1;
border-radius: 4px;
color: #a94442;
background-color: #f2dede;
position: relative;
}
.formsplus-warning .smartyBoxMessageHide {
position: absolute;
top: 3px;
right: 5px;
color: inherit;
float: right;
font-size: 28px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
cursor: pointer;
}
/* Switches, added December 2021 */
#stacks_in_2 .switch {
position: relative;
display: block;
min-height: 34px;
margin-bottom: 20px;
line-height: 1.1;
}
#stacks_in_2 .switch-label {
padding: 0 0 0 calc(70px + 10px);
display: block;
margin-top: -6px;
}
#stacks_in_2 .switch input {
opacity: 0;
width: 0;
height: 0;
}
#stacks_in_2 .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
background-color: rgba(204, 204, 204, 1.00);
-webkit-transition: .4s;
transition: .4s;
width: 70px;
height: 34px;
}
#stacks_in_2 .slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: rgba(255, 255, 255, 1.00);
-webkit-transition: .4s;
transition: .4s;
}
#stacks_in_2 input:checked + .slider {
background-color: rgba(33, 150, 243, 1.00);
}
#stacks_in_2 input:focus + .slider {
box-shadow: 0 0 1px rgba(33, 150, 243, 1.00);
}
#stacks_in_2 input:checked + .slider:before {
-webkit-transform: translateX(calc(70px - 150% + 5px));
-ms-transform: translateX(calc(70px - 150% + 5px));
transform: translateX(calc(70px - 150% + 5px));
}
/* On / off labels */
#stacks_in_2 .on {
display: none;
}
#stacks_in_2 .on,
#stacks_in_2 .off {
color: rgba(255, 255, 255, 1.00);
position: absolute;
transform: translate(0, -50%);
top: 50%;
right: 10px;
font-size: 12px;
font-family: Verdana, sans-serif;
}
#stacks_in_2 input:checked + .slider .on {
display: block;
right: auto;
left: 10px;
}
#stacks_in_2 input:checked + .slider .off {
display: none;
}
#stacks_in_2 .slider.round {
border-radius: 34px;
}
#stacks_in_2 .slider.round:before {
border-radius: 50%;
}
#formsplusHeaderContentstacks_in_3 {
margin-bottom: 20px;
}
#formsplusFooterContentstacks_in_3 {
margin-top: 20px;
}
/* *//* *//* *//* */