@charset "UTF-8";
/** Partials for the Standalone signup pages  */
/*-------------
events
-------------*/
/*=======
Fontawesome icons
========*/
/*======
icons
=====*/
.newsletters-widget { border: 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, .newsletters-widget .card { border-radius: 3px; }

.hero .details--preview a:after { font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 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; }

.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; }

.newsletters-widget { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between; align-content: flex-start; position: relative; background-color: #fff; }
.newsletters-widget .hero { padding: 1rem 0; position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.politics.newsletters-widget .hero { background-image: linear-gradient(to right, #CB2D3F 30%, #ED473A 100%); }
.food-drinks.newsletters-widget .hero { background-image: linear-gradient(to right, #FF591D 30%, #900072 100%); }
.default.newsletters-widget .hero { background-image: linear-gradient(to right, #099FA1 30%, #15CBCD 100%); }
.book-club.newsletters-widget .hero { background-image: linear-gradient(to right, #A40759 30%, #DF0579 100%); }
.it-sunday.newsletters-widget .hero { background-image: linear-gradient(to right, #213150 10%, #869CB4 100%); }
.daily-digest.newsletters-widget .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%); }
.sport.newsletters-widget .hero { background-image: linear-gradient(to right, #3EA447 30%, #27DD4D 100%); }
.sftw.newsletters-widget .hero { background-image: linear-gradient(to right, #A40759 30%, #DF0579 100%); }
.business.newsletters-widget .hero { background-image: linear-gradient(to right, #1190AF 30%, #08D0E4 100%); }
.gloss.newsletters-widget .hero { background-image: linear-gradient(to right, #922850 30%, #BA3366 100%); }
.comms.newsletters-widget .hero { background-image: linear-gradient(to right, #099FA1 30%, #15CBCD 100%); }
.rewarding-times.newsletters-widget .hero { background-image: linear-gradient(to right, #1a1a1a 30%, #000000 100%); }
.arnotts.newsletters-widget .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%, #000000 30%); }
.abroad.newsletters-widget .hero { background-image: linear-gradient(to right, #00a3a0 30%, #86c463 100%); }
.evening.newsletters-widget .hero { background-image: linear-gradient(to right, #000000 30%, #333333 100%); }
.classroom-central.newsletters-widget .hero { background-image: linear-gradient(to right, #dd5a3c 30%, #eeab3a 100%); }
.us-elections.newsletters-widget .hero { background-image: linear-gradient(to top, #f1f1f1 30%, #ffffff 100%); }
.newsletters-widget .hero h2 { font-size: 16px; color: transparent; margin: 0 auto; background-repeat: no-repeat; background-position: center top; width: 100%; display: block; }
.politics.newsletters-widget .hero h2 { background-image: url(../images/it-logo-politics.png); }
.food-drinks.newsletters-widget .hero h2 { background-image: url(../images/it-logo-food-and-drink.png); }
.default.newsletters-widget .hero h2 { background-image: url(https://via.placeholder.com/748x118); }
.book-club.newsletters-widget .hero h2 { background-image: url(../images/it-logo-book-club.png); }
.it-sunday.newsletters-widget .hero h2 { background-image: url(../images/it-logo-it-sunday.png); }
.daily-digest.newsletters-widget .hero h2 { background-image: url(../images/it-logo-news.png); }
.sport.newsletters-widget .hero h2 { background-image: url(../images/it-logo-sports.png); }
.sftw.newsletters-widget .hero h2 { background-image: url(../images/it-logo-sftw.png); }
.business.newsletters-widget .hero h2 { background-image: url(../images/it-logo-business.png); }
.gloss.newsletters-widget .hero h2 { background-image: url(../images/it-logo-gloss.png); }
.comms.newsletters-widget .hero h2 { background-image: url(../images/it-logo-comms.png); }
.rewarding-times.newsletters-widget .hero h2 { background-image: url(../images/it-logo-rewarding-times.png); }
.arnotts.newsletters-widget .hero h2 { background-image: url(../images/it-logo-160-years.png); }
.abroad.newsletters-widget .hero h2 { background-image: url(../images/it-logo-abroad.png?rev=1582015968); }
.evening.newsletters-widget .hero h2 { background-image: url(../images/it-logo-evening.svg?rev=1587469738); }
.classroom-central.newsletters-widget .hero h2 { background-image: url(../images/it-logo-classroom-central.png); }
.newsletters-widget .hero .details { margin: 0 1rem 0.325rem 1rem; position: relative; top: -5px; }
.newsletters-widget .hero .details--label { position: absolute; top: 3.7rem; margin: 0 auto; width: 100%; }
.newsletters-widget .hero .details--label p { text-align: center; padding: 0; margin-bottom: 0; }
@media screen and (max-width: 768px) { .newsletters-widget .hero .details--label { top: 3.2rem; } }
@media screen and (max-width: 768px) { .newsletters-widget .hero .details { margin: 0 1rem 0.65rem 1rem; } }
.newsletters-widget .card { background-color: white; position: relative; margin: 0 1rem; padding: 1rem 1rem 0 1rem; top: -20px; color: #4b4d54; text-align: left; flex-grow: 1; margin-top: auto; }
.newsletters-widget .card p { font-size: 15px; line-height: 1.4; margin-bottom: 0; padding-bottom: 0.5rem; }
.newsletters-widget .button-wrapper { width: 78%; margin: 0 2rem; display: block; position: relative; bottom: 1rem; }
@media only screen and (max-width: 767px) { .newsletters-widget .button-wrapper { position: relative; } }
@media only screen and (min-width: 768px) and (max-width: 979px) { .newsletters-widget .button-wrapper { width: 82%; } }
.newsletters-widget .button-wrapper p { padding: 0; margin: 0; }
.anonymous .newsletters-widget .button-wrapper.subs { display: none; }
.authenticated .newsletters-widget .button-wrapper.subs { display: block; }
.anonymous .newsletters-widget .button-wrapper.public { display: block; }
.authenticated .newsletters-widget .button-wrapper.public { display: none; }
.newsletters-widget.daily-digest .hero h2, .newsletters-widget.business .hero h2, .newsletters-widget.sport .hero h2, .newsletters-widget.it-sunday .hero h2, .newsletters-widget.politics .hero h2, .newsletters-widget.comms .hero h2, .newsletters-widget.us-elections .hero h2 { background-size: auto 40px; }
.newsletters-widget.rewarding-times .hero h2, .newsletters-widget.food-drinks .hero h2 { background-size: auto 45px; }
.newsletters-widget.abroad .hero h2, .newsletters-widget.sftw .hero h2 { background-size: auto 30px; }
.newsletters-widget.book-club .hero h2 { background-size: auto 38px; }
.newsletters-widget.gloss .hero h2 { background-size: auto 35px; }
.newsletters-widget.evening .hero h2, .newsletters-widget.us-elections .hero h2 { background-size: auto 30px; background-position: center top 0.5rem; }
.newsletters-widget.classroom-central .hero h2 { background-size: auto 25px; background-position: center top 10px; }
.newsletters-widget.us-elections .details { color: #4b4d54; }
.newsletters-widget.us-elections .details p { color: #4b4d54; }
.newsletters-widget.us-elections .details p a { color: #4b4d54; }
.no-preview .newsletters-widget .hero h2 { min-height: auto; padding-bottom: 1rem; }
.no-preview .newsletters-widget .details--preview { display: none; }
.no-preview .newsletters-widget .details p { position: relative; margin: 0 auto; }
.no-preview .newsletters-widget.evening .hero h2 { min-height: 32px; }
.no-preview .newsletters-widget.classroom-central .hero h2 { background-position: center top 0; }
.no-preview .newsletters-widget.sport .hero h2, .no-preview .newsletters-widget.politics .hero h2, .no-preview .newsletters-widget.it-sunday .hero h2 { min-height: 60px; }
.no-preview .newsletters-widget.sport .public .btn-subscribe, .no-preview .newsletters-widget.politics .public .btn-subscribe, .no-preview .newsletters-widget.it-sunday .public .btn-subscribe { font-size: 0; }
.no-preview .newsletters-widget.sport .public .btn-subscribe:after, .no-preview .newsletters-widget.politics .public .btn-subscribe:after, .no-preview .newsletters-widget.it-sunday .public .btn-subscribe:after { content: 'Sign up'; font-size: 16px; top: 5px; position: relative; line-height: 0; }
.no-preview .newsletters-widget.politics .hero h2 { min-height: 110px; }
.newsletters-widget.politics .hero { padding-top: 5px; }
.newsletters-widget.politics .hero h2 { padding: 0; padding-bottom: 0; min-height: 110px; }
.newsletters-widget.politics .hero h2:after { content: 'Newsletter'; display: block; text-transform: uppercase; font-size: 14px; color: #fff; border-top: 1px solid #fff; text-align: center; margin-top: 10px; margin-left: 1.2rem; margin-right: 1.2rem; padding-top: 5px; position: relative; top: 10px; }
.newsletters-widget.politics .hero .details--label { top: 4.3rem; }

html.ie11 .card { height: 132px; }
html.ie11 .comms .card { height: 150px; }