@charset "UTF-8"; /** Partials for the Standalone signup pages */ /*Reset */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { margin: 0; } main { display: block; } .signup p, .signup table, .signup blockquote, .signup address, .signup pre, .signup iframe, .signup form, .signup figure, .signup dl, .it-forms p, .it-forms table, .it-forms blockquote, .it-forms address, .it-forms pre, .it-forms iframe, .it-forms form, .it-forms figure, .it-forms dl { margin: 0; } .signup h1, .signup h2, .signup h3, .signup h4, .signup h5, .signup h6, .it-forms h1, .it-forms h2, .it-forms h3, .it-forms h4, .it-forms h5, .it-forms h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; margin-block-start: 0; margin-block-end: 0; } .signup ul, .signup ol, .it-forms ul, .it-forms ol { margin: 0; padding: 0; list-style: none; } .signup dt, .it-forms dt { font-weight: bold; } .signup dd, .it-forms dd { margin-left: 0; } .signup hr, .it-forms hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid; margin: 0; clear: both; } .signup pre, .it-forms pre { font-family: monospace, monospace; font-size: inherit; } .signup address, .it-forms address { font-style: inherit; } .signup a, .it-forms a { text-decoration: none; color: inherit; } .signup abbr[title], .it-forms abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } .signup b, .signup strong, .it-forms b, .it-forms strong { font-weight: bolder; } .signup code, .signup kbd, .signup samp, .it-forms code, .it-forms kbd, .it-forms samp { font-family: monospace, monospace; font-size: inherit; } .signup small, .it-forms small { font-size: 80%; } .signup sub, .signup sup, .it-forms sub, .it-forms sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .signup sub, .it-forms sub { bottom: -0.25em; } .signup sup, .it-forms sup { top: -0.5em; } .signup img, .it-forms img { border-style: none; vertical-align: bottom; } .signup embed, .signup object, .signup iframe, .it-forms embed, .it-forms object, .it-forms iframe { border: 0; vertical-align: bottom; } .signup button, .signup input, .signup optgroup, .signup select, .it-forms button, .it-forms input, .it-forms optgroup, .it-forms select { vertical-align: middle; font: inherit; border: 0; background: transparent; margin: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .signup select::-ms-expand, .it-forms select::-ms-expand { display: none; } .signup button, .signup input, .it-forms button, .it-forms input { overflow: visible; } .signup input::-ms-clear, .signup input::-ms-reveal, .it-forms input::-ms-clear, .it-forms input::-ms-reveal { display: none; width: 0; height: 0; } .signup button, .signup select, .it-forms button, .it-forms select { text-transform: none; } .signup button, .it-forms button { cursor: pointer; -webkit-appearance: none; appearance: none; } .signup button[disabled], .it-forms button[disabled] { cursor: default; } .signup button::-moz-focus-inner, .it-forms button::-moz-focus-inner { border-style: none; padding: 0; } .signup button:-moz-focusring, .it-forms button:-moz-focusring { outline: 1px dotted ButtonText; } .signup fieldset, .it-forms fieldset { margin: 0; padding: 0; border: 0; min-width: 0; } .signup legend, .it-forms legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } .signup progress, .it-forms progress { vertical-align: baseline; } .signup textarea, .it-forms textarea { overflow: auto; } .signup [type='checkbox'], .signup [type='radio'], .it-forms [type='checkbox'], .it-forms [type='radio'] { box-sizing: border-box; padding: 0; } .signup [type='number']::-webkit-inner-spin-button, .signup [type='number']::-webkit-outer-spin-button, .it-forms [type='number']::-webkit-inner-spin-button, .it-forms [type='number']::-webkit-outer-spin-button { height: auto; } .signup [type='search'], .it-forms [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } .signup [type='search']::-webkit-search-decoration, .it-forms [type='search']::-webkit-search-decoration { -webkit-appearance: none; } .signup ::-webkit-file-upload-button, .it-forms ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .signup ::-webkit-input-placeholder, .it-forms ::-webkit-input-placeholder { font: inherit; } .signup :-ms-input-placeholder, .it-forms :-ms-input-placeholder { font: inherit; } .signup ::-ms-input-placeholder, .it-forms ::-ms-input-placeholder { font: inherit; } .signup ::placeholder, .it-forms ::placeholder { font: inherit; } .signup label[for], .it-forms label[for] { cursor: pointer; } .signup details, .it-forms details { display: block; } .signup summary, .it-forms summary { display: list-item; } .signup table, .it-forms table { border-collapse: collapse; border-spacing: 0; border: none; } .signup caption, .it-forms caption { text-align: left; } .signup td, .signup th, .it-forms td, .it-forms th { vertical-align: top; } .signup th, .it-forms th { text-align: left; font-weight: bold; } .signup template, .it-forms template { display: none; } .signup [hidden], .signup .hidden, .it-forms [hidden], .it-forms .hidden { display: none; } /*Fontawesome 300*/ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; font-display: swap; src: url("/subscribe/webfonts/fa-light-300.eot"); src: url("/subscribe/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/subscribe/webfonts/fa-light-300.woff2") format("woff2"), url("/subscribe/webfonts/fa-light-300.woff") format("woff"), url("/subscribe/webfonts/fa-light-300.ttf") format("truetype"), url("/subscribe/webfonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } /*Fontawesome 400*/ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url("/subscribe/webfonts/fa-regular-400.eot"); src: url("/subscribe/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/subscribe/webfonts/fa-regular-400.woff2") format("woff2"), url("/subscribe/webfonts/fa-regular-400.woff") format("woff"), url("/subscribe/webfonts/fa-regular-400.ttf") format("truetype"), url("/subscribe/webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; } /*Fontawesome 400*/ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url("/subscribe/webfonts/fa-solid-900.eot"); src: url("/subscribe/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/subscribe/webfonts/fa-solid-900.woff2") format("woff2"), url("/subscribe/webfonts/fa-solid-900.woff") format("woff"), url("/subscribe/webfonts/fa-solid-900.ttf") format("truetype"), url("/subscribe/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; } /*------------- events -------------*/ /*======= Fontawesome icons ========*/ /*====== icons =====*/ ._form select[multiple="true"], ._form ._checkbox-radio input[type="checkbox"] + span > label::before, ._form ._checkbox-radio input[type="radio"] + span > label::before, ._form ._row input[name='nlbox[]'] + span::before, ._form ._row textarea { border: 1px solid #dbdbdb; } ._form input, ._form select { border-bottom: 1px solid #dbdbdb; } .newsletters-widget button, .newsletters-widget input[type="submit"], .newsletters-widget input[type="button"], .newsletters-widget .button, .newsletters-widget .btn, .signup button, .signup input[type="submit"], .signup input[type="button"], .signup .button, .signup .btn, button, .button, button._submit, .button._submit { border-radius: 3px; } ._form ._checkbox-radio input[type="radio"] + span > label::before, ._form ._checkbox-radio input[type="radio"] + span > label::after, .success-checkmark .line { border-radius: 50%; } .hero .details--preview a:after, .signup .container--form .preview a:after, .signup .container--form .benefits li:before, .signup .container--form .benefits li a:after { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 20px; } @keyframes success-step-one { 0%, 25% { height: 0; opacity: 0; } 50%, 70% { height: 8px; opacity: 1; } 75%, 100% { height: 14px; opacity: 1; } } @keyframes success-step-two { 0%, 25% { height: 0; opacity: 0; } 50%, 70% { height: 0; opacity: 0; } 80%, 100% { height: 24px; opacity: 1; } } .col { box-sizing: border-box; color: #ccc; display: flex; justify-content: space-around; align-content: stretch; } @media only screen and (max-width: 767px) { .col { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .col { width: calc(1/2*100% - (1 - 1/2)*30px); } } @media only screen and (min-width: 980px) { .col { width: calc(1/3*100% - (1 - 1/3)*20px); } .col:last-child { margin: 0 auto 0 20px; } } html.ie11 .col { display: block; } /*--------- Grid columns from the funnel ---------*/ /*Flex container in block*/ .wrapper { display: flex; flex-direction: row; justify-content: space-between; } .wrapper .control { margin-right: 20px; } .wrapper .control:last-child { margin-right: 0; } @media screen and (max-width: 767px) { .wrapper { flex-flow: row wrap; flex-direction: row; } .wrapper .control { margin-right: 0; } } .wrapper-center { justify-content: center; } /*Flex container inline*/ .wrapper-inline { width: 100%; display: flex; flex-flow: row nowrap; } .wrapper-inline .control { margin-right: 20px; } .wrapper-inline .control:last-child { margin-right: 0; } @media screen and (max-width: 767px) { .wrapper-inline .control.phone { box-sizing: border-box; width: calc(100% - 110px); } } @media screen and (max-width: 767px) { .wrapper-inline { flex-flow: row nowrap; } .wrapper-inline .control { box-sizing: border-box; width: calc(1/2*100% - (1 - 1/2)*20px); } } body { color: #4b4d54; font-weight: 400; font-style: normal; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .signup, .newsletters-widget, .it-forms { /*Typography*/ } .signup h1, .newsletters-widget h1, .it-forms h1 { color: #000; font-size: 32px; margin: 0; } .signup h3, .newsletters-widget h3, .it-forms h3 { color: #4b4d54; font-size: 22px; line-height: 1.4; margin-bottom: 0.65rem; padding-top: 0; } .signup h4, .newsletters-widget h4, .it-forms h4 { font-weight: 700; margin: 0.65rem 0; padding: 0 0.375rem; } .signup p, .newsletters-widget p, .it-forms p { margin-bottom: 1rem; } .signup address, .newsletters-widget address, .it-forms address { font-style: normal; } .signup address span, .newsletters-widget address span, .it-forms address span { display: block; line-height: 1.4; } .signup small, .signup .small, .newsletters-widget small, .newsletters-widget .small, .it-forms small, .it-forms .small { font-size: 14px; line-height: normal; } .signup strong, .newsletters-widget strong, .it-forms strong { font-weight: normal; } .signup a, .newsletters-widget a, .it-forms a { text-decoration: none; } .signup a:hover, .newsletters-widget a:hover, .it-forms a:hover { text-decoration: none; } .signup a:focus, .newsletters-widget a:focus, .it-forms a:focus { box-shadow: none; } .signup i, .newsletters-widget i, .it-forms i { font-style: normal; } .signup hr, .newsletters-widget hr, .it-forms hr { border: 1px solid #f1f1f1; margin: 1rem 0; } .signup dt, .newsletters-widget dt, .it-forms dt { font-weight: normal; } .signup dl.horizontal, .newsletters-widget dl.horizontal, .it-forms dl.horizontal { display: inline-block; position: relative; height: auto; width: 100%; } .signup dl.horizontal dt, .signup dl.horizontal dd, .newsletters-widget dl.horizontal dt, .newsletters-widget dl.horizontal dd, .it-forms dl.horizontal dt, .it-forms dl.horizontal dd { position: relative; float: left; padding: 0 0 0.1rem 0; } .signup .bold, .newsletters-widget .bold, .it-forms .bold { font-weight: bold; } .signup .text-right, .newsletters-widget .text-right, .it-forms .text-right { text-align: right; } .signup .text-left, .newsletters-widget .text-left, .it-forms .text-left { text-align: left; } .signup .text-center, .newsletters-widget .text-center, .it-forms .text-center { text-align: center; } .signup .line-break::after, .newsletters-widget .line-break::after, .it-forms .line-break::after { content: "\A"; white-space: pre; } @media screen and (max-width: 768px) { .signup .line-break::after, .newsletters-widget .line-break::after, .it-forms .line-break::after { white-space: normal; } } .signup .asterisk, .newsletters-widget .asterisk, .it-forms .asterisk { color: #00cccc; font-weight: 700; } /*======= Buttons for Newsletters widgets =======*/ .newsletters-widget button, .newsletters-widget input[type="submit"], .newsletters-widget input[type="button"], .newsletters-widget .button, .newsletters-widget .btn, .signup button, .signup input[type="submit"], .signup input[type="button"], .signup .button, .signup .btn { padding: 8px 20px; font-size: 16px; font-weight: 700; opacity: 1; height: auto; text-align: center; cursor: pointer; display: block; color: #fff; } .newsletters-widget button:visited, .newsletters-widget input[type="submit"]:visited, .newsletters-widget input[type="button"]:visited, .newsletters-widget .button:visited, .newsletters-widget .btn:visited, .signup button:visited, .signup input[type="submit"]:visited, .signup input[type="button"]:visited, .signup .button:visited, .signup .btn:visited { color: #fff; } .newsletters-widget button:disabled, .newsletters-widget button [disabled], .newsletters-widget input[type="submit"]:disabled, .newsletters-widget input[type="submit"] [disabled], .newsletters-widget input[type="button"]:disabled, .newsletters-widget input[type="button"] [disabled], .newsletters-widget .button:disabled, .newsletters-widget .button [disabled], .newsletters-widget .btn:disabled, .newsletters-widget .btn [disabled], .signup button:disabled, .signup button [disabled], .signup input[type="submit"]:disabled, .signup input[type="submit"] [disabled], .signup input[type="button"]:disabled, .signup input[type="button"] [disabled], .signup .button:disabled, .signup .button [disabled], .signup .btn:disabled, .signup .btn [disabled] { opacity: 0.5; background-image: url(../images/spinner.svg); background-repeat: no-repeat; background-position: center center; background-size: 40px auto; font-size: 0; } .ie .newsletters-widget button:disabled, .newsletters-widget button [disabled], .newsletters-widget input[type="submit"]:disabled, .newsletters-widget input[type="submit"] [disabled], .newsletters-widget input[type="button"]:disabled, .newsletters-widget input[type="button"] [disabled], .newsletters-widget .button:disabled, .newsletters-widget .button [disabled], .newsletters-widget .btn:disabled, .newsletters-widget .btn [disabled], .signup button:disabled, .signup button [disabled], .signup input[type="submit"]:disabled, .signup input[type="submit"] [disabled], .signup input[type="button"]:disabled, .signup input[type="button"] [disabled], .signup .button:disabled, .signup .button [disabled], .signup .btn:disabled, .signup .btn [disabled] { background-image: url(../images/three-dots.gif); background-size: 40px auto; padding: 8px 20px; height: 40px; } .newsletters-widget button.disabled, .newsletters-widget input[type="submit"].disabled, .newsletters-widget input[type="button"].disabled, .newsletters-widget .button.disabled, .newsletters-widget .btn.disabled, .signup button.disabled, .signup input[type="submit"].disabled, .signup input[type="button"].disabled, .signup .button.disabled, .signup .btn.disabled { opacity: 0.5; } .newsletters-widget button.btn-block, .newsletters-widget input[type="submit"].btn-block, .newsletters-widget input[type="button"].btn-block, .newsletters-widget .button.btn-block, .newsletters-widget .btn.btn-block, .signup button.btn-block, .signup input[type="submit"].btn-block, .signup input[type="button"].btn-block, .signup .button.btn-block, .signup .btn.btn-block { display: block; width: 100%; } .newsletters-widget button.btn-small, .newsletters-widget input[type="submit"].btn-small, .newsletters-widget input[type="button"].btn-small, .newsletters-widget .button.btn-small, .newsletters-widget .btn.btn-small, .signup button.btn-small, .signup input[type="submit"].btn-small, .signup input[type="button"].btn-small, .signup .button.btn-small, .signup .btn.btn-small { display: inline; padding: 5px 10px; width: auto; } .newsletters-widget button.btn-image i, .newsletters-widget input[type="submit"].btn-image i, .newsletters-widget input[type="button"].btn-image i, .newsletters-widget .button.btn-image i, .newsletters-widget .btn.btn-image i, .signup button.btn-image i, .signup input[type="submit"].btn-image i, .signup input[type="button"].btn-image i, .signup .button.btn-image i, .signup .btn.btn-image i { font-family: it-icons; font-size: 18px; color: #4b4d54; font-weight: normal; font-style: normal; margin-right: 0.5rem; } .newsletters-widget button.btn-image .s-icon-signin:before, .newsletters-widget input[type="submit"].btn-image .s-icon-signin:before, .newsletters-widget input[type="button"].btn-image .s-icon-signin:before, .newsletters-widget .button.btn-image .s-icon-signin:before, .newsletters-widget .btn.btn-image .s-icon-signin:before, .signup button.btn-image .s-icon-signin:before, .signup input[type="submit"].btn-image .s-icon-signin:before, .signup input[type="button"].btn-image .s-icon-signin:before, .signup .button.btn-image .s-icon-signin:before, .signup .btn.btn-image .s-icon-signin:before { content: ""; } .newsletters-widget button.btn-image .s-subscriber-tour:before, .newsletters-widget input[type="submit"].btn-image .s-subscriber-tour:before, .newsletters-widget input[type="button"].btn-image .s-subscriber-tour:before, .newsletters-widget .button.btn-image .s-subscriber-tour:before, .newsletters-widget .btn.btn-image .s-subscriber-tour:before, .signup button.btn-image .s-subscriber-tour:before, .signup input[type="submit"].btn-image .s-subscriber-tour:before, .signup input[type="button"].btn-image .s-subscriber-tour:before, .signup .button.btn-image .s-subscriber-tour:before, .signup .btn.btn-image .s-subscriber-tour:before { content: ""; } .newsletters-widget .btn-secondary, .signup .btn-secondary { background-color: #869cb4; color: #fff; } .newsletters-widget .btn-secondary:link, .signup .btn-secondary:link { background-color: #869cb4; color: #fff; } .newsletters-widget .btn-secondary:hover, .signup .btn-secondary:hover { color: #fff; background-color: #869cb4; } .newsletters-widget .btn-secondary:active, .signup .btn-secondary:active { color: #fff; background-color: #869cb4; } .newsletters-widget .btn-secondary:visited, .signup .btn-secondary:visited { color: #fff; background-color: #869cb4; } .newsletters-widget .btn-subscribe, .signup .btn-subscribe { background-color: #fad165; color: #000; } .newsletters-widget .btn-subscribe:link, .signup .btn-subscribe:link { background-color: #fad165; color: #000; } .newsletters-widget .btn-subscribe:hover, .signup .btn-subscribe:hover { background-color: #fad165; color: #000; } .newsletters-widget .btn-subscribe:active, .signup .btn-subscribe:active { background-color: #fad165; color: #000; } .newsletters-widget .btn-subscribe:visited, .signup .btn-subscribe:visited { background-color: #fad165; color: #000; } .newsletters-widget .btn-ghost, .signup .btn-ghost { color: #4b4d54; background-color: #fff; background-image: transparent; background: transparent; text-shadow: none; border: 1px solid #4b4d54; } .newsletters-widget .btn-ghost:link, .signup .btn-ghost:link { color: #4b4d54; } .newsletters-widget .btn-ghost:hover, .signup .btn-ghost:hover { color: #4b4d54; } .newsletters-widget .btn-ghost:focus, .signup .btn-ghost:focus { box-shadow: none; } .newsletters-widget .btn-ghost:active, .signup .btn-ghost:active { box-shadow: none; color: #4b4d54; } .newsletters-widget .btn-ghost:visited, .signup .btn-ghost:visited { color: #4b4d54; } .header-slim { background-color: #000; } .header-slim #logo a { background: url(//www.irishtimes.com/assets/images/logo/masthead-small-white.svg) center 0 no-repeat; background-size: 90%; display: block; max-width: 300px; width: 100%; margin: 20px auto; } a .accessibility { position: relative; left: 0; top: 0; visibility: hidden; } .hero p { margin: 0 0 1rem 0; font-size: 20px; font-weight: normal; line-height: 1.4; color: #fff; padding-bottom: 0.5rem; } .hero .details { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 0.65rem; color: #fff; } .hero .details p { padding-bottom: 0; text-transform: uppercase; font-size: 14px; margin-bottom: 0; } .hero .details p a { color: #fff; text-transform: initial; } .hero .details p a:after:hover { text-decoration: none; } .hero .details p a:hover { text-decoration: underline; } .hero .details--preview a { text-transform: lowercase; } .hero .details--preview a:after { font-size: 14px; content: "\f14c"; margin-left: 0.65rem; position: relative; top: 2px; } .hero .details--label p { font-size: 14px; margin: 10px 0; } .hero .details--label p span { color: #869cb4; border-radius: 20px; background-color: #fff; padding: 4px 12px; } .hero .details--label p span:before { font-family: "it-icons"; content: "\E917"; position: relative; font-weight: 400; margin-right: 0.325rem; } button, .button { color: #fff; } .politics button, .button { background-color: #ED473A; } .food-drinks button, .button { background-color: #FF591D; } .default button, .button { background-color: #15CBCD; } .book-club button, .button { background-color: #DF0579; } .it-sunday button, .button { background-color: #869CB4; } .daily-digest button, .button { background-color: #333333; } .sport button, .button { background-color: #3EA447; } .sftw button, .button { background-color: #DF0579; } .business button, .button { background-color: #1190AF; } .gloss button, .button { background-color: #BA3366; } .comms button, .button { background-color: #15CBCD; } .rewarding-times button, .button { background-color: #1a1a1a; } .arnotts button, .button { background-color: #000000; } .abroad button, .button { background-color: #00a3a0; } .evening button, .button { background-color: #000000; } .us-elections button, .button { background-color: #333333; } .classroom-central button, .button { background-color: #dd5a3c; } button._submit, .button._submit { color: #fff; } .politics button._submit, .button._submit { background-color: #ED473A; } .food-drinks button._submit, .button._submit { background-color: #FF591D; } .default button._submit, .button._submit { background-color: #15CBCD; } .book-club button._submit, .button._submit { background-color: #DF0579; } .it-sunday button._submit, .button._submit { background-color: #869CB4; } .daily-digest button._submit, .button._submit { background-color: #333333; } .sport button._submit, .button._submit { background-color: #3EA447; } .sftw button._submit, .button._submit { background-color: #DF0579; } .business button._submit, .button._submit { background-color: #1190AF; } .gloss button._submit, .button._submit { background-color: #BA3366; } .comms button._submit, .button._submit { background-color: #15CBCD; } .rewarding-times button._submit, .button._submit { background-color: #1a1a1a; } .arnotts button._submit, .button._submit { background-color: #000000; } .abroad button._submit, .button._submit { background-color: #00a3a0; } .evening button._submit, .button._submit { background-color: #000000; } .us-elections button._submit, .button._submit { background-color: #333333; } .classroom-central button._submit, .button._submit { background-color: #dd5a3c; } button:disabled, .button:disabled { color: #fff; } .politics button:disabled, .button:disabled { background-color: #ED473A; } .food-drinks button:disabled, .button:disabled { background-color: #FF591D; } .default button:disabled, .button:disabled { background-color: #15CBCD; } .book-club button:disabled, .button:disabled { background-color: #DF0579; } .it-sunday button:disabled, .button:disabled { background-color: #869CB4; } .daily-digest button:disabled, .button:disabled { background-color: #333333; } .sport button:disabled, .button:disabled { background-color: #3EA447; } .sftw button:disabled, .button:disabled { background-color: #DF0579; } .business button:disabled, .button:disabled { background-color: #1190AF; } .gloss button:disabled, .button:disabled { background-color: #BA3366; } .comms button:disabled, .button:disabled { background-color: #15CBCD; } .rewarding-times button:disabled, .button:disabled { background-color: #1a1a1a; } .arnotts button:disabled, .button:disabled { background-color: #000000; } .abroad button:disabled, .button:disabled { background-color: #00a3a0; } .evening button:disabled, .button:disabled { background-color: #000000; } .us-elections button:disabled, .button:disabled { background-color: #333333; } .classroom-central button:disabled, .button:disabled { background-color: #dd5a3c; } ._full_width button { width: 100%; } button--back, .button--back { color: #333333; background-color: #fff !important; font-size: 14px; position: relative; top: -30px; display: block; text-align: center; line-height: 2.5em; border: 2px solid #333333; border-radius: 6px; width: 65%; margin: auto; } button--back:link, .button--back:link { color: #333333; text-decoration: none; } button--back:hover, .button--back:hover { color: #333333; text-decoration: underline; } button--back:visited, .button--back:visited { color: #333333; } button--back:active, .button--back:active { color: #333333; } button--back:focus, .button--back:focus { box-shadow: none; text-decoration: underline; } @media only screen and (max-width: 374px) { button--back, .button--back { width: 80%; margin: auto; } } ._subscribe { background-color: #fad165; color: #000; } ._subscribe:visited { color: #000; } ._form { /*Form controls styles with AC classes*/ /*======= Input =======*/ /*======= Datepicker =======*/ /*======= Select =======*/ /*======= Checkbox and Radio buttons =======*/ /*======= List Selector =======*/ /*======= Re-Captcha code =======*/ } ._form input:-webkit-autofill, ._form input:-webkit-autofill:hover, ._form input:-webkit-autofill:focus, ._form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset; color: #dbdbdb !important; } ._form input:invalid { background-color: transparent; } ._form select, ._form textarea, ._form input, ._form .uneditable-input { display: inline-block; height: auto; padding: 8px 6px; font-size: 16px !important; line-height: 18px; color: #4b4d54; } ._form input { width: auto; } ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { -webkit-box-shadow: transparent; box-shadow: none; } .politics ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #ED473A; } .food-drinks ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #FF591D; } .default ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #15CBCD; } .book-club ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #DF0579; } .it-sunday ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #869CB4; } .daily-digest ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #333333; } .sport ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #3EA447; } .sftw ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #DF0579; } .business ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #1190AF; } .gloss ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #BA3366; } .comms ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #15CBCD; } .rewarding-times ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #1a1a1a; } .arnotts ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #000000; } .abroad ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #00a3a0; } .evening ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #000000; } .us-elections ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #333333; } .classroom-central ._form input:focus:required:invalid:focus, ._form textarea:focus:required:invalid:focus, ._form select:focus:required:invalid:focus { border-color: #dd5a3c; } ._form ._row { display: flex; flex-flow: column nowrap; width: auto; position: relative; } ._form ._row > ._error-inner { left: -2px; position: relative; padding-bottom: 0.5rem; } ._form ._form_element._full_width, ._form ._button-wrapper._full_width { display: block; width: 100%; margin-top: 2.3rem; } ._button-wrapper ._form ._error-inner._full_width { margin-top: 0; } ._form ._form_element ._form-title { color: #4b4d54; font-size: 22px; line-height: 1.4; margin-bottom: 2rem; padding-top: 0; border-bottom: 1px solid #4b4d54; } ._form ._form_element ._form-image { margin-bottom: 1.2rem; } ._form ._form_element ._row > label.filled { font-weight: bold; margin-left: 0; padding-bottom: 0.5rem; transform: translate(0, -1.3rem) scale(1); } ._form ._form_element ._row:last-child { margin-bottom: 2.2rem; } ._form ._form_element ._row:last-child._checkbox-radio { margin-bottom: 0px; } ._form ._form_element label, ._form ._form_element input, ._form ._form_element select { transition: all 0.2s; touch-action: manipulation; } ._form ._form_element label { transform-origin: left bottom; transform: translate(0, 0.25rem) scale(1); position: absolute; font-size: 16px; } ._form ._form_element label.filled { transform: translate(0, -1.3rem) scale(0.8); transform-origin: left; } .politics ._form ._form_element label.filled { color: #ED473A; } .food-drinks ._form ._form_element label.filled { color: #FF591D; } .default ._form ._form_element label.filled { color: #15CBCD; } .book-club ._form ._form_element label.filled { color: #DF0579; } .it-sunday ._form ._form_element label.filled { color: #869CB4; } .daily-digest ._form ._form_element label.filled { color: #333333; } .sport ._form ._form_element label.filled { color: #3EA447; } .sftw ._form ._form_element label.filled { color: #DF0579; } .business ._form ._form_element label.filled { color: #1190AF; } .gloss ._form ._form_element label.filled { color: #BA3366; } .comms ._form ._form_element label.filled { color: #15CBCD; } .rewarding-times ._form ._form_element label.filled { color: #1a1a1a; } .arnotts ._form ._form_element label.filled { color: #000000; } .abroad ._form ._form_element label.filled { color: #00a3a0; } .evening ._form ._form_element label.filled { color: #000000; } .us-elections ._form ._form_element label.filled { color: #333333; } .classroom-central ._form ._form_element label.filled { color: #dd5a3c; } ._form ._form_element ._checkbox-radio { margin: 0.5rem 0; } ._form ._form_element ._checkbox-radio label { transform-origin: left bottom; transform: translate(0, 0) scale(1); position: absolute; } ._form ._form_element ._checkbox-radio label.filled { transform: translate(0, 0) scale(1); transform-origin: left; color: #4b4d54; } ._form ._form_element input[name='ls'] + label { transform-origin: left bottom; transform: translate(0, 0) scale(1); position: relative; } ._form ._form_element input[name='ls'] + label.filled { transform-origin: left bottom; transform: translate(0, 0) scale(1); } ._form label { margin-bottom: 5px; pointer-events: auto; z-index: 1; } ._form label._form-label { margin-left: 0.4rem; font-weight: 400; pointer-events: none; color: #4b4d54; text-overflow: ellipsis; } ._form ._field-wrapper { display: flex; flex-flow: column wrap; margin-bottom: 0.325em; position: relative; width: 100%; justify-content: space-around; margin-top: 1.2rem; } ._form input, ._form select, ._form button, ._form .button { padding: 8px 6px; display: block; } ._form input { color: #4b4d54; position: relative; outline: none; } ._form input:disabled { background-color: #fff; opacity: 0.5; } ._form input:focus { outline-style: none; outline: 0; } .politics ._form input:focus { border-color: #ED473A; } .food-drinks ._form input:focus { border-color: #FF591D; } .default ._form input:focus { border-color: #15CBCD; } .book-club ._form input:focus { border-color: #DF0579; } .it-sunday ._form input:focus { border-color: #869CB4; } .daily-digest ._form input:focus { border-color: #333333; } .sport ._form input:focus { border-color: #3EA447; } .sftw ._form input:focus { border-color: #DF0579; } .business ._form input:focus { border-color: #1190AF; } .gloss ._form input:focus { border-color: #BA3366; } .comms ._form input:focus { border-color: #15CBCD; } .rewarding-times ._form input:focus { border-color: #1a1a1a; } .arnotts ._form input:focus { border-color: #000000; } .abroad ._form input:focus { border-color: #00a3a0; } .evening ._form input:focus { border-color: #000000; } .us-elections ._form input:focus { border-color: #333333; } .classroom-central ._form input:focus { border-color: #dd5a3c; } ._form input::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } ._form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } ._form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } ._form input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } ._form input[type='text'].date_field, ._form input[type='text'].date_field:invalid, ._form input[type='text'].date_field:-webkit-autofill { position: relative; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTggMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT4kZmEtY2FsZW5kYXItYWx0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjYyNSwyLjUgQzE2LjY2MDE1NjMsMi41IDE3LjUsMy4zMzk4NDM3NSAxNy41LDQuMzc1MDEwNDMgTDE3LjUsMTguMTI1IEMxNy41LDE5LjE2MDE1NjIgMTYuNjYwMTU2MywyMCAxNS42MjUsMjAgTDEuODc1MDA0NDcsMjAgQzAuODM5ODQzNzUsMjAgMCwxOS4xNjAxNTYyIDAsMTguMTI1IEwwLDQuMzc1MDEwNDMgQzAsMy4zMzk4NDM3NSAwLjgzOTg0Mzc1LDIuNSAxLjg3NTAwNDQ3LDIuNSBMMy43NTAwMDg5NCwyLjUgTDMuNzUwMDA4OTQsMC40Njg3NSBDMy43NTAwMDg5NCwwLjIxMDk1Mjc1OSAzLjk2MDk1Mjc2LDAgNC4yMTg3NSwwIEw0LjUzMTI1LDAgQzQuNzg5MDQ3MjQsMCA1LjAwMDAxMTkyLDAuMjEwOTUyNzU5IDUuMDAwMDExOTIsMC40Njg3NSBMNS4wMDAwMTE5MiwyLjUgTDEyLjUsMi41IEwxMi41LDAuNDY4NzUgQzEyLjUsMC4yMTA5NTI3NTkgMTIuNzEwOTUyOCwwIDEyLjk2ODc1LDAgTDEzLjI4MTI1LDAgQzEzLjUzOTA0NzIsMCAxMy43NSwwLjIxMDk1Mjc1OSAxMy43NSwwLjQ2ODc1IEwxMy43NSwyLjUgTDE1LjYyNSwyLjUgWiBNMS44NzUwMDE0OSwzLjc1IEMxLjUzMTI1NzYzLDMuNzUgMS4yNSw0LjAzMTI1NzYzIDEuMjUsNC4zNzUwMDE0OSBMMS4yNSw2LjI1IEwxNi4yNSw2LjI1IEwxNi4yNSw0LjM3NTAwMTQ5IEMxNi4yNSw0LjAzMTI1NzYzIDE1Ljk2ODc0MjQsMy43NSAxNS42MjUsMy43NSBMMS44NzUwMDE0OSwzLjc1IFogTTE1LjYyNSwxOC43NSBDMTUuOTY4NzQyNCwxOC43NSAxNi4yNSwxOC40Njg3NDI0IDE2LjI1LDE4LjEyNSBMMTYuMjUsNy41IEwxLjI1LDcuNSBMMS4yNSwxOC4xMjUgQzEuMjUsMTguNDY4NzQyNCAxLjUzMTI1NzYzLDE4Ljc1IDEuODc1MDAxNDksMTguNzUgTDE1LjYyNSwxOC43NSBaIE01Ljc4MTI1LDEyLjUgTDQuMjE4NzUsMTIuNSBDMy45NjA5NTI3NiwxMi41IDMuNzUsMTIuMjg5MDQ3MiAzLjc1LDEyLjAzMTI1IEwzLjc1LDEwLjQ2ODc1IEMzLjc1LDEwLjIxMDk1MjggMy45NjA5NTI3NiwxMCA0LjIxODc1LDEwIEw1Ljc4MTI1LDEwIEM2LjAzOTA0NzI0LDEwIDYuMjUsMTAuMjEwOTUyOCA2LjI1LDEwLjQ2ODc1IEw2LjI1LDEyLjAzMTI1IEM2LjI1LDEyLjI4OTA0NzIgNi4wMzkwNDcyNCwxMi41IDUuNzgxMjUsMTIuNSBaIE05LjUzMTI1LDEyLjUgTDcuOTY4NzUsMTIuNSBDNy43MTA5NTI3NiwxMi41IDcuNSwxMi4yODkwNDcyIDcuNSwxMi4wMzEyNSBMNy41LDEwLjQ2ODc1IEM3LjUsMTAuMjEwOTUyOCA3LjcxMDk1Mjc2LDEwIDcuOTY4NzUsMTAgTDkuNTMxMjUsMTAgQzkuNzg5MDQ3MiwxMCAxMCwxMC4yMTA5NTI4IDEwLDEwLjQ2ODc1IEwxMCwxMi4wMzEyNSBDMTAsMTIuMjg5MDQ3MiA5Ljc4OTA0NzIsMTIuNSA5LjUzMTI1LDEyLjUgWiBNMTMuMjgxMjUsMTIuNSBMMTEuNzE4NzUsMTIuNSBDMTEuNDYwOTUyOCwxMi41IDExLjI1LDEyLjI4OTA0NzIgMTEuMjUsMTIuMDMxMjUgTDExLjI1LDEwLjQ2ODc1IEMxMS4yNSwxMC4yMTA5NTI4IDExLjQ2MDk1MjgsMTAgMTEuNzE4NzUsMTAgTDEzLjI4MTI1LDEwIEMxMy41MzkwNDcyLDEwIDEzLjc1LDEwLjIxMDk1MjggMTMuNzUsMTAuNDY4NzUgTDEzLjc1LDEyLjAzMTI1IEMxMy43NSwxMi4yODkwNDcyIDEzLjUzOTA0NzIsMTIuNSAxMy4yODEyNSwxMi41IFogTTkuNTMxMjUsMTYuMjUgTDcuOTY4NzUsMTYuMjUgQzcuNzEwOTUyNzYsMTYuMjUgNy41LDE2LjAzOTA0NzIgNy41LDE1Ljc4MTI1IEw3LjUsMTQuMjE4NzUgQzcuNSwxMy45NjA5NTI4IDcuNzEwOTUyNzYsMTMuNzUgNy45Njg3NSwxMy43NSBMOS41MzEyNSwxMy43NSBDOS43ODkwNDcyLDEzLjc1IDEwLDEzLjk2MDk1MjggMTAsMTQuMjE4NzUgTDEwLDE1Ljc4MTI1IEMxMCwxNi4wMzkwNDcyIDkuNzg5MDQ3MiwxNi4yNSA5LjUzMTI1LDE2LjI1IFogTTUuNzgxMjUsMTYuMjUgTDQuMjE4NzUsMTYuMjUgQzMuOTYwOTUyNzYsMTYuMjUgMy43NSwxNi4wMzkwNDcyIDMuNzUsMTUuNzgxMjUgTDMuNzUsMTQuMjE4NzUgQzMuNzUsMTMuOTYwOTUyOCAzLjk2MDk1Mjc2LDEzLjc1IDQuMjE4NzUsMTMuNzUgTDUuNzgxMjUsMTMuNzUgQzYuMDM5MDQ3MjQsMTMuNzUgNi4yNSwxMy45NjA5NTI4IDYuMjUsMTQuMjE4NzUgTDYuMjUsMTUuNzgxMjUgQzYuMjUsMTYuMDM5MDQ3MiA2LjAzOTA0NzI0LDE2LjI1IDUuNzgxMjUsMTYuMjUgWiBNMTMuMjgxMjUsMTYuMjUgTDExLjcxODc1LDE2LjI1IEMxMS40NjA5NTI4LDE2LjI1IDExLjI1LDE2LjAzOTA0NzIgMTEuMjUsMTUuNzgxMjUgTDExLjI1LDE0LjIxODc1IEMxMS4yNSwxMy45NjA5NTI4IDExLjQ2MDk1MjgsMTMuNzUgMTEuNzE4NzUsMTMuNzUgTDEzLjI4MTI1LDEzLjc1IEMxMy41MzkwNDcyLDEzLjc1IDEzLjc1LDEzLjk2MDk1MjggMTMuNzUsMTQuMjE4NzUgTDEzLjc1LDE1Ljc4MTI1IEMxMy43NSwxNi4wMzkwNDcyIDEzLjUzOTA0NzIsMTYuMjUgMTMuMjgxMjUsMTYuMjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IiRmYS1jYWxlbmRhci1hbHQiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9InBhdGgtMSIgZmlsbD0iIzg1ODY4QiIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") right 10px center no-repeat !important; } ._form select { position: relative; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDkgNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmljb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNNS42MDU1NzIzMiw3IEwxMy4zOTQ0MTIyLDcgQzEzLjkzMzI2NzgsNyAxNC4yMDI2NjYxLDcuNjM3NDE2MDYgMTMuODIxMjU3NSw4LjAxMDk1OTkzIEw5LjkyODMzMDQ0LDExLjgyNjU2NzkgQzkuNjkyMjE4OTksMTIuMDU3ODEwNyA5LjMwNzc2NTU4LDEyLjA1NzgxMDcgOS4wNzE2NTQxMywxMS44MjY1Njc5IEw1LjE3ODc1NjYxLDguMDEwOTU5OTMgQzQuNzk3MzE4NTIsNy42Mzc0MTYwNiA1LjA2Njc0NjMxLDcgNS42MDU1NzIzMiw3IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJJY29ucyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikljb25zL0ZvbnRhd2Vzb21lLyRmYS1jYXJldC1kb3duIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNS4wMDAwMDAsIC03LjAwMDAwMCkiPgogICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9Imljb24iIGZpbGw9IiM0QjRENTQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") right 15px center no-repeat; font-size: 16px; width: 100%; min-height: auto; outline: none; cursor: pointer; z-index: 1; text-overflow: ""; display: block; padding-right: 30px; } ._form select:focus { outline-style: none; outline: 0; border-bottom: 1px solid; background-color: transparent; cursor: pointer; color: #4b4d54; } .politics ._form select:focus { border-color: #ED473A; } .food-drinks ._form select:focus { border-color: #FF591D; } .default ._form select:focus { border-color: #15CBCD; } .book-club ._form select:focus { border-color: #DF0579; } .it-sunday ._form select:focus { border-color: #869CB4; } .daily-digest ._form select:focus { border-color: #333333; } .sport ._form select:focus { border-color: #3EA447; } .sftw ._form select:focus { border-color: #DF0579; } .business ._form select:focus { border-color: #1190AF; } .gloss ._form select:focus { border-color: #BA3366; } .comms ._form select:focus { border-color: #15CBCD; } .rewarding-times ._form select:focus { border-color: #1a1a1a; } .arnotts ._form select:focus { border-color: #000000; } .abroad ._form select:focus { border-color: #00a3a0; } .evening ._form select:focus { border-color: #000000; } .us-elections ._form select:focus { border-color: #333333; } .classroom-central ._form select:focus { border-color: #dd5a3c; } ._form select[multiple="true"] { background-color: #fff; background: none; padding-right: 0; padding-left: 0; } .politics ._form select[multiple="true"]:focus { border-color: #ED473A; } .food-drinks ._form select[multiple="true"]:focus { border-color: #FF591D; } .default ._form select[multiple="true"]:focus { border-color: #15CBCD; } .book-club ._form select[multiple="true"]:focus { border-color: #DF0579; } .it-sunday ._form select[multiple="true"]:focus { border-color: #869CB4; } .daily-digest ._form select[multiple="true"]:focus { border-color: #333333; } .sport ._form select[multiple="true"]:focus { border-color: #3EA447; } .sftw ._form select[multiple="true"]:focus { border-color: #DF0579; } .business ._form select[multiple="true"]:focus { border-color: #1190AF; } .gloss ._form select[multiple="true"]:focus { border-color: #BA3366; } .comms ._form select[multiple="true"]:focus { border-color: #15CBCD; } .rewarding-times ._form select[multiple="true"]:focus { border-color: #1a1a1a; } .arnotts ._form select[multiple="true"]:focus { border-color: #000000; } .abroad ._form select[multiple="true"]:focus { border-color: #00a3a0; } .evening ._form select[multiple="true"]:focus { border-color: #000000; } .us-elections ._form select[multiple="true"]:focus { border-color: #333333; } .classroom-central ._form select[multiple="true"]:focus { border-color: #dd5a3c; } ._form ._checkbox-radio { display: flex; align-items: flex-start; } ._form ._checkbox-radio input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; } ._form ._checkbox-radio input[type="checkbox"] + span > label { position: relative; cursor: pointer; display: flex; flex-flow: row nowrap; font-size: 14px; line-height: 1.4; margin-left: 30px; } .ie ._form ._checkbox-radio input[type="checkbox"] + span > label { width: 290px; } ._form ._checkbox-radio input[type="checkbox"] + span > label::before { border-color: #85868b; content: ""; display: block; margin-right: 10px; height: 20px; width: 20px; background-color: #fff; z-index: 0; position: absolute; left: -30px; } ._form ._checkbox-radio input[type="checkbox"] + span > label::after { content: ""; position: absolute; line-height: 20px; text-align: center; color: white; top: 5px; left: -29px; margin: 0 3px; height: 6px; width: 12px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); opacity: 0; } .politics ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #333333; } .sport ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="checkbox"] + span > label::after { border-color: #dd5a3c; } ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border: 1px solid; } .politics ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #333333; } .sport ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="checkbox"]:focus + span > label::before { border-color: #dd5a3c; } ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { background: #fff; } .politics ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #333333; } .sport ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::before { border-color: #dd5a3c; } ._form ._checkbox-radio input[type="checkbox"]:checked + span > label::after { opacity: 1; } ._form ._checkbox-radio input[type="checkbox"]:disabled + span > label::before { background: #dbdbdb; border-color: #dbdbdb; } ._form ._checkbox-radio input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } ._form ._checkbox-radio input[type="radio"] + span > label { position: relative; cursor: pointer; display: flex; flex-flow: row nowrap; font-size: 14px; line-height: 1.4; } ._form ._checkbox-radio input[type="radio"] + span > label::before { border-color: #85868b; content: ""; display: block; height: 20px; width: 20px; background-color: #fff; margin-right: 0.5rem; } ._form ._checkbox-radio input[type="radio"] + span > label::after { content: ""; position: absolute; line-height: 20px; text-align: center; top: 6px; left: 3px; margin: 0 3px; height: 10px; width: 10px; opacity: 0; } .politics ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #333333; } .sport ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="radio"] + span > label::after { border-color: #dd5a3c; } .politics ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #FF591D; } .default ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #333333; } .sport ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #DF0579; } .business ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #BA3366; } .comms ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #000000; } .abroad ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #000000; } .us-elections ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="radio"] + span > label::after { background-color: #dd5a3c; } ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border: 1px solid; } .politics ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #333333; } .sport ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="radio"]:focus + span > label::before { border-color: #dd5a3c; } ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { background: #fff; } .politics ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #ED473A; } .food-drinks ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #FF591D; } .default ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #15CBCD; } .book-club ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #DF0579; } .it-sunday ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #869CB4; } .daily-digest ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #333333; } .sport ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #3EA447; } .sftw ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #DF0579; } .business ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #1190AF; } .gloss ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #BA3366; } .comms ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #15CBCD; } .rewarding-times ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #1a1a1a; } .arnotts ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #000000; } .abroad ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #00a3a0; } .evening ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #000000; } .us-elections ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #333333; } .classroom-central ._form ._checkbox-radio input[type="radio"]:checked + span > label::before { border-color: #dd5a3c; } ._form ._checkbox-radio input[type="radio"]:checked + span > label::after { opacity: 1; } ._form ._checkbox-radio input[type="radio"]:disabled + span > label::before { background: #dbdbdb; border-color: #dbdbdb; } ._form ._row { margin: 10px 10px; /*======= Textarea =======*/ } ._form ._row input[name='nlbox[]'] { background-color: #ff9900; position: absolute; opacity: 0; border: none; -moz-appearance: checkbox; -webkit-appearance: checkbox; z-index: 1; } ._form ._row input[name='nlbox[]'] + span { padding-left: 24px; position: relative; cursor: pointer; display: flex; flex-flow: row nowrap; font-size: 14px; line-height: 1.4; } ._form ._row input[name='nlbox[]'] + span::before { border-color: #85868b; content: ""; display: block; margin-right: 10px; height: 20px; width: 20px; background-color: #fff; z-index: 0; position: absolute; margin-left: -30px; } ._form ._row input[name='nlbox[]'] + span::after { content: ""; position: absolute; top: 5px; left: -5px; line-height: 20px; text-align: center; color: white; margin: 0 3px; height: 6px; width: 12px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); opacity: 0; } .politics ._form ._row input[name='nlbox[]'] + span::after { border-color: #ED473A; } .food-drinks ._form ._row input[name='nlbox[]'] + span::after { border-color: #FF591D; } .default ._form ._row input[name='nlbox[]'] + span::after { border-color: #15CBCD; } .book-club ._form ._row input[name='nlbox[]'] + span::after { border-color: #DF0579; } .it-sunday ._form ._row input[name='nlbox[]'] + span::after { border-color: #869CB4; } .daily-digest ._form ._row input[name='nlbox[]'] + span::after { border-color: #333333; } .sport ._form ._row input[name='nlbox[]'] + span::after { border-color: #3EA447; } .sftw ._form ._row input[name='nlbox[]'] + span::after { border-color: #DF0579; } .business ._form ._row input[name='nlbox[]'] + span::after { border-color: #1190AF; } .gloss ._form ._row input[name='nlbox[]'] + span::after { border-color: #BA3366; } .comms ._form ._row input[name='nlbox[]'] + span::after { border-color: #15CBCD; } .rewarding-times ._form ._row input[name='nlbox[]'] + span::after { border-color: #1a1a1a; } .arnotts ._form ._row input[name='nlbox[]'] + span::after { border-color: #000000; } .abroad ._form ._row input[name='nlbox[]'] + span::after { border-color: #00a3a0; } .evening ._form ._row input[name='nlbox[]'] + span::after { border-color: #000000; } .us-elections ._form ._row input[name='nlbox[]'] + span::after { border-color: #333333; } .classroom-central ._form ._row input[name='nlbox[]'] + span::after { border-color: #dd5a3c; } ._form ._row input[name='nlbox[]']:checked + span::before { background: #fff; } .politics ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #ED473A; } .food-drinks ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #FF591D; } .default ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #15CBCD; } .book-club ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #DF0579; } .it-sunday ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #869CB4; } .daily-digest ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #333333; } .sport ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #3EA447; } .sftw ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #DF0579; } .business ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #1190AF; } .gloss ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #BA3366; } .comms ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #15CBCD; } .rewarding-times ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #1a1a1a; } .arnotts ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #000000; } .abroad ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #00a3a0; } .evening ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #000000; } .us-elections ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #333333; } .classroom-central ._form ._row input[name='nlbox[]']:checked + span::before { border-color: #dd5a3c; } ._form ._row input[name='nlbox[]']:checked + span::after { opacity: 1; } ._form ._row input[name='nlbox[]']:focus + span::before { border: 1px solid; } .politics ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #ED473A; } .food-drinks ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #FF591D; } .default ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #15CBCD; } .book-club ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #DF0579; } .it-sunday ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #869CB4; } .daily-digest ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #333333; } .sport ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #3EA447; } .sftw ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #DF0579; } .business ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #1190AF; } .gloss ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #BA3366; } .comms ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #15CBCD; } .rewarding-times ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #1a1a1a; } .arnotts ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #000000; } .abroad ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #00a3a0; } .evening ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #000000; } .us-elections ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #333333; } .classroom-central ._form ._row input[name='nlbox[]']:focus + span::before { border-color: #dd5a3c; } ._form ._row textarea { display: block; width: 96%; } @media screen and (max-width: 768px) { ._form ._row textarea { width: 94%; } } .politics ._form ._row textarea:required:focus { border-color: #ED473A; } .food-drinks ._form ._row textarea:required:focus { border-color: #FF591D; } .default ._form ._row textarea:required:focus { border-color: #15CBCD; } .book-club ._form ._row textarea:required:focus { border-color: #DF0579; } .it-sunday ._form ._row textarea:required:focus { border-color: #869CB4; } .daily-digest ._form ._row textarea:required:focus { border-color: #333333; } .sport ._form ._row textarea:required:focus { border-color: #3EA447; } .sftw ._form ._row textarea:required:focus { border-color: #DF0579; } .business ._form ._row textarea:required:focus { border-color: #1190AF; } .gloss ._form ._row textarea:required:focus { border-color: #BA3366; } .comms ._form ._row textarea:required:focus { border-color: #15CBCD; } .rewarding-times ._form ._row textarea:required:focus { border-color: #1a1a1a; } .arnotts ._form ._row textarea:required:focus { border-color: #000000; } .abroad ._form ._row textarea:required:focus { border-color: #00a3a0; } .evening ._form ._row textarea:required:focus { border-color: #000000; } .us-elections ._form ._row textarea:required:focus { border-color: #333333; } .classroom-central ._form ._row textarea:required:focus { border-color: #dd5a3c; } ._form ._row textarea:focus { outline: none; } .politics ._form ._row textarea:focus { border-color: #ED473A; } .food-drinks ._form ._row textarea:focus { border-color: #FF591D; } .default ._form ._row textarea:focus { border-color: #15CBCD; } .book-club ._form ._row textarea:focus { border-color: #DF0579; } .it-sunday ._form ._row textarea:focus { border-color: #869CB4; } .daily-digest ._form ._row textarea:focus { border-color: #333333; } .sport ._form ._row textarea:focus { border-color: #3EA447; } .sftw ._form ._row textarea:focus { border-color: #DF0579; } .business ._form ._row textarea:focus { border-color: #1190AF; } .gloss ._form ._row textarea:focus { border-color: #BA3366; } .comms ._form ._row textarea:focus { border-color: #15CBCD; } .rewarding-times ._form ._row textarea:focus { border-color: #1a1a1a; } .arnotts ._form ._row textarea:focus { border-color: #000000; } .abroad ._form ._row textarea:focus { border-color: #00a3a0; } .evening ._form ._row textarea:focus { border-color: #000000; } .us-elections ._form ._row textarea:focus { border-color: #333333; } .classroom-central ._form ._row textarea:focus { border-color: #dd5a3c; } ._form ._row textarea:invalid { background-color: #fff; } .politics ._form ._row textarea:invalid:focus { border-color: #ED473A; } .food-drinks ._form ._row textarea:invalid:focus { border-color: #FF591D; } .default ._form ._row textarea:invalid:focus { border-color: #15CBCD; } .book-club ._form ._row textarea:invalid:focus { border-color: #DF0579; } .it-sunday ._form ._row textarea:invalid:focus { border-color: #869CB4; } .daily-digest ._form ._row textarea:invalid:focus { border-color: #333333; } .sport ._form ._row textarea:invalid:focus { border-color: #3EA447; } .sftw ._form ._row textarea:invalid:focus { border-color: #DF0579; } .business ._form ._row textarea:invalid:focus { border-color: #1190AF; } .gloss ._form ._row textarea:invalid:focus { border-color: #BA3366; } .comms ._form ._row textarea:invalid:focus { border-color: #15CBCD; } .rewarding-times ._form ._row textarea:invalid:focus { border-color: #1a1a1a; } .arnotts ._form ._row textarea:invalid:focus { border-color: #000000; } .abroad ._form ._row textarea:invalid:focus { border-color: #00a3a0; } .evening ._form ._row textarea:invalid:focus { border-color: #000000; } .us-elections ._form ._row textarea:invalid:focus { border-color: #333333; } .classroom-central ._form ._row textarea:invalid:focus { border-color: #dd5a3c; } ._form .g-recaptcha { position: relative; left: 0px; } @media only screen and (min-width: 768px) { ._form .g-recaptcha { left: 1.3rem; } } @media only screen and (max-width: 767px) { ._form .g-recaptcha { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } } /*======= Inline validations =======*/ ._has_error { border-color: #ef476f; } ._error, ._error-inner { color: #ef476f; } ._error-inner { width: 100%; height: auto; font-size: 14px; position: relative; left: 8px; } ._error-inner + input[type='checkbox'] { top: 34px; } /*======= Signup confirmation =======*/ ._form-thank-you p { text-align: center; } .success-checkmark { width: 48px; height: 48px; margin: 20px auto; position: relative; } .success-checkmark .line { border: 4px solid; display: block; width: 48px; height: 48px; top: 10px; } .politics .success-checkmark .line { border-color: #ED473A; } .food-drinks .success-checkmark .line { border-color: #FF591D; } .default .success-checkmark .line { border-color: #15CBCD; } .book-club .success-checkmark .line { border-color: #DF0579; } .it-sunday .success-checkmark .line { border-color: #869CB4; } .daily-digest .success-checkmark .line { border-color: #333333; } .sport .success-checkmark .line { border-color: #3EA447; } .sftw .success-checkmark .line { border-color: #DF0579; } .business .success-checkmark .line { border-color: #1190AF; } .gloss .success-checkmark .line { border-color: #BA3366; } .comms .success-checkmark .line { border-color: #15CBCD; } .rewarding-times .success-checkmark .line { border-color: #1a1a1a; } .arnotts .success-checkmark .line { border-color: #000000; } .abroad .success-checkmark .line { border-color: #00a3a0; } .evening .success-checkmark .line { border-color: #000000; } .us-elections .success-checkmark .line { border-color: #333333; } .classroom-central .success-checkmark .line { border-color: #dd5a3c; } .success-checkmark .check { position: absolute; height: 24px; width: 24px; display: block; top: 5px; left: 0px; } .success-checkmark .check:before, .success-checkmark .check:after { display: inline-block; content: ''; width: 4px; position: absolute; border-top-left-radius: 16px; border-top-right-radius: 16px; } .success-checkmark .check:before { left: 0.7rem; top: calc(100% - 0px); height: 16px; transform: rotate(-45deg); transform-origin: top left; animation: success-step-one 0.2s ease-out; } .politics .success-checkmark .check:before { background-color: #ED473A; } .food-drinks .success-checkmark .check:before { background-color: #FF591D; } .default .success-checkmark .check:before { background-color: #15CBCD; } .book-club .success-checkmark .check:before { background-color: #DF0579; } .it-sunday .success-checkmark .check:before { background-color: #869CB4; } .daily-digest .success-checkmark .check:before { background-color: #333333; } .sport .success-checkmark .check:before { background-color: #3EA447; } .sftw .success-checkmark .check:before { background-color: #DF0579; } .business .success-checkmark .check:before { background-color: #1190AF; } .gloss .success-checkmark .check:before { background-color: #BA3366; } .comms .success-checkmark .check:before { background-color: #15CBCD; } .rewarding-times .success-checkmark .check:before { background-color: #1a1a1a; } .arnotts .success-checkmark .check:before { background-color: #000000; } .abroad .success-checkmark .check:before { background-color: #00a3a0; } .evening .success-checkmark .check:before { background-color: #000000; } .us-elections .success-checkmark .check:before { background-color: #333333; } .classroom-central .success-checkmark .check:before { background-color: #dd5a3c; } .success-checkmark .check:after { bottom: -11px; left: 1.25rem; height: 30px; transform: rotate(45deg); transform-origin: bottom right; animation: success-step-two 0.3s; } .politics .success-checkmark .check:after { background-color: #ED473A; } .food-drinks .success-checkmark .check:after { background-color: #FF591D; } .default .success-checkmark .check:after { background-color: #15CBCD; } .book-club .success-checkmark .check:after { background-color: #DF0579; } .it-sunday .success-checkmark .check:after { background-color: #869CB4; } .daily-digest .success-checkmark .check:after { background-color: #333333; } .sport .success-checkmark .check:after { background-color: #3EA447; } .sftw .success-checkmark .check:after { background-color: #DF0579; } .business .success-checkmark .check:after { background-color: #1190AF; } .gloss .success-checkmark .check:after { background-color: #BA3366; } .comms .success-checkmark .check:after { background-color: #15CBCD; } .rewarding-times .success-checkmark .check:after { background-color: #1a1a1a; } .arnotts .success-checkmark .check:after { background-color: #000000; } .abroad .success-checkmark .check:after { background-color: #00a3a0; } .evening .success-checkmark .check:after { background-color: #000000; } .us-elections .success-checkmark .check:after { background-color: #333333; } .classroom-central .success-checkmark .check:after { background-color: #dd5a3c; } .newsletters-layout--grid { display: flex; flex-flow: row wrap; justify-content: space-between; border: none; } @media screen and (max-width: 767px) { .newsletters-layout--grid { flex-flow: row wrap; } } .newsletters-layout--container .newsletters-intro h1 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 31px; line-height: normal; color: #333; margin: 1rem 0 0 0; text-align: center; text-transform: uppercase; } .newsletters-layout--container .newsletters-intro h2 { font-family: "Georgia", "Times New Roman", Times, serif; text-align: center; margin-bottom: 1rem; } .newsletters-layout--grid .newsletters-widget .hero h2 { padding: 1rem 0rem; min-height: 60px; } @media screen and (max-width: 768px) { .newsletters-layout--grid .newsletters-widget .hero h2 { background-size: auto 40px; min-height: 50px; } } .newsletters-layout--grid .newsletters-widget.daily-digest .hero h2, .newsletters-layout--grid .newsletters-widget.business .hero h2, .newsletters-layout--grid .newsletters-widget.sport .hero h2, .newsletters-layout--grid .newsletters-widget.it-sunday .hero h2, .newsletters-layout--grid .newsletters-widget.politics .hero h2, .newsletters-layout--grid .newsletters-widget.comms .hero h2 { background-size: auto 40px; background-position: center top; } .newsletters-layout--grid .newsletters-widget.rewarding-times .hero h2, .newsletters-layout--grid .newsletters-widget.food-drinks .hero h2 { background-size: auto 45px; background-position: center top; } .newsletters-layout--grid .newsletters-widget.abroad .hero h2 { background-size: auto 30px; background-position: center 15px; } .newsletters-layout--grid .newsletters-widget.book-club .hero h2 { background-size: auto 38px; background-position: center 10px; } .newsletters-layout--grid .newsletters-widget.sftw .hero h2 { background-size: auto 30px; background-position: center top 10px; } .newsletters-layout--grid .newsletters-widget.gloss .hero h2 { background-size: auto 35px; background-position: center 10px; } .newsletters-layout--grid .newsletters-widget.politics .hero h2 { padding: 0rem; min-height: 110px; } .newsletters-layout--grid .newsletters-widget.evening .hero h2, .newsletters-layout--grid .newsletters-widget.us-elections .hero h2 { background-size: auto 30px; background-position: center top 0.5rem; } .newsletters-layout--grid .newsletters-widget.classroom-central .hero h2 { background-size: auto 25px; background-position: center top 10px; } body { color: #4b4d54; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body:not(.isArticle) > #wrapper { z-index: 0; display: flex; min-height: 100vh; height: 100vh; flex-direction: column; } body:not(.isArticle) > #wrapper #torso { flex: 1 0 auto; } body:not(.isArticle) > #wrapper #torso > .container { padding-top: 0; padding-bottom: 0; } .gutter body:not(.isArticle) > #wrapper #torso > .container { width: 100%; margin: 0 auto; padding-left: 0; } .gutter body:not(.isArticle) > #wrapper #torso > .container .bt-container { width: 100%; margin-left: 0; margin-right: 0; } body:not(.isArticle) > #wrapper #torso > .container .row { margin-left: 0; } .fw { margin-left: calc(-50vw + 50%); width: 100vw; } .gutter .fw { margin: -1px auto; max-width: 100%; } .fw-container { padding: 1em; margin: 0 auto; position: relative; max-width: 372px; } .politics.signup .hero { background-image: linear-gradient(to right, #CB2D3F 30%, #ED473A 100%); } .food-drinks.signup .hero { background-image: linear-gradient(to right, #FF591D 30%, #900072 100%); } .default.signup .hero { background-image: linear-gradient(to right, #099FA1 30%, #15CBCD 100%); } .book-club.signup .hero { background-image: linear-gradient(to right, #A40759 30%, #DF0579 100%); } .it-sunday.signup .hero { background-image: linear-gradient(to right, #213150 10%, #869CB4 100%); } .daily-digest.signup .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%); } .sport.signup .hero { background-image: linear-gradient(to right, #3EA447 30%, #27DD4D 100%); } .sftw.signup .hero { background-image: linear-gradient(to right, #A40759 30%, #DF0579 100%); } .business.signup .hero { background-image: linear-gradient(to right, #1190AF 30%, #08D0E4 100%); } .gloss.signup .hero { background-image: linear-gradient(to right, #922850 30%, #BA3366 100%); } .comms.signup .hero { background-image: linear-gradient(to right, #099FA1 30%, #15CBCD 100%); } .rewarding-times.signup .hero { background-image: linear-gradient(to right, #1a1a1a 30%, #000000 100%); } .arnotts.signup .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%, #000000 30%); } .abroad.signup .hero { background-image: linear-gradient(to right, #00a3a0 30%, #86c463 100%); } .evening.signup .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%); } .classroom-central.signup .hero { background-image: linear-gradient(to right, #dd5a3c 30%, #eeab3a 100%); } .us-elections.signup .hero { background-image: linear-gradient(to top, #f1f1f1 30%, #ffffff 100%); } .signup .hero h1 { font-size: 0; color: #fff; margin: 0; background-size: auto 58px; background-repeat: no-repeat; background-position: left center; min-height: 60px; } .politics.signup .hero h1 { background-image: url(../images/it-logo-politics.png); } .food-drinks.signup .hero h1 { background-image: url(../images/it-logo-food-and-drink.png); } .default.signup .hero h1 { background-image: url(https://via.placeholder.com/748x118); } .book-club.signup .hero h1 { background-image: url(../images/it-logo-book-club.png); } .it-sunday.signup .hero h1 { background-image: url(../images/it-logo-it-sunday.png); } .daily-digest.signup .hero h1 { background-image: url(../images/it-logo-news.png); } .sport.signup .hero h1 { background-image: url(../images/it-logo-sports.png); } .sftw.signup .hero h1 { background-image: url(../images/it-logo-sftw.png); } .business.signup .hero h1 { background-image: url(../images/it-logo-business.png); } .gloss.signup .hero h1 { background-image: url(../images/it-logo-gloss.png); } .comms.signup .hero h1 { background-image: url(../images/it-logo-comms.png); } .rewarding-times.signup .hero h1 { background-image: url(../images/it-logo-rewarding-times.png); } .arnotts.signup .hero h1 { background-image: url(../images/it-logo-160-years.png); } .abroad.signup .hero h1 { background-image: url(../images/it-logo-abroad.png?rev=1582015968); } .evening.signup .hero h1 { background-image: url(../images/it-logo-evening.svg?rev=1587469738); } .classroom-central.signup .hero h1 { background-image: url(../images/it-logo-classroom-central.png); } @media screen and (max-width: 480px) { .signup .hero h1 { background-size: 100% auto; } } .signup .hero .it-160-years h1 { background-size: 265px auto; background-repeat: no-repeat; background-position: 55px top; min-height: 100px; } @media screen and (max-width: 480px) { .signup .hero .it-160-years h1 { background-size: 265px auto; background-position: center center; } } .signup .container--form { background-color: #fff; padding: 1rem; border-radius: 3px; position: relative; top: -30px; } .signup .container--form h3 { color: #4b4d54; font-size: 22px; line-height: 1.4; margin-bottom: 0.65rem; padding-top: 0; } .signup .container--form h4 { font-weight: 700; margin: 0.65rem 0; padding: 0 0.375rem; } .signup .container--form .preview a { margin-left: 0.2rem; } .signup .container--form .preview a:after { font-size: 14px; content: "\f14c"; margin-left: 0.65rem; position: relative; top: 2px; } .signup .container--form .benefits { margin-bottom: 2rem; } .signup .container--form .benefits li { padding-left: 20px; margin-bottom: 0.5rem; position: relative; } .signup .container--form .benefits li:before { content: "\f00c"; position: absolute; left: -5px; top: 2px; } .politics .signup .container--form .benefits li:before { color: #ED473A; } .food-drinks .signup .container--form .benefits li:before { color: #FF591D; } .default .signup .container--form .benefits li:before { color: #15CBCD; } .book-club .signup .container--form .benefits li:before { color: #DF0579; } .it-sunday .signup .container--form .benefits li:before { color: #869CB4; } .daily-digest .signup .container--form .benefits li:before { color: #333333; } .sport .signup .container--form .benefits li:before { color: #3EA447; } .sftw .signup .container--form .benefits li:before { color: #DF0579; } .business .signup .container--form .benefits li:before { color: #1190AF; } .gloss .signup .container--form .benefits li:before { color: #BA3366; } .comms .signup .container--form .benefits li:before { color: #15CBCD; } .rewarding-times .signup .container--form .benefits li:before { color: #1a1a1a; } .arnotts .signup .container--form .benefits li:before { color: #000000; } .abroad .signup .container--form .benefits li:before { color: #00a3a0; } .evening .signup .container--form .benefits li:before { color: #000000; } .us-elections .signup .container--form .benefits li:before { color: #333333; } .classroom-central .signup .container--form .benefits li:before { color: #dd5a3c; } .signup .container--form .benefits li a { font-size: 14px; color: #23517a; text-decoration: underline; } .signup .container--form .benefits li a:after { content: "\f14c"; margin-left: 0.65rem; position: relative; top: 3px; } .signup .container--form .benefits li a:hover { text-decoration: none; } .signup .container--form .signin { margin-top: 1rem; text-align: center; } .signup .container--form .signin a { color: #869cb4; } .signup .container--form .signin a:before { font-family: "it-icons"; content: "\E916"; position: relative; margin-right: 0.325rem; } .signup .container--form .signin a:hover { text-decoration: underline; } .anonymous .signup .container--form.subs { display: none; } .authenticated .signup .container--form.subs { display: block; } .anonymous .signup .container--form.public { display: block; } .authenticated .signup .container--form.public { display: none; } .county { display: none; } .IE .county { display: block; } .sftw.signup .hero h1 { background-size: auto 40px !important; } .classroom-central.signup .hero h1 { background-size: contain !important; } .evening.signup .hero h1 { background-size: auto 40px !important; padding: 1rem 0 !important; } .us-elections.signup .hero p, .us-elections.signup .hero a, .us-elections.signup .hero .btnws-link, .us-elections.signup .hero .details, .us-elections.signup .hero .details p a { color: #4b4d54; } .us-elections.signup .hero h1 { background-size: auto 40px; padding: 1rem 0; } @media screen and (max-width: 767px) { .us-elections.signup .hero h1 { background-size: 100% auto; } } .politics.signup .hero h1 { background-position: left top; min-height: 70px; } .politics.signup .hero h1:after { content: 'Newsletter'; display: block; text-transform: uppercase; font-size: 16px; color: #fff; border-top: 2px solid #fff; text-align: left; margin-top: 10px; margin-left: 0; margin-right: 0; padding-top: 0; position: relative; top: 10px; } .ie11 .politics.signup .hero h1:after { top: 35px !important; } .btnws-link { font-size: 16px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; } .btnws-link:before { content: ''; border-style: solid; border-width: 0.1em 0.1em 0 0; display: inline-block; height: 0.5em; width: 0.5em; transform: rotate(-135deg); margin-right: 8px; }