@charset "UTF-8";
/** Partials for the Standalone signup pages  */
/*=======
Fontawesome icons
========*/
/*======
icons
=====*/
.newsletters-widget { border: 1px solid #dbdbdb; }

button, input[type="submit"], input[type="button"], .button, .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; }

/*
Reset framework styles
*/
.btn-primary { background: inherit; border: none; text-shadow: none; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important; line-height: inherit; }

.form-actions { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border-top: none; }

/*=======
Buttons for modules
=======*/
button, input[type="submit"], input[type="button"], .button, .btn { padding: 8px 20px; font-size: 16px; font-weight: 700; opacity: 1; height: auto; text-align: center; cursor: pointer; display: block; color: #fff; }
button:visited, input[type="submit"]:visited, input[type="button"]:visited, .button:visited, .btn:visited { color: #fff; }
button:disabled, button [disabled], input[type="submit"]:disabled, input[type="submit"] [disabled], input[type="button"]:disabled, input[type="button"] [disabled], .button:disabled, .button [disabled], .btn:disabled, .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; }
button.disabled, input[type="submit"].disabled, input[type="button"].disabled, .button.disabled, .btn.disabled { opacity: 0.5; }
button.btn-block, input[type="submit"].btn-block, input[type="button"].btn-block, .button.btn-block, .btn.btn-block { display: block; width: 100%; }
button.btn-small, input[type="submit"].btn-small, input[type="button"].btn-small, .button.btn-small, .btn.btn-small { display: inline; padding: 5px 10px; width: auto; }
button.btn-image i, input[type="submit"].btn-image i, input[type="button"].btn-image i, .button.btn-image i, .btn.btn-image i { font-family: it-icons; font-size: 18px; color: #4b4d54; font-weight: normal; font-style: normal; margin-right: 0.5rem; }
button.btn-image .s-icon-signin:before, input[type="submit"].btn-image .s-icon-signin:before, input[type="button"].btn-image .s-icon-signin:before, .button.btn-image .s-icon-signin:before, .btn.btn-image .s-icon-signin:before { content: ""; }
button.btn-image .s-subscriber-tour:before, input[type="submit"].btn-image .s-subscriber-tour:before, input[type="button"].btn-image .s-subscriber-tour:before, .button.btn-image .s-subscriber-tour:before, .btn.btn-image .s-subscriber-tour:before { content: ""; }

.btn-secondary { background-color: #869cb4; color: #fff; }
.btn-secondary:link { background-color: #869cb4; color: #fff; }
.btn-secondary:hover { color: #fff; background-color: #869cb4; }
.btn-secondary:active { color: #fff; background-color: #869cb4; }
.btn-secondary:visited { color: #fff; background-color: #869cb4; }

.btn-subscribe { background-color: #fad165; color: #000; }
.btn-subscribe:link { background-color: #fad165; color: #000; }
.btn-subscribe:hover { background-color: #fad165; color: #000; }
.btn-subscribe:active { background-color: #fad165; color: #000; }
.btn-subscribe:visited { background-color: #fad165; color: #000; }

.btn-ghost { color: #4b4d54; background-color: #fff; background-image: transparent; background: transparent; text-shadow: none; border: 1px solid #4b4d54; }
.btn-ghost:link { color: #4b4d54; }
.btn-ghost:hover { color: #4b4d54; }
.btn-ghost:focus { box-shadow: none; }
.btn-ghost:active { box-shadow: none; color: #4b4d54; }
.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%); }
.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); }
.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 { 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 { background-size: auto 30px; }
.newsletters-widget.book-club .hero h2 { background-size: auto 38px; }
.newsletters-widget.sftw .hero h2 { background-size: auto 30px; }
.newsletters-widget.gloss .hero h2 { background-size: auto 35px; }
.newsletters-widget.evening .hero h2 { background-size: auto 30px; background-position: center top 0.5rem; }
.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.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; }