#stacks_in_14>.s3_row { margin: 0 -10px; } #stacks_in_14>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_14>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_14>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_14>.s3_row { margin: -10px 0; } #stacks_in_14>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_14 { margin: 0px 0px 10px 0px; } #stacks_in_4 { margin: 0px 0px 15px 0px; } #stacks_in_17 { margin: 15px 0px 0px 0px; } #stacks_in_2 { margin: 10px 0px 30px 0px; } #stacks_in_21 { background-color: rgba(32, 252, 255, 0.14); border: solid rgba(54, 85, 133, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0px 0px 30px 0px; padding: 20px; } #stacks_in_7>.s3_row { margin: 0 -10px; } #stacks_in_7>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_7>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_7>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_7>.s3_row { margin: -10px 0; } #stacks_in_7>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6_27 { margin: 30px 0px 40px 0px; } #stacks_in_6_49 { margin: 20px; } #stacks_in_6_907 { background-color: rgba(56, 84, 136, 1.00); border: solid rgba(255, 255, 255, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.3.0 * fixes a bug that could cause html elements to display as plain text in the autoreply subject * fixes a bug that prevented shortcodes used in element attributes from updating correctly adds new experimental feature: use smtp * fixes a bug that could cause formatting issues in custom formatted message bodies * fixes custom email format line break issues with certain themes and frameworks that remove br tags indiscriminately * adds "\r\n" to br tags in custom formatted messages to prevent "lines too long for transport error" * data was replaced with attr * Radio fields can now be used to create branching slides * input field confirm buttons now have a minimum width */ #stacks_in_6_908.siphon-stack { box-sizing: content-box; overflow: hidden; position: relative; } #stacks_in_6_908.siphon-stack { margin: 0px 0px 0px 0px; transition: height 600ms ease; } @-webkit-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-moz-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-o-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } .siphon-pagstacks_in_6_908 { z-index: 100; width: 100%; } .siphon-pagstacks_in_6_908 div { max-width: 960px; margin: 0 auto; padding: 0px; box-sizing: border-box; } .siphon-pagstacks_in_6_908 span { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid rgba(253, 255, 244, 1.00);; border-radius: 50%; display: inline-block; cursor: pointer; margin-right: 5px; position: relative; } .siphon-pagstacks_in_6_908 span:hover { background: rgba(253, 255, 244, 1.00);; } .siphon-pagstacks_in_6_908 span:after{ width: 5px; height: 2px; background: rgba(253, 255, 244, 1.00);; position: absolute; content: " "; right: -7px; top: 6px; } .siphon-pagstacks_in_6_908 span:last-child:after{ display: none; } .siphon-pagstacks_in_6_908 span.active { background: rgba(188, 242, 255, 1.00); border-color: rgba(188, 242, 255, 1.00);; cursor: default; } .siphon-pagstacks_in_6_908 .siphon-pag-back { height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 5px; color: rgba(253, 255, 244, 1.00); } .siphon-pagstacks_in_6_908 .siphon-pag-back.disable-back { opacity: .5; pointer-events: none; cursor: default; } .siphon-pagstacks_in_6_908 .siphon-pag-back svg { fill: rgba(253, 255, 244, 1.00); } .siphon-pagstacks_in_6_908 .siphon-pag-back svg:hover { fill: rgba(188, 242, 255, 1.00); cursor: pointer; } #stacks_in_6_908 .siphon-hide { display: none; } #stacks_in_6_908 .siphon-hide.has-button { display: block; } #stacks_in_6_908 .siphon-hide.has-button .siphon-input-wrap { display: block; } #stacks_in_6_908 .siphon-hide.has-button *:not(svg):not(path) { display: none; } #stacks_in_6_908 .siphon-hide.has-button button { display: block; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox { margin: 16px 0px 0px 0px; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input { -webkit-appearance: none; appearance: none; opacity: 0 !important; padding: 0px 5px 0px 0px; margin: 0; width: 100%; height: 26px; position: absolute; left: 0; cursor: pointer; z-index: 100; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox label { padding-left: 29px; position: relative; z-index: 1; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox label:before { content: "\f096"; display: inline-block; box-sizing: content-box; font-family: fontawesome; vertical-align: bottom; position:absolute; left: 0; text-align: left; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input:disabled { cursor: not-allowed; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input:disabled + label { opacity: .6; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before { content: "\f046"; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before { content: "\f10c"; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before { content: "\f192"; } #stacks_in_6_908.siphon-stack .siphon-section { position: absolute; opacity: 0; top: 0; left: 100%; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 32px 32px 32px 32px; max-width: 960px; visibility: hidden; transition: opacity 300ms ease; } #stacks_in_6_908.siphon-stack .siphon-section .siphon-back { color: rgba(253, 255, 244, 1.00); margin-top: 32px; } #stacks_in_6_908.siphon-stack .siphon-section.back-at-top { border-top: 38px solid transparent; } #stacks_in_6_908.siphon-stack .siphon-section.back-at-top .siphon-back { margin: 0px; position: absolute; top: 10px; top: -28px; left: 32px; } #stacks_in_6_908.siphon-stack .siphon-section .siphon-back svg { fill: rgba(253, 255, 244, 1.00); width: 40px; height: 40px; } #stacks_in_6_908.siphon-stack .siphon-section .siphon-back svg:hover { fill: rgba(188, 242, 255, 1.00); cursor: pointer; } #stacks_in_6_908.siphon-stack > .siphon-section:first-child .siphon-back { display: none; } #stacks_in_6_908.siphon-stack .siphon-section.siphon-active { position: relative; opacity: 1; left: 0; height: auto; visibility: visible; } #stacks_in_6_908 .siphon-section h1, #stacks_in_6_908 .siphon-section h2, #stacks_in_6_908 .siphon-section h3, #stacks_in_6_908 .siphon-section h4, #stacks_in_6_908 .siphon-section h5, #stacks_in_6_908 .siphon-section h6, #stacks_in_6_908 .siphon-section h1 span, #stacks_in_6_908 .siphon-section h2 span, #stacks_in_6_908 .siphon-section h3 span, #stacks_in_6_908 .siphon-section h4 span, #stacks_in_6_908 .siphon-section h5 span, #stacks_in_6_908 .siphon-section h6 span { color: rgba(255, 255, 255, 1.00); line-height: 1.230769; font-family: inherit; text-align: left; } #stacks_in_6_908 .siphon-section .siphon-question { position: relative; display: inline-block; width: 100%; opacity: 1; margin: 0; color: rgba(255, 255, 255, 1.00); font-size: 26px; line-height: 32px; font-family: inherit; text-align: left; } #stacks_in_6_908 .siphon-section .siphon-pagination + .siphon-question { margin: 32px 0 0 0; } #stacks_in_6_908 .siphon-section { font-size: 20px; line-height: 24px; color: rgba(244, 255, 240, 1.00); } #stacks_in_6_908 .siphon-section .siphon-answer { margin-top: 18px; } #stacks_in_6_908 .siphon-section .siphon-answer, #stacks_in_6_908 .siphon-section .siphon-answer p, #stacks_in_6_908 .siphon-section .siphon-answer span, #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input, #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input + label, #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input + label span { color: rgba(253, 255, 244, 1.00); font-size: 24px; line-height: 26px; font-weight: 900; font-family: inherit; text-align: left; } #stacks_in_6_908 .siphon-section .siphon-answer p { margin: 0; } #stacks_in_6_908 .siphon-section .siphon-answer:hover p, #stacks_in_6_908 .siphon-section .siphon-answer:hover span, #stacks_in_6_908 .siphon-section .siphon-answer:hover .text_stack, #stacks_in_6_908 .siphon-section .siphon-answer:hover, #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input:hover, #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox input:hover + label { color: rgba(188, 242, 255, 1.00); } #stacks_in_6_908 .siphon-section .siphon-answer a span, #stacks_in_6_908 .siphon-section .siphon-answer:hover a span { color: inherit; font-size: inherit; line-height: inherit; text-align: inherit; font-family: inherit; } #stacks_in_6_908 .siphon-section .siphon-answer { cursor: pointer; } /* Answer Styles */ #stacks_in_6_908.siphon-stack .siphon-input-wrap, #stacks_in_6_908.siphon-stack .siphon-input-wrap * { box-sizing: border-box; } #stacks_in_6_908.siphon-stack .siphon-input-wrap { position: relative; z-index: 1; display: inline-block; margin: 16px 0px 0px 0px; width: 100%; vertical-align: top; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox) input { position: relative; display: block; float: left; padding: 0px 16px; margin: 0; height: 45px; line-height: 45px; font-size: 18px; font-family: inherit; border: none; border-radius: 0; -webkit-appearance: none; /* for box shadows to show on iOS */ z-index: 10; max-width: 600px; width: 80%; background: transparent; color: rgba(0, 0, 0, 1.00); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #stacks_in_6_908.siphon-stack .siphon-input-wrap button { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 16px; height: 45px; max-width: 100px; width: 20%; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(255, 255, 255, 1.00); font-size: 26px; font-family: inherit; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-visible-button button, #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-file button, #stacks_in_6_908.siphon-stack .siphon-input-wrap.checkbox button{ -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; width: 100px; float: left; clear: left; margin-top: 16px; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.checkbox button{ float: none; display: block; } #stacks_in_6_908.siphon-stack .siphon-input-wrap button .checkmark { height: 39px; stroke-width: 4; stroke: rgba(255, 255, 255, 1.00); stroke-miterlimit: 10; } #stacks_in_6_908.siphon-stack .siphon-input-wrap button .checkmark-check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 0; } #stacks_in_6_908.siphon-stack .siphon-input-wrap button:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_6_908.siphon-stack .siphon-input-wrap button:active { background: rgba(255,255,255,0.2); } #stacks_in_6_908.siphon-stack .siphon-input-wrap input:focus, #stacks_in_6_908.siphon-stack .siphon-input-wrap textarea:focus, #stacks_in_6_908.siphon-stack .siphon-input-wrap button:focus { outline: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused button { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { display: block; float: left; clear: left; padding: 0 16px; border-radius: 2px; color: rgba(188, 241, 255, 1.00); font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 80%; max-width: 600px; text-align: left; margin: 0px; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span { position: relative; display: block; padding: 5px 0px; width: 100%; font-family: inherit; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span:empty { display: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; max-width: 600px; height: 45px; background: rgba(188, 241, 255, 1.00); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 600px; height: 3px; background: rgba(188, 241, 255, 1.00); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; pointer-events: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::before, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::after { display: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { border: 3px solid; height: 45px; background: transparent ; top: -45px; } @media all and (max-width: 700px) { #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox) input { width: calc(100% - 60px); } #stacks_in_6_908.siphon-stack .siphon-input-wrap button { width: 60px; } } #stacks_in_6_908.siphon-stack .siphon-input-wrap textarea { resize: none; display: block; background: rgba(188, 241, 255, 1.00); border-radius: 2px; border: 0px solid white; padding: 16px; margin: 0; height: 200px; opacity: 1; z-index: 10; width: 80%; max-width: 600px; -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(0, 0, 0, 1.00); font-size: 18px; font-family: inherit; } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap { max-width: 600px; width: 100%; display: block; margin: 16px 0 0 0; } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox) input { width: 100%; padding-right: 88px; z-index: 0; } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before { width: calc(100% - 80px); } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap textarea { width: 100%; } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap button { float: none; position: absolute; top: 0; right: 0; width: 80px; z-index: 1; transform-origin: bottom left; margin: 0; } #stacks_in_6_908.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; float: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required input, #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required textarea { outline: thin solid red; } #stacks_in_6_908.siphon-stack .siphon-input-wrap input.is-required + label { color: red !important; } #stacks_in_6_908.siphon-stack .siphon-input-wrap input:focus, #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused input, #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required input { opacity: 1; /* -webkit-transition-delay: 0.3s; transition-delay: 0.3s; */ } #stacks_in_6_908.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before, #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before, #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused label::before, #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required label::before { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } #stacks_in_6_908.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label, #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused label, #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required label { pointer-events: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after, #stacks_in_6_908.siphon-stack .siphon-input-wrap.input-focused label::after, #stacks_in_6_908.siphon-stack .siphon-input-wrap.is-required label::after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); } #stacks_in_6_908 .siphon-section .siphon-input-wrap input[type='file'] { margin: 16px 0px; opacity: 0; } /* Submit slide styles */ #stacks_in_6_908.siphon-stack .siphon-submit button, #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 16px; height: 45px; margin: 16px 0px; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-family: inherit; position: relative; z-index: 1; overflow: hidden; } #stacks_in_6_908.siphon-stack .siphon-submit button:hover, #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_6_908.siphon-stack .siphon-submit button:active, #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label:active { background: rgba(255,255,255,0.2); } #stacks_in_6_908.siphon-stack .siphon-submit button:focus { outline: none; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-textarea button { width: 100%; max-width: 600px; position: relative; float: none; display: block; } #stacks_in_6_908.siphon-stack .siphon-mail-error { color: white; background: #FF4444; border: 1px solid #FF2222; padding: 10px; border-radius: 4px; margin: 32px 0px 0px 0px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); } #stacks_in_6_908 .siphon-loader { height: 40px; width: 40px; text-align: center; padding: 0; margin: 32px auto 0 auto; display: block; position: absolute; opacity: 0; transition: opacity 0ms linear; pointer-events: none; z-index: 0; } #stacks_in_6_908 .siphon-loader svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_6_908.siphon-email-submited .siphon-loader { position: relative; opacity: 1; transition: opacity 300ms ease; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_6_908.siphon-email-submited .siphon-submit button, #stacks_in_6_908.siphon-email-submited .siphon-back, #stacks_in_6_908.siphon-email-submited .configure-submit { display: none; } #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap textarea, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap button, #stacks_in_6_908.siphon-email-submited .s3_column .siphon-submit button, #stacks_in_6_908 .siphon-section .s3_column .siphon-input-wrap.siphon-file label, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; max-width: 100%; position: relative; float: none; } #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap label::after, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap label::before, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_6_908.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { width: 100%; max-width: 100%; float: none; } @media all and (max-width: 640px) { #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox) label, #stacks_in_6_908.siphon-stack .siphon-input-wrap textarea, /* #stacks_in_6_908.siphon-stack .siphon-input-wrap button, */ #stacks_in_6_908.siphon-email-submited .siphon-submit button, #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { /* width: 100%; position: relative; float: none; */ } #stacks_in_6_908.siphon-stack .siphon-input-wrap button { padding: 0 6px; } #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_6_908.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { /* width: 100%; float: none; */ } } #stacks_in_6_908 .siphon-section .siphon-input-wrap.checkbox label:before { } /* Edit mode styles */ #stacks_in_6_908 .autoreply {display: none;} /* ======================================= File ======================================= */ #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label { display: inline-block; line-height: 40px; position: absolute !important; z-index: 100; left:0; top: 0; } #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file label { } #stacks_in_6_908 .siphon-section .siphon-input-wrap.siphon-file input:before { content: "\f192"; } /* ======================================= Range / Slider ======================================= */ #stacks_in_6_908.siphon-stack .siphon-range-wrap { display: grid; grid-template-columns: min-content 1fr min-content; max-width: 600px; width: 100%; align-items: center; grid-gap: 4px; } #stacks_in_6_908.siphon-stack .siphon-range-wrap > span { color: rgba(188, 241, 255, 1.00); font-size: 14px; line-height: 14px; font-family: inherit; white-space: nowrap; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) > label > span { font-size: 14px; line-height: 16px; margin-top: 12px; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input { opacity: 1; width: 100%; height: 4px; padding: 0px; background: rgba(188, 241, 255, 1.00); } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label { transform: translateY(-12.000000px); } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 10px; background: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-moz-range-thumb { background: rgba(255, 255, 255, 1.00); width: 20px; height: 20px; border-radius: 10px; cursor: pointer; } #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:before, #stacks_in_6_908.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:after { display: none; } .siphon-stack .siphon-section .stacks_in, .siphon-stack .siphon-section .stacks_out { overflow: hidden; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_910:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_912 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_915:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_916 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_919:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_920 textarea { height: 200px !important; } #stacks_in_6_923 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_926:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_927 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_930:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_931 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_934:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_935 textarea { height: 200px !important; } #stacks_in_6_938 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_941:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_942 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_945:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_946 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_949:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_1029 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_952:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_1039 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_1050:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .siphon-configure #section_stacks_in_6_1050 .configure-submit button.siphon-configure-next, .siphon-configure #section_stacks_in_6_1050 .configure-submit button.siphon-configure-send-email { background: rgba(16, 55, 145, 1.00); border-color: rgba(16, 55, 145, 1.00); color: rgba(255, 255, 255, 1.00); } .siphon-configure #section_stacks_in_6_1050 .configure-submit button.siphon-configure-back { background: rgba(0, 0, 0, 0.00); border-color: rgba(16, 55, 145, 1.00); color: rgba(16, 55, 145, 1.00); } #wrap_stacks_in_6_1052 .prefix { margin-right: 0; } #wrap_stacks_in_6_1052 .postfix { margin-left: 0; } #wrap_stacks_in_6_1052 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_1052 .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_6_1052 .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_6_1052 .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_6_1052 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_1052"], .configure-group-wrap[data-name="stacks_in_6_1052"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_6_1059 .prefix { margin-right: 0; } #wrap_stacks_in_6_1059 .postfix { margin-left: 0; } #wrap_stacks_in_6_1059 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_1059 .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_6_1059 .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_6_1059 .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_6_1059 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_1059"], .configure-group-wrap[data-name="stacks_in_6_1059"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_6_1066 .prefix { margin-right: 0; } #wrap_stacks_in_6_1066 .postfix { margin-left: 0; } #wrap_stacks_in_6_1066 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_1066 .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_6_1066 .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_6_1066 .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_6_1066 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_1066"], .configure-group-wrap[data-name="stacks_in_6_1066"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #stacks_in_6_888>.s3_row { margin: 0 -10px; } #stacks_in_6_888>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6_888>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6_888>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_6_888>.s3_row { margin: -10px 0; } #stacks_in_6_888>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6_3 { margin: 30px 0px 40px 0px; } #stacks_in_6_383 { background-color: rgba(56, 84, 136, 1.00); border: solid rgba(255, 255, 255, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* 2.3.0 * fixes a bug that could cause html elements to display as plain text in the autoreply subject * fixes a bug that prevented shortcodes used in element attributes from updating correctly adds new experimental feature: use smtp * fixes a bug that could cause formatting issues in custom formatted message bodies * fixes custom email format line break issues with certain themes and frameworks that remove br tags indiscriminately * adds "\r\n" to br tags in custom formatted messages to prevent "lines too long for transport error" * data was replaced with attr * Radio fields can now be used to create branching slides * input field confirm buttons now have a minimum width */ #stacks_in_6_218.siphon-stack { box-sizing: content-box; overflow: hidden; position: relative; } #stacks_in_6_218.siphon-stack { margin: 0px 0px 0px 0px; transition: height 600ms ease; } @-webkit-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-moz-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @-o-keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } @keyframes gradAnimate { 0%{background-position:20% 0%} 50%{background-position:81% 100%} 100%{background-position:20% 0%} } .siphon-pagstacks_in_6_218 { z-index: 100; width: 100%; } .siphon-pagstacks_in_6_218 div { max-width: 960px; margin: 0 auto; padding: 0px; box-sizing: border-box; } .siphon-pagstacks_in_6_218 span { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid rgba(253, 255, 244, 1.00);; border-radius: 50%; display: inline-block; cursor: pointer; margin-right: 5px; position: relative; } .siphon-pagstacks_in_6_218 span:hover { background: rgba(253, 255, 244, 1.00);; } .siphon-pagstacks_in_6_218 span:after{ width: 5px; height: 2px; background: rgba(253, 255, 244, 1.00);; position: absolute; content: " "; right: -7px; top: 6px; } .siphon-pagstacks_in_6_218 span:last-child:after{ display: none; } .siphon-pagstacks_in_6_218 span.active { background: rgba(188, 242, 255, 1.00); border-color: rgba(188, 242, 255, 1.00);; cursor: default; } .siphon-pagstacks_in_6_218 .siphon-pag-back { height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 5px; color: rgba(253, 255, 244, 1.00); } .siphon-pagstacks_in_6_218 .siphon-pag-back.disable-back { opacity: .5; pointer-events: none; cursor: default; } .siphon-pagstacks_in_6_218 .siphon-pag-back svg { fill: rgba(253, 255, 244, 1.00); } .siphon-pagstacks_in_6_218 .siphon-pag-back svg:hover { fill: rgba(188, 242, 255, 1.00); cursor: pointer; } #stacks_in_6_218 .siphon-hide { display: none; } #stacks_in_6_218 .siphon-hide.has-button { display: block; } #stacks_in_6_218 .siphon-hide.has-button .siphon-input-wrap { display: block; } #stacks_in_6_218 .siphon-hide.has-button *:not(svg):not(path) { display: none; } #stacks_in_6_218 .siphon-hide.has-button button { display: block; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox { margin: 16px 0px 0px 0px; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input { -webkit-appearance: none; appearance: none; opacity: 0 !important; padding: 0px 5px 0px 0px; margin: 0; width: 100%; height: 26px; position: absolute; left: 0; cursor: pointer; z-index: 100; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox label { padding-left: 29px; position: relative; z-index: 1; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox label:before { content: "\f096"; display: inline-block; box-sizing: content-box; font-family: fontawesome; vertical-align: bottom; position:absolute; left: 0; text-align: left; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input:disabled { cursor: not-allowed; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input:disabled + label { opacity: .6; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before { content: "\f046"; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before { content: "\f10c"; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before { content: "\f192"; } #stacks_in_6_218.siphon-stack .siphon-section { position: absolute; opacity: 0; top: 0; left: 100%; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 32px 32px 32px 32px; max-width: 960px; visibility: hidden; transition: opacity 300ms ease; } #stacks_in_6_218.siphon-stack .siphon-section .siphon-back { color: rgba(253, 255, 244, 1.00); margin-top: 32px; } #stacks_in_6_218.siphon-stack .siphon-section.back-at-top { border-top: 38px solid transparent; } #stacks_in_6_218.siphon-stack .siphon-section.back-at-top .siphon-back { margin: 0px; position: absolute; top: 10px; top: -28px; left: 32px; } #stacks_in_6_218.siphon-stack .siphon-section .siphon-back svg { fill: rgba(253, 255, 244, 1.00); width: 40px; height: 40px; } #stacks_in_6_218.siphon-stack .siphon-section .siphon-back svg:hover { fill: rgba(188, 242, 255, 1.00); cursor: pointer; } #stacks_in_6_218.siphon-stack > .siphon-section:first-child .siphon-back { display: none; } #stacks_in_6_218.siphon-stack .siphon-section.siphon-active { position: relative; opacity: 1; left: 0; height: auto; visibility: visible; } #stacks_in_6_218 .siphon-section h1, #stacks_in_6_218 .siphon-section h2, #stacks_in_6_218 .siphon-section h3, #stacks_in_6_218 .siphon-section h4, #stacks_in_6_218 .siphon-section h5, #stacks_in_6_218 .siphon-section h6, #stacks_in_6_218 .siphon-section h1 span, #stacks_in_6_218 .siphon-section h2 span, #stacks_in_6_218 .siphon-section h3 span, #stacks_in_6_218 .siphon-section h4 span, #stacks_in_6_218 .siphon-section h5 span, #stacks_in_6_218 .siphon-section h6 span { color: rgba(255, 255, 255, 1.00); line-height: 1.230769; font-family: inherit; text-align: left; } #stacks_in_6_218 .siphon-section .siphon-question { position: relative; display: inline-block; width: 100%; opacity: 1; margin: 0; color: rgba(255, 255, 255, 1.00); font-size: 26px; line-height: 32px; font-family: inherit; text-align: left; } #stacks_in_6_218 .siphon-section .siphon-pagination + .siphon-question { margin: 32px 0 0 0; } #stacks_in_6_218 .siphon-section { font-size: 20px; line-height: 24px; color: rgba(244, 255, 240, 1.00); } #stacks_in_6_218 .siphon-section .siphon-answer { margin-top: 18px; } #stacks_in_6_218 .siphon-section .siphon-answer, #stacks_in_6_218 .siphon-section .siphon-answer p, #stacks_in_6_218 .siphon-section .siphon-answer span, #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input, #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input + label, #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input + label span { color: rgba(253, 255, 244, 1.00); font-size: 24px; line-height: 26px; font-weight: 900; font-family: inherit; text-align: left; } #stacks_in_6_218 .siphon-section .siphon-answer p { margin: 0; } #stacks_in_6_218 .siphon-section .siphon-answer:hover p, #stacks_in_6_218 .siphon-section .siphon-answer:hover span, #stacks_in_6_218 .siphon-section .siphon-answer:hover .text_stack, #stacks_in_6_218 .siphon-section .siphon-answer:hover, #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input:hover, #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox input:hover + label { color: rgba(188, 242, 255, 1.00); } #stacks_in_6_218 .siphon-section .siphon-answer a span, #stacks_in_6_218 .siphon-section .siphon-answer:hover a span { color: inherit; font-size: inherit; line-height: inherit; text-align: inherit; font-family: inherit; } #stacks_in_6_218 .siphon-section .siphon-answer { cursor: pointer; } /* Answer Styles */ #stacks_in_6_218.siphon-stack .siphon-input-wrap, #stacks_in_6_218.siphon-stack .siphon-input-wrap * { box-sizing: border-box; } #stacks_in_6_218.siphon-stack .siphon-input-wrap { position: relative; z-index: 1; display: inline-block; margin: 16px 0px 0px 0px; width: 100%; vertical-align: top; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox) input { position: relative; display: block; float: left; padding: 0px 16px; margin: 0; height: 45px; line-height: 45px; font-size: 18px; font-family: inherit; border: none; border-radius: 0; -webkit-appearance: none; /* for box shadows to show on iOS */ z-index: 10; max-width: 600px; width: 80%; background: transparent; color: rgba(0, 0, 0, 1.00); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #stacks_in_6_218.siphon-stack .siphon-input-wrap button { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 16px; height: 45px; max-width: 100px; width: 20%; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(255, 255, 255, 1.00); font-size: 26px; font-family: inherit; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-visible-button button, #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-file button, #stacks_in_6_218.siphon-stack .siphon-input-wrap.checkbox button{ -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; width: 100px; float: left; clear: left; margin-top: 16px; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.checkbox button{ float: none; display: block; } #stacks_in_6_218.siphon-stack .siphon-input-wrap button .checkmark { height: 39px; stroke-width: 4; stroke: rgba(255, 255, 255, 1.00); stroke-miterlimit: 10; } #stacks_in_6_218.siphon-stack .siphon-input-wrap button .checkmark-check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 0; } #stacks_in_6_218.siphon-stack .siphon-input-wrap button:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_6_218.siphon-stack .siphon-input-wrap button:active { background: rgba(255,255,255,0.2); } #stacks_in_6_218.siphon-stack .siphon-input-wrap input:focus, #stacks_in_6_218.siphon-stack .siphon-input-wrap textarea:focus, #stacks_in_6_218.siphon-stack .siphon-input-wrap button:focus { outline: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused button { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); opacity: 1; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { display: block; float: left; clear: left; padding: 0 16px; border-radius: 2px; color: rgba(188, 241, 255, 1.00); font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 80%; max-width: 600px; text-align: left; margin: 0px; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span { position: relative; display: block; padding: 5px 0px; width: 100%; font-family: inherit; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span:empty { display: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; max-width: 600px; height: 45px; background: rgba(188, 241, 255, 1.00); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 600px; height: 3px; background: rgba(188, 241, 255, 1.00); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; pointer-events: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::before, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::after { display: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { border: 3px solid; height: 45px; background: transparent ; top: -45px; } @media all and (max-width: 700px) { #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox) input { width: calc(100% - 60px); } #stacks_in_6_218.siphon-stack .siphon-input-wrap button { width: 60px; } } #stacks_in_6_218.siphon-stack .siphon-input-wrap textarea { resize: none; display: block; background: rgba(188, 241, 255, 1.00); border-radius: 2px; border: 0px solid white; padding: 16px; margin: 0; height: 200px; opacity: 1; z-index: 10; width: 80%; max-width: 600px; -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(0, 0, 0, 1.00); font-size: 18px; font-family: inherit; } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap { max-width: 600px; width: 100%; display: block; margin: 16px 0 0 0; } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox) input { width: 100%; padding-right: 88px; z-index: 0; } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before { width: calc(100% - 80px); } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap textarea { width: 100%; } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap button { float: none; position: absolute; top: 0; right: 0; width: 80px; z-index: 1; transform-origin: bottom left; margin: 0; } #stacks_in_6_218.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; float: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required input, #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required textarea { outline: thin solid red; } #stacks_in_6_218.siphon-stack .siphon-input-wrap input.is-required + label { color: red !important; } #stacks_in_6_218.siphon-stack .siphon-input-wrap input:focus, #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused input, #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required input { opacity: 1; /* -webkit-transition-delay: 0.3s; transition-delay: 0.3s; */ } #stacks_in_6_218.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before, #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before, #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused label::before, #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required label::before { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } #stacks_in_6_218.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label, #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused label, #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required label { pointer-events: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after, #stacks_in_6_218.siphon-stack .siphon-input-wrap.input-focused label::after, #stacks_in_6_218.siphon-stack .siphon-input-wrap.is-required label::after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); } #stacks_in_6_218 .siphon-section .siphon-input-wrap input[type='file'] { margin: 16px 0px; opacity: 0; } /* Submit slide styles */ #stacks_in_6_218.siphon-stack .siphon-submit button, #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label { background: transparent; border: 3px solid rgba(255, 255, 255, 1.00); border-radius: 2px; padding: 0px 16px; height: 45px; margin: 16px 0px; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-family: inherit; position: relative; z-index: 1; overflow: hidden; } #stacks_in_6_218.siphon-stack .siphon-submit button:hover, #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_6_218.siphon-stack .siphon-submit button:active, #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label:active { background: rgba(255,255,255,0.2); } #stacks_in_6_218.siphon-stack .siphon-submit button:focus { outline: none; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-textarea button { width: 100%; max-width: 600px; position: relative; float: none; display: block; } #stacks_in_6_218.siphon-stack .siphon-mail-error { color: white; background: #FF4444; border: 1px solid #FF2222; padding: 10px; border-radius: 4px; margin: 32px 0px 0px 0px; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); } #stacks_in_6_218 .siphon-loader { height: 40px; width: 40px; text-align: center; padding: 0; margin: 32px auto 0 auto; display: block; position: absolute; opacity: 0; transition: opacity 0ms linear; pointer-events: none; z-index: 0; } #stacks_in_6_218 .siphon-loader svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_6_218.siphon-email-submited .siphon-loader { position: relative; opacity: 1; transition: opacity 300ms ease; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear; } @-webkit-keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #stacks_in_6_218.siphon-email-submited .siphon-submit button, #stacks_in_6_218.siphon-email-submited .siphon-back, #stacks_in_6_218.siphon-email-submited .configure-submit { display: none; } #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap textarea, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap button, #stacks_in_6_218.siphon-email-submited .s3_column .siphon-submit button, #stacks_in_6_218 .siphon-section .s3_column .siphon-input-wrap.siphon-file label, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; max-width: 100%; position: relative; float: none; } #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap label::after, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap label::before, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_6_218.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { width: 100%; max-width: 100%; float: none; } @media all and (max-width: 640px) { #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox) label, #stacks_in_6_218.siphon-stack .siphon-input-wrap textarea, /* #stacks_in_6_218.siphon-stack .siphon-input-wrap button, */ #stacks_in_6_218.siphon-email-submited .siphon-submit button, #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { /* width: 100%; position: relative; float: none; */ } #stacks_in_6_218.siphon-stack .siphon-input-wrap button { padding: 0 6px; } #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_6_218.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { /* width: 100%; float: none; */ } } #stacks_in_6_218 .siphon-section .siphon-input-wrap.checkbox label:before { } /* Edit mode styles */ #stacks_in_6_218 .autoreply {display: none;} /* ======================================= File ======================================= */ #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label { display: inline-block; line-height: 40px; position: absolute !important; z-index: 100; left:0; top: 0; } #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file label { } #stacks_in_6_218 .siphon-section .siphon-input-wrap.siphon-file input:before { content: "\f192"; } /* ======================================= Range / Slider ======================================= */ #stacks_in_6_218.siphon-stack .siphon-range-wrap { display: grid; grid-template-columns: min-content 1fr min-content; max-width: 600px; width: 100%; align-items: center; grid-gap: 4px; } #stacks_in_6_218.siphon-stack .siphon-range-wrap > span { color: rgba(188, 241, 255, 1.00); font-size: 14px; line-height: 14px; font-family: inherit; white-space: nowrap; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) > label > span { font-size: 14px; line-height: 16px; margin-top: 12px; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input { opacity: 1; width: 100%; height: 4px; padding: 0px; background: rgba(188, 241, 255, 1.00); } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label { transform: translateY(-12.000000px); } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 10px; background: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input::-moz-range-thumb { background: rgba(255, 255, 255, 1.00); width: 20px; height: 20px; border-radius: 10px; cursor: pointer; } #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:before, #stacks_in_6_218.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:after { display: none; } .siphon-stack .siphon-section .stacks_in, .siphon-stack .siphon-section .stacks_out { overflow: hidden; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_219:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_221 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_224:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_225 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_228:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_229 textarea { height: 200px !important; } #stacks_in_6_232 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_235:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_236 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_239:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_240 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_243:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_244 textarea { height: 200px !important; } #stacks_in_6_247 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_250:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_251 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_254:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_255 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_258:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_338 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_261:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_6_348 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_6_359:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .siphon-configure #section_stacks_in_6_359 .configure-submit button.siphon-configure-next, .siphon-configure #section_stacks_in_6_359 .configure-submit button.siphon-configure-send-email { background: rgba(16, 55, 145, 1.00); border-color: rgba(16, 55, 145, 1.00); color: rgba(255, 255, 255, 1.00); } .siphon-configure #section_stacks_in_6_359 .configure-submit button.siphon-configure-back { background: rgba(0, 0, 0, 0.00); border-color: rgba(16, 55, 145, 1.00); color: rgba(16, 55, 145, 1.00); } #wrap_stacks_in_6_361 .prefix { margin-right: 0; } #wrap_stacks_in_6_361 .postfix { margin-left: 0; } #wrap_stacks_in_6_361 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_361 .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_6_361 .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_6_361 .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_6_361 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_361"], .configure-group-wrap[data-name="stacks_in_6_361"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_6_368 .prefix { margin-right: 0; } #wrap_stacks_in_6_368 .postfix { margin-left: 0; } #wrap_stacks_in_6_368 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_368 .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_6_368 .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_6_368 .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_6_368 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_368"], .configure-group-wrap[data-name="stacks_in_6_368"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #wrap_stacks_in_6_375 .prefix { margin-right: 0; } #wrap_stacks_in_6_375 .postfix { margin-left: 0; } #wrap_stacks_in_6_375 .configure-inner-wrap { width: 100%; max-width: 320px; } #wrap_stacks_in_6_375 .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_6_375 .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_6_375 .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_6_375 .configure-group-wrap label { padding: 6px 16px; } .configure-group-wrap[data-name="stacks_in_6_375"], .configure-group-wrap[data-name="stacks_in_6_375"] > div[tag="node"] { grid-template-columns: repeat(auto-fit,156px); } #stacks_in_6_891>.s3_row { margin: 0 -10px; } #stacks_in_6_891>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_6_891>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_6_891>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_6_891>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_6_901 { margin: 30px 0px 10px 0px; } #stacks_in_6_903 { margin: 20px 0px 10px 0px; } #stacks_in_6_905 { margin: 40px 0px 10px 0px; }