@charset "UTF-8";
/** Newsletters page elements  */
/*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
=====*/
.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; }

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

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