@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> COLORS and SIZES (import)  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* END tesone _sass-variables import */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> RESET (import) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* BASED on Meyer/HTML5DR/OTHERS, MOD by JB */
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, svg, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

abbr[title], dfn[title] { border-bottom: 1px #555 dotted; cursor: help; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

col { display: table-column; }

colgroup { display: table-column-group; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; position: relative; }

/* END _reset import */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FONTS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body, p, form, input, textarea, button, select, dl, dd, dt, li { font-weight: 400; font-style: normal; font-family: 'Cabin', 'Arial', sans-serif; color: white; font-size: 20px; line-height: 1.5; }

b, .b, strong, .strong { font-weight: 700; }

i, .i { font-style: italic; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> GLOBAL ELEMENTS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p { margin-bottom: .65em; }

a { color: inherit; text-decoration: none; transition: color 0.3s ease-out; }

a:hover { color: #ffe903; }

a:active { color: #b9542e; }

.nowrap { white-space: nowrap; }

.centered { text-align: center; }

.shadow-soft, #main { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.35); }

.shadow-med { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }

.shadow-png, #logo svg { color: rgba(0, 0, 0, 0.2); filter: drop-shadow(7px 7px 1px); }

.text-shadow { text-shadow: 0 0 3px rgba(0, 0, 0, 0.9); }

.button-text-shadow, .freeform-row:last-child button, .freeform-row .freeform-column label + label:has(input:checked) { text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); }

.shadow-button, button, label + label { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); }

.shadow-pressed, .freeform-row .freeform-column label + label:has(input:checked) { box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.35); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> COMMON CONTAINERS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background: #8a1010; margin: 0; color: #333; }

.wrap { background: #fff; margin: 0 5em; padding: 3em; width: 80%; min-height: 90vh; border-radius: 1.5em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> NAV & BRANDING - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
header { text-align: center; padding: 2em; }

#logo { margin: 0 auto; width: 12.5em; }

h1 { color: white; font-size: 1.5em; margin-top: 1em; font-weight: 400; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FORM COMPONENTS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.freeform-row .freeform-column { margin: 0; padding: .75em; margin: 0 0 2.5em 0; /* border: .5em solid rgba(0,0,0,.25); */ border-radius: .75em; }

.freeform-row .freeform-column button { color: #333; padding: 0 1em; line-height: 1.75; border: 1px solid #666; border-radius: .25em; background: radial-gradient(at top left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.25) 100%); }

.freeform-row .freeform-column label { color: #333; display: inline-block; align-content: center; height: 2em; line-height: 2em; margin-left: 1em; width: calc(99% - 1em); font-size: 75%; }

.freeform-row .freeform-column label + label { /* layouts */ display: flex; justify-content: center; width: 20%; height: 40px; line-height: 40px; margin: 0 2em 0.5em 2em; }

.freeform-row .freeform-column label + label { /* visuals */ background: radial-gradient(at top left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 100%); border: 1px solid #666; border-radius: 1em; }

.freeform-row .freeform-column label + label:hover { background: radial-gradient(at top left, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.2) 100%); cursor: pointer; }

.freeform-row .freeform-column label + label:has(input:checked) { color: white; background: green; }

.freeform-row .freeform-column label + label + label:has(input:checked) { color: white; background: #8a1010; }

.freeform-row .freeform-column label + label input { height: 40px; margin-left: 0; line-height: 40px; }

.freeform-row .freeform-column input { padding: 0 0.5em; }

.freeform-row .freeform-column input[type=radio] { height: 40px; padding: 0; margin: 0; }

.freeform-row .freeform-column .freeform-input[type="radio"] { display: none; }

.freeform-row .freeform-column input, .freeform-row .freeform-column select { color: #333; width: 100%; height: 2em; line-height: 2em; background: rgba(0, 0, 0, 0.02); border: 1px solid #999; border-radius: .25em; }

.freeform-row .freeform-column textarea { color: #333; width: 100%; vertical-align: top; background: rgba(0, 0, 0, 0.02); border: 1px solid #999; border-radius: .25em; }

.freeform-row .freeform-column select { color: #666; background: white; }

.freeform-row .freeform-column .freeform-signature-wrapper canvas { cursor: crosshair; }

.freeform-row .freeform-column .freeform-signature-wrapper button { display: none; }

.freeform-row .freeform-column[data-ff-rule] label { color: green; }

.freeform-row .freeform-column[data-ff-rule] input { color: green; border-color: green; }

.freeform-row .freeform-column[data-ff-rule] textarea { color: green; border-color: green; }

.freeform-row .freeform-column:has(.hide-status) { display: none; }

ul.freeform-pages { font-weight: 600; display: flex; justify-content: space-between; border-bottom: 1px solid #333; }

ul.freeform-pages li { color: #333; padding: 0 1em; font-size: calc( 1vw * .95 ); margin-right: 0; line-height: 2.0; }

ul.freeform-pages b { color: white; padding: 0 1em; background: #333; border-radius: 0.5em 0.5em 0 0; display: block; }

ul.freeform-pages + .freeform-row { margin-top: 4em; }

.freeform-row:last-child .freeform-column { border: none; margin-bottom: 0; box-shadow: none; }

.freeform-row:last-child button { border: 1px solid #ffe903; color: #ffe903; background: radial-gradient(at top left, #e51a1a 0%, #8a1010 100%); }

table.freeform-input { color: #333; }

table.freeform-input th, table.freeform-input td { font-size: 75%; text-align: left; padding-left: 1.5em; /* border: 1px dotted #ddd; border-width: 0 1px 1px 0; */ }

table.freeform-input td { padding: .5em; }

table.freeform-input td input[type=text] { width: 6em; }

table.freeform-input td:first-child { padding-left: 0; }

table.freeform-input td:last-child, table.freeform-input th:last-child { display: none; }

table.freeform-input + button { display: none; }

.shadow-glows, .freeform-column { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); }

.shadow-inset, input, textarea, label + label:has(input:checked) { box-shadow: 3px 3px 5px inset rgba(0, 0, 0, 0.1); }

input[type=radio] { box-shadow: none; }

/* --- visual modifiers --- */
.freeform-column:has(input:focus, textarea:focus, select:focus, input:active, .freeform-input[type="radio"]:focus) { box-shadow: 0px 0px 30px rgba(0, 207, 255, 0.85); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer { text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 50%; padding: 2em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* !>>> RESPONSIVE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 700px) and (max-width: 1200px) { body, p, form, input, textarea, button, select, dl, dd, dt, li { font-size: calc( 1vw * 1.82 ); } }

@media only screen and (max-width: 700px) { .wrap { margin: 0 1em; padding: 1em; width: auto; }
  h1 { font-size: 1.0em; }
  .freeform-row .freeform-column { margin: 1em; } }

@media only screen and (max-width: 550px) { label { margin-left: .5em; }
  .freeform-row .freeform-column { margin: 1em; }
  .freeform-row .freeform-column label + label { margin: 0 2em 0.5em 2em; width: 45%; }
  ul.freeform-pages { flex-direction: column; border-bottom: none; }
  ul.freeform-pages li { font-size: calc( 1vw * 2.95 ); padding: 0; }
  ul.freeform-pages b { border-radius: .25em; padding: 0 1.5em; }
  ul.freeform-pages b:before { content: "»"; position: absolute; left: .5em; }
  ul.freeform-pages + .freeform-row { margin-top: 2em; }
  ul.freeform-pages li:first-child b { border-radius: 1em 1em 0 0; } }