.wsf-form { box-sizing: border-box; color: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; line-height: 1.4; -webkit-tap-highlight-color: transparent; text-size-adjust: 100%; } .wsf-form *, .wsf-form *:before, .wsf-form *:after { box-sizing: inherit; } .wsf-section, .wsf-fieldset { border: none; margin: 0; min-width: 0; padding: 0; } .wsf-section > legend, .wsf-fieldset > legend { border: 0; font-size: 14px; margin-bottom: 10px; padding: 0; } .wsf-form ul.wsf-group-tabs { border-bottom: 1px solid #dce2dc; display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin-bottom: 20px; margin-left: -5px; margin-right: -5px; margin-top: 0; padding-left: 0; position: relative; } .wsf-form ul.wsf-group-tabs > li { box-sizing: border-box; margin-bottom: -1px; outline: none; padding: 0 5px; position: relative; } .wsf-form ul.wsf-group-tabs > li > a { background-color: transparent; border: 1px solid transparent; box-shadow: none; color: #0a0a0a; cursor: pointer; display: block; font-size: 12px; padding: 11px 20px; text-align: center; text-decoration: none; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; white-space: nowrap; } .wsf-form ul.wsf-group-tabs > li > a:focus { outline: 0; } .wsf-form ul.wsf-group-tabs > li.wsf-tab-active { z-index: 1; } .wsf-form ul.wsf-group-tabs > li.wsf-tab-active > a { background-color: #FFFFFF; border-color: #dce2dc; border-bottom-color: transparent; color: #0a0a0a; cursor: default; } .wsf-form ul.wsf-group-tabs > li > a.wsf-tab-disabled { color: #8E8E93; cursor: not-allowed; pointer-events: none; } .wsf-grid { margin-left: -10px; margin-right: -10px; } .wsf-tile { padding-left: 10px; padding-right: 10px; } .wsf-field-wrapper { margin-bottom: 20px; } .wsf-field-wrapper[data-type='texteditor'], .wsf-field-wrapper[data-type='html'], .wsf-field-wrapper[data-type='divider'], .wsf-field-wrapper[data-type='message'] { margin-bottom: 0; } .wsf-inline { display: inline-flex; flex-direction: column; margin-right: 10px; } .wsf-label-wrapper label.wsf-label { padding: 9.5px 0; margin-bottom: 0; } label.wsf-label { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; line-height: 1.4; margin-bottom: 5px; } .wsf-invalid-feedback { color: #FF3B30; font-size: 10px; line-height: 1.4; margin-top: 5px; } .wsf-help { color: #8E8E93; display: block; font-size: 10px; line-height: 1.4; margin-top: 5px; } canvas.wsf-field { background-color: #FFFFFF; border: 1px solid #dce2dc; cursor: crosshair; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, background-image 200ms ease-in-out; width: 100%; } canvas.wsf-field:focus { border-color: #0a0000; outline: 0; } canvas.wsf-field.wsf-disabled { background-color: #EFEFF4; color: #8E8E93; cursor: not-allowed; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [data-wsf-legal].wsf-field { background-color: #FFFFFF; border: 1px solid #dce2dc; color: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; line-height: 1.4; padding: 8.5px 10px; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, background-image 200ms ease-in-out; width: 100%; } [data-wsf-legal].wsf-field h1, [data-wsf-legal].wsf-field h2, [data-wsf-legal].wsf-field h3, [data-wsf-legal].wsf-field h4, [data-wsf-legal].wsf-field h5, [data-wsf-legal].wsf-field h6 { color: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.4; margin: 0 0 8.5px; } [data-wsf-legal].wsf-field p, [data-wsf-legal].wsf-field ul, [data-wsf-legal].wsf-field ol, [data-wsf-legal].wsf-field th, [data-wsf-legal].wsf-field td { color: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 1.4; margin: 0 0 8.5px; } input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=search].wsf-field, input[type=url].wsf-field, select.wsf-field, textarea.wsf-field { -webkit-appearance: none; background-color: #FFFFFF; border: 1px solid #dce2dc; border-radius: 0px; color: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; line-height: 1.4; margin: 0; padding: 8.5px 10px; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, background-image 200ms ease-in-out; width: 100%; } input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=search].wsf-field, input[type=url].wsf-field, select.wsf-field:not([multiple]):not([size]) { height: 36px; } body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #0a0000 !important; box-shadow: none; color: #FFFFFF !important; } body .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { background: #0a0000 !important; color: #FFFFFF !important; } body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #0a0000 !important; font-weight: bold; } body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current { background: #0a0000 !important; box-shadow: none; color: #FFFFFF !important; } body .xdsoft_datetimepicker .xdsoft_calendar td:hover, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { background: #0a0000 !important; color: #FFFFFF !important; } input[type=date].wsf-field::placeholder, input[type=datetime-local].wsf-field::placeholder, input[type=month].wsf-field::placeholder, input[type=password].wsf-field::placeholder, input[type=search].wsf-field::placeholder, input[type=time].wsf-field::placeholder, input[type=week].wsf-field::placeholder, input[type=email].wsf-field::placeholder, input[type=number].wsf-field::placeholder, input[type=tel].wsf-field::placeholder, input[type=text].wsf-field::placeholder, input[type=search].wsf-field::placeholder, input[type=url].wsf-field::placeholder, select.wsf-field::placeholder, textarea.wsf-field::placeholder { color: #8E8E93; opacity: 1; } input[type=date].wsf-field:focus, input[type=datetime-local].wsf-field:focus, input[type=month].wsf-field:focus, input[type=password].wsf-field:focus, input[type=search].wsf-field:focus, input[type=time].wsf-field:focus, input[type=week].wsf-field:focus, input[type=email].wsf-field:focus, input[type=number].wsf-field:focus, input[type=tel].wsf-field:focus, input[type=text].wsf-field:focus, input[type=search].wsf-field:focus, input[type=url].wsf-field:focus, select.wsf-field:focus, textarea.wsf-field:focus { border-color: #0a0000; outline: 0; } input[type=date].wsf-field:disabled, input[type=datetime-local].wsf-field:disabled, input[type=month].wsf-field:disabled, input[type=password].wsf-field:disabled, input[type=search].wsf-field:disabled, input[type=time].wsf-field:disabled, input[type=week].wsf-field:disabled, input[type=email].wsf-field:disabled, input[type=number].wsf-field:disabled, input[type=tel].wsf-field:disabled, input[type=text].wsf-field:disabled, input[type=search].wsf-field:disabled, input[type=url].wsf-field:disabled, select.wsf-field:disabled, textarea.wsf-field:disabled { background-color: #EFEFF4; color: #8E8E93; -webkit-text-fill-color: #8E8E93; cursor: not-allowed; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=date].wsf-field::-moz-focus-inner, input[type=datetime-local].wsf-field::-moz-focus-inner, input[type=month].wsf-field::-moz-focus-inner, input[type=password].wsf-field::-moz-focus-inner, input[type=search].wsf-field::-moz-focus-inner, input[type=time].wsf-field::-moz-focus-inner, input[type=week].wsf-field::-moz-focus-inner, input[type=email].wsf-field::-moz-focus-inner, input[type=number].wsf-field::-moz-focus-inner, input[type=tel].wsf-field::-moz-focus-inner, input[type=text].wsf-field::-moz-focus-inner, input[type=search].wsf-field::-moz-focus-inner, input[type=url].wsf-field::-moz-focus-inner, select.wsf-field::-moz-focus-inner, textarea.wsf-field::-moz-focus-inner { border: 0; padding: 0; } input[type=number].wsf-field::-webkit-inner-spin-button, input[type=number].wsf-field::-webkit-outer-spin-button { height: auto; } input[type=text].wsf-field.minicolors-input { padding: 8.5px 10px 8.5px 36px; } select.wsf-field:not([multiple]):not([size]) { background-image: url('data:image/svg+xml,<%2Fsvg>'); background-position: right 10px center; background-repeat: no-repeat; background-size: 10px 5px; padding-right: 30px; } select.wsf-field:not([multiple]):not([size])::-ms-expand { display: none; } select.wsf-field:not([multiple]):not([size]):-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } select.wsf-field:not([multiple]):not([size]):disabled { border-color: #dce2dc; background-image: url('data:image/svg+xml,<%2Fsvg>'); } select.wsf-field optgroup { font-weight: bold; } select.wsf-field option:disabled { color: #8E8E93; } textarea.wsf-field { overflow: auto; resize: vertical; } textarea.wsf-field[data-textarea-type='tinymce'] { border-top-left-radius: 0; border-top-right-radius: 0; } [data-type='textarea'] .mce-btn.mce-active button, [data-type='textarea'] .mce-btn.mce-active:hover button, [data-type='textarea'] .mce-btn.mce-active i, [data-type='textarea'] .mce-btn.mce-active:hover i { color: #000; } input[type=checkbox].wsf-field { bottom: auto; height: 17px; left: auto; margin: 0; opacity: 0; position: absolute; right: auto; top: auto; width: 17px; } input[type=checkbox].wsf-field + label.wsf-label { display: inline-block; margin: 0 0 10px; padding-left: 22px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=checkbox].wsf-field + label.wsf-label:before { background-color: #FFFFFF; border: 1px solid #dce2dc; content: ''; cursor: pointer; display: inline-block; height: 17px; left: 0; margin-bottom: -5px; margin-right: 5px; position: absolute; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; vertical-align: top; width: 17px; } input[type=checkbox].wsf-field + label.wsf-label:after { background-color: transparent; content: ''; cursor: pointer; display: inline-block; height: 13px; left: 2px; position: absolute; top: 2px; transition: background-color 200ms ease-in-out; vertical-align: top; width: 13px; } input[type=checkbox].wsf-field + label.wsf-label + .wsf-invalid-feedback { margin-bottom: 10px; margin-top: -5px; } input[type=checkbox].wsf-field:focus + label.wsf-label:before { border-color: #0a0000; } input[type=checkbox].wsf-field:disabled + label.wsf-label { color: #8E8E93; } input[type=checkbox].wsf-field:disabled + label.wsf-label:before { background-color: #EFEFF4; cursor: not-allowed; } input[type=checkbox].wsf-field:disabled + label.wsf-label:after { cursor: not-allowed; } input[type=checkbox].wsf-field:checked + label.wsf-label:before { background-color: #FFFFFF; border-color: #0a0000; } input[type=checkbox].wsf-field:checked + label.wsf-label:after { background-color: #0a0000; } input[type=checkbox].wsf-field:checked:disabled + label.wsf-label:before { opacity: .5; } input[type=checkbox].wsf-field:checked:disabled + label.wsf-label:after { opacity: .5; } input[type=radio].wsf-field { bottom: auto; height: 17px; left: auto; margin: 0; opacity: 0; position: absolute; right: auto; top: auto; width: 17px; } input[type=radio].wsf-field + label.wsf-label { display: inline-block; margin: 0 0 10px; padding-left: 22px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=radio].wsf-field + label.wsf-label:before { background-color: #FFFFFF; border: 1px solid #dce2dc; border-radius: 50%; content: ''; cursor: pointer; display: inline-block; height: 17px; left: 0; margin-bottom: -5px; margin-right: 5px; position: absolute; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; vertical-align: top; width: 17px; } input[type=radio].wsf-field + label.wsf-label:after { background-color: transparent; border-radius: 50%; content: ''; cursor: pointer; display: inline-block; height: 13px; left: 2px; position: absolute; top: 2px; transition: background-color 200ms ease-in-out; vertical-align: top; width: 13px; } input[type=radio].wsf-field + label.wsf-label + .wsf-invalid-feedback { margin-bottom: 10px; margin-top: -5px; } input[type=radio].wsf-field:focus + label.wsf-label:before { border-color: #0a0000; } input[type=radio].wsf-field:disabled + label.wsf-label { color: #8E8E93; } input[type=radio].wsf-field:disabled + label.wsf-label:before { background-color: #EFEFF4; cursor: not-allowed; } input[type=radio].wsf-field:disabled + label.wsf-label:after { cursor: not-allowed; } input[type=radio].wsf-field:checked + label.wsf-label:before { background-color: #FFFFFF; border-color: #0a0000; } input[type=radio].wsf-field:checked + label.wsf-label:after { background-color: #0a0000; } input[type=radio].wsf-field:checked:disabled + label.wsf-label:before { opacity: .5; } input[type=radio].wsf-field:checked:disabled + label.wsf-label:after { opacity: .5; } input[type=checkbox].wsf-field.wsf-switch, input[type=radio].wsf-field.wsf-switch { width: 34px; } input[type=checkbox].wsf-field.wsf-switch + label.wsf-label, input[type=radio].wsf-field.wsf-switch + label.wsf-label { padding-left: 39px; position: relative; } input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:before, input[type=radio].wsf-field.wsf-switch + label.wsf-label:before { border-radius: 10.5px; position: absolute; width: 34px; } input[type=checkbox].wsf-field.wsf-switch + label.wsf-label:after, input[type=radio].wsf-field.wsf-switch + label.wsf-label:after { background-color: #dce2dc; border-radius: 50%; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, left 200ms ease-in-out; } input[type=checkbox].wsf-field.wsf-switch:focus + label.wsf-label:after, input[type=radio].wsf-field.wsf-switch:focus + label.wsf-label:after { border-color: #0a0000; } input[type=checkbox].wsf-field.wsf-switch:disabled + label.wsf-label:after, input[type=radio].wsf-field.wsf-switch:disabled + label.wsf-label:after { } input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:before, input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:before { background-color: #0a0000; box-shadow: none; } input[type=checkbox].wsf-field.wsf-switch:checked + label.wsf-label:after, input[type=radio].wsf-field.wsf-switch:checked + label.wsf-label:after { background-color: #FFFFFF; border-color: #FFFFFF; left: 19px; } input[type=checkbox].wsf-field.wsf-switch:checked:disabled + label.wsf-label:after, input[type=radio].wsf-field.wsf-switch:checked:disabled + label.wsf-label:after { opacity: 1; } input[type=checkbox].wsf-field.wsf-button + label.wsf-label, input[type=radio].wsf-field.wsf-button + label.wsf-label { background-color: #dce2dc; border: 1px solid #dce2dc; color: #0a0a0a; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; height: 36px; line-height: 1.4; padding: 8.5px 10px; margin: 0 0 10px; text-align: center; text-decoration: none; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } input[type=checkbox].wsf-field.wsf-button + label.wsf-label:after, input[type=radio].wsf-field.wsf-button + label.wsf-label:after { display: none; } input[type=checkbox].wsf-field.wsf-button.wsf-button-full + label.wsf-label, input[type=radio].wsf-field.wsf-button.wsf-button-full + label.wsf-label { display: block; } input[type=checkbox].wsf-field.wsf-button + label.wsf-label:before, input[type=radio].wsf-field.wsf-button + label.wsf-label:before { display: none; } input[type=checkbox].wsf-field.wsf-button:disabled + label.wsf-label, input[type=radio].wsf-field.wsf-button:disabled + label.wsf-label { cursor: not-allowed; opacity: .5; } input[type=checkbox].wsf-field.wsf-button:checked + label.wsf-label, input[type=radio].wsf-field.wsf-button:checked + label.wsf-label { background-color: #0a0000; border-color: #0a0000; color: #FFFFFF; } input[type=checkbox].wsf-field.wsf-color, input[type=radio].wsf-field.wsf-color { height: 36px; width: 36px; } input[type=checkbox].wsf-field.wsf-color + label.wsf-label, input[type=radio].wsf-field.wsf-color + label.wsf-label { margin-left: 0; padding-left: 0; position: relative; } input[type=checkbox].wsf-field.wsf-color + label.wsf-label:before, input[type=radio].wsf-field.wsf-color + label.wsf-label:before { display: none; } input[type=checkbox].wsf-field.wsf-color + label.wsf-label:after, input[type=radio].wsf-field.wsf-color + label.wsf-label:after { display: none; } input[type=checkbox].wsf-field.wsf-color + label.wsf-label > span { border: 1px solid #dce2dc; cursor: pointer; display: inline-block; height: 36px; transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; vertical-align: middle; width: 36px; } input[type=radio].wsf-field.wsf-color + label.wsf-label > span { border: 1px solid #dce2dc; border-radius: 50%; cursor: pointer; display: inline-block; height: 36px; transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; vertical-align: middle; width: 36px; } input[type=checkbox].wsf-field.wsf-color:focus + label.wsf-label > span, input[type=radio].wsf-field.wsf-color:focus + label.wsf-label > span { border-color: #0a0000; } input[type=checkbox].wsf-field.wsf-color:disabled + label.wsf-label > span, input[type=radio].wsf-field.wsf-color:disabled + label.wsf-label > span { cursor: not-allowed; opacity: .5; } input[type=checkbox].wsf-field.wsf-color:checked + label.wsf-label > span, input[type=radio].wsf-field.wsf-color:checked + label.wsf-label > span { border-color: #0a0000; box-shadow: inset 0 0 0 2px #FFFFFF; } input[type=checkbox].wsf-field.wsf-image + label.wsf-label, input[type=radio].wsf-field.wsf-image + label.wsf-label { margin-left: 0; padding-left: 0; position: relative; } input[type=checkbox].wsf-field.wsf-image + label.wsf-label:before, input[type=radio].wsf-field.wsf-image + label.wsf-label:before { display: none; } input[type=checkbox].wsf-field.wsf-image + label.wsf-label:after, input[type=radio].wsf-field.wsf-image + label.wsf-label:after { display: none; } input[type=checkbox].wsf-field.wsf-image + label.wsf-label > img, input[type=radio].wsf-field.wsf-image + label.wsf-label > img { border: 1px solid #dce2dc; cursor: pointer; display: inline-block; height: auto; max-width: 100%; padding: 2px; transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out; vertical-align: middle; } input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img, input[type=radio].wsf-field.wsf-image:focus + label.wsf-label > img { border-color: #0a0000; } input[type=checkbox].wsf-field.wsf-image:disabled + label.wsf-label > img, input[type=radio].wsf-field.wsf-image:disabled + label.wsf-label > img { cursor: not-allowed; opacity: .5; } input[type=checkbox].wsf-field.wsf-image:checked + label.wsf-label > img, input[type=radio].wsf-field.wsf-image:checked + label.wsf-label > img { border-color: #0a0000; } input[type=file].wsf-field { height: 0; opacity: 0; position: absolute; width: 0; } input[type=file].wsf-field + label.wsf-label { background-color: #FFFFFF; border: 1px solid #dce2dc; border-radius: 0px; color: #0a0a0a; cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; height: 36px; line-height: 1.4; margin: 0; overflow: hidden; text-overflow: ellipsis; padding: 8.5px 10px; position: relative; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; white-space: nowrap; width: 100%; } input[type=file].wsf-field + label.wsf-label:after { background-color: #dce2dc; border: 1px solid #dce2dc; color: #0a0a0a; content: 'Browse'; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; height: 36px; line-height: 1.4; padding: 8.5px 10px; position: absolute; right: -1px; top: -1px; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; } input[type=file].wsf-field:focus + label.wsf-label { border-color: #0a0000; } input[type=file].wsf-field:focus + label.wsf-label:after { background-color: #b0b4b0; border-color: #b0b4b0; } input[type=file].wsf-field:disabled + label.wsf-label { background-color: #EFEFF4; color: #8E8E93; cursor: not-allowed; } input[type=file].wsf-field:disabled + label.wsf-label:after { opacity: .5; } input[type=color].wsf-field:not(.minicolors-input) { -webkit-appearance: none; background: none; border: 1px solid #dce2dc; border-radius: 0px; box-shadow: inset 0 0 0 2px #FFFFFF; cursor: pointer; display: block; height: 36px; padding: 0; transition: border-color 200ms ease-in-out; width: 36px; } input[type=color].wsf-field:focus { border-color: #0a0000; outline: 0; } input[type=color].wsf-field:disabled { cursor: not-allowed; opacity: .5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type=color].wsf-field::-moz-focus-inner { border: 0; padding: 0; } input[type=color].wsf-field::-webkit-color-swatch-wrapper { padding: 0; } input[type=color].wsf-field::-webkit-color-swatch { border: none; border-radius: 0px; box-shadow: inset 0 0 0 2px #FFFFFF; } .minicolors-theme-ws-form input[type=text].wsf-field.minicolors-input { padding-left: 36px; } .minicolors-theme-ws-form .minicolors-swatch { border: 1px solid #dce2dc; border-radius: 0px; cursor: pointer; height: 26px; left: 5px; top: 5px; width: 26px; } .minicolors-theme-ws-form .minicolors-swatch-color { border-radius: -1px; } input[type=password].wsf-field[data-password-strength-meter] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='25px' viewBox='0 0 5 25'%3E%3Cpath fill='%23dce2dc' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23dce2dc' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23dce2dc' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E"); background-position: right 5px center; background-repeat: no-repeat; background-size: 5px 25px; padding-right: 20px; } input[type=password].wsf-field[data-password-strength-meter=success] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='25px' viewBox='0 0 5 25'%3E%3Cpath fill='%234CD964' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%234CD964' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%234CD964' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E"); background-position: right 5px center; background-repeat: no-repeat; background-size: 5px 25px; padding-right: 20px; } input[type=password].wsf-field[data-password-strength-meter=warning] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='25px' viewBox='0 0 5 25'%3E%3Cpath fill='%23FFCC00' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23FFCC00' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23dce2dc' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E"); background-position: right 5px center; background-repeat: no-repeat; background-size: 5px 25px; padding-right: 20px; } input[type=password].wsf-field[data-password-strength-meter=danger] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5px' height='25px' viewBox='0 0 5 25'%3E%3Cpath fill='%23FF3B30' d='M2.5,20 C1.125,20 0,21.125 0,22.5 C0,23.875 1.125,25 2.5,25 C3.875,25 5,23.875 5,22.5 C5,21.125 3.875,20 2.5,20 Z'%3E%3C/path%3E%3Cpath fill='%23dce2dc' d='M2.5,10 C1.125,10 0,11.125 0,12.5 C0,13.875 1.125,15 2.5,15 C3.875,15 5,13.875 5,12.5 C5,11.125 3.875,10 2.5,10 Z'%3E%3C/path%3E%3Cpath fill='%23dce2dc' d='M2.5,5 C3.875,5 5,3.875 5,2.5 C5,1.125 3.875,0 2.5,0 C1.125,0 0,1.125 0,2.5 C0,3.875 1.125,5 2.5,5 Z'%3E%3C/path%3E%3C/svg%3E"); background-position: right 5px center; background-repeat: no-repeat; background-size: 5px 25px; padding-right: 20px; } .wsf-validated canvas.wsf-field.wsf-invalid { border-color: #FF3B30; } .wsf-validated input[type=date].wsf-field:invalid, .wsf-validated input[type=datetime-local].wsf-field:invalid, .wsf-validated input[type=month].wsf-field:invalid, .wsf-validated input[type=password].wsf-field:invalid, .wsf-validated input[type=search].wsf-field:invalid, .wsf-validated input[type=time].wsf-field:invalid, .wsf-validated input[type=week].wsf-field:invalid, .wsf-validated input[type=email].wsf-field:invalid, .wsf-validated input[type=number].wsf-field:invalid, .wsf-validated input[type=tel].wsf-field:invalid, .wsf-validated input[type=text].wsf-field:invalid, .wsf-validated input[type=search].wsf-field:invalid, .wsf-validated input[type=url].wsf-field:invalid, .wsf-validated select.wsf-field:invalid, .wsf-validated textarea.wsf-field:invalid { border-color: #FF3B30; color: #0a0a0a; } .wsf-validated input[type=date].wsf-field:-moz-ui-invalid, .wsf-validated input[type=datetime-local].wsf-field:-moz-ui-invalid, .wsf-validated input[type=month].wsf-field:-moz-ui-invalid, .wsf-validated input[type=password].wsf-field:-moz-ui-invalid, .wsf-validated input[type=search].wsf-field:-moz-ui-invalid, .wsf-validated input[type=time].wsf-field:-moz-ui-invalid, .wsf-validated input[type=week].wsf-field:-moz-ui-invalid, .wsf-validated input[type=email].wsf-field:-moz-ui-invalid, .wsf-validated input[type=number].wsf-field:-moz-ui-invalid, .wsf-validated input[type=tel].wsf-field:-moz-ui-invalid, .wsf-validated input[type=text].wsf-field:-moz-ui-invalid, .wsf-validated input[type=search].wsf-field:-moz-ui-invalid, .wsf-validated input[type=url].wsf-field:-moz-ui-invalid, .wsf-validated select.wsf-field:-moz-ui-invalid, .wsf-validated textarea.wsf-field:-moz-ui-invalid { box-shadow: none; } .wsf-validated input[type=checkbox].wsf-field:invalid + label.wsf-label:before, .wsf-validated input[type=radio].wsf-field:invalid + label.wsf-label:before { border-color: #FF3B30; } .wsf-validated input[type=file].wsf-field:invalid + label.wsf-label { border-color: #FF3B30; } input[type=range].wsf-field { -webkit-appearance: none; background: none; background-size: calc(100% - 20px); background-position: 10px center; border: none; margin: 10px 0 0; padding: 0; width: 100%; --color-lower-track: #0a0000; --color-upper-track: #EFEFF4; --fill-lower-track: 0%; } input[type=range].wsf-field[data-fill-lower-track]::-webkit-slider-runnable-track { background-image: linear-gradient(to right, var(--color-lower-track), var(--color-lower-track) var(--fill-lower-track), var(--color-upper-track) var(--fill-lower-track), var(--color-upper-track) 100% ); } input[type=range].wsf-field[data-fill-lower-track]::-moz-range-track { background-image: linear-gradient(to right, var(--color-lower-track), var(--color-lower-track) var(--fill-lower-track), var(--color-upper-track) var(--fill-lower-track), var(--color-upper-track) 100% ); } input[type=range].wsf-field::-webkit-slider-runnable-track { background-color: #EFEFF4; cursor: pointer; height: 10px; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; } input[type=range].wsf-field::-moz-range-track { background-color: #EFEFF4; cursor: pointer; height: 10px; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; } input[type=range].wsf-field::-ms-track { background-color: #EFEFF4; cursor: pointer; height: 10px; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; background-color: transparent; border-color: transparent; border-color: transparent; color: transparent; } input[type=range].wsf-field::-ms-fill-lower, input[type=range].wsf-field::-ms-fill-upper { background-color: #EFEFF4; cursor: pointer; height: 10px; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; } input[type=range].wsf-field[data-fill-lower-track]::-ms-fill-lower { background-color: #0a0000; } input[type=range].wsf-field::-webkit-slider-thumb { -webkit-appearance: none; background-color: #0a0000; border-radius: 50%; cursor: pointer; height: 20px; margin-top: -5px; width: 20px; } input[type=range].wsf-field::-moz-range-thumb { -webkit-appearance: none; background-color: #0a0000; border: none; border-radius: 50%; cursor: pointer; height: 20px; margin-top: -5px; width: 20px; } input[type=range].wsf-field::-ms-thumb { -webkit-appearance: none; background-color: #0a0000; border: none; border-radius: 50%; cursor: pointer; height: 20px; margin-top: -5px; width: 20px; } input[type=range].wsf-field:focus { outline: none; } input[type=range].wsf-field::-moz-focus-outer { border: 0; } input[type=range].wsf-field:disabled { opacity: .5; } input[type=range].wsf-field:disabled::-webkit-slider-runnable-track { cursor: not-allowed; } input[type=range].wsf-field:disabled::-moz-range-track { cursor: not-allowed; } input[type=range].wsf-field:disabled::-ms-fill-lower, input[type=range].wsf-field:disabled::-ms-fill-upper { cursor: not-allowed; } input[type=range].wsf-field:disabled::-webkit-slider-thumb { cursor: not-allowed; } input[type=range].wsf-field:disabled::-moz-range-thumb { cursor: not-allowed; } input[type=range].wsf-field:disabled::-ms-thumb { cursor: not-allowed; } button.wsf-button { -webkit-appearance: none; background-color: #dce2dc; border: 1px solid #dce2dc; color: #0a0a0a; cursor: pointer; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; height: 36px; line-height: 1.4; padding: 8.5px 10px; margin: 0; text-align: center; text-decoration: none; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } button.wsf-button.wsf-button-full { width: 100%; } button.wsf-button:focus, button.wsf-button:active { background-color: #b0b4b0; border-color: #b0b4b0; outline: 0; } button.wsf-button:disabled { background-color: #dce2dc; border-color: #dce2dc; } button.wsf-button.wsf-button-primary { background-color: #0a0000; border-color: #0a0000; color: #FFFFFF; } button.wsf-button.wsf-button-primary:focus, button.wsf-button.wsf-button-primary:active { background-color: #080000; border-color: #080000; } button.wsf-button.wsf-button-primary:disabled { background-color: #0a0000; border-color: #0a0000; } button.wsf-button.wsf-button-secondary { background-color: #5856D9; border-color: #5856D9; color: #FFFFFF; } button.wsf-button.wsf-button-secondary:focus, button.wsf-button.wsf-button-secondary:active { background-color: #4644ad; border-color: #4644ad; } button.wsf-button.wsf-button-secondary:disabled { background-color: #5856D9; border-color: #5856D9; } button.wsf-button.wsf-button-success { background-color: #4CD964; border-color: #4CD964; color: #FFFFFF; } button.wsf-button.wsf-button-success:focus, button.wsf-button.wsf-button-success:active { background-color: #3cad4f; border-color: #3cad4f; } button.wsf-button.wsf-button-success:disabled { background-color: #4CD964; border-color: #4CD964; } button.wsf-button.wsf-button-information { background-color: #5AC8FA; border-color: #5AC8FA; color: #0a0a0a; } button.wsf-button.wsf-button-information:focus, button.wsf-button.wsf-button-information:active { background-color: #48a0c8; border-color: #48a0c8; } button.wsf-button.wsf-button-information:disabled { background-color: #5AC8FA; border-color: #5AC8FA; } button.wsf-button.wsf-button-warning { background-color: #FFCC00; border-color: #FFCC00; color: #0a0a0a; } button.wsf-button.wsf-button-warning:focus, button.wsf-button.wsf-button-warning:active { background-color: #cca300; border-color: #cca300; } button.wsf-button.wsf-button-warning:disabled { background-color: #FFCC00; border-color: #FFCC00; } button.wsf-button.wsf-button-danger { background-color: #FF3B30; border-color: #FF3B30; color: #FFFFFF; } button.wsf-button.wsf-button-danger:focus, button.wsf-button.wsf-button-danger:active { background-color: #cc2f26; border-color: #cc2f26; } button.wsf-button.wsf-button-danger:disabled { background-color: #FF3B30; border-color: #FF3B30; } button.wsf-button.wsf-button-inverted { background-color: #FFFFFF; border-color: #dce2dc; color: #0a0a0a; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; } button.wsf-button.wsf-button-inverted:focus, button.wsf-button.wsf-button-inverted:active { background-color: #dce2dc; } button.wsf-button.wsf-button-inverted:disabled { background-color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-primary { border-color: #0a0000; color: #0a0000; } button.wsf-button.wsf-button-inverted.wsf-button-primary:focus { background-color: #0a0000; border-color: #0a0000; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-primary:disabled { background-color: #FFFFFF; border-color: #0a0000; color: #0a0000; } button.wsf-button.wsf-button-inverted.wsf-button-secondary { border-color: #5856D9; color: #5856D9; } button.wsf-button.wsf-button-inverted.wsf-button-secondary:focus { background-color: #5856D9; border-color: #5856D9; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-secondary:disabled { background-color: #FFFFFF; border-color: #5856D9; color: #5856D9; } button.wsf-button.wsf-button-inverted.wsf-button-success { border-color: #4CD964; color: #4CD964; } button.wsf-button.wsf-button-inverted.wsf-button-success:focus { background-color: #4CD964; border-color: #4CD964; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-success:disabled { background-color: #FFFFFF; border-color: #4CD964; color: #4CD964; } button.wsf-button.wsf-button-inverted.wsf-button-information { border-color: #5AC8FA; color: #5AC8FA; } button.wsf-button.wsf-button-inverted.wsf-button-information:focus { background-color: #5AC8FA; border-color: #5AC8FA; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-information:disabled { background-color: #FFFFFF; border-color: #5AC8FA; color: #5AC8FA; } button.wsf-button.wsf-button-inverted.wsf-button-warning { border-color: #FFCC00; color: #FFCC00; } button.wsf-button.wsf-button-inverted.wsf-button-warning:focus { background-color: #FFCC00; border-color: #FFCC00; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-warning:disabled { background-color: #FFFFFF; border-color: #FFCC00; color: #FFCC00; } button.wsf-button.wsf-button-inverted.wsf-button-danger { border-color: #FF3B30; color: #FF3B30; } button.wsf-button.wsf-button-inverted.wsf-button-danger:focus { background-color: #FF3B30; border-color: #FF3B30; color: #FFFFFF; } button.wsf-button.wsf-button-inverted.wsf-button-danger:disabled { background-color: #FFFFFF; border-color: #FF3B30; color: #FF3B30; } button.wsf-button::-moz-focus-inner { border: 0; margin: 0; padding: 0; } button.wsf-button:disabled { cursor: not-allowed; opacity: .5; transition: none; } .wsf-form-post-lock-progress button[type="submit"].wsf-button { cursor: progress; } progress.wsf-progress { display: block; height: 20px; vertical-align: baseline; width: 100%; } progress.wsf-progress[value] { -webkit-appearance: none; background-color: #EFEFF4; border: none; } progress.wsf-progress[value]::-webkit-progress-bar { background-color: #EFEFF4; } progress.wsf-progress[value]::-webkit-progress-value { background-color: #0a0000; } progress.wsf-progress[value]::-moz-progress-bar { background-color: #0a0000; } progress.wsf-progress[value]::-ms-fill { background-color: #0a0000; border: 0; } progress.wsf-progress[value="100"]::-webkit-progress-value { } progress.wsf-progress[value="100"]::-moz-progress-bar { } progress.wsf-progress.wsf-progress-success[value]::-webkit-progress-value { background-color: #4CD964; } progress.wsf-progress.wsf-progress-success[value]::-moz-progress-bar { background-color: #4CD964; } progress.wsf-progress.wsf-progress-success[value]::-ms-fill { background-color: #4CD964; } progress.wsf-progress.wsf-progress-information[value]::-webkit-progress-value { background-color: #5AC8FA; } progress.wsf-progress.wsf-progress-information[value]::-moz-progress-bar { background-color: #5AC8FA; } progress.wsf-progress.wsf-progress-information[value]::-ms-fill { background-color: #5AC8FA; } progress.wsf-progress.wsf-progress-warning[value]::-webkit-progress-value { background-color: #FFCC00; } progress.wsf-progress.wsf-progress-warning[value]::-moz-progress-bar { background-color: #FFCC00; } progress.wsf-progress.wsf-progress-warning[value]::-ms-fill { background-color: #FFCC00; } progress.wsf-progress.wsf-progress-danger[value]::-webkit-progress-value { background-color: #FF3B30; } progress.wsf-progress.wsf-progress-danger[value]::-moz-progress-bar { background-color: #FF3B30; } progress.wsf-progress.wsf-progress-danger[value]::-ms-fill { background-color: #FF3B30; } .wsf-alert { background-color: #EFEFF4; border-left: 4px solid #dce2dc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; font-weight: inherit; line-height: 1.4; padding: 10px; margin-bottom: 20px; } .wsf-alert > :first-child { margin-top: 0; } .wsf-alert > :last-child { margin-bottom: 0; } .wsf-alert-success { background-color: #e1f9e5; border-color: #8de89d; color: #2d823b; } .wsf-alert-success a, .wsf-alert-success a:hover, .wsf-alert-success a:focus { color: #1e5627; } .wsf-alert-information { background-color: #e5f6fe; border-color: #9bddfb; color: #357895; } .wsf-alert-information a, .wsf-alert-information a:hover, .wsf-alert-information a:focus { color: #245064; } .wsf-alert-warning { background-color: #fff7d8; border-color: #ffe066; color: #997a00; } .wsf-alert-warning a, .wsf-alert-warning a:hover, .wsf-alert-warning a:focus { color: #665100; } .wsf-alert-danger { background-color: #ffe1df; border-color: #ff8982; color: #99231c; } .wsf-alert-danger a, .wsf-alert-danger a:hover, .wsf-alert-danger a:focus { color: #661713; } .wsf-text-primary { color: #0a0000; } .wsf-text-secondary { color: #5856D9; } .wsf-text-success { color: #4CD964; } .wsf-text-information { color: #5AC8FA; } .wsf-text-warning { color: #FFCC00; } .wsf-text-danger { color: #FF3B30; } .wsf-invalid-feedback, [data-select-min-max], [data-checkbox-min-max] { display: none; } .wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback, .wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback, .wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback, .wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback { display: block; } .wsf-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wsf-tile { position: relative; width: 100%; box-sizing: border-box; } /* Extra Small */ .wsf-extra-small-1 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 8.333333% !important; flex: 0 0 8.333333% !important; max-width: 8.333333% !important; } .wsf-extra-small-2 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 16.666667% !important; flex: 0 0 16.666667% !important; max-width: 16.666667% !important; } .wsf-extra-small-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } .wsf-extra-small-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important; } .wsf-extra-small-5 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .wsf-extra-small-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } .wsf-extra-small-7 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .wsf-extra-small-8 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important; } .wsf-extra-small-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important; } .wsf-extra-small-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 83.333333% !important; flex: 0 0 83.333333% !important; max-width: 83.333333% !important; } .wsf-extra-small-11 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 91.666667% !important; flex: 0 0 91.666667% !important; max-width: 91.666667% !important; } .wsf-extra-small-12 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } /* Small */ @media (min-width: 576px) { .wsf-small-1 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 8.333333% !important; flex: 0 0 8.333333% !important; max-width: 8.333333% !important; } .wsf-small-2 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 16.666667% !important; flex: 0 0 16.666667% !important; max-width: 16.666667% !important; } .wsf-small-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } .wsf-small-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important; } .wsf-small-5 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .wsf-small-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } .wsf-small-7 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .wsf-small-8 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important; } .wsf-small-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important; } .wsf-small-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 83.333333% !important; flex: 0 0 83.333333% !important; max-width: 83.333333% !important; } .wsf-small-11 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 91.666667% !important; flex: 0 0 91.666667% !important; max-width: 91.666667% !important; } .wsf-small-12 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } /* Medium */ @media (min-width: 768px) { .wsf-medium-1 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 8.333333% !important; flex: 0 0 8.333333% !important; max-width: 8.333333% !important; } .wsf-medium-2 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 16.666667% !important; flex: 0 0 16.666667% !important; max-width: 16.666667% !important; } .wsf-medium-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } .wsf-medium-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important; } .wsf-medium-5 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .wsf-medium-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } .wsf-medium-7 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .wsf-medium-8 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important; } .wsf-medium-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important; } .wsf-medium-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 83.333333% !important; flex: 0 0 83.333333% !important; max-width: 83.333333% !important; } .wsf-medium-11 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 91.666667% !important; flex: 0 0 91.666667% !important; max-width: 91.666667% !important; } .wsf-medium-12 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } /* Large */ @media (min-width: 992px) { .wsf-large-1 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 8.333333% !important; flex: 0 0 8.333333% !important; max-width: 8.333333% !important; } .wsf-large-2 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 16.666667% !important; flex: 0 0 16.666667% !important; max-width: 16.666667% !important; } .wsf-large-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } .wsf-large-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important; } .wsf-large-5 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .wsf-large-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } .wsf-large-7 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .wsf-large-8 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important; } .wsf-large-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important; } .wsf-large-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 83.333333% !important; flex: 0 0 83.333333% !important; max-width: 83.333333% !important; } .wsf-large-11 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 91.666667% !important; flex: 0 0 91.666667% !important; max-width: 91.666667% !important; } .wsf-large-12 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } /* Extra Large */ @media (min-width: 1200px) { .wsf-extra-large-1 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 8.333333% !important; flex: 0 0 8.333333% !important; max-width: 8.333333% !important; } .wsf-extra-large-2 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 16.666667% !important; flex: 0 0 16.666667% !important; max-width: 16.666667% !important; } .wsf-extra-large-3 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } .wsf-extra-large-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 33.333333% !important; flex: 0 0 33.333333% !important; max-width: 33.333333% !important; } .wsf-extra-large-5 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 41.666667% !important; flex: 0 0 41.666667% !important; max-width: 41.666667% !important; } .wsf-extra-large-6 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } .wsf-extra-large-7 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 58.333333% !important; flex: 0 0 58.333333% !important; max-width: 58.333333% !important; } .wsf-extra-large-8 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 66.666667% !important; flex: 0 0 66.666667% !important; max-width: 66.666667% !important; } .wsf-extra-large-9 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 75% !important; flex: 0 0 75% !important; max-width: 75% !important; } .wsf-extra-large-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 83.333333% !important; flex: 0 0 83.333333% !important; max-width: 83.333333% !important; } .wsf-extra-large-11 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 91.666667% !important; flex: 0 0 91.666667% !important; max-width: 91.666667% !important; } .wsf-extra-large-12 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } /* Extra Small - Offsets */ .wsf-offset-extra-small-0 { margin-left: 0% !important; } .wsf-offset-extra-small-1 { margin-left: 8.3333333333333% !important; } .wsf-offset-extra-small-2 { margin-left: 16.666666666667% !important; } .wsf-offset-extra-small-3 { margin-left: 25% !important; } .wsf-offset-extra-small-4 { margin-left: 33.333333333333% !important; } .wsf-offset-extra-small-5 { margin-left: 41.666666666667% !important; } .wsf-offset-extra-small-6 { margin-left: 50% !important; } .wsf-offset-extra-small-7 { margin-left: 58.333333333333% !important; } .wsf-offset-extra-small-8 { margin-left: 66.666666666667% !important; } .wsf-offset-extra-small-9 { margin-left: 75% !important; } .wsf-offset-extra-small-10 { margin-left: 83.333333333333% !important; } .wsf-offset-extra-small-11 { margin-left: 91.666666666667% !important; } .wsf-offset-extra-small-12 { margin-left: 100% !important; } /* Small - Offsets */ @media (min-width: 576px) { .wsf-offset-small-0 { margin-left: 0% !important; } .wsf-offset-small-1 { margin-left: 8.3333333333333% !important; } .wsf-offset-small-2 { margin-left: 16.666666666667% !important; } .wsf-offset-small-3 { margin-left: 25% !important; } .wsf-offset-small-4 { margin-left: 33.333333333333% !important; } .wsf-offset-small-5 { margin-left: 41.666666666667% !important; } .wsf-offset-small-6 { margin-left: 50% !important; } .wsf-offset-small-7 { margin-left: 58.333333333333% !important; } .wsf-offset-small-8 { margin-left: 66.666666666667% !important; } .wsf-offset-small-9 { margin-left: 75% !important; } .wsf-offset-small-10 { margin-left: 83.333333333333% !important; } .wsf-offset-small-11 { margin-left: 91.666666666667% !important; } .wsf-offset-small-12 { margin-left: 100% !important; } } /* Medium - Offsets */ @media (min-width: 768px) { .wsf-offset-medium-0 { margin-left: 0% !important; } .wsf-offset-medium-1 { margin-left: 8.3333333333333% !important; } .wsf-offset-medium-2 { margin-left: 16.666666666667% !important; } .wsf-offset-medium-3 { margin-left: 25% !important; } .wsf-offset-medium-4 { margin-left: 33.333333333333% !important; } .wsf-offset-medium-5 { margin-left: 41.666666666667% !important; } .wsf-offset-medium-6 { margin-left: 50% !important; } .wsf-offset-medium-7 { margin-left: 58.333333333333% !important; } .wsf-offset-medium-8 { margin-left: 66.666666666667% !important; } .wsf-offset-medium-9 { margin-left: 75% !important; } .wsf-offset-medium-10 { margin-left: 83.333333333333% !important; } .wsf-offset-medium-11 { margin-left: 91.666666666667% !important; } .wsf-offset-medium-12 { margin-left: 100% !important; } } /* Large - Offsets */ @media (min-width: 992px) { .wsf-offset-large-0 { margin-left: 0% !important; } .wsf-offset-large-1 { margin-left: 8.3333333333333% !important; } .wsf-offset-large-2 { margin-left: 16.666666666667% !important; } .wsf-offset-large-3 { margin-left: 25% !important; } .wsf-offset-large-4 { margin-left: 33.333333333333% !important; } .wsf-offset-large-5 { margin-left: 41.666666666667% !important; } .wsf-offset-large-6 { margin-left: 50% !important; } .wsf-offset-large-7 { margin-left: 58.333333333333% !important; } .wsf-offset-large-8 { margin-left: 66.666666666667% !important; } .wsf-offset-large-9 { margin-left: 75% !important; } .wsf-offset-large-10 { margin-left: 83.333333333333% !important; } .wsf-offset-large-11 { margin-left: 91.666666666667% !important; } .wsf-offset-large-12 { margin-left: 100% !important; } } /* Extra Large - Offsets */ @media (min-width: 1200px) { .wsf-offset-extra-large-0 { margin-left: 0% !important; } .wsf-offset-extra-large-1 { margin-left: 8.3333333333333% !important; } .wsf-offset-extra-large-2 { margin-left: 16.666666666667% !important; } .wsf-offset-extra-large-3 { margin-left: 25% !important; } .wsf-offset-extra-large-4 { margin-left: 33.333333333333% !important; } .wsf-offset-extra-large-5 { margin-left: 41.666666666667% !important; } .wsf-offset-extra-large-6 { margin-left: 50% !important; } .wsf-offset-extra-large-7 { margin-left: 58.333333333333% !important; } .wsf-offset-extra-large-8 { margin-left: 66.666666666667% !important; } .wsf-offset-extra-large-9 { margin-left: 75% !important; } .wsf-offset-extra-large-10 { margin-left: 83.333333333333% !important; } .wsf-offset-extra-large-11 { margin-left: 91.666666666667% !important; } .wsf-offset-extra-large-12 { margin-left: 100% !important; } } .wsf-bottom { align-self: flex-end !important; } .wsf-top { align-self: flex-start !important; } .wsf-middle { align-self: center !important; } @font-face { font-family: 'Druk Text Web'; src: url('/wp-content/themes/aisouth/fonts/DrukText-Medium-Web.woff2') format('woff2'), url('/wp-content/themes/aisouth/fonts/DrukText-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family:'MessinaSansWeb'; src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Light.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Light.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Light.woff') format('woff'); /* Pretty Modern Browsers */ font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; } @font-face { font-family:'MessinaSansWeb'; src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Regular.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Regular.woff') format('woff'); /* Pretty Modern Browsers */ font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; } @font-face { font-family: 'MessinaSansWeb'; src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Bold.eot'); /* IE9 Compat Modes */ src: url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/aisouth/fonts/MessinaSansWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */ font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+000D-FB04; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } #header, #header *, #header *:before, #header *:after, main, main *, main *:before, main *:after, #footer, #footer *, #footer *:before, #footer *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } body:not(#tinymce) { display: flex; flex-direction: column; min-height: 100vh; } ul.list-unstyled, ul.list-inline, ol.list-unstyled, ol.list-inline, dl.list-unstyled, dl.list-inline { list-style: none; padding-left: 0; } ul.list-inline, ol.list-inline, dl.list-inline { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } ul.list-inline li, ol.list-inline li, dl.list-inline li { padding-left: 5px; padding-right: 5px; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } img.responsive { display: block; height: auto; max-width: 100%; } .container { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; width: 100%; } .container.extra-small { max-width: 0; } .container.small { max-width: 544px; } .container.medium { max-width: 768px; } .container.large { max-width: 1040px; } .container.extra-large { max-width: 1400px; } .grid { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .grid.extra-small-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .grid.extra-small-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .grid.extra-small-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .grid.extra-small-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.extra-small-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .grid.extra-small-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .grid.extra-small-around { -webkit-justify-content: space-around; justify-content: space-around; } .grid.extra-small-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } @media (min-width: 544px) { .grid.small-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .grid.small-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .grid.small-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .grid.small-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.small-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .grid.small-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .grid.small-around { -webkit-justify-content: space-around; justify-content: space-around; } .grid.small-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 768px) { .grid.medium-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .grid.medium-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .grid.medium-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .grid.medium-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.medium-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .grid.medium-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .grid.medium-around { -webkit-justify-content: space-around; justify-content: space-around; } .grid.medium-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 1040px) { .grid.large-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .grid.large-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .grid.large-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .grid.large-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.large-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .grid.large-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .grid.large-around { -webkit-justify-content: space-around; justify-content: space-around; } .grid.large-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 1400px) { .grid.extra-large-top { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .grid.extra-large-middle { -webkit-box-align: center; -webkit-align-items: center; align-items: center; } .grid.extra-large-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .grid.extra-large-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .grid.extra-large-center { -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .grid.extra-large-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .grid.extra-large-around { -webkit-justify-content: space-around; justify-content: space-around; } .grid.extra-large-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .grid .tile { padding-left: 10px; padding-right: 10px; position: relative; width: 100%; } .grid .tile.extra-small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .grid .tile.extra-small-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid .tile.extra-small-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .tile.extra-small-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid .tile.extra-small-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .grid .tile.extra-small-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .tile.extra-small-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .grid .tile.extra-small-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid .tile.extra-small-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .tile.extra-small-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid .tile.extra-small-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .grid .tile.extra-small-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .grid .tile.extra-small-left-0 { right: auto !important; } .grid .tile.extra-small-left-1 { right: 8.3333333333% !important; } .grid .tile.extra-small-left-2 { right: 16.6666666667% !important; } .grid .tile.extra-small-left-3 { right: 25% !important; } .grid .tile.extra-small-left-4 { right: 33.3333333333% !important; } .grid .tile.extra-small-left-5 { right: 41.6666666667% !important; } .grid .tile.extra-small-left-6 { right: 50% !important; } .grid .tile.extra-small-left-7 { right: 58.3333333333% !important; } .grid .tile.extra-small-left-8 { right: 66.6666666667% !important; } .grid .tile.extra-small-left-9 { right: 75% !important; } .grid .tile.extra-small-left-10 { right: 83.3333333333% !important; } .grid .tile.extra-small-left-11 { right: 91.6666666667% !important; } .grid .tile.extra-small-left-12 { right: 100% !important; } .grid .tile.extra-small-right-0 { left: auto !important; } .grid .tile.extra-small-right-1 { left: 8.3333333333% !important; } .grid .tile.extra-small-right-2 { left: 16.6666666667% !important; } .grid .tile.extra-small-right-3 { left: 25% !important; } .grid .tile.extra-small-right-4 { left: 33.3333333333% !important; } .grid .tile.extra-small-right-5 { left: 41.6666666667% !important; } .grid .tile.extra-small-right-6 { left: 50% !important; } .grid .tile.extra-small-right-7 { left: 58.3333333333% !important; } .grid .tile.extra-small-right-8 { left: 66.6666666667% !important; } .grid .tile.extra-small-right-9 { left: 75% !important; } .grid .tile.extra-small-right-10 { left: 83.3333333333% !important; } .grid .tile.extra-small-right-11 { left: 91.6666666667% !important; } .grid .tile.extra-small-right-12 { left: 100% !important; } @media (min-width: 544px) { .grid .tile.small-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .grid .tile.small-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid .tile.small-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .tile.small-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid .tile.small-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .grid .tile.small-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .tile.small-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .grid .tile.small-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid .tile.small-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .tile.small-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid .tile.small-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .grid .tile.small-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .grid .tile.small-left-0 { right: auto !important; } .grid .tile.small-left-1 { right: 8.3333333333% !important; } .grid .tile.small-left-2 { right: 16.6666666667% !important; } .grid .tile.small-left-3 { right: 25% !important; } .grid .tile.small-left-4 { right: 33.3333333333% !important; } .grid .tile.small-left-5 { right: 41.6666666667% !important; } .grid .tile.small-left-6 { right: 50% !important; } .grid .tile.small-left-7 { right: 58.3333333333% !important; } .grid .tile.small-left-8 { right: 66.6666666667% !important; } .grid .tile.small-left-9 { right: 75% !important; } .grid .tile.small-left-10 { right: 83.3333333333% !important; } .grid .tile.small-left-11 { right: 91.6666666667% !important; } .grid .tile.small-left-12 { right: 100% !important; } .grid .tile.small-right-0 { left: auto !important; } .grid .tile.small-right-1 { left: 8.3333333333% !important; } .grid .tile.small-right-2 { left: 16.6666666667% !important; } .grid .tile.small-right-3 { left: 25% !important; } .grid .tile.small-right-4 { left: 33.3333333333% !important; } .grid .tile.small-right-5 { left: 41.6666666667% !important; } .grid .tile.small-right-6 { left: 50% !important; } .grid .tile.small-right-7 { left: 58.3333333333% !important; } .grid .tile.small-right-8 { left: 66.6666666667% !important; } .grid .tile.small-right-9 { left: 75% !important; } .grid .tile.small-right-10 { left: 83.3333333333% !important; } .grid .tile.small-right-11 { left: 91.6666666667% !important; } .grid .tile.small-right-12 { left: 100% !important; } } @media (min-width: 768px) { .grid .tile.medium-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .grid .tile.medium-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid .tile.medium-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .tile.medium-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid .tile.medium-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .grid .tile.medium-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .tile.medium-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .grid .tile.medium-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid .tile.medium-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .tile.medium-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid .tile.medium-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .grid .tile.medium-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .grid .tile.medium-left-0 { right: auto !important; } .grid .tile.medium-left-1 { right: 8.3333333333% !important; } .grid .tile.medium-left-2 { right: 16.6666666667% !important; } .grid .tile.medium-left-3 { right: 25% !important; } .grid .tile.medium-left-4 { right: 33.3333333333% !important; } .grid .tile.medium-left-5 { right: 41.6666666667% !important; } .grid .tile.medium-left-6 { right: 50% !important; } .grid .tile.medium-left-7 { right: 58.3333333333% !important; } .grid .tile.medium-left-8 { right: 66.6666666667% !important; } .grid .tile.medium-left-9 { right: 75% !important; } .grid .tile.medium-left-10 { right: 83.3333333333% !important; } .grid .tile.medium-left-11 { right: 91.6666666667% !important; } .grid .tile.medium-left-12 { right: 100% !important; } .grid .tile.medium-right-0 { left: auto !important; } .grid .tile.medium-right-1 { left: 8.3333333333% !important; } .grid .tile.medium-right-2 { left: 16.6666666667% !important; } .grid .tile.medium-right-3 { left: 25% !important; } .grid .tile.medium-right-4 { left: 33.3333333333% !important; } .grid .tile.medium-right-5 { left: 41.6666666667% !important; } .grid .tile.medium-right-6 { left: 50% !important; } .grid .tile.medium-right-7 { left: 58.3333333333% !important; } .grid .tile.medium-right-8 { left: 66.6666666667% !important; } .grid .tile.medium-right-9 { left: 75% !important; } .grid .tile.medium-right-10 { left: 83.3333333333% !important; } .grid .tile.medium-right-11 { left: 91.6666666667% !important; } .grid .tile.medium-right-12 { left: 100% !important; } } @media (min-width: 1040px) { .grid .tile.large-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .grid .tile.large-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid .tile.large-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .tile.large-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid .tile.large-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .grid .tile.large-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .tile.large-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .grid .tile.large-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid .tile.large-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .tile.large-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid .tile.large-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .grid .tile.large-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .grid .tile.large-left-0 { right: auto !important; } .grid .tile.large-left-1 { right: 8.3333333333% !important; } .grid .tile.large-left-2 { right: 16.6666666667% !important; } .grid .tile.large-left-3 { right: 25% !important; } .grid .tile.large-left-4 { right: 33.3333333333% !important; } .grid .tile.large-left-5 { right: 41.6666666667% !important; } .grid .tile.large-left-6 { right: 50% !important; } .grid .tile.large-left-7 { right: 58.3333333333% !important; } .grid .tile.large-left-8 { right: 66.6666666667% !important; } .grid .tile.large-left-9 { right: 75% !important; } .grid .tile.large-left-10 { right: 83.3333333333% !important; } .grid .tile.large-left-11 { right: 91.6666666667% !important; } .grid .tile.large-left-12 { right: 100% !important; } .grid .tile.large-right-0 { left: auto !important; } .grid .tile.large-right-1 { left: 8.3333333333% !important; } .grid .tile.large-right-2 { left: 16.6666666667% !important; } .grid .tile.large-right-3 { left: 25% !important; } .grid .tile.large-right-4 { left: 33.3333333333% !important; } .grid .tile.large-right-5 { left: 41.6666666667% !important; } .grid .tile.large-right-6 { left: 50% !important; } .grid .tile.large-right-7 { left: 58.3333333333% !important; } .grid .tile.large-right-8 { left: 66.6666666667% !important; } .grid .tile.large-right-9 { left: 75% !important; } .grid .tile.large-right-10 { left: 83.3333333333% !important; } .grid .tile.large-right-11 { left: 91.6666666667% !important; } .grid .tile.large-right-12 { left: 100% !important; } } @media (min-width: 1400px) { .grid .tile.extra-large-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .grid .tile.extra-large-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .grid .tile.extra-large-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid .tile.extra-large-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .grid .tile.extra-large-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .grid .tile.extra-large-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid .tile.extra-large-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .grid .tile.extra-large-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .grid .tile.extra-large-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid .tile.extra-large-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .grid .tile.extra-large-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .grid .tile.extra-large-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .grid .tile.extra-large-left-0 { right: auto !important; } .grid .tile.extra-large-left-1 { right: 8.3333333333% !important; } .grid .tile.extra-large-left-2 { right: 16.6666666667% !important; } .grid .tile.extra-large-left-3 { right: 25% !important; } .grid .tile.extra-large-left-4 { right: 33.3333333333% !important; } .grid .tile.extra-large-left-5 { right: 41.6666666667% !important; } .grid .tile.extra-large-left-6 { right: 50% !important; } .grid .tile.extra-large-left-7 { right: 58.3333333333% !important; } .grid .tile.extra-large-left-8 { right: 66.6666666667% !important; } .grid .tile.extra-large-left-9 { right: 75% !important; } .grid .tile.extra-large-left-10 { right: 83.3333333333% !important; } .grid .tile.extra-large-left-11 { right: 91.6666666667% !important; } .grid .tile.extra-large-left-12 { right: 100% !important; } .grid .tile.extra-large-right-0 { left: auto !important; } .grid .tile.extra-large-right-1 { left: 8.3333333333% !important; } .grid .tile.extra-large-right-2 { left: 16.6666666667% !important; } .grid .tile.extra-large-right-3 { left: 25% !important; } .grid .tile.extra-large-right-4 { left: 33.3333333333% !important; } .grid .tile.extra-large-right-5 { left: 41.6666666667% !important; } .grid .tile.extra-large-right-6 { left: 50% !important; } .grid .tile.extra-large-right-7 { left: 58.3333333333% !important; } .grid .tile.extra-large-right-8 { left: 66.6666666667% !important; } .grid .tile.extra-large-right-9 { left: 75% !important; } .grid .tile.extra-large-right-10 { left: 83.3333333333% !important; } .grid .tile.extra-large-right-11 { left: 91.6666666667% !important; } .grid .tile.extra-large-right-12 { left: 100% !important; } } .grid .tile.extra-small-top { -webkit-align-self: flex-start; align-self: flex-start; } .grid .tile.extra-small-middle { -webkit-align-self: center; align-self: center; } .grid .tile.extra-small-bottom { -webkit-align-self: flex-end; align-self: flex-end; } @media (min-width: 544px) { .grid .tile.small-top { -webkit-align-self: flex-start; align-self: flex-start; } .grid .tile.small-middle { -webkit-align-self: center; align-self: center; } .grid .tile.small-bottom { -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 768px) { .grid .tile.medium-top { -webkit-align-self: flex-start; align-self: flex-start; } .grid .tile.medium-middle { -webkit-align-self: center; align-self: center; } .grid .tile.medium-bottom { -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 1040px) { .grid .tile.large-top { -webkit-align-self: flex-start; align-self: flex-start; } .grid .tile.large-middle { -webkit-align-self: center; align-self: center; } .grid .tile.large-bottom { -webkit-align-self: flex-end; align-self: flex-end; } } @media (min-width: 1400px) { .grid .tile.extra-large-top { -webkit-align-self: flex-start; align-self: flex-start; } .grid .tile.extra-large-middle { -webkit-align-self: center; align-self: center; } .grid .tile.extra-large-bottom { -webkit-align-self: flex-end; align-self: flex-end; } } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } #header { background-color: #FFFFFF; padding: 20px 0 10px; position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 1000000; } #header > .container { position: relative; } @media (min-width: 768px) { #header > .container { display: flex; } } #header .logo { display: inline-block; margin-bottom: 10px; margin-right: 20px; } #header .logo img { max-width: 320px; } @media (max-width: 767px) { #header .logo img { max-width: 280px; } } #header .navigation-toggle { display: none; } #header .navigation { align-self: flex-end; height: auto !important; width: 100%; } #header #header-navigation { align-items: center; justify-content: flex-end; margin-bottom: 0; margin-left: -10px; margin-right: -10px; } #header #header-navigation li { margin-bottom: 10px; margin-left: 0; padding-left: 10px; padding-right: 10px; position: relative; } #header #header-navigation li.line-break { display: none; } @media only screen and (min-width: 1116px) { #header #header-navigation li#menu-item-2050 { margin-left: auto; } } @media (min-width: 768px) { #header #header-navigation li#menu-item-3790:after { content: ''; display: block; } #header #header-navigation li.line-break { display: block; flex-basis: 100%; } #header #header-navigation li#menu-item-10284, #header #header-navigation li#menu-item-11121, #header #header-navigation li#menu-item-11133 { border-top: 2px solid #B9B9B9; } #header #header-navigation li.apply-online > a, #header #header-navigation li.book-appointment > a { background-color: #D6D4FF; border: 1px solid #D6D4FF; color: #FC7D3A; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } #header #header-navigation li.call-admissions > a { background-color: #E0B1E0; border: 1px solid #E0B1E0; color: #FA4128; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } } #header #header-navigation a { color: #000000; display: block; font-family: 'MessinaSansWeb'; font-size: 16px; font-weight: 700; line-height: 1; text-decoration: none; text-transform: lowercase; } #header #header-navigation a:focus { color: #FBAA19; } #header #header-navigation .current-menu-item > a { color: #FBAA19; } #header #header-navigation .sub-menu { display: none; list-style: none; } #header #header-navigation .sub-menu li { background-color: #9885F5; display: block; margin: 0; } #header #header-navigation .sub-menu li a { color: #FAF262; padding: 10px; } @media (min-width: 768px) { #header #header-navigation li.menu-item-has-children:hover .sub-menu { display: block; } #header #header-navigation { display: flex !important; } #header #header-navigation .sub-menu { margin-left: -10px; min-width: 160px; padding: 11px 0 0; position: absolute; top: 15px; z-index: 1000; } #header #header-navigation .sub-menu > li { padding: 0; } } @media (max-width: 767px) { #header #header-navigation li.menu-item-has-children .sub-menu.open { display: block; } #header .navigation-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FFFFFF; border: none; display: block; cursor: pointer; height: 90px; outline: 0; position: absolute; right: 0; top: -20px; width: 70px; } #header .navigation-toggle span { display: block; height: 1px; left: 20px; position: absolute; right: 0px; top: 25px; transition: background-color 0ms ease-in-out 200ms; width: calc(100% - 40px); } #header .navigation-toggle span:before { background-color: #000000; display: block; content: ''; height: 1px; left: 0; position: absolute; top: -5px; transition: top, -webkit-transform; transition: top, transform; transition: top, transform, -webkit-transform; transition-delay: 200ms, 0ms, 0ms; transition-duration: 200ms, 200ms, 200ms; width: 100%; } #header .navigation-toggle span:after { background-color: #000000; bottom: -5px; display: block; content: ''; height: 1px; left: 0; position: absolute; transition: bottom, -webkit-transform; transition: bottom, transform; transition: bottom, transform, -webkit-transform; transition-delay: 200ms, 0ms, 0ms; transition-duration: 200ms, 200ms, 200ms; width: 100%; } #header .navigation-toggle.active span { background-color: transparent; } #header .navigation-toggle.active span:before { top: 0; transition-delay: 0ms, 200ms, 200ms; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #header .navigation-toggle.active span:after { bottom: 0; transition-delay: 0ms, 200ms, 200ms; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #header .navigation #header-navigation { display: none; flex-direction: column; } #header #header-navigation li { padding: 0; } #header .navigation #header-navigation a { display: block; padding: 10px; } #header .navigation #header-navigation .sub-menu { margin-left: -20px; margin-right: -20px; margin-top: 10px; padding-left: 0; } #header .navigation #header-navigation .sub-menu > li > a { padding-left: 30px; padding-right: 30px; } } main { flex: 1 0 auto; } main > .container { padding-bottom: 40px; padding-top: 40px; } @media (min-width: 768px) { main > .container { padding-bottom: 60px; padding-top: 60px; } } #promo { display: none; width: 100%; } body.home #promo { background-color: #9886f6; display: block; text-align: center; } body.home #promo img { display: inline-block; } #banner { display: none; } body.home .slideshow { display: none; } body.home #banner { display: block; margin-bottom: 40px; text-align: center; width: 100% !important; } @media (max-width: 767px) { body.home #banner img:first-child { display: none; } body.home #banner img:last-child { display: inline-block; } } @media (min-width: 768px) { body.home #banner img:first-child { display: inline-block; } body.home #banner img:last-child { display: none; } } #cares-act { display: none; } body.home #cares-act { display: block; margin-bottom: 40px; text-align: center; } body.home #cares-act .button { background-color: #9686f6; border: 1px solid #9686f6; color: #fdf93a; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 28px; font-weight: 500; letter-spacing: 0; min-width: 160px; padding: 16px 30px; text-align: center; text-decoration: underline; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } @media (max-width: 640px) { body.page-template-pageStudent #form-panel { argin-top: 0; } } #cares-act-tagline { background-color: #d7d4ff; padding: 40px 0 20px; } #cares-act-tagline h2 { color: #9d81fe; font-family: 'Druk Text Web'; font-size: 58px; font-weight: 400; margin-bottom: 20px; text-transform: uppercase; } #cares-act-tagline h3 { color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 700; margin-bottom: 20px; text-align: center; text-transform: uppercase; } #cares-act-content p, #cares-act-content table td { color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; } #cares-act-content table td { padding: 5px 10px; vertical-align: top; } #cares-act-content table td:first-child { padding-left: 0; } #cares-act-content table td:last-child { padding-right: 0; } #cares-act-content table a { color: #9d81fe; font-weight: bold; text-decoration: underline; } #secondary-navigation { margin: 0 auto; } @media (max-width: 1039px) { #secondary-navigation { max-width: 480px; } } #secondary-navigation a { color: #000000; text-decoration: none; } #secondary-navigation img { margin-bottom: 20px; } #secondary-navigation .title { font-family: ffdinregular, Verdana, Geneva, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; } #footer { border-top: 0; font-size: 16px; margin: 0; max-width: 100%; padding: 0; } #footer-top { background-color: #F2F2F2; padding: 40px 0; margin: 0; width: 100%; } .grid-instagram { margin-bottom: 20px; margin-left: 0; margin-right: 0; } .grid-instagram > .tile { padding-left: 0; padding-right: 0; } #footer-bottom { padding: 40px 0; margin: 0; width: 100%; } #footer .navigation { float: none; height: auto !important; width: 100%; } #footer #footer-navigation { float: none; list-style: none; margin-bottom: 0; padding-left: 0; } #footer #footer-navigation > li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; float: none; margin-bottom: 20px; margin-left: 0; max-width: 50%; padding-left: 10px; padding-right: 10px; } @media (max-width: 575px) { #footer #footer-navigation > li { position: relative !important; left: auto !important; top: auto !important; } } @media (min-width: 576px) { #footer #footer-navigation > li { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (min-width: 768px) { #footer #footer-navigation > li { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } #footer #footer-navigation > li > a { display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; } #footer #footer-navigation ul.sub-menu { float: none; padding-left: 0; } #footer #footer-navigation ul.sub-menu > li { display: block; float: none; margin-left: 0; } #footer #footer-navigation ul.sub-menu > li > a { display: inline-block; font-family: 'MessinaSansWeb'; font-size: 14px; font-weight: 400; line-height: 1.6; text-transform: lowercase; } #footer a { color: #000000; font-weight: 300; text-decoration: none; } #footer .copyright { font-size: 14px; margin-bottom: 0; } body.page-template-pageLandingPage { } /* Landing Page */ #buttons { display: flex; flex-wrap: nowrap; margin-left: 0; margin-right: 0; z-index: 1000 } #buttons > li { padding-left: 0; padding-right: 0; } @media (max-width: 768px) { #buttons { width: 100%; } #buttons > li { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (min-width: 769px) { #buttons { left: -156px; position: fixed; top: 347px; transform: rotate(270deg); } } #buttons .button { cursor: pointer; display: block; font-family: 'Druk Text Web'; font-size: 26px; font-weight: 500; line-height: 1.2; min-width: 120px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } #buttons .button#talk { background-color: #9786f6; border: 1px solid #9786f6; color: #fcf864; } #buttons .button#tour { background-color: #D6D4FF; border: 1px solid #D6D4FF; color: #FC7D3A; } #buttons .button#apply { background-color: #ddb1e1; border: 1px solid #ddb1e1; color: #ff4230; } #tagline { background-color: #41a298; background-image: url(/wp-content/themes/aisouth/images/2019/tagline.jpg); background-position: right center; background-repeat: no-repeat; background-size: contain; padding: 40px 0 20px; } #tagline h2 { color: #d3d4ff; font-family: 'Druk Text Web'; font-size: 58px; font-weight: 400; margin-bottom: 20px; text-transform: uppercase; } @media (max-width: 991px) { #tagline { background-position: 120% center; } } @media (max-width: 768px) { #tagline { background-position: 250% center; } #tagline h2 { margin-right: 140px; } } @media (max-width: 598px) { #tagline { background-size: cover; background-position: -40px center; } } #learn-more-form { background-color: #edf6f2; padding: 40px 0 20px; } #learn-more-form h2 { font-family: 'Druk Text Web'; font-size: 28px; font-weight: 400; letter-spacing: 0px; margin-bottom: 20px; text-transform: uppercase; } #learn-more-form h2 span { color: #9786f6; } #learn-more-form .wsf-grid { margin-left: -10px; margin-right: -10px; } #learn-more-form .wsf-field-wrapper { margin-bottom: 20px; } #learn-more-form .wsf-tile { padding-left: 10px; padding-right: 10px; } #learn-more-form .wsf-field { -webkit-appearance: none; background-color: transparent; border: none; border-bottom: 1px solid #9786f6; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 12px; line-height: 1.4; padding-left: 0; padding-right: 0; text-align: left; width: 100%; } #learn-more-form input[type=date].wsf-field, #learn-more-form input[type=datetime-local].wsf-field, #learn-more-form input[type=month].wsf-field, #learn-more-form input[type=password].wsf-field, #learn-more-form input[type=search].wsf-field, #learn-more-form input[type=time].wsf-field, #learn-more-form input[type=week].wsf-field, #learn-more-form input[type=email].wsf-field, #learn-more-form input[type=number].wsf-field, #learn-more-form input[type=tel].wsf-field, #learn-more-form input[type=text].wsf-field, #learn-more-form input[type=search].wsf-field, #learn-more-form input[type=url].wsf-field, #learn-more-form select.wsf-field:not([multiple]):not([size]) { height: 36px; } #learn-more-form select.wsf-field:not([multiple]):not([size]) { background-image: url('data:image/svg+xml,<%2Fsvg>'); background-size: 15px 10px; background-repeat: no-repeat; padding-right: 35px; } #learn-more-form [data-type='texteditor'] p { line-height: 1.2; } #learn-more-form .wsf-field::placeholder { color: #000; } #learn-more-form .wsf-button { background-color: #9786f6; border: 1px solid #9786f6; color: #fcf864; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; line-height: 1; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } #learn-more-form .form-panel-message { background-color: #EFEFF4; border-left: 4px solid #dce2dc; font-family: Arial; font-size: 16px; font-weight: inherit; line-height: 1.4; padding: 10px; margin-bottom: 20px; width: 100%; } #learn-more-form .form-panel-message#form-panel-complete { background-color: #d5ecda; border-color: #6eb57d; color: #1b4f26; } #learn-more-form .form-panel-message#form-panel-ajax { background-color: #d6f4fb; border-color: #61d7f0; color: #01728a; } #learn-more-form .form-panel-message#form-panel-error { background-color: #f4d0d0; border-color: #d65555; color: #700000; } #intro { margin: 40px 0; } #intro h1 { color: #9786f6; font-family: 'Druk Text Web'; font-size: 38px; font-weight: 400; letter-spacing: 0px; margin-bottom: 20px; text-transform: uppercase; } #intro p { color: #000; line-height: 1.6; } @media (min-width: 544px) { #intro ul#lps-bullets { column-count: 2; column-gap: 20px; } } #intro ul { color: #9786f6; margin-left: 12px; } #intro ul li { padding-left: 0; padding-right: 32px; } #intro ul li p { color: #9786f6; font-size: 14px; font-weight: bold; letter-spacing: 0; margin-bottom: 10px; } @media (max-width: 1040px) { #intro p { font-size: 12px; } } #cosmetology { background-color: #edf6f2; background-image: url(/wp-content/themes/aisouth/images/2019/cosmetology.jpg); background-position: left center; background-repeat: no-repeat; background-size: contain; padding: 40px 0; } #cosmetology h2 { color: #ddb1e1; font-family: 'Druk Text Web'; font-size: 38px; font-weight: 400; letter-spacing: 0px; margin-bottom: 5px; text-align: left; } #cosmetology h2 span { color: #ff4230; } #cosmetology h3 { color: #ff4230; font-family: 'MessinaSansWeb'; font-size: 16px; font-weight: 700; line-height: 1; } #cosmetology p { color: #000; line-height: 1.6; max-width: 410px; } #cosmetology .button { background-color: #ddb1e1; border: 1px solid #ddb1e1; color: #ff4230; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; line-height: 1.2; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } @media (max-width: 768px) { #cosmetology { background-position: left top; padding-top: 70%; } } @media (max-width: 1040px) { #cosmetology p { font-size: 12px; } } #esthiology { background-color: #b2c3ed; background-image: url(/wp-content/themes/aisouth/images/2019/esthiology.jpg); background-position: right center; background-repeat: no-repeat; background-size: contain; padding: 40px 0; } #esthiology h2 { color: #96aeeb; font-family: 'Druk Text Web'; font-size: 38px; font-weight: 400; letter-spacing: 0px; margin-bottom: 5px; text-align: left; } #esthiology h2 span { color: #229690; } #esthiology h3 { color: #229690; font-family: 'MessinaSansWeb'; font-size: 16px; font-weight: 700; line-height: 1; } #esthiology p { color: #000; line-height: 1.6; max-width: 410px; } #esthiology .button { background-color: #229690; border: 1px solid #229690; color: #efc686; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; line-height: 1.2; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } @media (max-width: 768px) { #esthiology { background-position: left top; padding-top: 70%; } } @media (max-width: 1040px) { #esthiology p { font-size: 12px; } } #message-therapy { background-color: #f8f9f3; background-image: url(/wp-content/themes/aisouth/images/2019/message-therapy.jpg); background-position: left center; background-repeat: no-repeat; background-size: contain; padding: 40px 0; } #message-therapy h2 { color: #dcddde; font-family: 'Druk Text Web'; font-size: 38px; font-weight: 400; letter-spacing: 0px; margin-bottom: 5px; text-align: left; } #message-therapy h2 span { color: #5080ca; } #message-therapy h3 { color: #5080ca; font-family: 'MessinaSansWeb'; font-size: 16px; font-weight: 700; line-height: 1; } #message-therapy p { color: #000; line-height: 1.6; max-width: 410px; } #message-therapy .button { background-color: #5080ca; border: 1px solid #5080ca; color: #f3ae91; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; line-height: 1.2; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } @media (max-width: 768px) { #message-therapy { background-position: left top; padding-top: 52%; } } @media (max-width: 1040px) { #message-therapy p { font-size: 12px; } } #the-aveda-difference { background-image: url(/wp-content/themes/aisouth/images/2019/the-aveda-difference.jpg); background-position: right top; background-repeat: no-repeat; background-size: contain; padding-top: 80px; } #the-aveda-difference h2 { color: #229690; font-family: 'Druk Text Web'; font-size: 38px; font-weight: 400; letter-spacing: 0px; margin-bottom: 20px; text-transform: uppercase; } #the-aveda-difference p { color: #000; line-height: 1.6; } #the-aveda-difference ul { color: #229690; margin-bottom: 40px; margin-left: 12px; } #the-aveda-difference ul li { padding-left: 0; padding-right: 32px; } #the-aveda-difference ul li p { font-size: 14px; letter-spacing: 0; } #the-aveda-difference ul li p.title { color: #229690; font-weight: bold; margin-bottom: 0; } #the-aveda-difference ul li p.description { font-size: 12px; font-style: italic; margin-bottom: 10px; margin-left: 10px; line-height: 1.4; } #the-aveda-difference .success-story { background-color: #9685f5; margin-bottom: 40px; padding: 40px 40px 0; } #the-aveda-difference .success-story img { margin-bottom: 40px; width: 100%; } #the-aveda-difference .success-story h2 { color: #fef863; text-align: left; } #the-aveda-difference .success-story blockquote p { color: #fef863; font-family:'MessinaSansWeb'; font-size: 16px; font-weight: 700; } #the-aveda-difference .success-story blockquote footer { color: #fef863; font-family:'MessinaSansWeb'; font-size: 20px; font-weight: 700; margin-bottom: 40px; } @media (max-width: 768px) { #the-aveda-difference .success-story { margin-left: 20px; margin-right: 20px; } } .boxes { margin-left: -20px; margin-right: -20px; } .boxes .box { margin-bottom: 40px; padding-left: 20px; padding-right: 20px; } .boxes .box img { width: 100%; } @media (max-width: 768px) { .boxes { padding: 0 20px; } } #AcceptUIContainer {max-width:0} #AcceptUIContainer.show {max-width:100%} #bbpress-forums { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; letter-spacing: normal; } #bbpress-forums p { font-size: 14px; } #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { font-size: 14px; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { font-size: 14px; } #bbpress-forums a, #bbpress-forums a:hover { color: #000; } div.bbp-breadcrumb, div.bbp-topic-tags { margin-bottom: 10px; } div.bbp-template-notice.info { background-color: #d6f4fb; border: none; border-left: 4px solid #61d7f0; border-radius: 0; color: #01728a; margin-bottom: 20px; } div.bbp-template-notice, div.indicator-hint { background-color: #fef4dd; border: none; border-left: 4px solid #fdd477; border-radius: 0; color: #976e12; margin-bottom: 20px; padding: 10px; } div.bbp-template-notice.error, div.bbp-template-notice.warning { background-color: #f4d0d0; border: none; border-left: 4px solid #d65555; border-radius: 0; color: #700000; margin-bottom: 20px; } div.bbp-template-notice li, div.bbp-template-notice p { font-size: 14px; margin: 0 !important; } #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics { border-color: #000; } #bbpress-forums li.bbp-header { background-color: #000; color: #fff; } #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-header { background-color: #000; border-color: #000; color: #fff; } #bbpress-forums fieldset.bbp-form { border: none; margin: 40px auto 20px; max-width: 540px; padding: 0; } .bbp-pagination { margin-bottom: 20px; } #bbpress-forums fieldset.bbp-form input, #bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form textarea { margin: 0 0 20px; } .bbp-login-form .bbp-email, .bbp-login-form .bbp-password, .bbp-login-form .bbp-remember-me, .bbp-login-form .bbp-submit-wrapper, .bbp-login-form .bbp-username { margin-top: 20px; } #bbpress-forums fieldset.bbp-form legend { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 0; } #bbpress-forums fieldset.bbp-form label { color: #000; margin-bottom: 5px; } #qt_bbp_topic_content_link, #qt_bbp_reply_content_link { display: none; } #bbpress-forums fieldset.bbp-form input[type=date], #bbpress-forums fieldset.bbp-form input[type=datetime-local], #bbpress-forums fieldset.bbp-form input[type=month], #bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=search], #bbpress-forums fieldset.bbp-form input[type=time], #bbpress-forums fieldset.bbp-form input[type=week], #bbpress-forums fieldset.bbp-form input[type=email], #bbpress-forums fieldset.bbp-form input[type=number], #bbpress-forums fieldset.bbp-form input[type=tel], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form input[type=search], #bbpress-forums fieldset.bbp-form input[type=url], #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form textarea { -webkit-appearance: none; background-color: #fff; border: 1px solid #000; border-radius: 0; color: #000000; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.4; margin: 0; outline: 0; padding: 8.5px 10px; text-align: left; touch-action: manipulation; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, background-image 200ms ease-in-out; width: 100%; } #bbpress-forums fieldset.bbp-form input[type=date], #bbpress-forums fieldset.bbp-form input[type=datetime-local], #bbpress-forums fieldset.bbp-form input[type=month], #bbpress-forums fieldset.bbp-form input[type=password], #bbpress-forums fieldset.bbp-form input[type=search], #bbpress-forums fieldset.bbp-form input[type=time], #bbpress-forums fieldset.bbp-form input[type=week], #bbpress-forums fieldset.bbp-form input[type=email], #bbpress-forums fieldset.bbp-form input[type=number], #bbpress-forums fieldset.bbp-form input[type=tel], #bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form input[type=search], #bbpress-forums fieldset.bbp-form input[type=url], #bbpress-forums fieldset.bbp-form select:not([multiple]):not([size]) { height: 36px; } #bbpress-forums fieldset.bbp-form select:not([multiple]):not([size]) { background-image: url('data:image/svg+xml,<%2Fsvg>'); background-position: right 10px center; background-size: 15px 10px; background-repeat: no-repeat; } #bbp_search_submit { display: none; } li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: right; } #bbpress-forums button { background-color: #D6D4FF; border: 1px solid #D6D4FF; color: #FC7D3A; cursor: pointer; display: inline-block; font-family: 'Druk Text Web'; font-size: 20px; font-weight: 500; line-height: 1; min-width: 160px; padding: 6.5px 10px 8.5px; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; } .bbpress .LPMcontainer { display: none !important; }