/* Font ***********/ /* NOTE: color definitions have moved to src/assets/sass/colors.js */ /* Color Schemes for different Layouts ****************************************/ /* Global helpers ******************/ /* Mixin to create different Styles for all Layouts Like fischer, upat and more ***************************************************/ /* Font-Size Generator for REM with PX Fallback Font-size and Line-height */ /* Media Query Mixins */ @font-face { font-family: "fischerstrong regular"; font-weight: normal; font-style: normal; font-display: swap; src: url("/dist/fischer-website-rebrush/fonts/fischerstrong-Regular-WebS.woff2") format("woff2"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Regular-WebS.woff") format("woff"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Regular-WebS.ttf") format("truetype"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Regular-WebS.svg") format("svg"); } @font-face { font-family: "fischerstrong light"; font-weight: 300; font-style: normal; font-display: swap; src: url("/dist/fischer-website-rebrush/fonts/fischerstrong-Light-WebS.woff2") format("woff2"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Light-WebS.woff") format("woff"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Light-WebS.ttf") format("truetype"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-Light-WebS.svg") format("svg"); } @font-face { font-family: "fischerstrong semi bold"; font-weight: 600; font-style: normal; font-display: swap; src: url("/dist/fischer-website-rebrush/fonts/fischerstrong-SemiBold-WebS.woff2") format("woff2"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-SemiBold-WebS.woff") format("woff"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-SemiBold-WebS.ttf") format("truetype"), url("/dist/fischer-website-rebrush/fonts/fischerstrong-SemiBold-WebS.svg") format("svg"); } .icons .glyph { font-size: 2.5em; float: left; width: 20%; min-height: 150px; padding-top: 20px; text-align: center; } .icons .glyph .mls { clear: both; display: block; font-size: 0.4em; } @font-face { font-family: "app-fischer"; src: url("/dist/fischer-website-rebrush/fonts/fischer.eot?ybxhq5"); src: url("/dist/fischer-website-rebrush/fonts/fischer.eot?ybxhq5#iefix") format("embedded-opentype"), url("/dist/fischer-website-rebrush/fonts/fischer.ttf?ybxhq5") format("truetype"), url("/dist/fischer-website-rebrush/fonts/fischer.woff?ybxhq5") format("woff"), url("/dist/fischer-website-rebrush/fonts/fischer.svg?ybxhq5#fischer") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^="app-icon-"], [class*="app-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ /* note: SonarQube insists on a generic font-family as fallback, however for * icons this makes no sense (can not be disabled). */ font-family: "app-fischer", sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="app-icon-"]:not(.preferNonApp), [class*="app-icon-"]:not(.preferNonApp) { font-family: app-fischer, sans-serif !important; } /* Variables for static icons inside Quellcode !! After updating the font - check the variables, maybe the code has changed !! */ /* Multicolor Icons */ .app-icon-cart-circle .path1:before { content: "\e90"; color: #f0f0f0; } .app-icon-cart-circle .path2:before { content: "\e91"; margin-left: -1em; color: #4c4c4c; } .app-icon-sort-down .path1:before { content: "\e105"; color: #f0f0f0; } .app-icon-sort-down .path2:before { content: "\e106"; color: red; } .app-icon-user-logged { position: relative; font-size: 26px; display: inline-block; margin-bottom: -4px; color: #8c827a; } .app-icon-user-logged:before { content: "\e1039"; } .app-icon-cart-counter { position: relative; bottom: 3px; font-size: 20px; } .app-icon-cart-counter:before { content: "\e1040"; } /* default Icons without multicolors .. */ .app-icon-user:before { content: "\e1039"; color: #4c4c4c; } .app-icon-cart:before { content: "\e1040"; } .app-icon-support:before { content: "\e1041"; } .app-icon-logout { display: inline-block; } .app-icon-logout:before { content: "\e1042"; color: #4c4c4c; } .app-icon-trash:before { content: "\e1043"; } .app-icon-map-pin:before { content: "\e1044"; color: #8c8c8d; } .app-icon-check-rounded-overflow:before { content: "\e1045"; color: #8c8c8d; } .app-icon-settings:before { content: "\e1046"; color: #8c8c8d; } .app-icon-users:before { content: "\e1047"; color: #8c8c8d; } .app-icon-filter:before { content: "\e1048"; } .app-icon-calendar:before { content: "\e1049"; } .app-icon-download:before { content: "\e1050"; } .app-icon-envelope:before { content: "\e1051"; } .app-icon-exclamation:before { content: "\e1052"; } .app-icon-global:before { content: "\e1053"; } .app-icon-history:before { content: "\e1054"; } .app-icon-info-rounded:before { content: "\e1055"; } .app-icon-link:before { content: "\e1056"; } .app-icon-list:before { content: "\e1057"; } .app-icon-location:before { content: "\e1058"; } .app-icon-menu:before { content: "\e1059"; } .app-icon-check:before { content: "\e1060"; } .app-icon-check-rounded:before { content: "\e1061"; } .app-icon-cancel:before { content: "\e1062"; } .app-icon-cancel-rounded:before { content: "\e1063"; } .app-icon-minus:before { content: "\e1064"; } .app-icon-add-rounded:before { content: "\e1065"; } .app-icon-move:before { content: "\e1066"; } .app-icon-pdf:before { content: "\e1067"; } .app-icon-file:before { content: "\e1068"; } .app-icon-pencil:before { content: "\e1069"; } .app-icon-phone-call:before { content: "\e1070"; } .app-icon-placeholder:before { content: "\e1071"; } .app-icon-printer:before { content: "\e1072"; } .app-icon-question-rounded:before { content: "\e1073"; } .app-icon-resize:before { content: "\e1074"; } .app-icon-search-old:before { content: "\e1075"; } .app-icon-search:before { content: "\e915"; } .app-icon-security:before { content: "\e1076"; } .app-icon-share:before { content: "\e1077"; } .app-icon-speech-bubbles:before { content: "\e1078"; } .app-icon-speech-bubble:before { content: "\e1079"; } .app-icon-star:before { content: "\e1080"; } .app-icon-arrow-down-strong:before { content: "\e1081"; } .app-icon-arrow-up-rounded:before { content: "\e1082"; } .app-icon-arrow-down-rounded:before { content: "\e1083"; } .app-icon-arrow-right-rounded:before, .scf-link-styles:before, .scf-checkbox-text a:before, .scf-link a:before { content: "\e1084"; } .app-icon-back-rounded:before { content: "\e1085"; } .app-icon-arrow-up:before { content: "\e1086"; } .app-icon-arrow-down:before { content: "\e1087"; } .app-icon-arrow-right:before { content: "\e1088"; } .app-icon-arrow-left:before { content: "\e1089"; } .app-icon-warning:before { content: "\e1090"; } .app-icon-checkbox:before { content: "\e1091"; } .app-icon-checkbox-checked:before { content: "\e1092"; } .app-icon-radio:before { content: "\e1093"; } .app-icon-radio-checked:before { content: "\e1094"; } .app-icon-twitter:before { content: "\e1095"; } .app-icon-youtube:before { content: "\e1096"; } .app-icon-youtube-button:before { content: "\e1097"; } .app-icon-fischer-tool:before { content: "\e1098"; color: #565656; } .app-icon-fischer-icon:before { content: "\e1099"; } .app-icon-fischer:before { content: "\e1100"; } .app-icon-package:before { content: "\e1101"; } .app-icon-lock:before { content: "\e1102"; } .app-icon-ic-sort:before { content: "\e105"; } .app-icon-ic-sort-down .path1:before { content: "\e110"; color: #f00; } .app-icon-ic-sort-down .path2:before { content: "\e111"; margin-left: -0.6064453125em; } .app-icon-ic-sort-up .path1:before { color: #f00; content: "\e115"; } .app-icon-ic-sort-up .path2:before { content: "\e116"; margin-left: -0.6064453125em; } .app-icon-cart-circle, .app-icon-user-logged, .app-icon-cart-counter { vertical-align: top; } .app-icon-ic-division:before { content: "\e900"; } .app-icon-ic-case:before { content: "\e901"; } .app-icon-ic-user:before { content: "\e902"; } .app-icon-ic-place:before { content: "\e903"; } .app-icon-global1:before { content: "\e904"; } .app-icon-book:before { content: "\e905"; } .app-icon-clipboard:before { content: "\e906"; } .app-icon-clock:before { content: "\e907"; } .app-icon-coffee:before { content: "\e908"; } .app-icon-gift:before { content: "\e909"; } .app-icon-heart:before { content: "\e90a"; } .app-icon-cutlery:before { content: "\e90b"; } .app-icon-piggybank:before { content: "\e90c"; } .app-icon-lightbulb:before { content: "\e90d"; } .app-icon-parking:before { content: "\e90e"; } .app-icon-message-square:before { content: "\e90f"; } .app-icon-users-2:before { content: "\e910"; } .app-icon-barcode:before { content: "\e916"; } .app-icon-wishlist:before { content: "\e917"; } .app-icon-user-plus:before { content: "\e913"; } .app-icon-inbox:before { content: "\e914"; } /* Icon classes to apply different main colors */ .icon-color-primary:before { color: #f00; } .icon-color-secondary:before { color: #8c827a; } .icon-color-tertiary:before { color: #fff; } .icon-color-tertiary .path1:before, .icon-color-tertiary .path2:before, .icon-color-tertiary .path3:before { color: #fff; } .icon-color-tertiary .path4:before { color: #f00; } /* Icon classes to apply spacings on the left and/or right side */ .icon-spacing-left { margin-left: 4px; } .icon-spacing-right { margin-right: 4px; } /* Custom styles for sitecore forms generator */ .sc-formDesignBoard { font-size: 16px; line-height: 22px; color: #bdbab0; } .scf-clearfix:after, .scf-row-styles:after, .scf-row:after, .scf-btn-upload-wrapper:after, .scf-btn-wrapper:after { content: ''; display: table; clear: both; } .scf-hidden-input-styles, .scf-radio-input, .scf-checkbox, .scf-btn-upload-input { width: 0; height: 0; margin: 0; padding: 0; border: 0; visibility: hidden; overflow: hidden; position: absolute; z-index: 0; } .scf-icon-base-styles, .scf-link-styles:before, .scf-checkbox-text a:before, .scf-link a:before { font-family: app-fischer !important; speak: none; font-style: normal; font-weight: 400; -webkit-font-feature-settings: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .scf-link-styles, .scf-checkbox-text a, .scf-link a { color: #bdbab0; display: inline-block; text-decoration: none; position: relative; padding-left: 27px; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; } .scf-link-styles:before, .scf-checkbox-text a:before, .scf-link a:before { color: #f00; position: absolute; left: 0; top: 4px; } .scf-link-styles:hover, .scf-checkbox-text a:hover, .scf-link a:hover { color: #f00; } .scf-link-styles:is(.text-link), .scf-checkbox-text a:is(.text-link), .scf-link a:is(.text-link) { padding-left: 0; font-weight: 600; margin-bottom: 0; } .scf-link-styles:is(.text-link):before, .scf-checkbox-text a:is(.text-link):before, .scf-link a:is(.text-link):before { display: none; } .scf-row-styles, .scf-row { margin-left: -15px; margin-right: -15px; } .scf-column-styles, .scf-column { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; display: block; float: left; width: 100%; } @media (min-width: 1024px) { .scf-column-styles, .scf-column { width: 50%; } } .scf h1, .scf .h1, .scf h2, .scf .h2 { color: #8c827a; } .scf h3, .scf .h3 { color: #f00; } .scf-page.success { min-height: 500px; } .scf-page.success h1, .scf-page.success .h1, .scf-page.success h2, .scf-page.success .h2, .scf-page.success h3, .scf-page.success .h3, .scf-page.success h4, .scf-page.success .h4, .scf-page.success h5, .scf-page.success .h5, .scf-page.success h6, .scf-page.success .h6 { margin-bottom: 25px; } .scf-page.success p.scf-text, .scf-page.success span.scf-text { margin-bottom: 20px; } @media (min-width: 480px) { .scf-page.success p.scf-text, .scf-page.success span.scf-text { max-width: inherit; } } .scf-page.success.centered { text-align: center; max-width: 600px; margin: 0 auto; } .scf-page.success:not(.centered) .scf-text:is(h2) { text-align: left; } .scf-form { margin-bottom: 100px; } .scf-form form.centered { max-width: 940px; margin: 0 auto; } .scf-form .field-validation-error { font-size: 0.875rem; line-height: 1.125rem; font-weight: 600; display: block; color: #c50000; padding-top: 4px; } .scf-label-styles, .scf-label:not(.preferNonApp):not(p), .scf-radio-option-label:not(.preferNonApp):not(p), .scf-text:is(label) { display: inline-block; color: #bdbab0; font-size: 16px; font-weight: 600; margin-bottom: 3px; } .scf-text-input-styles, .scf-text-field:is(input), .scf-textarea:is(textarea), .scf-list-box:is(select) { font-size: 16px; line-height: 22px; display: block; width: 100%; background-color: #f2f1ef; caret-color: #c50000; color: #8c827a; outline: none; padding: 7px 12px 5px 12px; } .scf-text-input-styles[type=number], .scf-text-field[type=number]:is(input), .scf-textarea[type=number]:is(textarea), .scf-list-box[type=number]:is(select) { width: 100%; } .scf-error-border-styles, .scf-text-input-styles.input-validation-error, .input-validation-error.scf-text-field:is(input), .input-validation-error.scf-textarea:is(textarea), .input-validation-error.scf-list-box:is(select), .scf-select.input-validation-error { border-bottom: 2px solid #c50000 !important; } .scf-element, .scf-text.mandatory-hint { position: relative; display: block; margin-bottom: 28px; width: 100%; } .scf-label:not(.preferNonApp):not(p):is(.scf-radio-option-label), .scf-radio-option-label:not(.preferNonApp):not(p):is(.scf-radio-option-label) { display: block; float: left; cursor: pointer; font-weight: normal; margin-right: 30px; position: relative; } .scf-label:not(.preferNonApp):not(p):is(.scf-radio-option-label):last-of-type, .scf-radio-option-label:not(.preferNonApp):not(p):is(.scf-radio-option-label):last-of-type { margin-right: 0; } .scf-radio-item-text:before { content: ''; display: block; border: 1px solid #bdbab0; border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 2px; left: 0; } .scf-radio-item-text:after { content: ''; display: none; border: 1px solid #f00; border-radius: 50%; width: 12px; height: 12px; position: absolute; background-color: #f00; top: 5px; left: 3px; } .scf-label--inline { margin-right: 38px; float: left; } .scf-text:is(h1), .scf-text:is(.h1), .scf-text:is(h2), .scf-text:is(.h2) { color: #8c827a; } .scf-text:is(h3), .scf-text:is(.h3) { color: #f00; } .scf-text:is(h2) { margin-bottom: 36px; } .scf-text:is(h3) { margin-bottom: 18px; } .scf-text:is(h1).centered, .scf-text:is(.h1).centered, .scf-text:is(h2).centered, .scf-text:is(.h2).centered, .scf-text:is(h3).centered, .scf-text:is(.h3).centered, .scf-text:is(h4).centered, .scf-text:is(.h4).centered, .scf-text:is(h5).centered, .scf-text:is(.h5).centered, .scf-text:is(h6).centered, .scf-text:is(.h6).centered { text-align: center; } .scf-text:is(p), .scf-text:is(span) { font-size: 16px; line-height: 22px; } .scf-text.mandatory-hint:before { content: '*'; display: inline-block; } @media (min-width: 480px) { .scf-text, .scf-checkbox-text { max-width: 70%; } } @media (min-width: 1024px) { .scf-text, .scf-checkbox-text { max-width: inherit; } } @media (min-width: 480px) { .scf-text:is(h1), .scf-text:is(.h1), .scf-text:is(h2), .scf-text:is(.h2), .scf-text:is(h3), .scf-text:is(.h3), .scf-text:is(h4), .scf-text:is(.h4), .scf-text:is(h5), .scf-text:is(.h5), .scf-text:is(h6), .scf-text:is(.h6), .scf-checkbox-text:is(h1), .scf-checkbox-text:is(.h1), .scf-checkbox-text:is(h2), .scf-checkbox-text:is(.h2), .scf-checkbox-text:is(h3), .scf-checkbox-text:is(.h3), .scf-checkbox-text:is(h4), .scf-checkbox-text:is(.h4), .scf-checkbox-text:is(h5), .scf-checkbox-text:is(.h5), .scf-checkbox-text:is(h6), .scf-checkbox-text:is(.h6) { max-width: inherit; } } .scf-checkbox-text { font-size: 16px; } .scf-text-field { border: 0; border-bottom: 2px solid transparent; height: 36px; } .scf-textarea { border: 0; border-radius: 0; padding-bottom: 7px; } .scf-radio-input + .app-icon-radio { font-size: 18px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .scf-radio-input:checked + .scf-radio-item-text:before { border-color: #f00; } .scf-radio-input:checked + .scf-radio-item-text:after { border-color: #f00; color: #f00; display: block; } .scf-radio-item-text { display: inline-block; margin-left: 28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .scf-select { cursor: pointer; border: 0; border-top: 2px solid #e5e3df; border-bottom: 2px solid transparent; display: block; padding: 8px 30px 8px 12px; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .scf-select-icon { background-color: #fff; font-size: 20px; color: #f00; position: absolute; top: 37px; right: 10px; pointer-events: none; z-index: 1; } .scf-checkbox-label { cursor: pointer; position: relative; } .scf-checkbox-label:not(.preferNonApp) { margin-bottom: 8px; } .scf-checkbox-list-label:not(.preferNonApp) { margin-bottom: 12px !important; } .scf-checkbox-list-item-label { cursor: pointer; position: relative; } .scf-checkbox-list-item-label:not(.preferNonApp) { display: inline-block; margin-bottom: 8px; } .scf-checkbox-list-item-label .scf-checkbox-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: inherit !important; } .scf-checkbox-text { font-weight: normal; margin-left: 28px; line-height: 24px; } .scf-checkbox-icon, .scf-checkbox-icon-checked { position: absolute; top: 4px; left: 1px; z-index: 1; } .scf-checkbox-icon-checked { display: none; } .scf-checkbox:checked ~ .scf-checkbox-icon { display: none; } .scf-checkbox:checked ~ .scf-checkbox-icon-checked { display: inline; color: #f00; } .scf-checkbox.input-validation-error ~ .scf-checkbox-icon { color: #c50000; } .scf-list-box { border: 0; border-radius: 0; } .scf-list-box option:focus, .scf-list-box option:active, .scf-list-box option:checked { color: red; } .scf-link { font-size: 16px; line-height: 24px; } .scf-link-icon { color: #f00; position: absolute; left: 0; top: 4px; text-decoration: none; } .scf-link, .scf-link a { color: #bdbab0; } .scf-btn-upload { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block !important; font-weight: normal !important; } @media (min-width: 1024px) { .scf-btn-upload { margin-right: 8px; } } .scf-upload-filename { font-style: italic; margin-top: 4px; display: block; } @media (min-width: 1024px) { .scf-upload-filename { margin-top: 0; display: inline-block; } } .scf-btn-upload, .scf-btn { border: 0; background-color: #f00; margin-bottom: 0 !important; padding: 7px 24px; color: #fff; text-align: center; width: 100%; } @media (min-width: 1024px) { .scf-btn-upload, .scf-btn { width: auto; } } .scf-btn-upload-wrapper, .scf-btn-wrapper { text-align: center; } .scf-btn-upload-wrapper + .scf-btn-wrapper, .scf-btn-wrapper + .scf-btn-wrapper { margin-top: 24px; } .scf-required, .scf-text.mandatory-hint:before { color: #f00; margin-right: 4px; } .scf-page--rebrush .scf h1, .scf-page--rebrush .scf .h1, .scf-page--rebrush .scf h2, .scf-page--rebrush .scf .h2, .scf-page--rebrush .scf h3, .scf-page--rebrush .scf .h3, .scf-page--rebrush .scf h4, .scf-page--rebrush .scf .h4, .scf-page--rebrush .scf h5, .scf-page--rebrush .scf .h5, .scf-page--rebrush .scf h6, .scf-page--rebrush .scf .h6 { color: #000; } .scf-page--rebrush .scf-row + h1, .scf-page--rebrush .scf-row .h1, .scf-page--rebrush .scf-row + h2, .scf-page--rebrush .scf-row .h2, .scf-page--rebrush .scf-row + h3, .scf-page--rebrush .scf-row .h3, .scf-page--rebrush .scf-row + h4, .scf-page--rebrush .scf-row .h4, .scf-page--rebrush .scf-row + h5, .scf-page--rebrush .scf-row .h5, .scf-page--rebrush .scf-row + h6, .scf-page--rebrush .scf-row .h6 { margin-top: 72px; } .scf-page--rebrush .scf-text:is(h1), .scf-page--rebrush .scf-text:is(.h1), .scf-page--rebrush .scf-text:is(h2), .scf-page--rebrush .scf-text:is(.h2), .scf-page--rebrush .scf-text:is(h3), .scf-page--rebrush .scf-text:is(.h3), .scf-page--rebrush .scf-text:is(h4), .scf-page--rebrush .scf-text:is(.h4), .scf-page--rebrush .scf-text:is(h5), .scf-page--rebrush .scf-text:is(.h5), .scf-page--rebrush .scf-text:is(h6), .scf-page--rebrush .scf-text:is(.h6) { color: #000; margin-bottom: 36px; } .scf-page--rebrush .scf-text:is(h1).centered, .scf-page--rebrush .scf-text:is(.h1).centered, .scf-page--rebrush .scf-text:is(h2).centered, .scf-page--rebrush .scf-text:is(.h2).centered, .scf-page--rebrush .scf-text:is(h3).centered, .scf-page--rebrush .scf-text:is(.h3).centered, .scf-page--rebrush .scf-text:is(h4).centered, .scf-page--rebrush .scf-text:is(.h4).centered, .scf-page--rebrush .scf-text:is(h5).centered, .scf-page--rebrush .scf-text:is(.h5).centered, .scf-page--rebrush .scf-text:is(h6).centered, .scf-page--rebrush .scf-text:is(.h6).centered { text-align: center; max-width: 450px; margin-left: auto; margin-right: auto; margin-bottom: 72px; } @media screen and (min-width: 1920px) { .scf-page--rebrush .scf-text:is(h1).centered, .scf-page--rebrush .scf-text:is(.h1).centered, .scf-page--rebrush .scf-text:is(h2).centered, .scf-page--rebrush .scf-text:is(.h2).centered, .scf-page--rebrush .scf-text:is(h3).centered, .scf-page--rebrush .scf-text:is(.h3).centered, .scf-page--rebrush .scf-text:is(h4).centered, .scf-page--rebrush .scf-text:is(.h4).centered, .scf-page--rebrush .scf-text:is(h5).centered, .scf-page--rebrush .scf-text:is(.h5).centered, .scf-page--rebrush .scf-text:is(h6).centered, .scf-page--rebrush .scf-text:is(.h6).centered { max-width: 520px; } } .scf-page--rebrush .scf-text:is(h1).scf-brand, .scf-page--rebrush .scf-text:is(.h1).scf-brand, .scf-page--rebrush .scf-text:is(h2).scf-brand, .scf-page--rebrush .scf-text:is(.h2).scf-brand, .scf-page--rebrush .scf-text:is(h3).scf-brand, .scf-page--rebrush .scf-text:is(.h3).scf-brand, .scf-page--rebrush .scf-text:is(h4).scf-brand, .scf-page--rebrush .scf-text:is(.h4).scf-brand, .scf-page--rebrush .scf-text:is(h5).scf-brand, .scf-page--rebrush .scf-text:is(.h5).scf-brand, .scf-page--rebrush .scf-text:is(h6).scf-brand, .scf-page--rebrush .scf-text:is(.h6).scf-brand { color: #f00; } .scf-page--rebrush .scf-link-styles, .scf-page--rebrush .scf-checkbox-text a, .scf-checkbox-text .scf-page--rebrush a, .scf-page--rebrush .scf-link a, .scf-link .scf-page--rebrush a, .scf-page--rebrush .scf-label-styles, .scf-page--rebrush .scf-label:not(.preferNonApp):not(p), .scf-page--rebrush .scf-radio-option-label:not(.preferNonApp):not(p), .scf-page--rebrush .scf-text:is(label), .scf-page--rebrush .scf-text-input-styles, .scf-page--rebrush .scf-text-field:is(input), .scf-page--rebrush .scf-textarea:is(textarea), .scf-page--rebrush .scf-list-box:is(select) { color: #000; } .scf-page--rebrush .scf-link-styles:hover, .scf-page--rebrush .scf-checkbox-text a:hover, .scf-checkbox-text .scf-page--rebrush a:hover, .scf-page--rebrush .scf-link a:hover, .scf-link .scf-page--rebrush a:hover { color: #f00; } .scf-page--rebrush .scf-link, .scf-page--rebrush .scf-link a { color: #000; } .scf-page--rebrush .scf-radio-item-text:before { border: 1px solid #000; } .scf-page--rebrush .scf-btn { margin-top: 40px; padding: 19px 32px !important; font-weight: bold; } .scf-page--rebrush .scf-btn.full-width { width: 100%; } .scf-block-element { display: block !important; float: none !important; } [multiple], [multiple]:focus, [type=date], [type=date]:focus, [type=datetime-local], [type=datetime-local]:focus, [type=email], [type=email]:focus, [type=month], [type=month]:focus, [type=number], [type=number]:focus, [type=password], [type=password]:focus, [type=search], [type=search]:focus, [type=tel], [type=tel]:focus, [type=text], [type=text]:focus, [type=time], [type=time]:focus, [type=url], [type=url]:focus, [type=week], [type=week]:focus, select, select:focus, textarea, textarea:focus { outline: none !important; outline-style: none !important; outline-offset: 0px !important; outline-width: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } [multiple][class^="scf-"], [multiple]:focus[class^="scf-"], [type=date][class^="scf-"], [type=date]:focus[class^="scf-"], [type=datetime-local][class^="scf-"], [type=datetime-local]:focus[class^="scf-"], [type=email][class^="scf-"], [type=email]:focus[class^="scf-"], [type=month][class^="scf-"], [type=month]:focus[class^="scf-"], [type=number][class^="scf-"], [type=number]:focus[class^="scf-"], [type=password][class^="scf-"], [type=password]:focus[class^="scf-"], [type=search][class^="scf-"], [type=search]:focus[class^="scf-"], [type=tel][class^="scf-"], [type=tel]:focus[class^="scf-"], [type=text][class^="scf-"], [type=text]:focus[class^="scf-"], [type=time][class^="scf-"], [type=time]:focus[class^="scf-"], [type=url][class^="scf-"], [type=url]:focus[class^="scf-"], [type=week][class^="scf-"], [type=week]:focus[class^="scf-"], select[class^="scf-"], select:focus[class^="scf-"], textarea[class^="scf-"], textarea:focus[class^="scf-"] { border-bottom: 2px solid transparent !important; } select:focus { border-top: 2px solid #e5e3df !important; border-bottom: 2px solid transparent !important; }