/* Formsnap v.3.0.11 Stylesheet MODIFIED: 2019/10/16 10:27:16 */ /* live edits to work in formsnap */ #stacks_in_2 .control-group.incase, #stacks_in_2 .yd-radio-checkbox, #stacks_in_2 .yd-file { width:100%; margin: 0px 0px 25px 0px !important; } #stacks_in_2, #stacks_out_2, .stacks_top, #%id# .out { overflow: visible; } /* custom overrides */ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #9A9A9A; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #9A9A9A; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #9A9A9A; } #stacks_in_2 .control-group .img-drop, #stacks_in_2 .control-group .incase-box, #stacks_in_2 .control-group input:not(.and-up), #stacks_in_2 .control-group select, #stacks_in_2 .control-group textarea { font-family: "Roboto Mono", monospace; font-size: 14px; color: #616161; border-color: #CFCFCF; border-width: 1px; background-color: #FFFFFF; } #stacks_in_2 .control-group.incase input:focus, #stacks_in_2 .control-group.incase select:focus, #stacks_in_2 .control-group.incase textarea:focus { border-color: #CFCFCF; outline: 0; box-shadow: none; } /* #stacks_in_2 .yd-file:before { background-color: #FFFFFF; border-color: #CFCFCF; border-width: 1px; color: #616161; } */ #stacks_in_2 .yd-file .yd-file-in { background: #FFFFFF; border-color: #CFCFCF; border-width: 1px; /* border: 1px solid #dbdbdb;*/ } #stacks_in_2 .yd-rating.yd-no-label .yd-star-menu { padding-top:6px; } #stacks_in_2 .yd-rating .yd-rating-in { background: #FFFFFF; border-color: #CFCFCF; border-width: 1px; /* border: 1px solid #dbdbdb;*/ } #stacks_in_2 .yd-file.yd-no-label .selected-file { padding-top:6px; } #stacks_in_2 .yd-required { color: #8E2F2E; } #stacks_in_2 .yd-sub-text { color: #999999; font-size: 13px; } #stacks_in_2 .yd-border { border-color: #CFCFCF; border-width: 1px; } #stacks_in_2 .yd-trumbowyg .trumbowyg-button-pane { background: #FFFFFF; border-color: #CFCFCF; border-width: 1px; } #stacks_in_2 .trumbowyg-button-pane button { background: #FFFFFF; border-color: #CFCFCF; border-width: 1px; color: #616161; } #stacks_in_2 .yd-trumbowyg { background: #FFFFFF; background-color: #FFFFFF; } #stacks_in_2 .yd-trumbowyg .trumbowyg-editor { background: #FFFFFF; border-color: #CFCFCF; border-width: 1px; } #stacks_in_2 .trumbowyg-button-pane button.trumbowyg-active, #stacks_in_2 .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, #stacks_in_2 .trumbowyg-button-pane button:not(.trumbowyg-disable):hover { background-color: transparent; } #stacks_in_2 .parsley-errors-list li, #stacks_in_2 .yd-invalid-msg { color:#8E2F2E; font-size:14px; } #stacks_in_2 button.yd-btn { background: #FFFFFF; color: #222222; font-size: 15px; padding: 10px 10px; font-family: "Roboto Mono", monospace; } #stacks_in_2 button.yd-btn:disabled, #stacks_in_2 button.yd-btn[disabled]{ opacity:.5; cursor: not-allowed !important; } #stacks_in_2 button.yd-btn:hover { background: #E6E6E6; } #stacks_in_2 button.yd-btn.yd-primary { background: #5771A2; color: #FFFFFF; font-size: 15px; } #stacks_in_2 button.yd-btn.yd-primary:hover { background: #3E5889; } #stacks_in_2 .refresh-captcha { background-color: #FFFFFF; border-color: #CFCFCF; border-width: 1px; color: #5771A2; border-bottom-width: 0; /* border: 1px solid #DBDBDB;*/ } #stacks_in_2 .accent-color, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator, #stacks_in_2 .control-group.incase label, #stacks_in_2 div[class^=yd-]>div>label { color: #5771A2; /* font-size: 11px; font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; */ } input.yd-star:checked ~ label.yd-star:before { color:#5771A2; transition: all .25s; } input.yd-rating-star-5:checked ~ label.yd-star:before { color:#5771A2; } #stacks_in_2 .control-group.incase label, #stacks_in_2 div[class^=yd-]>div>label { color: #5771A2; font-size: 11px; font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; } .yd-add-item { font-size: 11px; font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; /* same size as labels */ } #stacks_in_2 .fs-checkbox-label{ color: #616173; font-size: 14px; } #stacks_in_2 .yd-file:before { color: #5771A2; } #stacks_in_2 .fs-checkbox-label{ color: #616173; font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; } #stacks_in_2 .radio_checkbox li a{; font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; font-size: 14px; } #stacks_in_2 .control-group.incase .incase-box, #stacks_in_2 .control-group.incase input, #stacks_in_2 .control-group.incase select, #stacks_in_2 .control-group.incase textarea{ color: #616161; font-size: 14px; font-family: "Roboto Mono", monospace; border-color: #CFCFCF; border-width: 1px; /* padding-top: %input-padding-top%; */ } /* select down arrow color */ #stacks_in_2 .control-group.yd-select>div:after { border-top: 6px solid #CFCFCF; } #stacks_in_2 .fs-checkbox-radio .fs-checkbox-flag, #stacks_in_2 .rangeslider__fill { background: #5771A2; } #stacks_in_2 .fs-checkbox-flag:before { border-color: #5771A2; } #stacks_in_2 .steps .yd-step.current { border-color: #CFCFCF; } #stacks_in_2 .yd-step-dots ul li i.fa { color:#CFCFCF !important; } #stacks_in_2 .yd-step-dots ul li.active i.fa { color:#5771A2 !important; } /* mobile buttons */ .calentim-container-mobile .calentim-input .calentim-footer button.calentim-cancel { color: #5771A2; border: 1px solid #5771A2; } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply { background: #5771A2; border: 1px solid #5771A2 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start:hover, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start:hover, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected { background: #5771A2; border-color: #5771A2; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span { background:#3E5889; color:#fff; } /* hight light color */ .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) { background-color: #9DB7E8; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span { background-color: #9DB7E8; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today { color: #5771A2; } .calentim-container .calentim-input, .calentim-container-mobile .calentim-input { border-color: #CFCFCF; /* border-width: 1px;*/ } /* light pre-select color on drag */ .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) { background-color: #A7C1F2; } /* selected day inner span */ .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span { background: #5771A2; } /* hide top pointer */ #stacks_in_2 .calentim-box-arrow-top:before { border-color: rgba(184,184,184,0); border-bottom-color: #CFCFCF; } /* header link hover */ .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover{ color: #5771A2; } /* month selected */ .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current { background: #5771A2; } /* month hover */ .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover { background: #708ABB; } /* year selected */ .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current { background: #5771A2; } /* year carets */ .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev { color: #5771A2; } /* year hover */ .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover { background: #708ABB; } /* Alerts */ #stacks_in_2 .yd-alert { font-family: "Helvetica Neue","Helvetica","Arial","Verdana","sans-serif"; } #stacks_in_2 .rangeslider__value-bubble { background-color: #5771A2; } #stacks_in_2 .rangeslider__value-bubble::before { border-top: 6px solid #5771A2; } #stacks_in_2 .color-well { position:absolute; top:26px; left:11px; width:12px; height:12px; border-radius:3px; } /* .yd-error.yd-textarea .yd-counter { bottom: 34px !important; } */ .yd-error .yd-tooltip { bottom: 38px !important; } #stacks_in_2 .form-navigation { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; display: -ms-grid; /* for shitty ie support */ display: grid; -ms-grid-columns: 12 1fr; grid-template-columns: repeat(12, 1fr); grid-gap: 20px; } #stacks_in_2 .form-navigation .fs-col-1, #stacks_in_2 .form-navigation .fs-col-2, #stacks_in_2 .form-navigation .fs-col-3, #stacks_in_2 .form-navigation .fs-col-4, #stacks_in_2 .form-navigation .fs-col-5, #stacks_in_2 .form-navigation .fs-col-6, #stacks_in_2 .form-navigation .fs-col-7, #stacks_in_2 .form-navigation .fs-col-8, #stacks_in_2 .form-navigation .fs-col-9, #stacks_in_2 .form-navigation .fs-col-10, #stacks_in_2 .form-navigation .fs-col-11, #stacks_in_2 .form-navigation .fs-col-12 { -ms-grid-column: 12; -ms-grid-row: 1; grid-column: span 12; } @media (min-width: 600px) { #stacks_in_2 .form-navigation .fs-col-1 { -ms-grid-column: 1; grid-column: span 1; } #stacks_in_2 .form-navigation .fs-col-2 { -ms-grid-column: 2; grid-column: span 2; } #stacks_in_2 .form-navigation .fs-col-3 { -ms-grid-column: 3; grid-column: span 3; } #stacks_in_2 .form-navigation .fs-col-4 { -ms-grid-column: 4; grid-column: span 4; } #stacks_in_2 .form-navigation .fs-col-5 { -ms-grid-column: 5; grid-column: span 5; } #stacks_in_2 .form-navigation .fs-col-6 { -ms-grid-column: 6; grid-column: span 6; } #stacks_in_2 .form-navigation .fs-col-7 { -ms-grid-column: 7; grid-column: span 7; } #stacks_in_2 .form-navigation .fs-col-8 { -ms-grid-column: 8; grid-column: span 8; } #stacks_in_2 .form-navigation .fs-col-9 { -ms-grid-column: 9; grid-column: span 9; } #stacks_in_2 .form-navigation .fs-col-10 { -ms-grid-column: 10; grid-column: span 10; } #stacks_in_2 .form-navigation .fs-col-11 { -ms-grid-column: 11; grid-column: span 11; } #stacks_in_2 .form-navigation .fs-col-12 { -ms-grid-column: 12; grid-column: span 12; } } #stacks_in_2 .form-navigation:not(:first-child) { margin: 20px 0 20px 0; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .incase.control-group { float: none !important; } #stacks_in_2 .form-navigation .fs-grid-container { display: block; } #stacks_in_2 .form-navigation .fs-col-1, #stacks_in_2 .form-navigation .fs-col-2, #stacks_in_2 .form-navigation .fs-col-3, #stacks_in_2 .form-navigation .fs-col-4, #stacks_in_2 .form-navigation .fs-col-5, #stacks_in_2 .form-navigation .fs-col-6, #stacks_in_2 .form-navigation .fs-col-7, #stacks_in_2 .form-navigation .fs-col-8, #stacks_in_2 .form-navigation .fs-col-9, #stacks_in_2 .form-navigation .fs-col-10, #stacks_in_2 .form-navigation .fs-col-11, #stacks_in_2 .form-navigation .fs-col-12 { width: 100%; margin: 10px auto; } } /* modal custom colors */ #stacks_in_2 .yd-overlay{background: rgba(0, 0, 0, 0.80);} #stacks_in_2 .yd-content{background:rgba(255, 255, 255, 1.00);color:rgba(70, 69, 69, 1.00);} #stacks_in_2 .yd-content h3{border-bottom-color: rgba(0, 0, 0, 0.15);} #stacks_in_2 .yd-content .yd-body{border-bottom-color: rgba(0, 0, 0, 0.15);} #stacks_in_2 .yd-modal.error .yd-content h3{color:rgba(70, 69, 69, 1.00);} #stacks_in_2 .yd-modal.success .yd-content h3{color:rgba(70, 69, 69, 1.00);} #stacks_in_2 .yd-modal-show.yd-effect-12 ~ .yd-overlay {background: rgba(255, 255, 255, 1.00)} #stacks_in_2 .yd-modal-show.yd-effect-16 ~ .yd-overlay {background: rgba(0, 0, 0, 0.80);} #stacks_in_2 .yd-modal.process .yd-content button { display:none !important; } /* loader */ #stacks_in_2 .yd-loader { display: inline-block; position: relative; width: 64px; height: 64px; } #stacks_in_2 .yd-loader div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #5771A2; animation-timing-function: cubic-bezier(0, 1, 1, 0); } #stacks_in_2 .yd-loader div:nth-child(1) { left: 6px; animation: yd-loader1 0.6s infinite; } #stacks_in_2 .yd-loader div:nth-child(2) { left: 6px; animation: yd-loader2 0.6s infinite; } #stacks_in_2 .yd-loader div:nth-child(3) { left: 26px; animation: yd-loader2 0.6s infinite; } #stacks_in_2 .yd-loader div:nth-child(4) { left: 45px; animation: yd-loader3 0.6s infinite; } @keyframes yd-loader1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes yd-loader3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes yd-loader2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } #fs-grid-stacks_in_23 { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; display: -ms-grid; /* for shitty ie support */ display: grid; -ms-grid-columns: 12 1fr; grid-template-columns: repeat(12, 1fr); grid-gap: 20px; } #fs-grid-stacks_in_23 .fs-col-1, #fs-grid-stacks_in_23 .fs-col-2, #fs-grid-stacks_in_23 .fs-col-3, #fs-grid-stacks_in_23 .fs-col-4, #fs-grid-stacks_in_23 .fs-col-5, #fs-grid-stacks_in_23 .fs-col-6, #fs-grid-stacks_in_23 .fs-col-7, #fs-grid-stacks_in_23 .fs-col-8, #fs-grid-stacks_in_23 .fs-col-9, #fs-grid-stacks_in_23 .fs-col-10, #fs-grid-stacks_in_23 .fs-col-11, #fs-grid-stacks_in_23 .fs-col-12 { -ms-grid-column: 12; -ms-grid-row: 1; grid-column: span 12; } @media (min-width: 600px) { #fs-grid-stacks_in_23 .fs-col-1 { -ms-grid-column: 1; grid-column: span 1; } #fs-grid-stacks_in_23 .fs-col-2 { -ms-grid-column: 2; grid-column: span 2; } #fs-grid-stacks_in_23 .fs-col-3 { -ms-grid-column: 3; grid-column: span 3; } #fs-grid-stacks_in_23 .fs-col-4 { -ms-grid-column: 4; grid-column: span 4; } #fs-grid-stacks_in_23 .fs-col-5 { -ms-grid-column: 5; grid-column: span 5; } #fs-grid-stacks_in_23 .fs-col-6 { -ms-grid-column: 6; grid-column: span 6; } #fs-grid-stacks_in_23 .fs-col-7 { -ms-grid-column: 7; grid-column: span 7; } #fs-grid-stacks_in_23 .fs-col-8 { -ms-grid-column: 8; grid-column: span 8; } #fs-grid-stacks_in_23 .fs-col-9 { -ms-grid-column: 9; grid-column: span 9; } #fs-grid-stacks_in_23 .fs-col-10 { -ms-grid-column: 10; grid-column: span 10; } #fs-grid-stacks_in_23 .fs-col-11 { -ms-grid-column: 11; grid-column: span 11; } #fs-grid-stacks_in_23 .fs-col-12 { -ms-grid-column: 12; grid-column: span 12; } } /* #fs-grid-stacks_in_23:not(:first-child) { margin-top: 20px; } */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .incase.control-group { float: none !important; } #fs-grid-stacks_in_23 .fs-grid-container { display: block; } #fs-grid-stacks_in_23 .fs-col-1, #fs-grid-stacks_in_23 .fs-col-2, #fs-grid-stacks_in_23 .fs-col-3, #fs-grid-stacks_in_23 .fs-col-4, #fs-grid-stacks_in_23 .fs-col-5, #fs-grid-stacks_in_23 .fs-col-6, #fs-grid-stacks_in_23 .fs-col-7, #fs-grid-stacks_in_23 .fs-col-8, #fs-grid-stacks_in_23 .fs-col-9, #fs-grid-stacks_in_23 .fs-col-10, #fs-grid-stacks_in_23 .fs-col-11, #fs-grid-stacks_in_23 .fs-col-12 { width: 100%; margin: 10px auto; } } /* 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_54.siphon-stack { box-sizing: content-box; overflow: hidden; position: relative; } #stacks_in_54.siphon-stack { background-color : rgba(144, 14, 92, 1.00); border: 2px solid rgba(255, 255, 255, 1.00); border-radius: 0px; 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_54 { z-index: 100; width: 100%; display: none; } .siphon-pagstacks_in_54 div { max-width: 960px; margin: 0 auto; padding: 0px; box-sizing: border-box; } .siphon-pagstacks_in_54 span { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 0.60);; border-radius: 50%; display: inline-block; cursor: pointer; margin-right: 5px; position: relative; } .siphon-pagstacks_in_54 span:hover { background: rgba(255, 255, 255, 0.60);; } .siphon-pagstacks_in_54 span:after{ width: 5px; height: 2px; background: rgba(255, 255, 255, 0.60);; position: absolute; content: " "; right: -7px; top: 6px; } .siphon-pagstacks_in_54 span:last-child:after{ display: none; } .siphon-pagstacks_in_54 span.active { background: rgba(255, 255, 255, 1.00); border-color: rgba(255, 255, 255, 1.00);; cursor: default; } .siphon-pagstacks_in_54 .siphon-pag-back { height: 20px; width: 20px; display: inline-block; vertical-align: top; margin-right: 5px; color: rgba(255, 255, 255, 0.60); } .siphon-pagstacks_in_54 .siphon-pag-back.disable-back { opacity: .5; pointer-events: none; cursor: default; } .siphon-pagstacks_in_54 .siphon-pag-back svg { fill: rgba(255, 255, 255, 0.60); } .siphon-pagstacks_in_54 .siphon-pag-back svg:hover { fill: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_54 .siphon-hide { display: none; } #stacks_in_54 .siphon-hide.has-button { display: block; } #stacks_in_54 .siphon-hide.has-button .siphon-input-wrap { display: block; } #stacks_in_54 .siphon-hide.has-button *:not(svg):not(path) { display: none; } #stacks_in_54 .siphon-hide.has-button button { display: block; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox { margin: 16px 0px 0px 0px; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox ~ .checkbox { margin: 0px; } #stacks_in_54 .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_54 .siphon-section .siphon-input-wrap.checkbox label { padding-left: 21px; position: relative; z-index: 1; } #stacks_in_54 .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_54 .siphon-section .siphon-input-wrap.checkbox input:disabled { cursor: not-allowed; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input:disabled + label { opacity: .6; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input:checked +label:before { content: "\f046"; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input[type="radio"] + label:before { content: "\f10c"; } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input[type="radio"]:checked + label:before { content: "\f192"; } #stacks_in_54.siphon-stack .siphon-section { position: absolute; opacity: 0; top: 0; left: 100%; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 30px 60px 30px 60px; max-width: 960px; visibility: hidden; transition: opacity 300ms ease; } #stacks_in_54.siphon-stack .siphon-section .siphon-back { color: rgba(255, 255, 255, 0.60); margin-top: 32px; } #stacks_in_54.siphon-stack .siphon-section.back-at-top { border-top: 40px solid transparent; } #stacks_in_54.siphon-stack .siphon-section.back-at-top .siphon-back { margin: 0px; position: absolute; top: 10px; top: -30px; left: 60px; } #stacks_in_54.siphon-stack .siphon-section .siphon-back svg { fill: rgba(255, 255, 255, 0.60); width: 40px; height: 40px; } #stacks_in_54.siphon-stack .siphon-section .siphon-back svg:hover { fill: rgba(255, 255, 255, 1.00); cursor: pointer; } #stacks_in_54.siphon-stack > .siphon-section:first-child .siphon-back { display: none; } #stacks_in_54.siphon-stack .siphon-section.siphon-active { position: relative; opacity: 1; left: 0; height: auto; visibility: visible; } #stacks_in_54 .siphon-section h1, #stacks_in_54 .siphon-section h2, #stacks_in_54 .siphon-section h3, #stacks_in_54 .siphon-section h4, #stacks_in_54 .siphon-section h5, #stacks_in_54 .siphon-section h6, #stacks_in_54 .siphon-section h1 span, #stacks_in_54 .siphon-section h2 span, #stacks_in_54 .siphon-section h3 span, #stacks_in_54 .siphon-section h4 span, #stacks_in_54 .siphon-section h5 span, #stacks_in_54 .siphon-section h6 span { color: rgba(255, 255, 255, 1.00); line-height: 1.000000; font-family: inherit; text-align: left; } #stacks_in_54 .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: 26px; font-family: inherit; text-align: left; } #stacks_in_54 .siphon-section .siphon-pagination + .siphon-question { margin: 32px 0 0 0; } #stacks_in_54 .siphon-section { font-size: 18px; line-height: 24px; color: rgba(0, 0, 0, 0.60); } #stacks_in_54 .siphon-section .siphon-answer { margin-top: 10px; } #stacks_in_54 .siphon-section .siphon-answer, #stacks_in_54 .siphon-section .siphon-answer p, #stacks_in_54 .siphon-section .siphon-answer span, #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input, #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input + label, #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input + label span { color: rgba(255, 255, 255, 0.60); font-size: 16px; line-height: 26px; font-family: inherit; text-align: left; } #stacks_in_54 .siphon-section .siphon-answer p { margin: 0; } #stacks_in_54 .siphon-section .siphon-answer:hover p, #stacks_in_54 .siphon-section .siphon-answer:hover span, #stacks_in_54 .siphon-section .siphon-answer:hover .text_stack, #stacks_in_54 .siphon-section .siphon-answer:hover, #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input:hover, #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox input:hover + label { color: rgba(255, 255, 255, 1.00); } #stacks_in_54 .siphon-section .siphon-answer a span, #stacks_in_54 .siphon-section .siphon-answer:hover a span { color: inherit; font-size: inherit; line-height: inherit; text-align: inherit; font-family: inherit; } #stacks_in_54 .siphon-section .siphon-answer { cursor: pointer; } /* Answer Styles */ #stacks_in_54.siphon-stack .siphon-input-wrap, #stacks_in_54.siphon-stack .siphon-input-wrap * { box-sizing: border-box; } #stacks_in_54.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_54.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: 350px; width: 80%; background: transparent; color: rgba(255, 255, 255, 1.00); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #stacks_in_54.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_54.siphon-stack .siphon-input-wrap.siphon-visible-button button, #stacks_in_54.siphon-stack .siphon-input-wrap.siphon-file button, #stacks_in_54.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_54.siphon-stack .siphon-input-wrap.checkbox button{ float: none; display: block; } #stacks_in_54.siphon-stack .siphon-input-wrap button .checkmark { height: 39px; stroke-width: 4; stroke: rgba(255, 255, 255, 1.00); stroke-miterlimit: 10; } #stacks_in_54.siphon-stack .siphon-input-wrap button .checkmark-check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 0; } #stacks_in_54.siphon-stack .siphon-input-wrap button:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_54.siphon-stack .siphon-input-wrap button:active { background: rgba(255,255,255,0.2); } #stacks_in_54.siphon-stack .siphon-input-wrap input:focus, #stacks_in_54.siphon-stack .siphon-input-wrap textarea:focus, #stacks_in_54.siphon-stack .siphon-input-wrap button:focus { outline: none; } #stacks_in_54.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_54.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(255, 255, 255, 0.40); 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: 350px; text-align: left; margin: 0px; } #stacks_in_54.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_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label span:empty { display: none; } #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { content: ''; position: absolute; bottom: 100%; left: 0; width: 100%; max-width: 350px; height: 45px; background: rgba(255, 255, 255, 0.40); -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_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; max-width: 350px; height: 3px; background: rgba(255, 255, 255, 0.40); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; pointer-events: none; } #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::before, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) textarea + label::after { display: none; } @media all and (max-width: 450px) { #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox) input { width: calc(100% - 60px); } #stacks_in_54.siphon-stack .siphon-input-wrap button { width: 60px; } } #stacks_in_54.siphon-stack .siphon-input-wrap textarea { resize: none; display: block; background: rgba(255, 255, 255, 0.40); border-radius: 2px; border: 0px solid white; padding: 16px; margin: 0; height: 200px; opacity: 1; z-index: 10; width: 80%; max-width: 350px; -webkit-transition: all 0.3s; transition: all 0.3s; color: rgba(255, 255, 255, 1.00); font-size: 18px; font-family: inherit; } #stacks_in_54.siphon-stack .deluxe-columns .siphon-input-wrap { max-width: 350px; width: 100%; display: block; margin: 16px 0 0 0; } #stacks_in_54.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox) input { width: 100%; padding-right: 88px; z-index: 0; } #stacks_in_54.siphon-stack .deluxe-columns .siphon-input-wrap.siphon-input-has-button:not(.checkbox):not(.siphon-file) label::before { width: calc(100% - 80px); } #stacks_in_54.siphon-stack .deluxe-columns .siphon-input-wrap textarea { width: 100%; } #stacks_in_54.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_54.siphon-stack .deluxe-columns .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; float: none; } #stacks_in_54.siphon-stack .siphon-input-wrap.is-required input, #stacks_in_54.siphon-stack .siphon-input-wrap.is-required textarea { outline: thin solid red; } #stacks_in_54.siphon-stack .siphon-input-wrap input.is-required + label { color: red !important; } #stacks_in_54.siphon-stack .siphon-input-wrap input:focus, #stacks_in_54.siphon-stack .siphon-input-wrap.input-focused input, #stacks_in_54.siphon-stack .siphon-input-wrap.is-required input { opacity: 1; /* -webkit-transition-delay: 0.3s; transition-delay: 0.3s; */ } #stacks_in_54.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap input::before, #stacks_in_54.siphon-stack .siphon-input-wrap.input-focused:not(.checkbox):not(.siphon-file) label::before, #stacks_in_54.siphon-stack .siphon-input-wrap.input-focused label::before, #stacks_in_54.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_54.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label, #stacks_in_54.siphon-stack .siphon-input-wrap.input-focused label, #stacks_in_54.siphon-stack .siphon-input-wrap.is-required label { pointer-events: none; } #stacks_in_54.siphon-stack .siphon-input-wrap input:focus + .siphon-input-wrap label::after, #stacks_in_54.siphon-stack .siphon-input-wrap.input-focused label::after, #stacks_in_54.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_54 .siphon-section .siphon-input-wrap input[type='file'] { margin: 16px 0px; opacity: 0; } /* Submit slide styles */ #stacks_in_54.siphon-stack .siphon-submit button, #stacks_in_54 .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_54.siphon-stack .siphon-submit button:hover, #stacks_in_54 .siphon-section .siphon-input-wrap.siphon-file label:hover { background: rgba(255,255,255,0.2); cursor: pointer; } #stacks_in_54.siphon-stack .siphon-submit button:active, #stacks_in_54 .siphon-section .siphon-input-wrap.siphon-file label:active { background: rgba(255,255,255,0.2); } #stacks_in_54.siphon-stack .siphon-submit button:focus { outline: none; } #stacks_in_54.siphon-stack .siphon-input-wrap.siphon-textarea button { width: 100%; max-width: 350px; position: relative; float: none; display: block; } #stacks_in_54.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_54 .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_54 .siphon-loader svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_54.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_54.siphon-email-submited .siphon-submit button, #stacks_in_54.siphon-email-submited .siphon-back, #stacks_in_54.siphon-email-submited .configure-submit { display: none; } #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) input, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox) label, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap textarea, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap button, #stacks_in_54.siphon-email-submited .s3_column .siphon-submit button, #stacks_in_54 .siphon-section .s3_column .siphon-input-wrap.siphon-file label, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { width: 100%; max-width: 100%; position: relative; float: none; } #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap label::after, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap label::before, #stacks_in_54.siphon-stack .s3_column .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_54.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_54.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox) input, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox) label, #stacks_in_54.siphon-stack .siphon-input-wrap textarea, /* #stacks_in_54.siphon-stack .siphon-input-wrap button, */ #stacks_in_54.siphon-email-submited .siphon-submit button, #stacks_in_54 .siphon-section .siphon-input-wrap.siphon-file label, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label { /* width: 100%; position: relative; float: none; */ } #stacks_in_54.siphon-stack .siphon-input-wrap button { padding: 0 6px; } #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::after, #stacks_in_54.siphon-stack .siphon-input-wrap:not(.checkbox):not(.siphon-file) label::before { /* width: 100%; float: none; */ } } #stacks_in_54 .siphon-section .siphon-input-wrap.checkbox label:before { } /* Edit mode styles */ #stacks_in_54 .autoreply {display: none;} /* ======================================= File ======================================= */ #stacks_in_54 .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_54 .siphon-section .siphon-input-wrap.siphon-file label { } #stacks_in_54 .siphon-section .siphon-input-wrap.siphon-file input:before { content: "\f192"; } /* ======================================= Range / Slider ======================================= */ #stacks_in_54.siphon-stack .siphon-range-wrap { display: grid; grid-template-columns: min-content 1fr min-content; max-width: 350px; width: 100%; align-items: center; grid-gap: 4px; } #stacks_in_54.siphon-stack .siphon-range-wrap > span { color: rgba(255, 255, 255, 0.40); font-size: 14px; line-height: 14px; font-family: inherit; white-space: nowrap; } #stacks_in_54.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_54.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) input { opacity: 1; width: 100%; height: 4px; padding: 0px; background: rgba(255, 255, 255, 0.40); } #stacks_in_54.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label { transform: translateY(-8.000000px); } #stacks_in_54.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_54.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_54.siphon-stack .siphon-input-wrap.siphon-range:not(.checkbox):not(.siphon-file) label:before, #stacks_in_54.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_56:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_58 textarea { height: 200px !important; } #stacks_in_59 textarea { height: 200px !important; } #stacks_in_60 textarea { height: 200px !important; } #stacks_in_61 textarea { height: 200px !important; } .autoreplyBody, .autoreplySubject {display: none !important;} .custom-format {display: none;} .siphon-stack.bg-stacks_in_63:before { position: relative; transition: height 600ms ease-in; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #stacks_in_65 textarea { height: 200px !important; } #stacks_in_66 textarea { height: 200px !important; }