@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(MaterialIcons-Regular.eot); src: local("../fonts/Material Icons"), local("../fonts/MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype") } body.acp-readable i.material-icons, .material-icons { font-family: 'Material Icons' !important; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; } /* * Helpers */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * The Toolbar - Reset */ #acp-toolbar ul { list-style: none } #acp-toolbar ul, #acp-toolbar button, #acp-toolbar a { margin: 0; padding: 0; } #acp-toolbar ul, #acp-toolbar button, #acp-toolbar a { font-family: arial, sans-serif } #acp-toolbar button, #acp-toolbar a { appearance: normal; -webkit-appearance: none; cursor: pointer; } #acp-toolbar ul.acp-main-nav>li:last-child a { display: block; background: none !important; } /* * The Toolbar - Typography */ #acp-toolbar ul, #acp-toolbar a, #acp-toolbar button, #acp-toolbar p { font-size: 13px; line-height: 1.1; font-weight: 400; text-transform: none; color: black; } #acp-toolbar p.acp-label { font-size: 16px; font-weight: 700; height: 36px; line-height: 36px; padding: 0; color: #ffc600; } #acp-toolbar p.toolbar-heading { font-size: 24px; padding: 60px 10px; color: #fff; } #acp-toolbar p, #acp-toolbar ul.acp-main-nav button, #acp-toolbar ul.acp-main-nav>li:last-child { text-align: center } #acp-toolbar ul.acp-main-nav button { text-decoration: none } #acp-toolbar .acp-toolbar-heading { text-align: center; padding-top: 30px; } #acp-toolbar .acp-toolbar-heading svg { width: 148px; } /* * The Toolbar - Layout */ #acp-toolbar { position: fixed; z-index: 9999999; top: 0; bottom: 0; right: -680px; padding: 0 40px; width: 420px; overflow: hidden; pointer-events: none; background-color: black; background: rgba(0, 0, 0, 0.88); -webkit-box-shadow: inset 0px 0px 124px rgba(0, 0, 0, 0.88); -moz-box-shadow: inset 0px 0px 124px rgba(0, 0, 0, 0.88); box-shadow: inset 0px 0px 124px rgba(0, 0, 0, 0.88); font-family: arial, sans-serif; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out } #acp-toolbar.toolbar-left { right: auto; left: -680px; } #acp-toolbar.active { right: 0; pointer-events: all } #acp-toolbar.active.toolbar-left { left: 0; right: auto; pointer-events: all } #acp-toolbar p { margin: 0; } #acp-toolbar ul { display: block; } #acp-toolbar ul.acp-main-nav > li { height: 110px; position: relative; margin-top: 30px; } @media screen and (max-height: 920px) { #acp-toolbar ul.acp-main-nav > li { margin-top: 10px; } } @media screen and (max-height: 836px) { #acp-toolbar ul.acp-main-nav > li { margin-top: 0px; } } #acp-toolbar ul.acp-main-nav > li:first-child { margin-top: 0; } #acp-toolbar ul.acp-main-nav > li.acp-li-fonts { height: 180px; } #acp-toolbar ul.acp-main-nav { padding-bottom: 50px } #acp-toolbar ul.acp-main-nav>li:last-child { position: absolute; bottom: 0; left: 0; right: 0; padding: 0; height: auto; } #acp-toolbar ul.acp-main-nav>li:last-child svg { width: 120px; } #acp-toolbar ul.acp-main-nav>li:last-child a img { max-height: 32px; width: auto } #acp-toolbar ul.acp-main-nav ul.ul-general a, #acp-toolbar ul.acp-main-nav button { text-decoration: none; display: block; width: 100%; height: 100%; padding: 8px 4px; background-color: rgba(255,255,255,0.92); border: 0; color: black; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out; -webkit-box-shadow: inset 1px 2px 8px rgba(0, 0, 0, .4); -moz-box-shadow: inset 1px 2px 8px rgba(0, 0, 0, .4); box-shadow: inset 1px 2px 8px rgba(0, 0, 0, .4); } #acp-toolbar ul.acp-main-nav ul.ul-general a:hover, #acp-toolbar ul.acp-main-nav ul.ul-general a:focus, #acp-toolbar ul.acp-main-nav button:hover, #acp-toolbar ul.acp-main-nav button:focus { background-color: rgba(255,255,255,0.86); -webkit-box-shadow: inset 1px 2px 12px rgba(0, 0, 0, .4); -moz-box-shadow: inset 1px 2px 12px rgba(0, 0, 0, .4); box-shadow: inset 1px 2px 12px rgba(0, 0, 0, .4); } #acp-toolbar ul.acp-main-nav ul.ul-general a i.material-icons, #acp-toolbar ul.acp-main-nav button i.material-icons { display: block; color: #3d4744; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease } #acp-toolbar ul.acp-main-nav ul.ul-general a:focus, #acp-toolbar ul.acp-main-nav button:focus { outline: none; } #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active, #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active:hover, #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active:focus, #acp-toolbar ul.acp-main-nav button.acp-active, #acp-toolbar ul.acp-main-nav button.acp-active:hover, #acp-toolbar ul.acp-main-nav button.acp-active:focus { background-color: #ffc600 } #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active-blue, #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active-blue:hover, #acp-toolbar ul.acp-main-nav ul.ul-general a.acp-active-blue:focus, #acp-toolbar ul.acp-main-nav button.acp-active-blue, #acp-toolbar ul.acp-main-nav button.acp-active-blue:hover, #acp-toolbar ul.acp-main-nav button.acp-active-blue:focus { background-color: #ffc600 } #acp-toolbar ul.acp-main-nav > li.acp-li-reset { margin-top: 10px; } #acp-toolbar ul.acp-main-nav > li.acp-li-reset > ul.ul-general { height: 24px; text-align: center; } #acp-toolbar ul.acp-main-nav > li.acp-li-reset a, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button { background: none; padding: 0; color: white; line-height: 24px; font-weight: 600; } #acp-toolbar ul.acp-main-nav > li.acp-li-reset a i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset a i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button i.material-icons { color: #FFF; } #acp-toolbar ul.acp-main-nav > li.acp-li-reset a:hover, #acp-toolbar ul.acp-main-nav > li.acp-li-reset a:focus, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button:focus, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #acp-toolbar ul.acp-main-nav > li.acp-li-reset a:hover i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset a:focus i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button:focus i.material-icons, #acp-toolbar ul.acp-main-nav > li.acp-li-reset button:hover i.material-icons { color: #ffc600; } #acp-toolbar .ul-sub li, #acp-toolbar .ul-general li#acp-reset { width: 100%; } #acp-toolbar ul.acp-main-nav ul.ul-sub { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 74px; } #acp-toolbar ul.acp-main-nav ul.ul-sub li { flex-grow: 1; padding: 4px } #acp-toolbar ul.acp-main-nav ul.ul-sub.ul-2-items li { width: 50% } #acp-toolbar ul.acp-main-nav ul.ul-sub.ul-3-items li { width: 33% } #acp-toolbar .ul-sub, #acp-toolbar .ul-general { display: flex } #acp-toolbar .ul-sub li, #acp-toolbar .ul-general li { width: 33% } #acp-toolbar ul.ul-general { width: 155px; margin: 0 auto } #acp-toolbar ul.ul-general button, #acp-toolbar ul.ul-general a { display: block } body.acp-font-lvl-4 #acp-toolbar { width: 480px } @media (max-height: 940px) { #acp-toolbar ul.acp-main-nav { padding-bottom: 40px } #acp-toolbar ul.acp-main-nav>li:last-child { bottom: 5px } #acp-toolbar ul.acp-main-nav>li:last-child a img { max-height: 32px } #acp-toolbar ul.acp-main-nav li.acp-author, #acp-toolbar p.label { padding: 4px 0 } #acp-toolbar p.label { font-size: 14px } } @media (max-height: 820px) { #acp-toolbar p.label { font-size: 13px } } @media screen and (max-height: 790px) { #acp-toolbar ul.acp-main-nav ul.ul-sub { height: 68px; } #acp-toolbar ul.acp-main-nav > li { height: 100px; } #acp-toolbar ul.acp-main-nav > li.acp-li-fonts { height: 168px; } #acp-toolbar .acp-toolbar-heading { padding-top: 15px; } #acp-toolbar .acp-toolbar-heading svg { width: 142px; } #acp-toolbar ul.acp-main-nav>li:last-child svg { width: 98px; } } @media screen and (max-height: 724px) { #acp-toolbar ul.acp-main-nav ul.ul-sub { height: 64px; } #acp-toolbar ul.acp-main-nav > li { height: 94px; } body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav > li:first-child > ul.ul-sub { height: 88px; } body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav > li:first-child { height: 124px; } #acp-toolbar ul.acp-main-nav > li.acp-li-fonts { height: 156px; } #acp-toolbar .acp-toolbar-heading { padding-top: 10px; } #acp-toolbar .acp-toolbar-heading svg { width: 120px; } #acp-toolbar ul.acp-main-nav>li:last-child svg { width: 92px; } #acp-toolbar ul, #acp-toolbar a, #acp-toolbar button, #acp-toolbar p { font-size: 11px; } #acp-toolbar ul.acp-main-nav ul.ul-general a, #acp-toolbar ul.acp-main-nav button { padding: 4px; } } @media (max-height: 680px) { #acp-toolbar p.label { display: none } } @media (max-height: 500px) { #acp-toolbar p.label { display: none } #acp-toolbar ul.acp-main-nav { padding-bottom: 0 } #acp-toolbar ul.acp-main-nav li:last-child { display: none } #acp-toolbar p.toolbar-heading { display: none } } @media (min-width: 768px) { #acp-toolbar ul.acp-main-nav button span { padding: 0 10px; display: block } body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav button span { padding: 0 10px; display: block } body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav button span { padding: 0; display: block } } @media (max-width: 768px) { #acp-toolbar { padding: 0 20px; } } @media (max-width: 481px) { #acp-toolbar { width: auto; left: 0; right: 0; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out } #acp-toolbar.active { opacity: 1; } #acp-toolbar.toolbar-left { right: 0px; left: 0px } #acp-toolbar ul, #acp-toolbar a, #acp-toolbar button, #acp-toolbar p { font-size: 12px } body.acp-font-lvl-3 #acp-toolbar, body.acp-font-lvl-4 #acp-toolbar { padding: 2px } body.acp-font-lvl-3 #acp-toolbar p.acp-label, body.acp-font-lvl-4 #acp-toolbar p.acp-label { padding: 2px 0; line-height: 1 } body.acp-font-lvl-3 #acp-toolbar p.toolbar-heading, body.acp-font-lvl-4 #acp-toolbar p.toolbar-heading { line-height: 1; padding: 0 } body.acp-font-lvl-3 #acp-toolbar #acp-close-toolbar, body.acp-font-lvl-4 #acp-toolbar #acp-close-toolbar { top: 7px } body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav button, body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav ul.ul-general a, body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav button, body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav ul.ul-general a { padding: 2px } body.acp-font-lvl-3 #acp-toolbar ul.acp-main-nav>li:last-child a img, body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav>li:last-child a img { max-height: 22px } body.acp-font-lvl-4 #acp-toolbar { width: auto; left: 5px; right: 5px } body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav ul.ul-general a, body.acp-font-lvl-4 #acp-toolbar ul.acp-main-nav button { padding: 2px } } @media (max-width: 367px) { #acp-toolbar ul, #acp-toolbar a, #acp-toolbar button, #acp-toolbar p { font-size: 10px } } /* * Close Toolbar */ #acp-close-toolbar { position: absolute; right: 12px; top: 12px; z-index: 99999; background: none; -webkit-appearance: none; appearance: normal; display: inline-block; padding: 2px 6px; border: 0 } #acp-close-toolbar .acp-close-icon { width: 20px; height: 20px; position: relative; display: block; } #acp-close-toolbar .acp-close-icon::before, #acp-close-toolbar .acp-close-icon::after { content: ''; display: block; position: absolute; height: 2px; width: 20px; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #acp-close-toolbar .acp-close-icon::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #acp-close-toolbar .acp-close-icon::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } body.rtl #acp-close-toolbar { right: auto; left: 12px } /* * Toolbar Icon */ #acp-toggle-toolbar { position: fixed; z-index: 99999; top: 70px; right: 25px; width: 60px; height: 60px; appearance: normal; -webkit-appearance: none; padding: 0; margin: 0; color: black; border-radius: 50%; background-color: #027BCE; border: 3px solid white; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); box-shadow: 0 0 9px rgba(0, 0, 0, 0.5); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; cursor: pointer } #acp-toggle-toolbar.open { top: -180px } #acp-toggle-toolbar.toolbar-left { right: auto; left: 25px } #acp-toggle-toolbar img { width: 36px; height: 36px; background-color: transparent } #acp-toggle-toolbar:hover, #acp-toggle-toolbar:focus { outline: none; border: 3px solid #E5222F } #acp-toggle-toolbar.small { width: 48px; height: 48px; border: 2px solid white } #acp-toggle-toolbar.small img { width: 28px; height: 28px } #acp-toggle-toolbar.small:hover, #acp-toggle-toolbar.small:focus { border: 2px solid #E5222F } #acp-toggle-toolbar.big { width: 72px; height: 72px; border: 4px solid white } #acp-toggle-toolbar.big img { width: 44px; height: 44px } #acp-toggle-toolbar.big:hover, #acp-toggle-toolbar.big:focus { border: 4px solid #E5222F } @media (max-width: 768px) { #acp-toggle-toolbar { width: 44px; height: 44px } #acp-toggle-toolbar img { width: 28px; height: 28px } #acp-toggle-toolbar.small { width: 38px; height: 38px } #acp-toggle-toolbar.small img { width: 25px; height: 25px } #acp-toggle-toolbar.big { width: 48px; height: 48px } #acp-toggle-toolbar.big img { width: 32px; height: 32px } } /* * Skiplinks */ #acp-skiplinks { height: 0 } #acp-skiplinks ul { list-style: none; margin: 0; padding: 0; height: 0 } #acp-skiplinks ul a { position: fixed; z-index: 999999; top: -120px; left: 30px; background-color: #027BCE; color: white; padding: 20px; text-align: center; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -ms-transition: top 500ms ease; -o-transition: top 500ms ease; transition: top 500ms ease } #acp-skiplinks ul a:focus { top: 30px; outline: none } /* * Outline */ body.acp-outline.acp-outline-red *:focus, body.acp-outline-always.acp-outline-red *:focus { outline: 1px solid #E5222F } body.acp-outline.acp-outline-red.acp-outline-important *:focus, body.acp-outline-always.acp-outline-red.acp-outline-important *:focus { outline: 1px solid #E5222F !important } body.acp-outline.acp-outline-blue *:focus, body.acp-outline-always.acp-outline-blue *:focus { outline: 1px solid #027BCE } body.acp-outline.acp-outline-blue.acp-outline-important *:focus, body.acp-outline-always.acp-outline-blue.acp-outline-important *:focus { outline: 1px solid #027BCE !important } body.acp-outline.acp-outline-yellow *:focus, body.acp-outline-always.acp-outline-yellow *:focus { outline: none; background: #F9DC5C; color: black } body.acp-outline.acp-outline-yellow.acp-outline-important *:focus, body.acp-outline-always.acp-outline-yellow.acp-outline-important *:focus { outline: none !important; background: #F9DC5C !important; color: black !important } /* * Underline */ body.acp-underline-hover a { text-decoration: none } body.acp-underline-hover a:hover, body.acp-underline-hover a:focus { text-decoration: underline } body.acp-underline-focus a { text-decoration: none } body.acp-underline-focus a:hover { text-decoration: none } body.acp-underline-focus a:focus { text-decoration: underline } body.acp-underline-all a { text-decoration: underline } body.acp-underline-all a:hover, body.acp-underline-all a:focus { text-decoration: underline } body.acp-underline-focus.acp-underline-important a, body.acp-underline-hover.acp-underline-important a { text-decoration: none !important } body.acp-underline-focus.acp-underline-important a:hover, body.acp-underline-focus.acp-underline-important a:focus, body.acp-underline-hover.acp-underline-important a:hover, body.acp-underline-hover.acp-underline-important a:focus { text-decoration: underline !important } body.acp-underline-all.acp-underline-important a { text-decoration: underline !important } body.acp-underline-all.acp-underline-important a:hover, body.acp-underline-all.acp-underline-important a:focus { text-decoration: underline !important } body.acp-underline a, body.acp-underline button { text-decoration: underline } body.acp-underline.acp-underline-important a, body.acp-underline.acp-underline-important button { text-decoration: underline !important } /* * Contrast */ body.acp-contrast-dark { background-color: black; background-image: none } body.acp-contrast-dark:before { background-color: black } body.acp-contrast-dark #acp-body-wrap *, body.acp-contrast-dark #acp-body-wrap label { background-image: none; background-color: black; color: white } body.acp-contrast-dark #acp-body-wrap input, body.acp-contrast-dark #acp-body-wrap textarea { color: white; border: 2px solid #ccc; background-color: rgba(255, 255, 255, 0.2) } body.acp-contrast-dark #acp-body-wrap input::-webkit-input-placeholder, body.acp-contrast-dark #acp-body-wrap textarea::-webkit-input-placeholder { color: #ccc } body.acp-contrast-dark #acp-body-wrap input::-moz-placeholder, body.acp-contrast-dark #acp-body-wrap textarea::-moz-placeholder { color: #ccc } body.acp-contrast-dark #acp-body-wrap input:-ms-input-placeholder, body.acp-contrast-dark #acp-body-wrap textarea:-ms-input-placeholder { color: #ccc } body.acp-contrast-dark #acp-body-wrap input:-moz-placeholder, body.acp-contrast-dark #acp-body-wrap textarea:-moz-placeholder { color: #ccc } body.acp-contrast-dark #acp-body-wrap input:focus, body.acp-contrast-dark #acp-body-wrap textarea:focus { border: 2px solid #E5222F } body.acp-contrast-dark #acp-body-wrap input[type="submit"] { background-color: #F9DC5C; color: black } body.acp-contrast-dark #acp-body-wrap textarea { color: white; background-color: rgba(255, 255, 255, 0.2) } body.acp-contrast-dark #acp-body-wrap button, body.acp-contrast-dark #acp-body-wrap button *, body.acp-contrast-dark #acp-body-wrap a, body.acp-contrast-dark #acp-body-wrap a * { color: #F9DC5C } body.acp-contrast-dark #acp-black-screen { background-color: rgba(0, 0, 0, 0.5) } body.acp-contrast-dark.acp-contrast-important { background-color: black !important; background-image: none !important } body.acp-contrast-dark.acp-contrast-important:before { background-color: black !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap *, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap label { background-image: none !important; background-color: black !important; color: white !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea { color: white !important; border: 2px solid #ccc !important; background-color: rgba(255, 255, 255, 0.2) !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input::-webkit-input-placeholder, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea::-webkit-input-placeholder { color: #ccc !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input::-moz-placeholder, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea::-moz-placeholder { color: #ccc !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input:-ms-input-placeholder, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea:-ms-input-placeholder { color: #ccc !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input:-moz-placeholder, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea:-moz-placeholder { color: #ccc !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input:focus, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea:focus { border: 2px solid #E5222F !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap input[type="submit"] { background-color: #F9DC5C !important; color: black !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap textarea { color: white !important; background-color: rgba(255, 255, 255, 0.2) !important } body.acp-contrast-dark.acp-contrast-important #acp-body-wrap button, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap button *, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap a, body.acp-contrast-dark.acp-contrast-important #acp-body-wrap a * { color: #F9DC5C !important } body.acp-contrast-dark.acp-contrast-important #acp-black-screen { background-color: rgba(0, 0, 0, 0.5) !important } body.acp-contrast-bright { background-color: white; background-image: none } body.acp-contrast-bright:before { background-color: white } body.acp-contrast-bright :focus { outline: 2px solid #E5222F } body.acp-contrast-bright #acp-body-wrap *, body.acp-contrast-bright #acp-body-wrap label { background-color: white; background-image: none; color: black } body.acp-contrast-bright #acp-body-wrap input, body.acp-contrast-bright #acp-body-wrap textarea { border: 2px solid #757575; background-color: white } body.acp-contrast-bright #acp-body-wrap input:focus, body.acp-contrast-bright #acp-body-wrap textarea:focus { border: 2px solid #E5222F } body.acp-contrast-bright #acp-body-wrap input[type="submit"] { background-color: #027BCE; color: white } body.acp-contrast-bright #acp-body-wrap textarea { color: black; background-color: rgba(0, 0, 0, 0.2) } body.acp-contrast-bright #acp-body-wrap button, body.acp-contrast-bright #acp-body-wrap button *, body.acp-contrast-bright #acp-body-wrap a, body.acp-contrast-bright #acp-body-wrap a * { color: #027BCE } body.acp-contrast-bright #acp-black-screen { background-color: rgba(0, 0, 0, 0.25) } body.acp-contrast-bright.acp-contrast-important { background-color: white !important; background-image: none !important } body.acp-contrast-bright.acp-contrast-important:before { background-color: white !important } body.acp-contrast-bright.acp-contrast-important :focus { outline: 2px solid #E5222F !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap *, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap label { background-color: white !important; background-image: none !important; color: black !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap input, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap textarea { border: 2px solid #757575 !important; background-color: white !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap input:focus, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap textarea:focus { border: 2px solid #E5222F !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap input[type="submit"] { background-color: #027BCE !important; color: white !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap textarea { color: black !important; background-color: rgba(0, 0, 0, 0.2) !important } body.acp-contrast-bright.acp-contrast-important #acp-body-wrap button, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap button *, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap a, body.acp-contrast-bright.acp-contrast-important #acp-body-wrap a * { color: #027BCE !important } body.acp-contrast-bright.acp-contrast-important #acp-black-screen { background-color: rgba(0, 0, 0, 0.25) !important } /* * Zoom */ body.acp-zoom-1 #acp-body-wrap { zoom: 0.9; -moz-transform: scale(0.9); -moz-transform-origin: 0 0; -o-transform: scale(0.9); -o-transform-origin: 0 0; -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0; transform: scale(0.9); transform-origin: 0 0 } body.acp-zoom-3 #acp-body-wrap { zoom: 1.25; -moz-transform: scale(1.25); -moz-transform-origin: 0 0; -o-transform: scale(1.25); -o-transform-origin: 0 0; -webkit-transform: scale(1.25); -webkit-transform-origin: 0 0; transform: scale(1.25); transform-origin: 0 0 } body.acp-zoom-4 #acp-body-wrap { zoom: 1.5; -moz-transform: scale(1.5); -moz-transform-origin: 0 0; -o-transform: scale(1.5); -o-transform-origin: 0 0; -webkit-transform: scale(1.5); -webkit-transform-origin: 0 0; transform: scale(1.5); transform-origin: 0 0 } /* * Animation */ body.acp-animation * { animation: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important } /* * Mark Links */ body.acp-mlinks a, body.acp-mlinks button { background-color: #F9DC5C; color: black } body.acp-mlinks.acp-mlinks-important a, body.acp-mlinks.acp-mlinks-important button { background-color: #F9DC5C !important; color: black !important } /* * Heading Mark */ body.acp-heading-mark h1, body.acp-heading-mark h2, body.acp-heading-mark h3, body.acp-heading-mark h4, body.acp-heading-mark h5, body.acp-heading-mark h6 { color: black; background: #F9DC5C } body.acp-heading-mark h1 *, body.acp-heading-mark h2 *, body.acp-heading-mark h3 *, body.acp-heading-mark h4 *, body.acp-heading-mark h5 *, body.acp-heading-mark h6 * { color: black; background-color: transparent } body.acp-heading-mark.acp-mheading-important h1, body.acp-heading-mark.acp-mheading-important h2, body.acp-heading-mark.acp-mheading-important h3, body.acp-heading-mark.acp-mheading-important h4, body.acp-heading-mark.acp-mheading-important h5, body.acp-heading-mark.acp-mheading-important h6 { color: black !important; background: #F9DC5C !important } body.acp-heading-mark.acp-mheading-important h1 *, body.acp-heading-mark.acp-mheading-important h2 *, body.acp-heading-mark.acp-mheading-important h3 *, body.acp-heading-mark.acp-mheading-important h4 *, body.acp-heading-mark.acp-mheading-important h5 *, body.acp-heading-mark.acp-mheading-important h6 * { color: black !important; background-color: transparent !important } /* * Readable */ body.acp-readable * { font-family: arial, sans-serif } body.acp-readable * .fa { font-family: FontAwesome } body.acp-readable * .material-icons { font-family: "Material Icons" } body.acp-readable.acp-readable-important * { font-family: arial, sans-serif !important } body.acp-readable.acp-readable-important * .fa { font-family: FontAwesome !important } body.acp-readable.acp-readable-important * .material-icons { font-family: "Material Icons" !important } /* * Black Screen */ #acp-black-screen { background: -moz-linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000', GradientType=1); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 120; pointer-events: none; opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease } #acp-black-screen.active { opacity: 1; pointer-events: all }