.account-nav__list-item,
.flash__message {
    font-weight: 700;
    background-color: #f4f4f4;
    text-align: center
}

.account-settings-container {
    margin-top: 40px
}

.flash__message {
    margin: 10px 0;
    padding: 10px 0;
    line-height: 1.2
}

.account-nav__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-align: stretch;
    align-content: stretch;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.account-nav__list-item {
    display: inline;
    width: 50%;
    padding: 20px;
    float: left;
    font-size: 18px;
    cursor: pointer;
    text-decoration: underline;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.form__button,
.form__button-radio label,
.form__label {
    line-height: 40px;
    font-size: 16px;
    font-weight: 600
}

.account-nav__list-item:focus,
.account-nav__list-item:hover {
    background-color: #d6d4d4
}

.account-nav__list-item--selected,
.account-nav__list-item--selected:focus,
.account-nav__list-item--selected:hover {
    background-color: #fff;
    cursor: inherit
}

.account-upgrade {
    width: 100%;
    padding: 20px;
    background-color: #f4f4f4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
    float: left
}

.account-upgrade__header {
    display: inline-block;
    width: 100%
}

.account-upgrade__image-container {
    width: 100%;
    display: inline-block;
    text-align: center
}

.account-upgrade__image {
    max-width: 250px;
    margin: 0 0 20px
}

.account-upgrade .form__button {
    margin-bottom: 16px
}

.form-main {
    padding: 20px 0;
    border-top: 1px solid #cecece;
    width: 100%;
    box-sizing: border-box;
    float: left
}

.form-main:first-child {
    border-top: none
}

.form-section {
    float: left;
    display: inline-block;
    margin-bottom: 10px
}

.form-section--1-col,
.form-section--2-col,
.form-section--3-col {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box
}

.form__field-container {
    float: left;
    display: inline-block;
    width: 100%
}

.button-container--right {
    text-align: right
}

.form__button,
.form__button-radio label {
    box-shadow: none!important;
    text-shadow: none!important;
    padding: 0 10px!important;
    border: none!important;
    text-align: center;
    height: 40px;
    color: #fff;
    min-width: 150px;
    font-family: lato, sans-serif;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.form__button--cta,
.form__button-radio--cta label {
    color: #fff;
    background-color: #17ce28
}

.form__button--cta:hover,
.form__button-radio--cta input:checked+label,
.form__button-radio--cta label:hover {
    color: #fff;
    background-color: #13941c
}

.form__button--cta-unchecked,
.form__button-radio--cta-unchecked label {
    color: #fff;
    background-color: #cecece
}

.form__button--cta-unchecked:hover,
.form__button-radio--cta-unchecked input:checked+label,
.form__button-radio--cta-unchecked label:hover {
    color: #fff;
    background-color: #17ce28
}

.form__field {
    width: 100%
}

.form__button-radio {
    position: relative
}

.form__button-radio li {
    float: left;
    margin: 0 20px 20px 0
}

.form__button-radio li:last-child {
    margin: 0 0 20px
}

.form__button-radio input {
    opacity: 0;
    position: absolute;
    left: -3000px
}

.form__button-radio label {
    display: inline-block
}

.form-section__toggle {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 10px
}

.form-section__toggle input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cecece;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.form-section__toggle input:checked+.slider {
    background-color: #17ce28
}

.cookie__row:nth-child(odd),
.form__newsletter {
    background-color: #f4f4f4
}

.form-section__toggle input:focus+.slider {
    box-shadow: 0 0 1px #17ce28
}

.form-section__toggle input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.form__flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form__newsletter {
    padding: 20px;
    border-radius: 5px;
    width: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

.form__newsletter-heading {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px;
    width: 100%;
    display: inline-block
}

.form__newsletter p {
    margin-bottom: 10px;
    width: 100%
}

.account__copy p {
    margin-bottom: 16px
}

.account__copy--important p,
.flash__message--error,
.flash__message--warning {
    color: #e34c39
}

.form__error {
    display: inline-block;
    width: 100%;
    text-align: right;
    list-style: none inside!important;
    padding: 0
}

.recaptcha--left .form__error {
    text-align: left
}

.recaptcha--right .form__error {
    text-align: right
}

.recaptcha--left .g-recaptcha>div {
    float: left
}

.entry-form-checkbox-container.recaptcha--left {
    width: 100%;
    float: left;
    display: inline-block;
    margin-bottom: 20px
}

.recaptcha--right .g-recaptcha>div {
    float: right
}

.form__error li {
    color: #e34c39;
    margin-bottom: 10px;
    font-size: 14px
}

.cookie__row {
    padding: 10px
}

.cookie__details {
    word-wrap: break-word
}

.cookie__details--domain {
    font-weight: 700;
    text-decoration: underline
}

@media (min-width:650px) {
    .account-upgrade__subscriber-welcome {
        float: left
    }
    .account-upgrade__subscriber-number {
        float: right
    }
    .account-upgrade__image-container {
        width: auto;
        float: left
    }
    .account-upgrade__image {
        margin: 20px 20px 20px 0
    }
}

@media (min-width:768px) {
    .account-nav__list-item {
        width: 25%
    }
    .form-main {
        padding: 30px 0
    }
    .form-section--2-col {
        width: 50%
    }
    .form-section--3-col {
        width: 33.3333%
    }
    .form__field-container {
        margin-bottom: 20px
    }
    .form-section {
        margin-bottom: 0
    }
    .form__field {
        width: 50%
    }
    .cookie__details--domain {
        font-weight: inherit;
        text-decoration: inherit
    }
}

#banner-above-nav,
#banner-below-nav-leader,
#video-mid-article {
    display: none
}

#banner-below-nav {
    padding: 10px 0
}

.article-footer-ad-container,
.leaderboard-container {
    text-align: center
}

.home .ad-unit-mpu {
    text-align: center;
    vertical-align: top
}

#article-mpu {
    width: 100%
}

#banner-above-nav h5,
#banner-below-nav h5,
#banner-below-nav-leader h5,
#mpu-article-footer h5,
#mpu-mid-article h5,
#mpu-sidebar h5 {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -.6px;
    line-height: 1.2;
    margin-bottom: 2px;
    display: block;
    text-align: left;
    color: #111
}

#mpu-mid-article,
#mpu-sidebar {
    text-align: center
}

#mpu-mid-article h5 {
    width: 300px;
    margin: 0 auto
}

.article-footer-ad-container {
    border-top: 1px solid #000;
    padding: 10px 0;
    display: inline-block;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    position: relative
}

#mpu-article-footer {
    width: 300px;
    margin: 0 auto
}

.native-homepage-everything {
    border-top: 1px solid #CCC;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.native-homepage-everything .sponsored {
    float: right;
    text-align: right;
    margin-top: 10px
}

.native-homepage-everything .sponsored span {
    margin-right: 2%
}

.native-homepage-everything .sponsored img {
    float: right;
    width: 50%
}

.leaderboard-container--banner-mid-home {
    display: block;
    margin: 0 0 20px
}

#article-outbrain {
    display: inline-block
}

@media only screen and (min-width:340px) {
    #banner-below-nav {
        display: inline-block;
        margin: 0 auto;
        padding: 10px 0
    }
    #banner-below-nav h5 {
        display: block;
        float: none;
        text-align: left
    }
}

.slider-close-button {
    float: right
}

.slider-close-button span {
    display: inline-block;
    cursor: pointer;
    border: 2px solid;
    border-radius: 50%;
    width: 18px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 900;
    margin: 0 10px
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .spotlight.doublempu {
        float: left;
        width: 55%
    }
    .spotlight.doublempu ul li {
        width: 98%;
        margin-top: 10px
    }
    .spotlight.doublempu ul li:first-child {
        margin-left: 1.5%;
        margin-top: 0
    }
    .spotlight.doublempu ul li a img {
        width: 27%
    }
    .spotlight.doublempu ul li a h2,
    .spotlight.doublempu ul li a p,
    .spotlight.doublempu ul li a span {
        width: 97%;
        display: block;
        float: right
    }
    .spotlight.doublempu .spotlight li a .eyebrow {
        margin-top: 0
    }
    .connect.promo-box.doublempu,
    .sponsored-content.promo-box.doublempu {
        display: block
    }
}

@media (min-width:750px) {
    .leaderboard-container {
        text-align: center
    }
    #banner-below-nav-leader {
        display: inline-block;
        margin: 0 auto;
        padding: 0 0 8px
    }
    #banner-below-nav {
        display: none
    }
}

@media (min-width:768px) {
    .native-homepage-everything .sponsored {
        margin-top: 0
    }
}

@media (min-width:990px) {
    .ad-leaderboard {
        display: inline-block;
        margin: 0 auto
    }
}

@media (max-width:990px) {
    .ad-leaderboard.wide-leaderboard {
        ;
        display: none;
    }
}

@media (min-width:1024px) {
    #mpu-mid-article,
    #mpu-mid-article h5,
    .leaderboard-container--banner-mid-home {
        display: none
    }
    #video-mid-article {
        display: inline;
        position: absolute;
        bottom: 0;
        right: 0
    }
}

.vidyard-thumbnail:hover,
.youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.article-section .published-date,
.article-section .section-indicator a,
.news-landing .article-copy a,
.news-landing .article-copy em,
.news-landing .article-copy i,
.news-landing .article-copy li,
.news-landing .article-copy p,
.news-landing .article-copy sub,
.news-landing .article-copy sup,
.news-landing .index-entry .index-content .eyebrow span,
a,
p,
span {
    font-family: 'Titillium Web', sans-serif
}

.article-copy a,
.article-copy em,
.article-copy i,
.article-copy li,
.article-copy p,
.article-copy sub,
.article-copy sup {
    font-family: 'PT Serif', Georgia, serif
}

#breadcrumbs ul li,
#breadcrumbs ul li a,
.archive .nav-next a,
.archive .nav-previous a,
.article-body h2 {
    font-family: 'Titillium Web', sans-serif
}

.article-copy sub,
.article-copy sup {
    vertical-align: baseline;
    position: relative
}

.article-copy sup {
    top: -.8em
}

.article-copy sub {
    top: .4em
}

.article-body .quote,
.article-body .quote i,
.news-landing .index-entry h1,
article .article-body .img-1200 figcaption,
article .article-body .img-800 figcaption,
article[role=content] .article-copy .video p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700
}

#breadcrumbs {
    margin: 0 0 12px
}

#breadcrumbs ul {
    display: block;
    vertical-align: middle
}

#breadcrumbs ul li {
    display: inline;
    margin: 0
}

#breadcrumbs ul li a {
    color: #000;
    padding-right: 2px;
    vertical-align: baseline;
    display: inline-block
}

#breadcrumbs ul li a:hover {
    color: #00b3e5
}

#breadcrumbs ul li:after {
    content: "|";
    margin-right: 2px
}

#breadcrumbs ul li:last-child:after {
    content: none
}

.icons {
    display: block;
    width: 100px;
    clear: both
}

.icons ul {
    display: block;
    width: 100%
}

.icons ul li {
    border-radius: 100%;
    width: 36px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin: 0 0 0 10px;
    position: relative
}

.icons ul li:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.icons ul li a:hover {
    color: #fff
}

.icons ul li div {
    display: block;
    position: absolute;
    width: 100px;
    height: 0;
    padding: 0;
    top: -53px;
    background-color: #333;
    border-radius: 4px;
    overflow: hidden;
    line-height: 26px;
    left: -36px;
    font-size: 13px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    color: #fff;
    transition: height .25s ease-out
}

.icons ul li:hover div {
    height: 30px
}

.icons ul li:first-child {
    margin: 0
}

.icons ul .magazine-article {
    background-color: #f72c4d
}

.icons ul .web-article {
    background-color: #229be0
}

.previous-next-links {
    display: inline-block;
    border-top: 1px solid #cecece;
    width: 100%;
    padding: 10px 0
}

.article-body .main-content {
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.post-navigation {
    width: 100%;
    float: left;
    margin-top: 10px
}

.post-navigation .previous-next-links .previous-article {
    width: 50%;
    float: left;
    padding: 0 10px 0 0
}

.post-navigation .previous-next-links .next-article {
    width: 50%;
    float: right;
    padding: 0 0 0 10px
}

.issue-navigation .previous_link,
.post-navigation .previous-next-links .previous-article a .previous {
    background: url(../../img/furniture/issue_navigation_left.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/issue_navigation_left.png*/
    -5% 55% no-repeat #fff;
    position: relative;
    float: left;
    text-align: left
}

#page_navigation .previous_link,
.nav-previous a {
    background: url(../../img/furniture/issue_navigation_left.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/issue_navigation_left.png*/
    0 50% no-repeat #fff;
    position: relative;
    float: left;
    text-align: left
}

#page_navigation a,
.issue-navigation .next_link,
.issue-navigation .previous_link,
.nav-next a,
.nav-previous a,
.post-navigation .previous-next-links .next-article a .next,
.post-navigation .previous-next-links .previous-article a .previous {
    display: inline-block;
    text-indent: 0;
    padding: 0 5%
}

.archive .nav-next a,
.archive .nav-previous a {
    color: #222
}

#page_navigation .next_link {
    background-position: 97% 55%!important
}

#page_navigation .previous_link {
    background-position: 3% 55%!important
}

#page_navigation .latest_link {
    width: 20%!important;
    text-align: left;
    float: left;
    padding: 10px 0
}

#page_navigation .next_link,
#page_navigation .previous_link,
.nav-next a,
.nav-previous a {
    padding: 10px 7%;
    width: 30%!important
}

.issue-navigation .next_link,
.post-navigation .previous-next-links .next-article a .next {
    background: url(../../img/furniture/issue_navigation_right.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/issue_navigation_right.png*/
    105% 55% no-repeat #fff;
    position: relative;
    float: right;
    transition: all .2s ease-out;
    text-align: right
}

#page_navigation .next_link,
.nav-next a {
    background: url(../../img/furniture/issue_navigation_right.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/issue_navigation_right.png*/
    100% 50% no-repeat #fff;
    position: relative;
    width: 50%;
    transition: all .2s ease-out;
    text-align: right;
    float: right
}

.rule-info-container,
.third-party-article {
    display: inline-block;
    width: 100%
}

.post-navigation .previous-next-links .next-article a .next-article-title,
.post-navigation .previous-next-links .previous-article a .previous-article-title {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.post-navigation .previous-next-links .next-article a .next-article-title {
    text-align: right
}

.article-sharing-bottom {
    margin: 10px 0 20px
}

.third-party-article {
    margin-top: 5px
}

.third-party-article img {
    display: inline;
    width: auto
}

.third-party-article p,
.updated-date {
    display: inline-block;
    font-size: 14px
}

.third-party-article p {
    width: 100%;
    color: #111;
    font-weight: 300;
    letter-spacing: -.6px;
    line-height: 1
}

.article-copy a,
.article-header .strap a {
    color: #00b3e5
}

article[role=content] {
    margin: 0;
    width: 100%;
    position: relative
}

.article-body {
    position: relative
}

.article-copy .article-content ul {
    list-style: inside
}

.article-copy ol,
.cover-container ul,
.page-template-inbrief-page .article-copy ul,
.page-template-upfront-page .article-copy ul {
    list-style: none inside
}

.article-header .article-title {
    width: 100%;
    margin-top: 0
}

.issue-date,
.published-date {
    display: inline
}

.issue-date {
    font-size: 14px;
    line-height: 1
}

.section-indicator {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase
}

.article-header .strap {
    width: 100%
}

article[role=content] .article-copy .entry-title {
    font-size: 47px;
    letter-spacing: -1px;
    line-height: 49px
}

.article-body h2 {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    margin: 0 0 .6875rem;
    font-weight: 700
}

article[role=content] .article-copy {
    width: 100%;
    position: relative
}

.article-copy li,
.article-copy p,
.article-footer-content p {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.5625rem;
    margin: 0 0 .6875rem
}

.event-youtube-video,
.vidyard_player,
.vvqdailymotion,
.vvqvimeo,
.vvqyoutube,
article[role=content] .article-copy .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    min-height: 0;
    max-height: 0;
    margin-bottom: 30px;
    float: left;
    min-width: 100%
}

.vidyard-thumbnail {
    transition: all .4s
}

.vidyard-thumbnail:hover {
    cursor: pointer
}

.event-youtube-video iframe,
.vidyard_player span,
.vvqdailymotion object,
.vvqvimeo iframe,
.vvqyoutube object,
article[role=content] .article-copy .video embed,
article[role=content] .article-copy .video iframe,
article[role=content] .article-copy .video object {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important
}

article[role=content] .article-copy .video p {
    color: #333;
    font-size: 12px;
    width: 100%;
    line-height: 1.5;
    margin-top: 56.25%
}

article .article-body .article-img-left {
    float: left;
    width: 30%;
    padding: 0 20px 0 0
}

article .article-body .article-img-right {
    float: right;
    width: 30%;
    padding: 0 0 0 20px
}

article .article-body .img-1200,
article .article-body .img-800,
article .article-body figure.article-img-inline {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

article .article-body .article-img-inline img,
article .article-body .img-1200 img,
article .article-body .img-800 img {
    width: 100%;
    margin-bottom: 5px
}

.image-details {
    width: 100%;
    margin: 0
}

article .article-body .article-img-inline figcaption,
article .article-body .img-1200 figcaption,
article .article-body .img-800 figcaption {
    width: 100%;
    text-align: left;
    margin-bottom: 4px
}

article .article-body .article-img-inline .credit,
article .article-body .article-img-left .credit,
article .article-body .img-1200 .credit,
article .article-body .img-800 .credit {
    margin-bottom: 4px;
    float: left
}

.correction-notes {
    margin: 0 0 15px
}

.correction-notes p {
    color: #888!important;
    margin-top: 15px;
    padding-left: 6px;
    font-style: italic;
    font-size: 14px
}

.correction-date {
    border-top: 1px solid #cecece;
    padding-top: 10px
}

.article-body .quote {
    color: #222;
    font-size: 22px;
    width: 100%;
    line-height: 1.1;
    text-align: left;
    font-weight: 900
}

.book-info {
    margin-bottom: 10px
}

.book-info p {
    margin-bottom: 0!important
}

.book-info .book-title,
.book-info .book-title a {
    font-style: italic;
    color: #00b3e5
}

.article-copy .movie-info .movie-title,
.article-copy .tv-info .tv-title {
    font-style: italic
}

.entry-meta {
    position: relative
}

.entry-meta .article-footer-copy {
    width: 100%;
    position: relative
}

.entry-meta .article-footer-content {
    padding: 10px 0;
    float: left;
    width: 100%
}

.author-bio,
.author-bio p {
    width: 100%;
    display: block
}

.cover-article {
    margin-bottom: 14px;
    display: inline-block;
    float: left;
    width: 100%
}

.cover-container,
.cover-container .content {
    float: left
}

.cover-container .content {
    position: relative;
    width: 100%
}

.cover-article .cover-container a>img {
    display: block;
    position: relative;
    width: 50%;
    float: left
}

.cover-container ul {
    width: 47%;
    float: right;
    margin-left: 3%
}

.article-copy .article-content .article-topics ul,
.gravityform .gform_body ul {
    list-style: none
}

.cover-container ul li {
    width: 100%;
    margin: 0 0 20px 2%
}

.cover-container ul li a {
    width: 100%;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.article-copy .author-byline .author a:hover,
.magazine-issue-text .subscribe a {
    color: #00b3e5
}

.magazine-issue-text {
    width: 100%
}

.news-landing .landing-page-spotlight ul,
.news-landing .landing-page-spotlight ul li {
    width: 100%
}

.news-landing .landing-page-spotlight ul .spotlight-first {
    padding-top: 10px;
    border: none
}

.news-landing .landing-page-spotlight ul li img {
    width: 100%
}

.article-index-row {
    width: 100%;
    float: left
}

.news-landing .index-entry .index-content .eyebrow {
    display: block;
    margin-bottom: 5px;
    line-height: 1
}

.archive .index-entry .letter-author,
.article-index ul li div .eyebrow span,
.news-landing .article-index-row .index-entry .eyebrow .pub-date,
.news-landing .landing-page-spotlight ul .spotlight-first .eyebrow .pub-date,
.news-landing .landing-page-spotlight ul li .landing-page-spotlight-copy .eyebrow .pub-date {
    color: #888;
    text-transform: none;
    width: 100%;
    float: left;
    margin: 0 0 5px
}

.article-topics {
    display: flex;
    align-items: baseline
}

.article-topics--row {
    flex-direction: row
}

.article-topics--column {
    flex-direction: column
}

.article-body .article-topics p {
    margin: 0 10px 0 0
}

.article-topics .article-landing-topic {
    width: 100%
}

.article-topics .article-landing-topic .faq-internal-link {
    height: 100px;
    margin-top: -100px
}

.article-topics ul li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.article-topics ul li a {
    color: #fff
}

.topic-alphabet a {
    margin-right: 5px
}

p.eyebrow.letter-eyebrow {
    margin: 0
}

.letter-eyebrow .section {
    margin: 0 5px 0 0
}

#article-mpu-special {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #000;
    text-align: center
}

#article-mpu-special h2 {
    text-align: left;
    margin-bottom: 10px!important
}

.ns-article-list-widget {
    margin-bottom: 10px
}

.ns-article-list-image-widget .widget-header,
.ns-article-list-video-widget .widget-header,
.ns-article-list-widget .widget-header,
.ns-visual-editor-widget .widget-header {
    padding-bottom: 10px
}

.menu-headline-with-fullwidthimage-widget .widget-title,
.ns-article-list-image-widget .widget-header .widget-title,
.ns-article-list-video-widget .widget-header .widget-title,
.ns-article-list-widget .widget-header .widget-title,
.ns-visual-editor-widget .widget-header .widget-title {
    background: #484848;
    padding: 8px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    width: 100%;
    position: relative;
    display: inline-block
}

.menu-headline-with-fullwidthimage-widget .readmore,
.ns-article-list-image-widget .readmore,
.ns-visual-editor-widget .readmore {
    margin-top: 10px
}

.ns-article-list-widget .pnlTxt {
    border-bottom: 1px solid #e9dada;
    box-shadow: 0 0 15px #e9dada inset;
    clear: both;
    display: inline-block;
    padding: 10px 2%
}

.ns-article-list-widget .pnlTxt img {
    float: left;
    width: 25%
}

.manual-landing-page .textwidgetnew img {
    width: 100%;
    margin-bottom: 10px
}

.institutional-pricing li,
.institutional-pricing p,
.institutional-pricing tr,
.institutional-pricing ul {
    margin-bottom: 12px
}

.ns-article-list-widget .pnlTxt.has-post-thumbnail p {
    padding-left: 20px;
    margin-left: 25%
}

.institutional-pricing table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    text-align: left
}

.institutional-pricing table,
.institutional-pricing tbody,
.institutional-pricing td,
.institutional-pricing th,
.institutional-pricing thead,
.institutional-pricing tr {
    display: block
}

.institutional-pricing thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.institutional-pricing table>tbody>tr>td:first-child {
    padding-left: 0;
    font-weight: 700
}

.institutional-pricing td {
    border: none;
    position: relative;
    padding: 3px 0 2px 45%
}

.institutional-pricing td:before {
    position: absolute;
    left: 0;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap
}

.institutional-pricing td:nth-of-type(1):before {
    content: ""
}

.institutional-pricing td:nth-of-type(2):before {
    content: "UK"
}

.institutional-pricing td:nth-of-type(3):before {
    content: "Europe"
}

.institutional-pricing td:nth-of-type(4):before {
    content: "USA"
}

.institutional-pricing td:nth-of-type(5):before {
    content: "Canada"
}

.institutional-pricing td:nth-of-type(6):before {
    content: "Australia"
}

.institutional-pricing td:nth-of-type(7):before {
    content: "New Zealand"
}

.institutional-pricing td:nth-of-type(8):before {
    content: "ROW"
}

.list-entry {
    margin: 0 0 30px
}

.index-entry h2 a,
.landing-page-spotlight-copy a h2 {
    color: #111
}

.landing-page-spotlight-copy p {
    font-size: 14px;
    line-height: 1.4
}

.index-content p {
    margin-bottom: 12px
}

#contform,
#contform .captcha,
.gravityform,
.gravityform .captcha {
    margin-bottom: 10px
}

.archive .tertiary-sidebar,
.page .tertiary-sidebar,
.search .tertiary-sidebar,
.single .tertiary-sidebar {
    display: inline-block;
    width: 100%;
    float: left
}

.archive .tertiary-sidebar #mpu-sidebar,
.archive .tertiary-sidebar #tertiary-sidebar-banner,
.page .tertiary-sidebar #mpu-sidebar,
.page .tertiary-sidebar #tertiary-sidebar-banner,
.search .tertiary-sidebar #mpu-sidebar,
.search .tertiary-sidebar #tertiary-sidebar-banner,
.single .tertiary-sidebar #mpu-sidebar,
.single .tertiary-sidebar #tertiary-sidebar-banner {
    display: none
}

#contform input,
#contform label,
#contform textarea,
.gravityform input,
.gravityform label,
.gravityform textarea {
    font-family: lato, sans-serif;
    font-size: 15px
}

#contform label,
.gravityform label {
    vertical-align: top;
    font-weight: 400
}

#contform input[type=email],
#contform input[type=text],
#contform select,
#contform textarea,
.gravityform input[type=email],
.gravityform input[type=text],
.gravityform select,
.gravityform textarea {
    color: #000;
    background-color: #fff;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
    display: block;
    border: 1px solid #000;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px
}

#contform textarea,
.gravityform textarea {
    padding: 12.5px 2%
}

#contform .green-button,
.gravityform .green-button {
    cursor: pointer
}

body .gform_wrapper .gform_validation_container {
    display: none
}

a.faq-internal-link {
    display: inline-block;
    height: 70px;
    margin-top: -70px
}

.the-lastword .the-lastword-comment {
    margin-top: 20px;
    padding: 0 2% 20px;
    border-bottom: 1px solid #cecece
}

.the-lastword .the-lastword-comment:last-of-type {
    border-bottom: none
}

.the-lastword .the-lastword-comment .quote {
    display: none
}

.article-index #content li ul li.event-featured {
    position: relative;
    overflow: visible
}

.event-featured h2.event-featured-title {
    background-color: #faa61a;
    color: #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    font-size: 16px;
    line-height: 18px;
    padding: 22px 10px;
    text-align: center;
    z-index: 100;
    float: right;
    margin: 0 0 10px 10px;
    position: absolute;
    right: 0;
    top: -20px
}

.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 20px 0
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url()/*tpa=https://i.imgur.com/TxzC70f.png*/
    no-repeat;
    cursor: pointer
}

@media (min-width:450px) {
    .article-index ul li div .eyebrow span,
    .news-landing .article-index-row .index-entry .eyebrow .pub-date,
    .news-landing .landing-page-spotlight ul .spotlight-first .eyebrow .pub-date,
    .news-landing .landing-page-spotlight ul li .landing-page-spotlight-copy .eyebrow .pub-date {
        width: auto;
        float: none;
        margin: 0 0 0 5px
    }
    .news-landing .article-index-row .entry-title,
    .news-landing .landing-page-spotlight ul li .landing-page-spotlight-copy h2 {
        margin: 0 0 10px
    }
}

@media (min-width:550px) {
    .third-party-article {
        width: 49%;
        float: right;
        text-align: right;
        clear: both;
        margin-top: 0
    }
    .third-party-article p {
        display: inline;
        width: auto;
        vertical-align: top
    }
    .third-party-article img {
        margin: 0 0 0 20px
    }
}

@media (min-width:600px) {
    .author-bio {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0
    }
    .cover-article {
        width: 48%;
        float: left;
        padding: 0;
        margin: 0 0 0 2%
    }
    .post-navigation .previous-next-links .next-article a .next,
    .post-navigation .previous-next-links .previous-article a .previous {
        padding: 0 5%
    }
    .nav-next a,
    .nav-previous a {
        padding: 0 3%
    }
    .nav-previous a {
        background-position: 0
    }
    .nav-next a {
        background-position: 100% 0
    }
    #page_navigation .next_link,
    #page_navigation .previous_link {
        padding: 10px 3%
    }
    .post-navigation .previous-next-links .previous-article a .previous {
        background-position: 0
    }
    .post-navigation .previous-next-links .next-article a .next {
        background-position: 100% 0
    }
    .gform_wrapper {
        display: inline-block;
        width: 100%
    }
    #appdownload .appdownload-buttons .footer-app-button {
        width: auto
    }
    #appdownload .appdownload-example section:first-child {
        margin-left: 0
    }
    #appdownload .appdownload-example .appdownload-mobile {
        width: 30%;
        margin-left: 5%;
        float: left
    }
    #appdownload .appdownload-example .appdownload-mobile .img-box {
        height: 414px;
        position: relative;
        text-align: left
    }
    #appdownload .appdownload-example .appdownload-mobile .img-box img {
        width: auto;
        position: absolute;
        bottom: 0
    }
    #appdownload .appdownload-example .appdownload-mobile p {
        text-align: left
    }
    .institutional-pricing td {
        padding: 3px 0 2px 22%
    }
}

@media (min-width:650px) {
    .news-landing .landing-page-spotlight ul .spotlight-rest,
    .news-landing .landing-page-spotlight ul .spotlight-rest-noimage {
        width: 49%;
        float: left
    }
    .news-landing .landing-page-spotlight ul .spotlight-rest a img {
        width: 100%
    }
    .news-landing .landing-page-spotlight ul .spotlight-first .landing-page-spotlight-copy,
    .news-landing .landing-page-spotlight ul .spotlight-rest .landing-page-spotlight-copy {
        margin-bottom: 10px
    }
    .news-landing .landing-page-spotlight ul .spotlight-rest .landing-page-spotlight-copy {
        width: 100%;
        float: left
    }
    .news-landing .landing-page-spotlight ul .spotlight-last {
        margin-left: 2%
    }
}

@media (min-width:768px) {
    #article-footer-banner {
        display: none
    }
    article[role=content] .article-body .article-header .meta {
        margin-bottom: 12px
    }
    .landing-page-spotlight-copy a h2 {
        line-height: 1
    }
    .landing-page-spotlight-copy p,
    .manual-landing-page .col-item .caption span,
    .manual-landing-page .textwidgetnew,
    .ns-article-list-widget .pnlTxt p {
        font-size: 12.5px
    }
    article[role=content] .article-body #article-mpu {
        width: 300px;
        float: right;
        padding: 0 0 20px;
        margin: 0 0 0 20px;
        right: 0;
        top: 10px;
        border-top: none
    }
    .article-img-full,
    .tax-manual_landing_page figure.graphic a {
        width: 100%
    }
    img .graphic {
        width: 120%
    }
    p .image-description {
        min-width: 120px;
        max-width: 120px
    }
    #page_navigation .latest_link {
        width: 10%!important
    }
    #contform input[type=email],
    #contform input[type=text],
    #contform select,
    #contform textarea,
    .gravityform input[type=email],
    .gravityform input[type=text],
    .gravityform select,
    .gravityform textarea {
        width: 50%
    }
    .event-featured h2.event-featured-title {
        position: absolute;
        top: -25px;
        right: 0;
        float: none;
        margin: 0
    }
}

@media (min-width:940px) {
    article .article-body {
        position: relative;
        width: 100%;
        display: inline-block
    }
    article .article-body .img-1200,
    article .article-body .img-800 {
        width: 100%
    }
    article .article-body .img-1200 img,
    article .article-body .img-800 img {
        float: left;
        position: relative;
        width: 100%
    }
    article .article-body .img-1200 figcaption,
    article .article-body .img-800 figcaption {
        width: 62.5%
    }
    article .article-body .article-img-inline .credit,
    article .article-body .img-1200 .credit,
    article .article-body .img-800 .credit {
        float: left;
        width: 100%;
        text-align: left
    }
    article .article-body .article-img-inline .image-details figcaption,
    article .article-body .article-img-inline.image-details .credit,
    article .article-body .img-1200 .image-details .credit,
    article .article-body .img-1200 .image-details figcaption,
    article .article-body .img-800 .image-details .credit,
    article .article-body .img-800 .image-details figcaption {
        width: 100%;
        text-align: left
    }
    article .article-body figcaption .wp-caption-text {
        text-align: left
    }
    article[role=content] .article-copy {
        float: left
    }
    article[role=content] .article-body #article-mpu {
        width: 300px;
        top: 0
    }
    .article-body .quote {
        display: inline-block;
        color: #222;
        font-size: 22px;
        line-height: 1.1;
        width: 50%;
        margin-left: 5%
    }
}

@media (min-width:1024px) {
    .article-body {
        width: 100%
    }
    .article-body .main-content .article-copy,
    .article-footer-copy {
        float: left;
        width: 100%
    }
    .article-body .article-header,
    .article-body .main-content .article-copy .article-content,
    .entry-meta .article-footer-content,
    .news-landing .main-content .article-copy .article-content {
        margin-right: 320px
    }
    .section__main .article-body .article-header {
        margin: 0
    }
    .article-body .post-navigation .previous-next-links {
        margin-top: 10px;
        width: 100%
    }
    .search-landing-container {
        padding: 10px 0
    }
    .entry-meta .article-footer-content {
        padding: 16px 0;
        width: auto;
        float: none
    }
    .author-bio {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0
    }
    .cover-article {
        width: 48%;
        float: left;
        padding: 0;
        margin: 0 0 0 2%
    }
    .article-footer-ad-container {
        float: left;
        width: 300px;
        margin: 0 0 0 -300px;
        border: none;
        padding: 0
    }
    .archive .tertiary-sidebar,
    .page .tertiary-sidebar,
    .single .tertiary-sidebar {
        width: 300px;
        margin-left: -300px;
        position: relative
    }
    .search .tertiary-sidebar {
        position: absolute;
        width: 300px;
        top: 40px;
        right: 6%
    }
    .archive .tertiary-sidebar #mpu-sidebar,
    .archive .tertiary-sidebar #tertiary-sidebar-banner,
    .page .tertiary-sidebar #mpu-sidebar,
    .page .tertiary-sidebar #tertiary-sidebar-banner,
    .search .tertiary-sidebar #mpu-sidebar,
    .search .tertiary-sidebar #tertiary-sidebar-banner,
    .single .tertiary-sidebar #mpu-sidebar,
    .single .tertiary-sidebar #tertiary-sidebar-banner {
        display: block;
        text-align: center;
        border-bottom: 1px solid #cecece;
        padding: 0 0 10px
    }
    .single .article-body .tertiary-sidebar #mpu-sidebar {
        border: none
    }
    .event-featured h2.event-featured-title {
        height: 100px;
        width: 100px;
        font-size: 20px;
        line-height: 22px;
        padding: 28px 10px
    }
}

@media (min-width:1280px) {
    .search .tertiary-sidebar {
        right: 0
    }
}

@media print {
    .page #article-outbrain,
    .page #breadcrumbs,
    .page #newscientist-logo,
    .page .ad-leaderboard,
    .page .article-sharing-top,
    .page .article-topics,
    .page .footer-navigation,
    .page .footer-subscription,
    .page .register-signup-promo,
    .page .tertiary-sidebar,
    .page footer,
    .page footer[role=colophon],
    .page header[role=masthead],
    .page nav,
    .single-article #article-outbrain,
    .single-article #breadcrumbs,
    .single-article #newscientist-logo,
    .single-article .ad-leaderboard,
    .single-article .article-footer-ad-container,
    .single-article .article-sharing-bottom,
    .single-article .article-sharing-top,
    .single-article .article-topics,
    .single-article .cover-article,
    .single-article .footer-navigation,
    .single-article .footer-subscription,
    .single-article .register-signup-promo,
    .single-article .tertiary-sidebar,
    .single-article footer[role=colophon],
    .single-article header[role=masthead],
    .single-article nav {
        display: none!important
    }
    .page a,
    .single-article a {
        color: #333!important
    }
}

.manual-landing-page .ns-third-party-widget ul li a h4,
.promo-box .ns-third-party-widget ul li a h4,
.promo-box ul li a h4,
h3.crosshead {
    font-size: 20px;
    margin: 0;
    font-weight: 900;
    letter-spacing: -.6px;
    line-height: 1.1
}

h3.crosshead {
    margin: 0 0 10px
}

.blue-hover-link:hover,
.index-entry .entry-title a:hover,
.issue-new-index-entry-h1 a:hover,
.issue-new-index-title a:hover,
.landing-page-spotlight-copy a h2:hover,
.upfront-articles ul li article h2 a:hover {
    color: #00b3e5!important
}

.promo-card {
    width: 100%;
    display: inline-block;
    padding: 10px 0
}

.manual-landing-page .ns-third-party-widget h3,
.ns-third-party-widget h3,
.promo-box.promoted-content h3,
.promo-card__heading {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase
}

.cover-container {
    position: relative;
    width: 100%
}

.cover-container .content>a img,
.cover-container>img {
    width: 50%;
    float: left
}

.cover-container>img {
    display: block;
    position: relative
}

.cover-promo-button-wrapper {
    width: 45%;
    float: left;
    margin-left: 5%
}

.cover-promo-button-wrapper a:first-child {
    margin-top: 0
}

.cover-promo-button-wrapper a {
    font-size: 13px;
    margin: 10px 0 0;
    width: 100%;
    text-align: center
}

.cover-promo-button-wrapper a:hover {
    color: #fff
}

.active_page {
    background: #333;
    color: #fff!important
}

.screen-reader-text {
    height: 0;
    text-indent: -99999px;
    width: 0;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.manual-landing-page .third-party-article {
    width: 100%;
    text-align: left;
    margin-top: 5px
}

.manual-landing-page .page-header .third-party-article p {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0!important
}

.manual-landing-page .ns-article-list-widget .third-party-article img,
.manual-landing-page .third-party-article img {
    max-height: 50px;
    max-width: 60px;
    padding: 0;
    margin-top: 15px!important
}

.homepage-promo-container {
    display: inline-block;
    width: 100%
}

.promoted-content.promo-box img {
    display: block;
    width: auto;
    height: auto;
    margin: 10px 0
}

.promoted-content.promo-box p {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    margin-bottom: 10px
}

.ns-third-party-widget ul li,
.promo-box ul li {
    border-top: 1px solid #cecece;
    padding: 10px 0;
    width: 100%
}

.manual-landing-page .ns-third-party-widget ul li:first-child,
.promo-box .ns-third-party-widget ul li:first-child,
.promo-box ul li:first-child {
    border-top: none
}

.manual-landing-page .tertiary-sidebar .ns-third-party-widget ul li,
.ns-third-party-widget ul li {
    display: inline-block
}

.manual-landing-page .tertiary-sidebar .ns-third-party-widget ul li .third-party-article,
.ns-third-party-widget ul li .third-party-article {
    width: 100%;
    text-align: left
}

.manual-landing-page .tertiary-sidebar .ns-third-party-widget ul li .third-party-article p,
.ns-third-party-widget ul li .third-party-article p {
    font-size: 12px;
    display: inline;
    vertical-align: top;
    margin: 0
}

.manual-landing-page .tertiary-sidebar .ns-third-party-widget ul li .third-party-article img,
.ns-third-party-widget ul li .third-party-article img {
    max-height: 30px;
    max-width: 40px;
    margin: 10px 0 0;
    display: inline;
    float: none
}

.ns-third-party-widget .widget-title {
    width: 50%;
    display: inline-block;
    float: left
}

.ns-article-list-widget .third-party-article {
    width: 50%;
    display: inline-block;
    float: right;
    margin: 0;
    text-align: right;
    clear: none
}

.ns-article-list-widget .third-party-article p {
    margin-bottom: 15px
}

.ns-article-list-widget .third-party-article img {
    margin: 0 0 10px;
    float: right
}

.promoted-content.promo-box .ns-article-list-widget .eyebrow {
    margin: 0
}

.promo-card.promo-card--desktop {
    display: none
}

.article-list {
    display: block;
    width: 100%
}

.article-list__item {
    padding: 10px 0;
    position: relative
}

.article-list__item--no-border {
    border: none
}

.article-card {
    display: inline-block;
    width: 100%
}

.article-card__image-link-wrapper {
    flex: 1 1 auto
}

.article-card__image {
    display: none
}

.article-card__details {
    display: inline-block
}

.article-card__heading {
    margin: 0 0 10px
}

.article-card__eyebrow {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 2px;
    text-transform: uppercase;
    font-weight: 400
}

.article-card__strap {
    font-size: 14px;
    line-height: 1.4
}

@media (min-width:500px) {
    .connect,
    .promoted-content {
        width: 49%;
        float: left
    }
    .promoted-content {
        margin-right: 2%
    }
}

@media (min-width:600px) {
    .connect,
    .promoted-content {
        width: 49%;
        float: left
    }
    .article-list__item {
        padding: 15px 0
    }
    .article-card__image {
        display: inline-block;
        float: left;
        margin-right: 2.5%;
        width: 43%
    }
    .article-card__details {
        width: 54.5%;
        display: inline-block;
        float: left
    }
    .article-list__item .third-party-article img {
        width: auto!important;
        margin: 0
    }
}

@media (min-width:641px) {
    .ad-unit-mpu {
        width: 49%;
        text-align: center;
        float: right
    }
    .cover-promo {
        width: 49%;
        float: left;
        margin-right: 2%
    }
    .promo-box {
        width: 32.333%;
        display: inline-block;
        float: left
    }
    .article-body .promo-box {
        width: 100%
    }
    .promo-box>a {
        border-right: 1px solid #CCC;
        height: 81.2%
    }
    .promoted-content.promo-box,
    .trending.promo-box {
        margin-right: 1.5%
    }
    .cover-container a img {
        width: 113px;
        float: left
    }
    .cover-container .content>a img {
        width: auto;
        height: 250px
    }
    .cover-promo-button-wrapper {
        width: 30%
    }
    .cover-container>img {
        width: 165px
    }
    .manual-landing-page .ns-article-list-widget .third-party-article img,
    .manual-landing-page .third-party-article img {
        max-height: 60px;
        max-width: 100px
    }
}

@media (min-width:768px) {
    .article-list__row {
        width: 100%;
        float: left
    }
    .article-card--3col {
        display: block;
        float: left;
        margin-left: 2.5%;
        width: 31.666666%;
        margin-right: 0;
        border: none
    }
    .article-card--3col:first-child {
        margin-left: 0
    }
    .article-card--3col .article-card__image {
        margin: 0 0 5px;
        width: 100%
    }
    .article-card--3col .article-card__details {
        width: 100%
    }
    .article-card--row-details .article-card__image {
        width: 15%
    }
    .article-card--row-details .article-card__details {
        width: 82.5%;
        float: left;
        display: inline-block
    }
    .article-card__strap {
        font-size: 12.5px
    }
}

@media (min-width:1025px) {
    #mpu-sidebar {
        display: block
    }
    #mpu-mid-article {
        display: none
    }
    .cover-promo .cover-container .content a img {
        width: 50%;
        height: auto
    }
    .cover-promo-button-wrapper {
        width: 45%
    }
    .cover-promo {
        width: 100%;
        margin: 0 0 20px;
        padding-top: 0
    }
    .homepage-promo-container {
        display: inline-block;
        margin: 10px 0
    }
    .promo-box {
        width: 100%
    }
    .promo-card.promo-card--desktop {
        display: inline-block
    }
    .ad-unit-mpu {
        width: 100%;
        float: none
    }
    .connect.promo-box,
    .promoted-content.promo-box,
    .trending.promo-box {
        margin-right: 0
    }
    .subscribe-button {
        border-radius: 7px;
        padding: 10px 23px
    }
    .manual-landing-page .tertiary-sidebar .ns-third-party-widget ul li .third-party-article,
    .ns-third-party-widget ul li .third-party-article {
        margin-top: 5px
    }
}

body,
html {
    height: 100%
}

main[role=container] {
    min-height: 100%
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-body .magazine-archive-browser {
    width: 100%;
    margin-bottom: 20px;
    white-space: nowrap;
    display: flex;
    align-items: baseline
}

.magazine-archive-browser label {
    width: 20%;
    float: left
}

.magazine-archive-browser .entry-form-drop-down-menu {
    width: 80%;
    float: left
}

.magazine-archive-browser label,
.magazine-archive-browser option {
    text-transform: uppercase
}

.magazine-archive-browser.entry-form .entry-form-drop-down-menu {
    border-radius: 0;
    box-shadow: none;
    width: 150px;
    margin-left: 10px;
    padding: 0 2% 0 1%;
    line-height: 40px;
    height: 40px;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../img/registration/drop-down-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/drop-down-arrow.png*/
    ;
    background-repeat: no-repeat;
    background-position: 95% center;
    margin-top: 1px;
    border: 1px solid #333
}

.manual-landing-page {
    margin-bottom: 50px;
    padding: 0;
    float: left;
    position: relative;
    background: #fff
}

.manual-landing-page li,
.manual-landing-page p,
.ns-article-list-widget .pnlTxt p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px
}

.manual-landing-page .rule {
    margin: 0;
    padding: 0;
    border-color: #fd9019
}

.manual-landing-page .menu-headline-with-fullwidthimage-2col-left-newlayout-widget,
.manual-landing-page .menu-headline-with-fullwidthimage-2col-right-newlayout-widget,
.manual-landing-page .ns-article-list-col-1-headlineonly-widget,
.manual-landing-page .ns-article-list-col-1-text-widget,
.manual-landing-page .ns-article-list-col-2-image-left-widget,
.manual-landing-page .ns-article-list-col-2-image-right-widget,
.manual-landing-page .ns-article-list-col-2-video-left-widget,
.manual-landing-page .ns-article-list-col-2-video-right-widget {
    width: 100%;
    display: inline-block;
    float: left
}

.manual-landing-page .mlp-left,
.manual-landing-page .mlp-right,
.manual-landing-page .ns-visual-editor-widget,
.manual-landing-page .textwidget {
    width: 100%
}

.tax-manual_landing_page .page-header .page-title {
    width: 100%;
    margin: 10px 0 12px;
    font-size: 44px;
    line-height: 47px;
    font-weight: 700
}

.ns-article-list-col-2-image-left-widget .mlp-left,
.ns-article-list-col-2-image-right-widget .mlp-left,
.ns-article-list-col-2-video-left-widget .mlp-left,
.ns-article-list-col-2-video-right-widget .mlp-left {
    margin-bottom: 10px
}

.mlp-left img,
.mlp-right img {
    vertical-align: bottom
}

.manual-landing-page .menu-headline-with-fullwidthimage-2col-left-newlayout-widget article h2,
.manual-landing-page .menu-headline-with-fullwidthimage-2col-right-newlayout-widget article h2 {
    margin: 0
}

.manual-landing-page .BrightcoveExperience {
    width: 100%;
    margin-bottom: 10px
}

.ns-article-list-col-2-image-right-widget .third-party-article {
    margin-bottom: 10px
}

.manual-landing-page__eyebrow {
    margin: 0;
    text-transform: uppercase;
    color: #fd9019
}

.article-index ul li div .eyebrow,
.news-landing .article-index-row .eyebrow,
.news-landing .landing-page-spotlight ul .spotlight-first .eyebrow,
.news-landing .landing-page-spotlight ul li .landing-page-spotlight-copy .eyebrow,
.ns-third-party-widget .eyebrow {
    margin: 0;
    text-transform: uppercase;
    min-height: 20px
}

.landing-page-spotlight ul .spotlight-first .landing-page-spotlight-copy a .eyebrow {
    margin-top: 10px!important
}

.manual-landing-page .ns-article-list-widget .widget-header,
.manual-landing-page .ns-article-list-widget .widget-header h2 {
    border: none;
    padding: 0;
    margin: 0;
    background: 0 0;
    text-shadow: none
}

.manual-landing-page .ns-article-list-widget article {
    border: none;
    box-shadow: none;
    padding: 0
}

.manual-landing-page .ns-article-list-widget article img {
    width: 100%
}

.manual-landing-page .ns-article-list-widget .has-post-thumbnail p {
    margin: 10px 0 0;
    padding: 0;
    display: inline-block
}

.manual-landing-page .menu-headline-with-fullwidthimage-2col-left-newlayout-widget h2.widget-title,
.manual-landing-page .menu-headline-with-fullwidthimage-2col-right-newlayout-widget h2.widget-title {
    margin-bottom: 5px
}

.landing-page-spotlight ul .spotlight-first a h2,
.ns-article-list-primary-image-widget .primary-title,
p.readmore {
    margin-top: 10px
}

.landing-page-spotlight ul .spotlight-first,
.ns-article-list-primary-image-widget {
    padding-bottom: 20px
}

.menu-headline-with-fullwidthimage-2col-left-newlayout-widget a:hover,
.menu-headline-with-fullwidthimage-2col-right-newlayout-widget a:hover,
.menu-headline-with-fullwidthimage-newlayout-widget a:hover,
.ns-article-list-col-1-headlineonly-widget a:hover,
.ns-article-list-col-1-image-widget article a:hover,
.ns-article-list-col-1-text-widget article a:hover,
.ns-article-list-col-2-image-left-widget article a:hover,
.ns-article-list-col-2-image-right-widget article a:hover,
.ns-article-list-col-2-video-left-widget article a:hover,
.ns-article-list-col-2-video-right-widget article a:hover,
.ns-article-list-primary-image-widget article a:hover,
.ns-popular-addthis-widget a:hover {
    color: #00b3e5
}

.textwidgetnew h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 24px
}

.manual-landing-page .ns-article-list-widget h3 {
    margin-bottom: 10px
}

.manual-landing-page .ns-visual-editor-widget p,
.manual-landing-page .ns-visual-editor-widget ul,
.manual-landing-page .textwidget p,
.manual-landing-page .textwidget ul {
    margin-top: 8px
}

.manual-landing-page .ns-article-list-col-1-headlineonly-widget,
.manual-landing-page .ns-popular-addthis-widget ul,
.manual-landing-page .ns-visual-editor-widget p,
.manual-landing-page .textwidget p {
    margin-bottom: 8px
}

.manual-landing-page .ns-article-list-col-1-headlineonly-widget p {
    margin: 10px 0
}

.manual-landing-page .ns-visual-editor-widget ul,
.manual-landing-page .textwidget ul {
    list-style-type: disc;
    margin-left: 12px
}

.manual-landing-page .ns-visual-editor-widget ul li,
.manual-landing-page .textwidget ul li {
    margin-left: 12px
}

.manual-landing-page .ns-visual-editor-widget p.nsve-widget-title {
    margin-top: 0
}

.landing-page-spotlight ul li,
.manual-landing-page .menu-headline-with-fullwidthimage-2col-left-newlayout-widget,
.manual-landing-page .menu-headline-with-fullwidthimage-2col-right-newlayout-widget,
.manual-landing-page .menu-headline-with-fullwidthimage-newlayout-widget,
.manual-landing-page .ns-article-list-col-1-headlineonly-widget,
.manual-landing-page .ns-article-list-primary-image-widget,
.manual-landing-page .ns-article-list-widget,
.manual-landing-page .ns-popular-addthis-widget,
.manual-landing-page .ns-visual-editor-widget,
.manual-landing-page .textwidget,
.news-landing .article-index-row .article-index-left,
.news-landing .article-index-row .article-index-right,
.news-landing .article-index-row .article-index-right-no-border,
.ns-article-list-col-1-image-widget,
.ns-article-list-col-1-text-widget,
.ns-article-list-col-2-image-left-widget,
.ns-article-list-col-2-image-right-widget,
.ns-article-list-col-2-video-left-widget,
.ns-article-list-col-2-video-right-widget {
    padding: 10px 0 15px;
    display: inline-block
}

.news-landing .article-index-row .article-index-left-no-border {
    padding: 10px 0;
    display: inline-block
}

.manual-landing-page .ns-article-list-primary-image-widget:nth-child(1) {
    padding-top: 0;
    border-top: none
}

.manual-landing-page .ns-visual-editor-widget .widget-header {
    padding-bottom: 0;
    border-bottom: none
}

.manual-landing-page .ns-visual-editor-widget .widget-header .widget-title {
    background: 0 0;
    text-shadow: none;
    padding: 0
}

.tertiary-sidebar {
    float: left;
    width: 100%
}

.section__sidebar .tertiary-sidebar {
    float: none;
    width: inherit
}

.section__sidebar .mpu {
    margin-bottom: 1.375rem
}

.manual-landing-page .col-item .caption span {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.manual-landing-page .col-item .container img {
    width: 100%
}

.manual-landing-page .one-column,
.manual-landing-page .two-columns {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

.page-header .third-party-article {
    margin: 0;
    text-align: left
}

.page-header .third-party-article img {
    max-width: 120px;
    max-height: 80px;
    margin: 20px 0 0!important;
    float: left
}

@media (min-width:650px) {
    .manual-landing-page .third-party-article img {
        width: auto!important;
        margin: 0
    }
    .manual-landing-page .two-columns:first-of-type {
        margin-right: 2%
    }
    .manual-landing-page .two-columns {
        width: 49%
    }
    .landing-page-spotlight ul .spotlight-rest a img,
    .manual-landing-page .mlp-left,
    .news-landing .article-index-left,
    .news-landing .article-index-left-no-border {
        width: 49%;
        float: left;
        margin: 0 2% 0 0
    }
    .news-landing .article-index-row .article-index-left-no-border,
    .news-landing .article-index-row .article-index-right-no-border {
        border: none
    }
    .landing-page-spotlight ul .spotlight-rest .landing-page-spotlight-copy,
    .manual-landing-page .mlp-right,
    .news-landing .article-index-right,
    .news-landing .article-index-right-no-border {
        width: 49%;
        float: right
    }
    .ns-article-list-col-2-image-right-widget .third-party-article {
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .manual-landing-page .manual-landing-page-maincontent-container {
        float: left;
        width: 100%
    }
    .manual-landing-page .manual-landing-page-maincontent-container .manual-landing-page-maincontent {
        margin-right: 320px
    }
    .manual-landing-page .ns-article-list-widget .third-party-article {
        text-align: right
    }
    .manual-landing-page .ns-article-list-widget .third-party-article img {
        width: auto!important;
        margin: 0;
        float: right
    }
}

.issue-new-full-width,
.issue-new-index-entry.left,
.issue-new-index-entry.right {
    border-top: 1px solid #bfbfbf;
    padding: 5px 0 15px;
    width: 100%
}

.page-template-issue-page .article-copy a,
.page-template-issue-page .article-copy em,
.page-template-issue-page .article-copy i,
.page-template-issue-page .article-copy li,
.page-template-issue-page .article-copy p {
    font-family: "Titillium Web", sans-serif
}

.new-layout-archive-title {
    margin: 10px 0
}

.issues-new-sidebar-title {
    text-transform: uppercase
}

.issues-new-edpick {
    text-transform: uppercase;
    margin: 10px 0
}

.issues-new-archive-right .issues-new-archive-covst {
    color: #1e2e31;
    text-transform: uppercase;
    margin: 10px 0
}

.issue-new-full-width {
    clear: both;
    display: inline-block;
    float: left
}

.issue-new-full-width figure img,
.issue-new-index-entry figure img {
    max-width: 100%;
    width: 100%;
    display: block
}

.issue-new-full-width .left {
    float: left;
    width: 100%
}

.issue-new-full-width .right {
    float: right;
    width: 100%
}

.issue-new-index-entry.left {
    float: left
}

.issue-new-index-entry.right {
    float: right
}

.issues-new-archive-left {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: center
}

.issues-new-archive-right {
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-left: 0
}

.magazine-article-index ul li .index-entry .index-title {
    margin: 0 0 5px
}

.issue-new-news-sub {
    text-transform: uppercase;
    margin: 10px 0 0
}

.issue-new-full-width p,
.issue-new-index-entry p {
    margin: 0
}

.page-template-issue-page .issue-new-full-width .issue-new-index-entry-h1 {
    margin-bottom: 10px
}

.page-template-issue-page .issue-new-index-entry-h2 {
    text-transform: uppercase;
    margin: 0
}

.issue-new-index-entry-h1 a {
    margin-top: 0;
    margin-bottom: 15px;
    color: #111
}

.magazine-cover-teaser.issue-new-magazine-cover-teaser {
    padding: 10px 0;
    width: 100%;
    box-shadow: none;
    border-radius: 0
}

.magazine-cover-teaser .issue-new-magazine-cover {
    width: 100%;
    max-width: 100%;
    border: 1px solid #cecece
}

.issue-new-cta-buttons-holder {
    width: 100%;
    display: block
}

.issue-new-cta-buttons {
    display: inline-block;
    width: 100%
}

.issue-cta-list {
    text-align: center;
    margin-bottom: 25px
}

.issue-cta-list li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 10px
}

.issue-cta-list li a {
    display: inline-block;
    width: 50%;
    float: left;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 0
}

.issue-cta-list li a.back-issues {
    color: #000;
    text-transform: none
}

.issue-cta-list li a.back-issues:hover {
    color: #179CCE
}

.issue-cta-list li p {
    width: 48%;
    margin: 0 0 0 2%;
    float: left;
    text-align: left
}

.issue-navigation {
    margin-top: 40px;
    margin-bottom: 70px
}

.magnavissue {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    line-height: 1
}

.magnavissuedate {
    float: right
}

.issue-navigation .next_link,
.issue-navigation .previous_link {
    color: #000
}

.page-template-issue-page .issue-navigation .next_link {
    background-position: 105% 15%
}

.page-template-issue-page .issue-navigation .previous_link {
    background-position: -5% 15%
}

.magnavnext a {
    display: inline-block;
    padding-right: 25px;
    background: url(../../img/maglayout/magnavnext.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/maglayout/magnavnext.png*/
    center right no-repeat
}

.magnavnext span.nonextnav {
    color: #ccc;
    display: inline-block;
    padding-right: 25px;
    background: url(../../img/maglayout/magnavnextinactive.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/maglayout/magnavnextinactive.png*/
    center right no-repeat
}

.magnavprev a {
    display: inline-block;
    padding-left: 25px;
    background: url(../../img/maglayout/magnavprev.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/maglayout/magnavprev.png*/
    center left no-repeat
}

.issue-new-article-section {
    margin: 0
}

.magazine-article-index,
.pastissues {
    padding: 10px 0
}

.page-template-issue-page .pastissues h2 {
    margin: 0 0 10px
}

.pastissues-list li {
    width: 47%;
    margin-bottom: 10px;
    padding: 0;
    display: inline-block;
    float: left
}

.pastissues-list li:nth-of-type(even) {
    margin-left: 6%
}

.pastissues-list li:nth-of-type(odd) {
    clear: both
}

.pastissues-list li img {
    width: 100%;
    border: 1px solid #cecece
}

.magazine-article-index ul li:first-child article,
.magazine-cover-highlight ul li:first-child article {
    border-top: none
}

.magazine-cover-teaser {
    display: inline-block;
    background: #fff;
    padding: 3%;
    border-radius: 0;
    box-shadow: 0 0 3px #333
}

.magazine-cover-teaser .cover-details {
    float: left;
    width: 50%
}

.magazine-cover-teaser ul {
    width: 100%
}

.magazine-cover-teaser ul li,
.magazine-cover-teaser ul li .index-entry {
    width: 100%;
    display: inline-block
}

.magazine-cover-teaser ul li:first-child .index-entry {
    border: none
}

.magazine-cover-teaser ul li .index-entry .index-content {
    width: 100%;
    display: none
}

.magazine-cover-teaser ul li .index-entry .index-content figure {
    width: 20%;
    display: none
}

.magazine-cover-highlight ul li,
.magazine-cover-highlight ul li .index-entry {
    display: block;
    width: 100%
}

.magazine-cover-teaser .magazine-cover {
    width: 49%;
    float: right;
    box-shadow: 0 1px 2px #000, 0 -1px 0 #999
}

.magazine-cover-highlight ul {
    width: 100%;
    margin-bottom: 30px
}

.magazine-cover-highlight ul li .index-entry figure {
    display: none
}

.magazine-article-index ul li,
.magazine-article-index ul li .index-entry {
    width: 100%;
    display: block
}

.magazine-article-index .eyebrow {
    padding-top: 5px
}

.magazine-article-index ul {
    width: 100%;
    margin-bottom: 5px
}

.magazine-article-index ul li .index-entry figure {
    display: none
}

@media (max-width:767px) {
    .magazine-cover-teaser.issue-new-magazine-cover-teaser {
        margin-bottom: 10px
    }
    .issue-new-full-width figure,
    .issue-new-index-entry.left figure,
    .issue-new-index-entry.right figure {
        display: none
    }
    .issue-new-index-entry-h1.mustbemin {
        min-height: 0
    }
}

@media (min-width:500px) {
    .page-template-issue-page .issue-navigation .next_link {
        background-position: 100% 15%
    }
    .page-template-issue-page .issue-navigation .previous_link {
        background-position: 0 15%
    }
}

@media (min-width:600px) {
    .magazine-cover-teaser .issue-new-magazine-cover {
        width: 60%
    }
    .issue-cta-list li {
        width: 32%
    }
    .issue-cta-list li:first-child {
        margin-left: 0
    }
    .issue-cta-list li a {
        width: 100%
    }
    .issue-cta-list li p {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .issue-new-cta-buttons {
        width: 50%
    }
}

@media (min-width:641px) {
    .magazine-article-index,
    .pastissues {
        width: 49%;
        float: left
    }
    .pastissues {
        margin-left: 2%;
        display: inline-block
    }
}

@media (min-width:768px) {
    .issues-new-archive-left {
        float: left;
        width: 50%
    }
    .issues-new-archive-right {
        width: 48%;
        float: right;
        padding-left: 2%;
        border: none
    }
    .issue-new-full-width,
    .issue-new-index-entry.left,
    .issue-new-index-entry.right {
        padding: 10px 0 15px
    }
    .page-template-issue-page .issue-new-index-entry .issue-new-index-entry-h1 {
        margin-bottom: 10px
    }
    .issue-new-full-width figure,
    .issue-new-index-entry.left figure,
    .issue-new-index-entry.right figure {
        display: block
    }
    .issue-new-full-width figure img,
    .issue-new-index-entry figure img {
        margin-top: 5px
    }
    .issue-new-full-width .left,
    .issue-new-full-width .right,
    .issue-new-index-entry.left,
    .issue-new-index-entry.right {
        width: 49%
    }
    .magazine-cover-teaser .issue-new-magazine-cover {
        width: 100%
    }
    .issues-new-archive-right .issues-new-archive-covst {
        margin-top: 0
    }
    .issue-cta-list {
        width: 75%;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .page-template-issue-page .issue-navigation .next_link {
        background-position: 105% 15%
    }
    .page-template-issue-page .issue-navigation .previous_link {
        background-position: -5% 15%
    }
    .magazine-cover-highlight {
        display: inline-block;
        margin-bottom: 20%
    }
    .magazine-article-index,
    .pastissues {
        width: 100%
    }
    .magazine-article-index {
        margin: 0
    }
    .pastissues {
        margin: 10px 0 0
    }
    .issues-new-archive-right ul {
        width: 85%
    }
}

.blue-link,
.red-button,
a {
    text-decoration: none
}

a {
    color: #000
}

h1 {
    font-size: 18px
}

h2 {
    font-size: 16px
}

.red-button,
h3 {
    font-size: 14px
}

h3 {
    line-height: 1.4
}

.blue-link {
    color: #00b3e5
}

.arrow-link {
    background: url(../../img/registration/blue-link-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/blue-link-arrow.png*/
    right center no-repeat;
    display: inline;
    padding-right: 21px
}

.sticky-menu {
    top: 0!important;
    position: fixed!important
}

.main-sticky-menu {
    margin-top: 45px!important
}

.sticky-drop-down {
    top: 45px!important;
    position: fixed!important
}

.red-button {
    background-color: #e34c39;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 0 0 #c44231;
    -webkit-box-shadow: 0 3px 0 0 #c44231;
    box-shadow: 0 3px 0 0 #c44231;
    text-shadow: 0 1px 0 #c44231;
    border: none;
    text-align: center
}

.red-button:hover {
    background-color: #cf4533;
    text-shadow: 0 -1px 0 #cf4533
}

.error-404 {
    line-height: 1.1
}

.error-404 h1 {
    font-size: 52px
}

.error-404 h2,
.error-404-link-container {
    margin: 5% 0
}

.error-404-link-container {
    font-size: 14px;
    display: inline-block;
    width: 100%
}

.entry-form {
    display: inline-block;
    float: left
}

.entry-form form {
    display: block
}

.entry-form .entry-form-first-name {
    display: inline-block;
    margin: 10px 0
}

.entry-form .entry-form-required-fields {
    display: inline-block;
    color: #00b3e5;
    font-size: 12px;
    font-weight: 700;
    float: right;
    margin-top: 14px
}

.account-settings-form-input-details,
.account-settings-form-input-password,
.entry-form .entry-form-input,
.entry-form select {
    color: #333;
    background-color: #fff;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    display: block;
    border: 1px solid #333
}

.account-settings-form-input-details,
.entry-form .entry-form-input {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#contform select,
.account-settings-form-drop-down-menu,
.entry-form .entry-form-drop-down-menu,
select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../img/registration/drop-down-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/drop-down-arrow.png*/
    95% center no-repeat;
    text-indent: .01px;
    text-overflow: "";
    border: 1px solid #333
}

.entry-form .combodate select {
    background: url(../../img/registration/drop-down-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/drop-down-arrow.png*/
    right 10px center no-repeat;
    display: inline-block;
    margin-right: 5px;
    padding-right: 32px;
    text-transform: capitalize
}

.entry-form .entry-form-label {
    margin: 15px 0 5px;
    display: inline-block
}

.entry-form .entry-form-label span {
    font-weight: 400;
    width: 100%;
    display: inline-block
}

.entry-form .entry-form-first-name,
.entry-form .entry-form-input,
.entry-form .entry-form-label,
.entry-form select {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.entry-form .entry-form-green-tick {
    background: url(../../img/registration/green-tick.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/green-tick.png*/
    98% center no-repeat
}

.entry-form .entry-form-grey-arrow {
    background: url(../../img/registration/grey-up-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/grey-up-arrow.png*/
    98% center no-repeat
}

.note {
    display: inline-block;
    margin: 20px 0 0;
    width: 100%
}

.entry-form .entry-form-checkbox-label,
.entry-form-checkbox-container label,
.note {
    font-size: 14px;
    color: #777
}

.entry-form .entry-form-checkbox,
.entry-form-checkbox-container input {
    color: #a7a7a7;
    background-color: #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    float: left;
    margin-left: 0
}

.entry-form .entry-form-checkbox-container {
    display: block;
    margin-top: 15px
}

.entry-form .entry-form-checkbox-label,
.entry-form-checkbox-container label,
.entry-form-checkbox-label-account-settings-newsletter {
    display: block;
    margin-left: 30px;
    line-height: 1.3
}

.entry-form form .entry-form-button,
.entry-form-button {
    width: 100%;
    height: 40px;
    margin: 10px 0;
    display: block;
    cursor: pointer;
    font-family: lato, sans-serif;
    font-weight: 600
}

.entry-form-checkbox-error,
.entry-form-error,
.entry-form-feedback {
    color: #da2c00;
    font-size: 14px;
    margin: 1% 0
}

.entry-form p.entry-form-checkbox-error,
.entry-form p.entry-form-error {
    margin: 5px 0 0 7%
}

.entry-form-error a,
.entry-form-error a:hover {
    text-decoration: underline;
    color: #da2c00
}

.register-lists {
    list-style: disc;
    margin: 5px 0 5px 30px
}

.register-info {
    display: inline-block;
    margin-left: -1%;
    float: left
}

.register-info h2 {
    margin: 10px 0 0
}

.register-info article {
    margin-bottom: 20px
}

.register-info .register-progress-container {
    background-color: #f1f1f1;
    padding: 20px 10%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-top: 70px;
    display: none
}

.register-info .register-progress {
    background: url(../../img/registration/registration-process-scrubber.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/registration-process-scrubber.png*/
    center repeat-x;
    position: relative;
    height: 17px
}

.register-info .register-progress li {
    display: inline-block;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #d9d9d9;
    color: #bbbaba;
    width: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    vertical-align: middle;
    cursor: default
}

.register-info .register-progress li:first-child {
    position: absolute;
    left: 0
}

.register-info .register-progress .register-progress-2 {
    position: absolute;
    left: 50%;
    margin-left: -8px
}

.register-info .register-progress .register-progress-3 {
    position: absolute;
    right: 0
}

.register-info .register-progress .register-progress-highlight {
    background-color: #fff;
    color: #17ce28
}

.register-info .register-progress .registration-tooltip {
    color: #777;
    height: 71px;
    width: 171px;
    position: absolute;
    text-align: center;
    top: -70px;
    left: -76px;
    display: none;
    background: url(../../img/registration/tooltip.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/tooltip.png*/
    center bottom no-repeat
}

.register-info .register-progress li .registration-tooltip h3 {
    font-size: 10px;
    color: #cbcbcb;
    margin: 10px 0 0;
    line-height: 1.4;
    display: block
}

.register-info .register-progress .register-progress-highlight .registration-tooltip,
.register-info .register-progress li:hover .registration-tooltip {
    display: block
}

.register-info article {
    margin: 20px 0;
    border-top: 1px solid silver
}

.register-info article h2 {
    margin-top: 20px
}

.register-info article p {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.4
}

.register-info article p strong {
    color: #000
}

.registration-login-button {
    margin: 10px 0;
    display: block;
    width: 100%
}

.register-info .already-registered {
    margin: 20px 0
}

.charcoal-buttons #btn-register {
    background-color: #696d72;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #b9d536;
    text-shadow: 0 1px 0 #696d72
}

.subscribe-panel {
    background: url(../../img/registration/magazines-devices.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/magazines-devices.png*/
    95px bottom no-repeat #e1e1e1;
    background-size: auto 75%;
    padding: 5px 5% 10px;
    margin: 20px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.promo-account-info,
.subscription-offer {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.subscribe-panel h2 {
    line-height: 1.4;
    width: 100%
}

.subscribe-panel ul {
    list-style-type: none;
    padding: 0
}

.subscribe-panel ul li {
    color: #00b3e5;
    font-size: 13px
}

.subscribe-panel p,
.subscribe-panel ul {
    width: 40%
}

.subscribe-panel p {
    line-height: 1.4;
    font-size: 12px
}

.subscribe-panel a,
.subscribe-panel h2,
.subscribe-panel p,
.subscribe-panel ul {
    margin: 5px 0;
    display: block;
    font-family: lato, sans-serif;
    font-weight: 600
}

.subscribe-panel a {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px
}

.register-info .existing-subscriber {
    line-height: 1.4;
    font-size: 14px
}

.institutional-options {
    border-top: 1px solid silver;
    padding: 20px 0
}

.institutional-options .institutional-options-grey {
    padding-top: 90px;
    background-color: #e1e1e1;
    float: left;
    width: 100%;
    margin: 5px 0
}

.institutional-options aside {
    width: 100%
}

.institutional-options h2 {
    margin: 0 auto;
    width: 96%;
    line-height: 50px
}

.institutional-options p {
    margin: 10px auto;
    height: 60px;
    width: 96%
}

.institutional-options h2,
.institutional-options p {
    text-align: center
}

.institutional-options .institutional-options-grey .institutional-options-h2-container {
    background-color: #d3d3d3;
    position: relative;
    display: block;
    height: 50px;
    width: 100%
}

.institutional-options .institutional-options-grey:hover {
    background-color: #00b3e5;
    color: #fff
}

.institutional-options .institutional-options-grey:hover .institutional-options-h2-container {
    background-color: #1184af
}

.institutional-options .institutional-options-grey:hover .institutional-options-h2-container h2,
.institutional-options .institutional-options-grey:hover p {
    color: #fff
}

.institutional-options #subscription-educator {
    background: url(../../img/registration/subscription-educator.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-educator.png*/
    center 15px no-repeat #e1e1e1
}

.institutional-options #subscription-educator:hover {
    background: url(../../img/registration/subscription-educator-hover.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-educator-hover.png*/
    center 15px no-repeat #00b3e5
}

.institutional-options #subscription-corporate {
    background: url(../../img/registration/subscription-corporate.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-corporate.png*/
    center 15px no-repeat #e1e1e1
}

.institutional-options #subscription-corporate:hover {
    background: url(../../img/registration/subscription-corporate-hover.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-corporate-hover.png*/
    center 15px no-repeat #00b3e5
}

.institutional-options #subscription-gift {
    background: url(../../img/registration/subscription-gift.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-gift.png*/
    center 15px no-repeat #e1e1e1
}

.institutional-options #subscription-gift:hover {
    background: url(../../img/registration/subscription-gift-hover.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-gift-hover.png*/
    center 15px no-repeat #00b3e5
}

.registration-process-steps ul {
    margin: 10% 0
}

.registration-process-steps ul li {
    color: #000;
    font-weight: 700;
    font-size: 14px
}

.registration-process-steps ul li:first-child {
    margin-bottom: 5%
}

.registration-process-steps .resend-verification-email-button {
    padding: 19px 5%;
    width: 90%;
    display: inline-block;
    line-height: 1.1
}

.registration-process-steps p {
    font-size: 12px;
    margin: 5% 0
}

.registration-process-steps .manage-account-link {
    color: #565656;
    font-size: 12px;
    background: url(../../img/registration/manage-account.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/manage-account.png*/
    left center no-repeat;
    padding-left: 30px;
    display: block;
    margin-top: 5%
}

.subscription-offer .subscription-offer-details .subscription-offer-details-header-container,
.subscription-offer .subscription-offer-details ul li {
    margin: 5% 0
}

.subscription-offer {
    background-color: #f7f7f7;
    border-top: 4px #13b2ee solid;
    border-radius: 3px;
    float: left;
    width: 100%
}

.subscription-offer .subscription-offer-header {
    background: url(../../img/registration/subscription-magazines.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-magazines.png*/
    center bottom no-repeat;
    background-size: 60% auto;
    padding: 4% 1% 75%
}

.subscription-offer .subscription-offer-details {
    padding: 4% 1%
}

.subscription-offer .subscription-offer-details .subscription-offer-details-benefits-header {
    color: #7e7e7e;
    line-height: 1.1
}

.subscription-offer .subscription-offer-details .subscription-offer-details-benefits-header,
.subscription-offer .subscription-offer-details .subscription-offer-details-header,
.subscription-offer .subscription-offer-details p,
.subscription-offer .subscription-offer-details ul li {
    font-size: 12px;
    font-weight: 700
}

.subscription-offer .subscription-offer-details ul {
    list-style-type: none;
    padding: 0
}

.subscription-offer .subscription-offer-details a {
    padding: 20px 7%;
    width: 86%;
    display: inline-block;
    margin: 5% 0;
    line-height: 1.1
}

.already-subscribed {
    float: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.4;
    margin: 0 0 100px
}

.already-subscribed h4 {
    margin: 2% 0
}

.entry-form .already-registered,
.entry-form .formfield .instructions {
    display: none
}

.entry-form p {
    margin: 0 0 10px
}

.login-form-container,
.login-message {
    display: inline-block;
    width: 100%
}

.login-list .login-list-link-educator {
    background-image: url(../../img/registration/subscription-educator-grey.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-educator-grey.png*/
}

.login-list .login-list-link-corporate {
    background-image: url(../../img/registration/subscription-corporate-grey.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/subscription-corporate-grey.png*/
}

.login-list li a {
    display: inline-block;
    margin-top: 20px;
    width: 100%
}

.promo-container {
    margin: 20px 0
}

.promo-container,
.promo-container .already-subscribed,
.promo-container .promo-subscription-find-out-more {
    display: inline-block
}

.promo-subscription-find-out-more a {
    padding: 20px 5%;
    display: inline-block;
    line-height: 1.1;
    margin: 3% 0
}

.promo-account-info {
    background-color: #e1e1e1;
    border-radius: 3px
}

main .login-existing-subscriber {
    float: right
}

.promo-account-info aside {
    margin: 5%
}

.promo-account-info aside a {
    width: 100%;
    display: inline-block;
    margin-top: 5%
}

section[role=activate-subscription] article h2 {
    margin-bottom: 0
}

.activate-subscription-details h3 {
    margin: 10px 0
}

.activate-subscription-details .activate-subscription-details-address {
    background-color: #e1e1e1;
    margin-bottom: 10px;
    padding: 5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.activate-subscription-details .activate-subscription-details-address h4 {
    margin-bottom: 2px
}

.highlight {
    background-color: #00b3e5;
    color: #fff
}

.activate-webaccess {
    margin-bottom: 20px
}

.activate-webaccess section[role=activate-subscription] article,
.activate-webaccess section[role=link-subscription] article {
    display: none
}

article[role=institutional-access] .institutional-button {
    display: inline-block;
    width: 90%;
    padding: 0 5%;
    margin: 10px 0
}

article[role=institutional-access] .entry-form {
    float: none;
    width: 100%
}

article[role=institutional-access] .athens-link {
    display: block;
    color: #0CE
}

.activate-webaccess {
    display: inline-block;
    width: 100%
}

.activate-webaccess .entry-form {
    width: 100%
}

.activate-webaccess .activate-subscription-details>h3 {
    color: #00b3e5;
    cursor: pointer
}

.entry-form .tooltip {
    color: #00b3e5;
    text-decoration: underline;
    margin: 15px 0 5px 5px;
    font-size: 14px
}

.tooltip,
[data-tooltip] {
    position: relative;
    cursor: pointer
}

.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    pointer-events: none
}

.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    visibility: visible
}

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 160px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, .9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2
}

.tooltip-top:after,
.tooltip-top:before,
.tooltip:after,
.tooltip:before,
[data-tooltip]:after,
[data-tooltip]:before {
    bottom: 100%;
    left: 50%
}

.tooltip-top:before,
.tooltip:before,
[data-tooltip]:before {
    margin-left: -6px;
    margin-bottom: -12px;
    border-top-color: #000;
    border-top-color: hsla(0, 0%, 20%, .9)
}

.tooltip-top:after,
.tooltip:after,
[data-tooltip]:after {
    margin-left: -80px
}

.tooltip-top:focus:after,
.tooltip-top:focus:before,
.tooltip-top:hover:after,
.tooltip-top:hover:before,
.tooltip:focus:after,
.tooltip:focus:before,
.tooltip:hover:after,
.tooltip:hover:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px)
}

@media (min-width:300px) {
    .subscribe-panel {
        background-position: right bottom;
        background-size: auto 65%
    }
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 35%
    }
    .subscribe-panel a {
        padding: 0 7px
    }
    .registration-process-steps p {
        font-size: 12px;
        margin: 2% 0
    }
}

@media (min-width:350px) {
    .subscribe-panel {
        background-size: auto 75%
    }
    .subscribe-panel a {
        padding: 0 10px
    }
}

@media (min-width:400px) {
    .error-404 h2,
    .error-404-link-container {
        margin: 2% 0
    }
    .entry-form form .entry-form-button,
    .entry-form-button {
        width: auto
    }
    .registration-login-button {
        display: inline-block;
        width: 136px
    }
    .subscribe-panel h2,
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 40%;
        margin: 5px 0
    }
    .registration-process-steps ul {
        margin: 8% 0
    }
    .registration-process-steps .resend-verification-email-button {
        padding: 19px 27px;
        width: auto
    }
    .registration-process-steps ul li:first-child {
        margin-bottom: 0
    }
    .subscription-offer .subscription-offer-details a {
        width: auto
    }
    .login-list li a,
    .promo-account-info aside a {
        padding: 0 5%;
        width: auto
    }
    article[role=institutional-access] .institutional-button {
        width: auto
    }
}

@media (min-width:450px) {
    .register-login-form article .drop-down-menu {
        background-position: 98% center
    }
    .subscribe-panel {
        background: url(../../img/registration/magazines-devices.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/registration/magazines-devices.png*/
        right bottom no-repeat #e1e1e1;
        background-size: auto 95%
    }
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 50%
    }
    .subscription-offer .subscription-offer-header,
    .subscription-offer-details {
        float: left
    }
    .subscription-offer .subscription-offer-header {
        width: 48%;
        padding: 1% 1% 58%;
        background-position: center 70px;
        background-size: 80% auto
    }
    .subscription-offer .subscription-offer-details {
        width: 48%;
        padding: 1%
    }
    .subscription-offer-details .subscription-offer-details-benefits-header {
        text-align: right;
        width: 100%
    }
    .subscription-offer .subscription-offer-details .subscription-offer-details-header-container {
        border-left: 1px #bfbfbf solid;
        padding-left: 5%
    }
    .subscription-offer .subscription-offer-details a {
        float: right
    }
}

@media (min-width:550px) {
    .error-404 h2,
    .error-404-link-container {
        margin: 1% 0
    }
    .register-info .register-progress-container {
        display: block
    }
    .register-info .already-registered {
        width: 100%;
        float: left;
        display: inline-block
    }
    .subscribe-panel {
        width: 45%;
        float: right;
        display: inline-block;
        background-size: auto 60%
    }
    .subscribe-panel h2 {
        width: 100%
    }
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 40%;
        margin: 5px 0
    }
    .register-info .existing-subscriber {
        width: 40%;
        display: inline-block;
        float: left
    }
    .institutional-options .institutional-options-grey {
        width: 32%
    }
    .institutional-options h2 {
        width: 70%;
        line-height: 25px
    }
    .institutional-options #subscription-educator,
    .institutional-options #subscription-gift {
        margin: 1% 0
    }
    .institutional-options #subscription-corporate {
        margin: 1% 2%
    }
    .institutional-options p {
        height: 100px
    }
    .subscription-offer .subscription-offer-header {
        padding: 1% 1% 55%;
        background-position: center 60px
    }
    .promo-container {
        width: 40%;
        float: left
    }
    .promo-subscription-find-out-more {
        float: left
    }
    article[role=institutional-access] .entry-form {
        width: 50%
    }
    .activate-subscription-details .activate-subscription-details-address {
        width: 50%;
        float: left
    }
}

@media (min-width:650px) {
    .subscribe-panel {
        background-size: auto 70%
    }
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 50%
    }
    .subscription-offer .subscription-offer-header {
        padding: 1% 1% 43%;
        background-position: center 90px
    }
}

@media (min-width:768px) {
    .subscribe-panel {
        background-size: auto 75%
    }
    .register-info .already-registered,
    .register-info .existing-subscriber,
    .subscribe-panel {
        float: none;
        display: block;
        width: auto
    }
    .subscribe-panel p,
    .subscribe-panel ul {
        width: 50%;
        margin: 10px 0
    }
    .institutional-options {
        padding: 30px 0
    }
    .institutional-options h2 {
        width: 96%;
        line-height: 50px
    }
    .institutional-options p {
        height: 80px
    }
    .institutional-options .institutional-options-grey .institutional-options-h2-container {
        height: 50px
    }
    .registration-process-steps ul {
        margin: 2% 0
    }
    .registration-process-steps p {
        margin: 1% 0
    }
    .subscription-offer .subscription-offer-header {
        padding: 1% 1% 32%;
        background-size: 69% auto;
        background-position: center 55px
    }
    .subscription-offer .subscription-offer-details ul li {
        margin: 2% 0
    }
    .promo-container {
        float: none;
        width: auto;
        margin-bottom: 0
    }
    .activate-webaccess section[role=activate-subscription],
    .activate-webaccess section[role=link-subscription] {
        width: 49%
    }
    .activate-webaccess section[role=activate-subscription] {
        margin-right: 2%
    }
    .activate-webaccess section[role=activate-subscription] article,
    .activate-webaccess section[role=link-subscription] article {
        display: inline-block
    }
}

@media (min-width:1024px) {
    .register-info .existing-subscriber,
    .subscribe-panel {
        float: none;
        width: 90%
    }
    .subscribe-panel {
        background-size: auto 95%
    }
    .subscribe-panel h2,
    .subscribe-panel p,
    .subscribe-panel ul {
        margin: 10px 0
    }
    .subscribe-panel a {
        margin: 5px 0
    }
    .registration-barrier-container .subscribe-panel h2 {
        width: 50%
    }
    .registration-barrier-container .subscribe-panel {
        background-size: auto 85%
    }
    .institutional-options p {
        height: 50px
    }
    .subscription-offer .subscription-offer-header {
        padding: 1% 1% 28%;
        background-size: 60% auto
    }
    body.reg-barrier {
        position: fixed;
        width: 100%
    }
    .registration-barrier-overflow {
        overflow: hidden
    }
    .registration-barrier-container {
        background-color: rgba(0, 0, 0, .5);
        overflow-y: scroll;
        position: fixed;
        top: 8.45rem;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 400;
        text-align: center
    }
    .registration-barrier-container-content {
        background-color: #fff;
        margin: 5% auto;
        text-align: left;
        display: inline-block;
        width: 900px;
        padding: 2%;
        border-radius: 3px;
        -moz-box-shadow: 2px 2px 10px -2px #000;
        -webkit-box-shadow: 2px 2px 10px -2px #000;
        box-shadow: 2px 2px 10px -2px #000
    }
}

@media (min-width:1280px) {
    .subscription-offer .subscription-offer-header {
        padding: 1% 1% 21%;
        background-size: 48% auto
    }
    .subscription-offer .subscription-offer-details ul li {
        margin: 1% 0
    }
    .subscription-offer .subscription-offer-details a {
        margin: 3% 0
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

img {
    max-width: 100%
}

.wp-social-login-widget {
    display: inline-block;
    width: 100%;
    padding: 20px 0 0;
    margin: 20px 0;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver
}

.wp-social-login-connect-with {
    font-family: lato, sans-serif;
    margin-bottom: 10px;
    display: none
}

.wp-social-login-provider-list {
    display: inline-block;
    padding: 0
}

.wp-social-login-provider-list a,
.wp-social-login-provider-list a:hover {
    background-color: #fff;
    padding: 10px 10px 10px 40px;
    display: inline-block;
    color: #111;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: lato, sans-serif;
    font-weight: 700;
    font-size: 15px
}

.wp-social-login-provider-list a:before {
    content: "Log in with "
}

.wp-social-login-provider-google {
    background: url(../../img/furniture/btn_google_light_normal_ios-cropped.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/btn_google_light_normal_ios-cropped.png*/
    10px 50% no-repeat;
    background-size: 20px 20px;
    color: #111;
    border: 1px solid #555
}

.wp-social-login-provider-facebook {
    background: url(../../img/furniture/fb-f-logo__white_29.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/fb-f-logo__white_29.png*/
    10px 50% no-repeat;
    background-size: 20px 20px;
    background-color: #4267B2!important;
    color: #fff!important
}

#nav-tools li .account .sub .wp-social-login-widget {
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-top: none;
    border-bottom: 1px solid #555;
    width: 100%;
    text-align: center
}

#nav-tools li .account .sub .wp-social-login-connect-with {
    color: #fff;
    font-size: 15px
}

#nav-tools li .account .sub .wp-social-login-provider-facebook:hover {
    color: #fff
}

#nav-tools li .account .sub .wp-social-login-provider-google:hover {
    background-color: #fff
}

@media (min-width:700px) {
    #nav-tools li .account .sub .wp-social-login-widget {
        padding: 0 0 10px
    }
    #nav-tools li .account .sub .wp-social-login-connect-with {
        width: 108px;
        float: left;
        line-height: 40px
    }
    #nav-tools li .account .sub .wp-social-login-provider-list {
        padding: 0
    }
}

sub,
sup {
    font-size: 60%
}

.blue-button,
.eyebrow,
.green-button {
    text-transform: uppercase
}

body {
    background-color: #fff;
    position: relative
}

button[type=submit],
input[type=submit],
input[type=submit]+input[type=text] {
    background-color: #17ce28;
    -moz-box-shadow: 0 3px 0 0 #13941c;
    -webkit-box-shadow: 0 3px 0 0 #13941c;
    -webkit-appearance: none
}

sub {
    vertical-align: -30%
}

sup {
    vertical-align: 60%
}

main[role=container] {
    padding: 0 10px;
    margin-top: 0;
    display: block;
    position: relative
}

.home main[role=container] {
    margin-top: 10px;
    position: relative
}

.g10,
.g100,
.g20,
.g30,
.g40,
.g50,
.g60,
.g70,
.g80,
.g90 {
    margin: 0 0 10px;
    width: 100%;
    display: inline-block;
    float: left
}

li,
p {
    font-size: 16px;
    line-height: 1.3
}

a {
    text-decoration: none;
    color: inherit
}

a:hover {
    color: #00b3e5
}

ol,
ul {
    list-style: none
}

.eyebrow {
    font-size: 11px;
    font-weight: 900
}

button[type=submit],
input[type=submit] {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0 3px 0 0 #13941c;
    text-shadow: 0 1px 0 #13941c;
    border: none;
    text-align: center;
    line-height: 22px;
    padding: 5px 8%;
    display: inline-block;
    cursor: pointer
}

input[type=email],
input[type=password],
input[type=text],
select {
    border: 1px solid #333;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    line-height: 1;
    padding: 0 2%;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 40px
}

.green-button,
input[type=submit]+input[type=text] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: 0 1px 0 #13941c
}

.blue-button,
.green-button,
input[type=submit]+input[type=text] {
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    text-align: center
}

select::-ms-expand {
    display: none
}

input[type=submit]+input[type=text] {
    margin-right: 0;
    margin-left: 0;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #13941c;
    border: none;
    padding: 5px 8%;
    display: inline-block
}

a,
div,
form,
h1,
h2,
h3,
li,
select,
ul {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.eyebrow.news a,
.link--news,
.rule-info-container .article-section .news a {
    color: #a42e29!important
}

.eyebrow.news a:hover,
.link--news:hover,
.rule-info-container .article-section .news a:hover,
a .eyebrow.news:hover {
    color: #84211b!important
}

.eyebrow.opinion a,
.link--opinion,
.rule-info-container .article-section .opinion a {
    color: #52d4b4!important
}

.eyebrow.opinion a:hover,
.link--opinion:hover,
.rule-info-container .article-section .opinion a:hover,
a .eyebrow.opinion:hover {
    color: #51a492!important
}

.eyebrow.technology a,
.link--technology,
.rule-info-container .article-section .technology a {
    color: #3b8fbc!important
}

.eyebrow.technology a:hover,
.link--technology:hover,
.rule-info-container .article-section .technology a:hover,
a .eyebrow.technology:hover {
    color: #31789e!important
}

.eyebrow.features a,
.link--features,
.rule-info-container .article-section .features a {
    color: #cb4e06!important
}

.eyebrow.features a:hover,
.link--features:hover,
.rule-info-container .article-section .features a:hover,
a .eyebrow.features:hover {
    color: #a7411d!important
}

.eyebrow.regulars a,
.link--regulars,
.rule-info-container .article-section .regulars a {
    color: #888!important
}

.eyebrow.regulars a:hover,
.link--regulars:hover,
.rule-info-container .article-section .regulars a:hover,
a .eyebrow.regulars:hover {
    color: #717171!important
}

.eyebrow.culture a,
.eyebrow.culturelab a,
.link--culture,
.rule-info-container .article-section .culturelab a {
    color: #6837b8!important
}

.eyebrow.culture a:hover,
.eyebrow.culturelab a:hover,
.link--culture:hover,
.rule-info-container .article-section .culturelab a:hover,
a .eyebrow.culture:hover,
a .eyebrow.culturelab:hover {
    color: #563984!important
}

.eyebrow.aperture a,
.link--aperture,
.rule-info-container .article-section .aperture a {
    color: #83c226!important
}

.eyebrow.aperture a:hover,
.link--aperture:hover,
.rule-info-container .article-section .aperture a:hover,
a .eyebrow.aperture:hover {
    color: #6ba135!important
}

.link-blue-arrow {
    color: #fff;
    background: url(../../img/furniture/blue-circle-arrow.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/blue-circle-arrow.png*/
    100% 85% no-repeat
}

.subscribe-button {
    background: 98% 57% no-repeat #00b3e5;
    border-radius: 2px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px
}

.green-button {
    background-color: #17ce28;
    color: #fff!important;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 0 0 #13941c;
    -webkit-box-shadow: 0 3px 0 0 #13941c;
    box-shadow: 0 3px 0 0 #13941c;
    border: none
}

.green-button:hover {
    background-color: #01B00A;
    text-shadow: 0 -1px 0 #13941c;
    color: #fff
}

.blue-button {
    background-color: #00b3e5;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 0 0 #10698b;
    -webkit-box-shadow: 0 3px 0 0 #10698b;
    box-shadow: 0 3px 0 0 #10698b;
    text-shadow: 0 1px 0 #10698b;
    border: none
}

.blue-button:hover {
    background-color: #288eb7;
    color: #fff
}

.blue-link {
    text-decoration: none;
    color: #00b3e5
}

.arrow-link {
    background: right center no-repeat;
    display: inline;
    padding-right: 21px
}

.nr1117test {
    display: block!important;
    width: 80%!important;
    margin-left: 0!important
}

p.quote.nr1117test img {
    float: left;
    padding-right: 5%!important
}

.ns-slider a:hover {
    color: inherit
}

.ns-sslider a {
    display: block;
    width: 100%
}

.ns-style-hdrsmall {
    text-align: center;
    padding: 4px;
    font-size: 16px
}

.ns-style-hdrmedium {
    text-align: center;
    padding: 4px;
    font-size: 18px
}

.ns-style-hdrlarge {
    text-align: center;
    padding: 4px;
    font-size: 22px
}

.ns-style-hdrsmall-l {
    text-align: left;
    padding: 4px;
    font-size: 16px
}

.ns-style-hdrmedium-l {
    text-align: left;
    padding: 4px;
    font-size: 18px
}

.ns-style-hdrlarge-l {
    text-align: left;
    padding: 4px;
    font-size: 22px
}

.ns-style-hdrlarge-l a,
.ns-style-hdrmedium-l a,
.ns-style-hdrsmall-l a {
    width: 1100px;
    margin: 0 auto;
    display: block
}

.ns-style-hdrlarge a,
.ns-style-hdrmedium a,
.ns-style-hdrsmall a {
    width: 100%;
    display: block
}

.cookies-policy {
    position: relative;
    right: 10px;
    top: 0;
    font-size: 14px;
    color: #888;
    display: none;
    float: right
}

#breadcrumbs ul li {
    font-size: 12px;
    padding-right: 3px;
    vertical-align: baseline;
    display: inline-block
}

#breadcrumbs ul li:after {
    content: "|";
    margin-right: 0;
    margin-left: 2px
}

#breadcrumbs ul li:last-child:after {
    content: none
}

.signpost {
    background-color: #fff;
    display: block;
    min-height: 35px;
    padding: 10px;
    width: 100%;
    margin: 10px 0;
    vertical-align: middle;
    line-height: 1
}

.signpost h3 {
    color: #5C291F;
    display: inline-block;
    font-size: 16px
}

.signpost p {
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    color: #3D3938;
    font-weight: 700
}

.nav-links,
.page-header {
    display: block
}

.signpost__link:hover .signpost h3,
.signpost__link:hover .signpost p {
    color: #fff;
    text-decoration: underline
}

.page-header h1 {
    font-size: 22px;
    color: #444
}

.paging-navigation {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.term-life .news,
.term-life .news-landing-container .page-header {
    border-color: #D7DF21
}

.news-landing .article-index-row article .eyebrow .life a,
.news-landing .landing-page-spotlight ul li .eyebrow .life a {
    color: #D7DF21
}

.eyebrow .life a:hover,
a:hover .eyebrow .life {
    color: #b0b91f
}

.news-landing .article-index-row article .eyebrow .technology a,
.news-landing .landing-page-spotlight ul li .eyebrow .technology a {
    color: #548293
}

.term-technology .news,
.term-technology .news-landing-container .page-header {
    border-color: #548293
}

.eyebrow .technology a:hover,
a:hover .eyebrow .technology {
    color: #466d7c
}

.news-landing .article-index-row article .eyebrow .earth a,
.news-landing .landing-page-spotlight ul li .eyebrow .earth a {
    color: #BC9617
}

.term-earth .news,
.term-earth .news-landing-container .page-header {
    border-color: #BC9617
}

.eyebrow .earth a:hover,
a:hover .eyebrow .earth {
    color: #9c7e24
}

.term-health .news,
.term-health .news-landing-container .page-header {
    border-color: #20BC9E
}

.news-landing .article-index-row article .eyebrow .health a,
.news-landing .landing-page-spotlight ul li .eyebrow .health a {
    color: #20BC9E
}

.eyebrow .health a:hover,
a:hover .eyebrow .health {
    color: #1b9b83
}

.term-space .news,
.term-space .news-landing-container .page-header {
    border-color: #484848
}

.term-humans .news,
.term-physics .news,
.term-physics .news-landing-container .page-header,
.terms-humans .news-landing-container .page-header {
    border-color: #79227D
}

.news-landing .article-index-row article .eyebrow .space a,
.news-landing .landing-page-spotlight ul li .eyebrow .space a {
    color: #484848
}

.eyebrow .space a:hover,
a:hover .eyebrow .space {
    color: #353535
}

.news-landing .article-index-row article .eyebrow .physics a,
.news-landing .landing-page-spotlight ul li .eyebrow .physics a {
    color: #79227D
}

.eyebrow .physics a:hover,
a:hover .eyebrow .physics {
    color: #641c69
}

.news-landing .article-index-row article .eyebrow .humans a,
.news-landing .landing-page-spotlight ul li .eyebrow .humans a {
    color: #79227D
}

.eyebrow .humans a:hover,
a:hover .eyebrow .humans {
    color: #641c69
}

.term-news .news,
.term-news .news-landing-container .page-header {
    border-color: #A42E29
}

.news-landing #article-mpu {
    width: 100%;
    text-align: center;
    padding: 0 0 20px
}

.index-entry:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

aside#topbar {
    width: 100%;
    background-color: #222;
    z-index: 100000
}

aside#bottombar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 500
}

div.ns-slider {
    display: none
}

.login-error-message__main {
    color: #da2c00;
    font-size: 18px
}

.login-error-message__sub {
    font-size: 14px;
    line-height: 17px;
    color: #da2c00
}

@media (min-width:400px) {
    main[role=container] {
        padding: 0 .937475rem;
        max-width: 70.62495rem;
        margin: 0 auto
    }
}

@media (min-width:768px) {
    main [role=container] {
        padding: 0
    }
    .g100 {
        width: 99%;
        margin: 8px 0 0
    }
    .g90 {
        width: 98%;
        margin: 1%
    }
    .g80 {
        width: 99%;
        margin: 10px .5%
    }
    .g60,
    .g70 {
        width: 98%
    }
    .g70 {
        margin: 1%
    }
    .g30,
    .g40,
    .g50 {
        width: 48%;
        margin: 1%
    }
    .g20 {
        width: 49%;
        margin: .5%
    }
    .g10 {
        width: 48%;
        margin: 1%
    }
}

@media (min-width:1200px) {
    .cookies-policy {
        display: inline-block!important
    }
}

@media (min-width:1025px) {
    .g100 {
        width: 99%
    }
    .g90 {
        width: 88%
    }
    .g80 {
        width: 78%
    }
    .g70 {
        width: 68%
    }
    .g60 {
        width: 58%
    }
    .g50 {
        width: 48%
    }
    .g40 {
        width: 38%
    }
    .g30 {
        width: 28%
    }
    .g20 {
        width: 18%
    }
    .g10 {
        width: 8%
    }
    #article-mpu {
        width: 100%;
        margin-top: -63px
    }
    .news-landing-container,
    .news-landing-container .news-landing {
        width: 100%;
        box-sizing: border-box
    }
    .news-landing #article-mpu {
        margin: 0!important
    }
}

@media (min-width:1280px) {
    main[role=container] {
        display: block;
        margin: 0 auto;
        padding: 0;
        width: 1100px
    }
}

.section-heading__secondary,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.card__button--video,
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.layout__main:after,
.layout__main:before,
.site-wrapper:after,
.site-wrapper:before {
    display: table;
    content: ' '
}

.layout__main,
.section-heading {
    position: relative
}

.close-cross-button:hover,
.social-login__link--twitter:hover,
a.social-login__link--facebook:hover,
a.social-login__link--google:hover {
    opacity: .8
}

.clearfix::after,
.content__body .box-out,
.content__body .box-out:after,
.footer-section,
.footer-section:after,
.header,
.header-meganav__wrapper,
.header-meganav__wrapper:after,
.header-nav,
.header-top,
.header-top:after,
.header:after,
.layout__main,
.layout__main:after,
.section-social,
.section-social:after,
.site-wrapper,
.site-wrapper:after,
.social-login,
.social-login:after {
    clear: both
}

.info-block li,
.list--disc {
    list-style: disc
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0 0 .93747rem;
    letter-spacing: -.0375rem
}

.section-heading__secondary {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0
}

.header-search__field,
.header__login-form .form-section .form-row__body label,
.header__login-form .form-section a,
.header__login-form .form-section p,
.search-results__input,
.signup-form .form-section .form-row__body label,
.signup-form .form-section a,
.signup-form .form-section p,
body {
    font-size: 1rem;
    line-height: 1.4375rem;
    font-family: "PT Serif", Georgia, serif;
    color: #4d4d4d
}

.ad-leaderboard h5,
.card__eyebrow,
.card__eyebrow-link,
.card__third-party p,
.header__login-form .form-section .label,
.header__login-form .form-section label,
.header__login-form .form-section legend,
.header__login-form .form-section__legend,
.mpu h5,
.section-top-content__tabs .section-top-content__button,
.signup-form .form-section .label,
.signup-form .form-section label,
.signup-form .form-section legend,
.signup-form .form-section__legend {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.content__body a,
.content__body b,
.content__body em,
.content__body i,
.content__body p,
.content__body strong {
    font-size: 1.0625rem;
    line-height: 1.5625rem
}

.ad-leaderboard h5,
.card__third-party p,
.mpu h5 {
    font-size: .75rem;
    line-height: 1rem;
    color: #999
}

.card__eyebrow,
.card__eyebrow-link,
.section-top-content__tabs .section-top-content__button {
    font-size: .875rem;
    line-height: 1.0625rem;
    font-weight: 700;
    text-transform: uppercase
}

.header__login-form .form-section legend,
.header__login-form .form-section__legend,
.signup-form .form-section legend,
.signup-form .form-section__legend {
    font-size: 1.75rem;
    line-height: 1.9375rem;
    font-weight: 700;
    color: #000
}

@media only screen and (min-width:0rem) and (max-width:40rem) {
    .header__login-form .form-section legend,
    .header__login-form .form-section__legend,
    .signup-form .form-section legend,
    .signup-form .form-section__legend {
        font-size: 1.3125rem;
        line-height: 1.5rem
    }
}

.header__login-form .form-section .label,
.header__login-form .form-section label,
.signup-form .form-section .label,
.signup-form .form-section label {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    font-weight: 700;
    color: #000
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    padding: 0
}

.footer__wrapper,
.header-meganav__wrapper,
.header-nav__wrapper,
.header-wrapper,
.main-wrapper,
.section__inner {
    max-width: 70.62495rem;
    margin: 0 .93747rem
}

@media only screen and (min-width:40.063rem) {
    .footer__wrapper,
    .header-meganav__wrapper,
    .header-nav__wrapper,
    .header-wrapper,
    .main-wrapper,
    .section__inner {
        margin: 0 auto;
        padding: 0 .93747rem
    }
}

.section-article-list--hero,
.section-heading,
.section-outbrain,
.section-video {
    margin-bottom: 1.375rem
}

.layout__main-content {
    width: 100%
}

@media only screen and (min-width:64.063rem) {
    .layout__main-content--with-sidebar {
        width: -webkit-calc(100% - 20.125rem);
        width: -moz-calc(100% - 20.125rem);
        width: calc(100% - 20.125rem);
        margin-right: 20.125rem;
        float: left
    }
}

@media only screen and (min-width:40.063rem) {
    .layout__main--2col {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 49%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 49%;
        flex: 1 0 49%;
        width: 49%;
        max-width: 49%;
        margin-right: 2%
    }
    .layout__main--2col:nth-of-type(2n) {
        margin-right: 0
    }
    .layout__main--2col:nth-of-type(2n+1) {
        clear: both
    }
    .layout__main--2col:nth-of-type(-n+2) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
}

.layout__sidebar-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.layout__sidebar-group>div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width:40.063rem) {
    .layout__sidebar-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .layout__sidebar-group>div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 1.375rem
    }
    .layout__sidebar-group>div:last-child {
        margin-right: 0
    }
}

@media only screen and (min-width:64.063rem) {
    .layout__sidebar {
        float: right;
        width: 18.75rem;
        margin-left: -18.75rem
    }
    .layout__sidebar-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout__sidebar-group>div {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0
    }
}

.section-thisweek,
.section-top-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.375rem
}

.section-block {
    display: inline-block;
    width: 100%
}

.section-heading h3 {
    margin: 0 1.375rem 0 0;
    float: left
}

.section-heading__secondary {
    display: inline-block;
    float: left;
    position: absolute;
    bottom: 0
}

.section__inner,
.section__sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

.section-title {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    letter-spacing: 0
}

.font-sans-serif-xxxl--regular,
.font-serif-xxxl--regular {
    font-size: 3.125rem!important;
    line-height: 3.1875rem!important;
    font-weight: 400!important
}

.spancol-1-3 {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-1-3 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 32%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 32%;
        flex: 1 0 32%;
        width: 32%;
        max-width: 32%;
        margin-right: 2%
    }
}

.spancol-1-3--no-margin {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-1-3--no-margin {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 32%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 32%;
        flex: 1 0 32%;
        width: 32%;
        max-width: 32%;
        margin-right: 0
    }
}

.spancol-2-3 {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-2-3 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 66%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 66%;
        flex: 1 0 66%;
        width: 66%;
        max-width: 66%;
        margin-right: 2%
    }
}

.spancol-2-3--no-margin {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-2-3--no-margin {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 66%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 66%;
        flex: 1 0 66%;
        width: 66%;
        max-width: 66%;
        margin-right: 0
    }
}

.spancol-1-4 {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-1-4 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 23.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 23.5%;
        flex: 1 0 23.5%;
        width: 23.5%;
        max-width: 23.5%;
        margin-right: 2%
    }
}

.spancol-3-4--no-margin {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-3-4--no-margin {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 74.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 74.5%;
        flex: 1 0 74.5%;
        width: 74.5%;
        max-width: 74.5%;
        margin-right: 0
    }
}

.spancol-1-6 {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-1-6 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 15%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 15%;
        flex: 1 0 15%;
        width: 15%;
        max-width: 15%;
        margin-right: 2%
    }
}

.spancol-5-6--no-margin {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    .spancol-5-6--no-margin {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 83%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 83%;
        flex: 1 0 83%;
        width: 83%;
        max-width: 83%;
        margin-right: 0
    }
}

.section {
    width: 100%
}

.section--dark {
    background-color: #000
}

.section--bottom-spacing {
    margin-bottom: 1.375rem
}

.section__inner--no-main,
.section__inner--no-padding {
    padding: 0;
    margin: 0
}

.section__inner {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:64.063rem) {
    .section__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .section__inner--no-padding {
        padding: 0 .93747rem;
        margin: 0 auto
    }
}

.section__main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    margin: 0 0 1.375rem
}

.section__main--margin-top {
    margin-top: 1.375rem
}

@media only screen and (min-width:64.063rem) {
    .section__main {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -moz-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: auto
    }
}

.section__sidebar {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    margin: 0 0 1.375rem
}

.close-cross-button,
.section__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

@media only screen and (min-width:64.063rem) {
    .section__sidebar {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 18.75rem;
        -moz-box-flex: 0;
        -ms-flex: 0 0 18.75rem;
        flex: 0 0 18.75rem;
        width: 18.75rem
    }
    .section__sidebar--right {
        margin-left: 1.375rem;
        position: relative;
        overflow: hidden
    }
    .section__sidebar--justify-end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.section__item {
    display: flex
}

.section__item--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hidden {
    display: none
}

img {
    max-width: 100%;
    height: auto
}

p {
    margin: 0 0 .6875rem
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.highlight {
    color: #fff;
    background-color: #a23b72
}

.hidden-text {
    height: 1px;
    left: -9000rem;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.js-fixed {
    position: fixed
}

.js-fixed-bottom {
    position: absolute;
    bottom: 0
}

.clearfix::after,
.clearfix::before {
    content: ' ';
    display: table
}

.font-sans-serif-xxxl--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxxl--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxxl--bold,
.font-serif-xxxl--bold {
    font-size: 3.125rem!important;
    line-height: 3.1875rem!important;
    font-weight: 700!important
}

.font-sans-serif-xxxl--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxxl--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxl--regular,
.font-serif-xxl--regular {
    font-size: 2.75rem!important;
    line-height: 2.9375rem!important;
    font-weight: 400!important
}

.font-sans-serif-xxl--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxl--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxl--bold,
.font-serif-xxl--bold {
    font-size: 2.75rem!important;
    line-height: 2.9375rem!important;
    font-weight: 700!important
}

.font-sans-serif-xxl--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxl--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xl--regular,
.font-serif-xl--regular {
    font-size: 2rem!important;
    line-height: 2.1875rem!important;
    font-weight: 400!important
}

.font-sans-serif-xl--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xl--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xl--bold,
.font-serif-xl--bold {
    font-size: 2rem!important;
    line-height: 2.1875rem!important;
    font-weight: 700!important
}

.font-sans-serif-xl--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xl--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-l--regular,
.font-serif-l--regular {
    font-size: 1.75rem!important;
    line-height: 1.9375rem!important;
    font-weight: 400!important
}

.font-sans-serif-l--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-l--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-l--bold,
.font-serif-l--bold {
    font-size: 1.75rem!important;
    line-height: 1.9375rem!important;
    font-weight: 700!important
}

.font-sans-serif-l--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-l--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-m--regular,
.font-serif-m--regular {
    font-size: 1.5rem!important;
    line-height: 1.6875rem!important;
    font-weight: 400!important
}

.font-sans-serif-m--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-m--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-m--bold,
.font-serif-m--bold {
    font-size: 1.5rem!important;
    line-height: 1.6875rem!important;
    font-weight: 700!important
}

.font-sans-serif-m--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-m--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-s--regular,
.font-serif-s--regular {
    font-size: 1.375rem!important;
    line-height: 1.5625rem!important;
    font-weight: 400!important
}

.font-sans-serif-s--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-s--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-s--bold,
.font-serif-s--bold {
    font-size: 1.375rem!important;
    line-height: 1.5625rem!important;
    font-weight: 700!important
}

.font-sans-serif-s--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-s--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xs--regular,
.font-serif-xs--regular {
    font-size: 1.1875rem!important;
    line-height: 1.375rem!important;
    font-weight: 400!important
}

.font-sans-serif-xs--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xs--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xs--bold,
.font-serif-xs--bold {
    font-size: 1.1875rem!important;
    line-height: 1.375rem!important;
    font-weight: 700!important
}

.font-sans-serif-xs--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xs--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxs--regular,
.font-serif-xxs--regular {
    font-size: 1rem!important;
    line-height: 1.1875rem!important;
    font-weight: 400!important
}

.font-sans-serif-xxs--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxs--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxs--bold,
.font-serif-xxs--bold {
    font-size: 1rem!important;
    line-height: 1.1875rem!important;
    font-weight: 700!important
}

.font-sans-serif-xxs--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxs--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxxs--regular,
.font-serif-xxxs--regular {
    font-size: .75rem!important;
    line-height: .9375rem!important;
    font-weight: 400!important
}

.font-sans-serif-xxxs--regular {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxxs--regular {
    font-family: "PT Serif", Georgia, serif!important
}

.font-sans-serif-xxxs--bold,
.font-serif-xxxs--bold {
    font-size: .75rem!important;
    line-height: .9375rem!important;
    font-weight: 700!important
}

.font-sans-serif-xxxs--bold {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.font-serif-xxxs--bold {
    font-family: "PT Serif", Georgia, serif!important
}

.article__eyebrow-container {
    margin: 0 0 .6875rem
}

.article__eyebrow {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #820000;
    margin-right: .17188rem
}

.article__eyebrow--life {
    color: #d7dF21
}

.article__eyebrow--technology {
    color: #548293
}

.article__eyebrow--health {
    color: #20bc9e
}

.article__eyebrow--space {
    color: #484848
}

.article__eyebrow--physics {
    color: #79227d
}

.article__eyebrow--earth,
.article__eyebrow--environment {
    color: #bc9617
}

.article__eyebrow--humans,
.article__eyebrow--mind {
    color: #79227d
}

.article__eyebrow--new-scientist-live {
    color: #e6224f
}

.article__eyebrow--legal {
    color: #696969
}

.article__eyebrow .article__eyebrow-link {
    font-family: inherit;
    color: inherit
}

.close-cross-button .button-text,
.header-meganav__content-link,
.header-meganav__footer-link,
.header-tools__item,
.header-tools__item:visited,
.primary-nav__link,
.primary-nav__link:visited {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.article__eyebrow .article__eyebrow-link:hover {
    text-decoration: underline
}

.header-tools__item,
.header-tools__item:visited,
.primary-nav__link,
.primary-nav__link:visited {
    color: #002837;
    font-weight: 700;
    text-transform: capitalize
}

.header-meganav__content-link,
.header-meganav__content-link:visited,
.header-meganav__footer-link,
.header-meganav__footer-link:visited,
.header-meganav__footer-secondary-links a,
.header-meganav__footer-secondary-links a:visited,
.header-promotion .header-promotion__title-link--newsletter,
.header-promotion .header-promotion__title-link--newsletter:visited,
.header-subscribe p a,
.header-subscribe p a:visited,
.header-tools__item:hover,
.header-tools__item:visited:hover,
.primary-nav__link:hover,
.primary-nav__link:visited:hover {
    color: #00b3e5
}

.primary-nav__link:after {
    content: "";
    background-color: #002837;
    position: absolute;
    bottom: -1px;
    height: 0;
    left: 0;
    right: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    z-index: 10
}

.header-meganav__content-link:focus,
.header-meganav__content-link:hover,
.header-meganav__content-link:visited:focus,
.header-meganav__content-link:visited:hover,
.header-meganav__footer-link:focus,
.header-meganav__footer-link:hover,
.header-meganav__footer-link:visited:focus,
.header-meganav__footer-link:visited:hover,
.header-meganav__footer-secondary-links a:focus,
.header-meganav__footer-secondary-links a:hover,
.header-meganav__footer-secondary-links a:visited:focus,
.header-meganav__footer-secondary-links a:visited:hover,
.header-promotion .header-promotion__title-link--newsletter:focus,
.header-promotion .header-promotion__title-link--newsletter:hover,
.header-promotion .header-promotion__title-link--newsletter:visited:focus,
.header-promotion .header-promotion__title-link--newsletter:visited:hover,
.header-subscribe p a:focus,
.header-subscribe p a:hover,
.header-subscribe p a:visited:focus,
.header-subscribe p a:visited:hover {
    color: #288eb7
}

.header-meganav__content-link,
.header-meganav__footer-link {
    font-size: 1rem;
    line-height: 1.1875rem;
    text-transform: uppercase
}

.copy-link {
    color: #00b3e5
}

button {
    cursor: pointer
}

.button-cta,
.button-nslive,
.button-sub,
.footer .signup-form__button,
.header-subscribe__button,
.header-subscribe__button--nslive,
.header__login-form .button-submit,
.header__login-form .form-row-buttons .form__submit-button,
.header__login-form .form-row-buttons input,
.header__login-form .form-section input[type=submit],
.section-thisweek .subscribe-link,
.signup-form .form-row-buttons .form__submit-button,
.signup-form .form-row-buttons input,
.signup-form .form-section input[type=submit],
.social-login__link--twitter,
.tag,
a.social-login__link--facebook,
a.social-login__link--google,
button.search-query__button[type=submit] {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    line-height: 1rem;
    padding: .45833rem;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.button-cta:focus,
.button-cta:hover,
.button-nslive:focus,
.button-nslive:hover,
.button-sub:focus,
.button-sub:hover,
.footer .signup-form__button:focus,
.footer .signup-form__button:hover,
.header-subscribe__button--nslive:focus,
.header-subscribe__button--nslive:hover,
.header-subscribe__button:focus,
.header-subscribe__button:hover,
.header__login-form .button-submit:focus,
.header__login-form .button-submit:hover,
.header__login-form .form-row-buttons .form__submit-button:focus,
.header__login-form .form-row-buttons .form__submit-button:hover,
.header__login-form .form-row-buttons input:focus,
.header__login-form .form-row-buttons input:hover,
.header__login-form .form-section input:focus[type=submit],
.header__login-form .form-section input:hover[type=submit],
.section-thisweek .subscribe-link:focus,
.section-thisweek .subscribe-link:hover,
.signup-form .form-row-buttons .form__submit-button:focus,
.signup-form .form-row-buttons .form__submit-button:hover,
.signup-form .form-row-buttons input:focus,
.signup-form .form-row-buttons input:hover,
.signup-form .form-section input:focus[type=submit],
.signup-form .form-section input:hover[type=submit],
.social-login__link--twitter:focus,
.social-login__link--twitter:hover,
.tag:focus,
.tag:hover,
a.social-login__link--facebook:focus,
a.social-login__link--facebook:hover,
a.social-login__link--google:focus,
a.social-login__link--google:hover,
button.search-query__button:focus[type=submit],
button.search-query__button:hover[type=submit] {
    color: #fff;
    text-decoration: none
}

.button-cta,
.footer .signup-form__button,
.header__login-form .form-row-buttons .form__submit-button,
.header__login-form .form-row-buttons input,
.header__login-form .form-section input[type=submit],
.signup-form .form-row-buttons .form__submit-button,
.signup-form .form-row-buttons input,
.signup-form .form-section input[type=submit] {
    background: #005587
}

.button-cta:focus,
.button-cta:hover,
.footer .signup-form__button:focus,
.footer .signup-form__button:hover,
.header__login-form .form-row-buttons .form__submit-button:focus,
.header__login-form .form-row-buttons .form__submit-button:hover,
.header__login-form .form-row-buttons input:focus,
.header__login-form .form-row-buttons input:hover,
.header__login-form .form-section input:focus[type=submit],
.header__login-form .form-section input:hover[type=submit],
.signup-form .form-row-buttons .form__submit-button:focus,
.signup-form .form-row-buttons .form__submit-button:hover,
.signup-form .form-row-buttons input:focus,
.signup-form .form-row-buttons input:hover,
.signup-form .form-section input:focus[type=submit],
.signup-form .form-section input:hover[type=submit] {
    background: #193c5b
}

.button-cta--buy {
    background: red
}

.button-cta--buy:focus,
.button-cta--buy:hover {
    background: #de1d1d
}

.button-cta--app {
    background: #20b2aa
}

.button-cta--app:focus,
.button-cta--app:hover {
    background: #5f9ea0
}

.button-sub,
.header-subscribe__button,
.header__login-form .button-submit,
.section-thisweek .subscribe-link,
button.search-query__button[type=submit] {
    background: #00b3e5
}

.button-sub--selected,
.button-sub:focus,
.button-sub:hover,
.header-subscribe__button:focus,
.header-subscribe__button:hover,
.header__login-form .button-submit:focus,
.header__login-form .button-submit:hover,
.section-thisweek .subscribe-link:focus,
.section-thisweek .subscribe-link:hover,
button.search-query__button:focus[type=submit],
button.search-query__button:hover[type=submit] {
    background: #288eb7
}

.button-nslive,
.header-subscribe__button--nslive {
    background: #e6224f
}

.button-nslive:focus,
.button-nslive:hover,
.header-subscribe__button--nslive:focus,
.header-subscribe__button--nslive:hover {
    background: #960031
}

.social-login__link--twitter,
a.social-login__link--facebook,
a.social-login__link--google {
    font-size: .9375rem;
    line-height: .9375rem;
    position: relative;
    padding-left: 2.75rem;
    margin-bottom: .6875rem
}

.social-login__link--twitter .icon,
a.social-login__link--facebook .icon,
a.social-login__link--google .icon {
    font-size: 1rem;
    line-height: 1rem;
    stroke: #fff;
    fill: #fff;
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    margin-right: .34375rem;
    position: absolute;
    top: 8px;
    left: .6875rem
}

@media only screen and (min-width:0rem) and (max-width:22.5rem) {
    .social-login__link--twitter,
    a.social-login__link--facebook,
    a.social-login__link--google {
        padding: .45833rem .34375rem .45833rem 1.375rem
    }
    .social-login__link--twitter .icon,
    a.social-login__link--facebook .icon,
    a.social-login__link--google .icon {
        left: .34375rem
    }
}

.primary-nav__hamburger,
.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger {
    top: 4px;
    display: block;
    width: 100%;
    height: 4px;
    position: relative;
    left: 0;
    background-color: #000;
    margin-bottom: 4px
}

.tag {
    background: #000
}

.close-cross-button {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #f5f5f5;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px;
    position: relative;
    border: none
}

.close-cross-button .button-text {
    position: absolute
}

.close-cross-button svg {
    fill: rgba(0, 0, 0, .6)
}

.backtotop__icon:hover,
.social__button:hover {
    opacity: .7
}

.close-cross-button--medium {
    width: 32px;
    height: 32px
}

.close-cross-button--medium .button-text {
    left: -40px;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700
}

.close-cross-button--medium svg {
    width: 18px;
    height: 18px
}

.header__login-form--center,
.signup-form--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__login-form form,
.signup-form form {
    margin: 0;
    padding: 0
}

.header__login-form fieldset,
.signup-form fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.header__login-form input[type=email],
.header__login-form input[type=password],
.header__login-form input[type=text],
.header__login-form select,
.signup-form input[type=email],
.signup-form input[type=password],
.signup-form input[type=text],
.signup-form select {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #000;
    padding-left: 3px;
    font-family: "PT Serif", Georgia, serif;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: auto
}

.header__login-form input[type=email]:-webkit-autofill,
.header__login-form input[type=email]:-webkit-autofill:focus,
.header__login-form input[type=email]:-webkit-autofill:hover,
.header__login-form input[type=password]:-webkit-autofill,
.header__login-form input[type=password]:-webkit-autofill:focus,
.header__login-form input[type=password]:-webkit-autofill:hover,
.header__login-form input[type=text]:-webkit-autofill,
.header__login-form input[type=text]:-webkit-autofill:focus,
.header__login-form input[type=text]:-webkit-autofill:hover,
.header__login-form select:-webkit-autofill,
.header__login-form select:-webkit-autofill:focus,
.header__login-form select:-webkit-autofill:hover,
.signup-form input[type=email]:-webkit-autofill,
.signup-form input[type=email]:-webkit-autofill:focus,
.signup-form input[type=email]:-webkit-autofill:hover,
.signup-form input[type=password]:-webkit-autofill,
.signup-form input[type=password]:-webkit-autofill:focus,
.signup-form input[type=password]:-webkit-autofill:hover,
.signup-form input[type=text]:-webkit-autofill,
.signup-form input[type=text]:-webkit-autofill:focus,
.signup-form input[type=text]:-webkit-autofill:hover,
.signup-form select:-webkit-autofill,
.signup-form select:-webkit-autofill:focus,
.signup-form select:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset
}

.header__login-form select,
.signup-form select {
    border: 2px solid #000;
    padding: 0 0 0 .34375rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../../assets/img/arrow-down.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/assets/img/arrow-down.png*/
    right 8px center no-repeat
}

.header__login-form textarea,
.signup-form textarea {
    border: 2px solid #000;
    padding: 3px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-family: "PT Serif", Georgia, serif;
    font-size: .9375rem;
    line-height: .9375rem
}

.header__login-form .error,
.header__login-form input[type=email].error,
.header__login-form input[type=password].error,
.header__login-form input[type=text].error,
.header__login-form select.error,
.signup-form .error,
.signup-form input[type=email].error,
.signup-form input[type=password].error,
.signup-form input[type=text].error,
.signup-form select.error {
    border-color: #b41e3f
}

.header__login-form .form__error li,
.header__login-form p.error-message,
.signup-form .form__error li,
.signup-form p.error-message {
    display: block;
    text-align: right;
    color: #b41e3f;
    margin-top: .34375rem
}

.header__login-form input[type=checkbox],
.header__login-form input[type=radio],
.signup-form input[type=checkbox],
.signup-form input[type=radio] {
    margin: 0 .34375rem 0 0;
    padding: 0;
    position: relative;
    top: 2px
}

.header__login-form .form-section,
.signup-form .form-section {
    position: relative;
    padding-top: 1.375rem
}

.header__login-form .form-section__header,
.signup-form .form-section__header {
    text-align: left
}

.header__login-form .form-section__header .form-row__label,
.signup-form .form-section__header .form-row__label {
    display: inline-block;
    width: 11.5rem
}

.header__login-form .form-section legend,
.header__login-form .form-section__legend,
.signup-form .form-section legend,
.signup-form .form-section__legend {
    margin-bottom: .6875rem
}

.header__login-form .form-section input[type=email],
.header__login-form .form-section input[type=password],
.header__login-form .form-section input[type=text],
.header__login-form .form-section select,
.signup-form .form-section input[type=email],
.signup-form .form-section input[type=password],
.signup-form .form-section input[type=text],
.signup-form .form-section select {
    width: 100%;
    height: 2rem
}

.header__login-form .form-section textarea,
.signup-form .form-section textarea {
    width: 100%
}

.header__login-form .form-section .form-row__body label,
.header__login-form .form-section a,
.header__login-form .form-section p,
.signup-form .form-section .form-row__body label,
.signup-form .form-section a,
.signup-form .form-section p {
    font-size: .9375rem;
    line-height: 1.3125rem
}

.header__login-form .form-section .form-row__body a,
.signup-form .form-section .form-row__body a {
    color: #00b3e5
}

.header__login-form .form-section .form-row__body label,
.signup-form .form-section .form-row__body label {
    color: #000
}

.header__login-form .form-row,
.signup-form .form-row {
    display: table;
    width: 100%;
    margin-bottom: .6875rem;
    padding: 0 .93747rem
}

@media only screen and (min-width:40.063rem) {
    .header__login-form .form-row,
    .signup-form .form-row {
        padding: 0;
        margin-bottom: .6875rem
    }
}

.header__login-form .form-row__label,
.signup-form .form-row__label {
    display: block;
    width: 100%;
    text-align: left;
    padding-bottom: .34375rem
}

@media only screen and (min-width:40.063rem) {
    .header__login-form .form-row__label,
    .signup-form .form-row__label {
        display: table-cell;
        width: 12rem;
        text-align: right;
        padding: 0 1.375rem .6875rem 0
    }
}

.header__login-form .form-row__label .info,
.signup-form .form-row__label .info {
    font-size: .875rem;
    line-height: 1rem;
    display: block;
    font-family: "PT Serif", Georgia, serif;
    color: #4d4d4d;
    margin-bottom: 0
}

.header__login-form .form-row__body,
.signup-form .form-row__body {
    display: block;
    width: 100%;
    padding-right: 0
}

@media only screen and (min-width:40.063rem) {
    .header__login-form .form-row__body,
    .signup-form .form-row__body {
        position: relative;
        display: table-cell;
        width: 28.75rem;
        text-align: left;
        padding-right: 2rem
    }
    .header__login-form .form-row-buttons,
    .signup-form .form-row-buttons {
        padding: 0 2rem 0 11.5rem
    }
}

.header__login-form .form-row-buttons,
.signup-form .form-row-buttons {
    width: 100%;
    margin-top: 1.375rem
}

.header__login-form .form-row-buttons .form__submit-button,
.header__login-form .form-row-buttons input,
.signup-form .form-row-buttons .form__submit-button,
.signup-form .form-row-buttons input {
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

.social__button {
    display: inline-block;
    background: #999;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px;
    cursor: pointer;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.social__button--small {
    width: 26px;
    height: 26px
}

.social__button--large {
    width: 32px;
    height: 32px
}

.social__button .icon {
    stroke: #fff;
    fill: #fff;
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0
}

.article__sponsor,
.tour__sharing-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.social__button--facebook {
    background: #3B5998
}

.social-login__link--twitter,
.social__button--twitter {
    background: #1DA1F2
}

.social__button--google {
    background: #b4554a
}

.social__button--linkedin {
    background: #0077B5
}

.social__button--pinterest {
    background: #CB2027
}

.social__button--whatsapp {
    background: #4DC247
}

.social__button--reddit {
    background: #FF5700
}

.social__button--instagram {
    background: #e03566
}

.social__button--instagram svg {
    fill: #fff
}

.tour__sharing-container {
    display: flex
}

@media only screen and (min-width:40.063rem) {
    .tour__sharing-container {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.sponsor--card-0 {
    max-width: 50px
}

.sponsor--card-1 {
    max-width: 70px
}

.sponsor--card-2 {
    max-width: 100px
}

.sponsor--card-3 {
    max-width: 120px
}

.sponsor--card-4 {
    max-width: 150px
}

.sponsor--widget-0 {
    max-width: 20px
}

.sponsor--widget-1 {
    max-width: 50px
}

.sponsor--widget-2 {
    max-width: 70px
}

.sponsor--widget-3 {
    max-width: 90px
}

.sponsor--widget-4 {
    max-width: 100px
}

.article__sponsor {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 0 .6875rem
}

.article__sponsor-title,
.header-tools__item {
    margin: 0 .6875rem 0 0
}

.full-width-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.87495rem;
    position: relative
}

.full-width-banner__image-container {
    position: relative
}

.full-width-banner__image {
    position: relative;
    display: none
}

.full-width-banner__image-mobile {
    position: relative;
    display: block
}

@media only screen and (min-width:40.063rem) {
    .full-width-banner__image {
        display: block
    }
    .full-width-banner__image-mobile {
        display: none
    }
}

.full-width-banner__button-group {
    margin: .34375rem .6875rem;
    position: absolute;
    width: 215px
}

.full-width-banner__button-group--right {
    float: right;
    text-align: right;
    right: 0;
    bottom: 0
}

.full-width-banner__button-group .button {
    margin: .34375rem 0
}

.full-width-banner__message {
    padding: 10px;
    color: #fff;
    text-align: center
}

.full-width-banner__message-heading {
    color: #fff;
    letter-spacing: -.0375rem;
    font-size: 2rem;
    line-height: 2.1875rem;
    font-weight: 700
}

.full-width-banner__message-more {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.full-width-banner__message--tours {
    background: #3fa535
}

.full-width-banner__message--events {
    background: #f58a20
}

.full-width-banner .social__button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: .6875rem
}

.list--disc {
    margin-left: 1.375rem
}

.header {
    width: 100%;
    margin: 0 0 1.375rem;
    padding-top: .6875rem;
    background: #fff;
    z-index: 999;
    position: relative
}

.header:after,
.header:before {
    content: ' ';
    display: table
}

.header h1,
.header--sticky .header-tools__item-text {
    display: none
}

.header--subscriber {
    margin: 0
}

.header p {
    margin-bottom: 0
}

@media only screen and (min-width:64.063rem) {
    .full-width-banner__message-heading {
        font-size: 3.125rem;
        line-height: 3.1875rem;
        font-weight: 700
    }
    .header {
        border-bottom: 1px solid #bfbfbf;
        margin: 1.87495rem 0 1.375rem;
        padding-top: 0
    }
}

.header--sticky {
    margin-bottom: 3rem
}

.header--sticky .header-nav {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    padding-top: .45833rem;
    border-bottom: 1px solid #bfbfbf;
    z-index: 500;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    min-height: 2.775rem
}

@media only screen and (min-width:40.063rem) {
    .header--sticky .header-nav {
        min-height: 3.375rem
    }
}

@media only screen and (max-width:64rem) {
    .header--sticky .header-logo {
        position: fixed;
        width: 60%;
        left: 20%;
        top: .6875rem;
        z-index: 600
    }
}

.header--sticky .primary-nav {
    border-bottom: 0;
    border-top: 0;
    padding-top: 0
}

.header--sticky .header-search.header-dropdown--open {
    border: none
}

@media only screen and (min-width:64.063rem) {
    .header--sticky .header-nav {
        min-height: 0
    }
    .header--sticky .header-tools {
        top: auto;
        padding: 0
    }
    .header--sticky .header-tools__search {
        display: inline-block;
        position: absolute;
        left: 2.56245rem;
        right: auto;
        top: 4px
    }
    .header--sticky .header-tools__search .icon {
        width: 1rem;
        height: 1rem
    }
    .header--sticky .header-tools__home {
        display: inline-block
    }
    .header--sticky .header-tools__item {
        padding: 0
    }
    .header--sticky .primary-nav {
        top: auto
    }
    .header--sticky .header-search.header-dropdown--open {
        top: 100%;
        left: 0;
        width: 100%;
        background: #f5f5f5;
        padding: 1.375rem 0;
        border-top: 1px solid #bfbfbf;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
    }
}

.header--sticky .header-meganav {
    border: none
}

.header-nav__wrapper,
.header-wrapper {
    padding: 0;
    margin: 0
}

.header-top:after,
.header-top:before {
    content: ' ';
    display: table
}

.header-promotion {
    display: none
}

@media only screen and (min-width:64.063rem) {
    .header--sticky .header-meganav {
        border-top: 1px solid #bfbfbf;
        top: 100%
    }
    .header-nav__wrapper,
    .header-wrapper {
        margin: 0 auto;
        padding: 0 .93747rem;
        position: relative
    }
    .header-top {
        margin-bottom: .6875rem;
        padding: 0
    }
    .header-promotion {
        float: left;
        width: 26.9%;
        margin-right: 2%;
        position: static;
        background: 0 0;
        padding: 0;
        border-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block
    }
}

.header-promotion .header-promotion__title {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    display: none;
    text-transform: uppercase;
    color: #00b3e5;
    margin: 0
}

@media only screen and (min-width:64.063rem) {
    .header-promotion .header-promotion__title {
        display: block
    }
}

.header-promotion .header-promotion__title-link {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif!important
}

.header-promotion .header-promotion__title-link--nslive,
.header-promotion .header-promotion__title-link--nslive:focus,
.header-promotion .header-promotion__title-link--nslive:hover,
.header-promotion .header-promotion__title-link--nslive:visited {
    color: #e6224f
}

.header-promotion .header-promotion__sub-title {
    font-size: 1rem;
    line-height: 1.1875rem;
    color: #999
}

.header-search p,
.header-subscribe p {
    font-size: .875rem;
    line-height: 1rem
}

.header-promotion .header-promotion__sub-title-link {
    font-family: "PT Serif", Georgia, serif!important
}

.header-promotion .header-promotion__sub-title-link:hover {
    text-decoration: underline;
    color: #999
}

.header-search {
    display: none;
    width: 100%;
    position: absolute;
    top: 2.775rem;
    background: #f5f5f5;
    padding: 1.375rem .6875rem;
    border-top: 1px solid #bfbfbf;
    z-index: 500;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

@media only screen and (min-width:40.063rem) {
    .header-search {
        padding: 1.375rem 0;
        top: 3.375rem
    }
}

.header-logo {
    text-align: center;
    margin: 0 auto;
    height: 1.4rem
}

.header-logo amp-img,
.header-logo img {
    width: auto;
    height: 1.4rem;
    background: 0 0;
    padding: 0;
    border: 0
}

.header-logo amp-img img {
    width: 154px;
    height: 22px
}

@media only screen and (min-width:40.063rem) {
    .header-logo {
        height: 2rem
    }
    .header-logo amp-img,
    .header-logo img {
        width: auto;
        height: 2rem
    }
    .header-logo amp-img img {
        width: 224px;
        height: 32px
    }
}

.header-subscribe {
    text-align: center;
    margin-top: .6875rem;
    padding: .6875rem 0
}

@media only screen and (min-width:64.063rem) {
    .header-logo {
        float: left;
        width: 42.2%;
        margin-right: 2%;
        height: 3.5rem
    }
    .header-logo img {
        width: 21.875rem;
        height: 3.5rem
    }
    .header-subscribe {
        float: left;
        width: 26.9%;
        margin-right: 0;
        border-top: 0;
        border-bottom: 0;
        margin-top: 0;
        padding: 0;
        text-align: right
    }
    .header-subscribe__button {
        margin-bottom: .34375rem
    }
}

.header-subscribe__button,
.header-subscribe__button--nslive {
    width: 15rem
}

.header-subscribe p {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-weight: 700;
    display: none;
    text-transform: uppercase
}

@media only screen and (min-width:64.063rem) {
    .header-subscribe__button--nslive {
        margin-bottom: .34375rem
    }
    .header-subscribe p {
        display: block
    }
    .header-nav {
        position: relative
    }
}

.header-subscribe p a {
    margin-right: .6875rem
}

.header-subscribe p a:last-of-type,
.primary-nav__item:last-child {
    margin-right: 0
}

.header-nav {
    top: 0;
    left: 0;
    width: 100%
}

.header-nav:after,
.header-nav:before {
    content: ' ';
    display: table
}

.header-nav:after {
    clear: both
}

.primary-nav {
    width: 100%;
    position: absolute;
    text-align: left;
    background: #f5f5f5;
    padding: 0;
    z-index: 500;
    top: 2.775rem;
    display: none
}

.primary-nav__list {
    padding: 0;
    overflow-y: scroll;
    height: 100vh
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: visible;
        height: auto
    }
}

.primary-nav.open {
    display: block
}

.primary-nav__item {
    display: block;
    padding: .6875rem;
    border-bottom: 1px solid #fff;
    position: relative
}

.primary-nav__item h1 {
    display: inline-block;
    margin: 0
}

.primary-nav__item--secondary-link .primary-nav__link,
.primary-nav__item--secondary-link .primary-nav__link:hover {
    color: #00b3e5
}

.primary-nav__item--promotion-link {
    background: #00b3e5
}

.primary-nav__item--promotion-link .primary-nav__link,
.primary-nav__item--promotion-link .primary-nav__link:active,
.primary-nav__item--promotion-link .primary-nav__link:hover,
.primary-nav__item--promotion-link .primary-nav__link:visited {
    color: #fff
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__item {
        display: inline-block;
        margin: 0 1.03125rem 0 0;
        padding: 0 0 .51563rem;
        border-bottom: 0
    }
    .primary-nav__item--promotion-link {
        display: none
    }
}

.primary-nav__item--more {
    padding: 0;
    border: none
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__item--more {
        padding: 0 0 .51563rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .primary-nav__item--more:hover .primary-nav__more-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .primary-nav__item--more:after {
        content: '»';
        display: inline-block;
        margin-left: 10px;
        vertical-align: middle;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        font-weight: 700;
        font-family: Arial, Helvetica, sans-serif
    }
    .primary-nav__item--last {
        position: relative;
        white-space: nowrap;
        margin: 0 .6875rem .34375rem 0;
        padding: 0 1.03125rem 0 0
    }
    .primary-nav__link--selected:after,
    .primary-nav__link:focus:after,
    .primary-nav__link:hover:after {
        height: .34375rem;
        background-color: #002837
    }
}

.primary-nav__item--sub .primary-nav__link {
    font-weight: 400
}

.primary-nav__link {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    display: inline-block;
    width: 100%
}

.primary-nav__link.primary-nav__link--selected {
    color: #00b3e5
}

.primary-nav__link--more {
    display: none
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__link--more {
        display: inline-block
    }
}

.primary-nav__hamburger-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.primary-nav__hamburger {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.primary-nav__hamburger:nth-child(2) {
    margin-left: auto;
    margin-right: auto
}

.primary-nav__hamburger-wrapper.is-active {
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.card__heading,
.card__image {
    pointer-events: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s
}

.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger:nth-child(2) {
    width: 0
}

.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger:nth-child(1),
.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger:nth-child(3) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger:nth-child(1) {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px)
}

.primary-nav__hamburger-wrapper.is-active .primary-nav__hamburger:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(90deg);
    -moz-transform: translateY(-8px) rotate(90deg);
    -ms-transform: translateY(-8px) rotate(90deg);
    -o-transform: translateY(-8px) rotate(90deg);
    transform: translateY(-8px) rotate(90deg)
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__more-list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        margin: 1px 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f5f5f5
    }
    .primary-nav__more-list .primary-nav__item {
        display: block;
        padding: .6875rem;
        border-bottom: 1px solid #fff;
        position: relative;
        margin: 0
    }
}

@media only screen and (min-width:40.063rem) {
    .primary-nav {
        top: 3.375rem
    }
}

@media only screen and (min-width:64.063rem) {
    .primary-nav {
        float: left;
        width: auto;
        position: relative;
        display: block!important;
        top: auto;
        padding: .34375rem 0 0;
        background: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        text-align: left;
        border: none
    }
}

.primary-nav__button {
    display: block;
    background: #fff;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    padding: 0;
    position: absolute;
    left: .6875rem;
    top: .5125rem;
    cursor: pointer;
    outline: 0
}

.primary-nav__button[aria-expanded=true] {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 0 .5125rem #f5f5f5, -.5125rem 0 0 .5125rem #f5f5f5;
    -moz-box-shadow: 0 0 0 .5125rem #f5f5f5, -.5125rem 0 0 .5125rem #f5f5f5;
    box-shadow: 0 0 0 .5125rem #f5f5f5, -.5125rem 0 0 .5125rem #f5f5f5
}

@media only screen and (min-width:40.063rem) and (max-width:64rem) {
    .primary-nav__button[aria-expanded=true] {
        -webkit-box-shadow: 0 0 0 .8125rem #f5f5f5, -.8125rem 0 0 .8125rem #f5f5f5;
        -moz-box-shadow: 0 0 0 .8125rem #f5f5f5, -.8125rem 0 0 .8125rem #f5f5f5;
        box-shadow: 0 0 0 .8125rem #f5f5f5, -.8125rem 0 0 .8125rem #f5f5f5
    }
}

.primary-nav__button[aria-expanded=true] .primary-nav__hamburger,
.primary-nav__button[aria-expanded=true] .primary-nav__hamburger:after,
.primary-nav__button[aria-expanded=true] .primary-nav__hamburger:before {
    background-color: #999
}

.primary-nav__button[aria-expanded=false] .primary-nav__hamburger,
.primary-nav__button[aria-expanded=false] .primary-nav__hamburger:after,
.primary-nav__button[aria-expanded=false] .primary-nav__hamburger:before {
    background-color: #002837
}

.primary-nav__button-text {
    height: 1px;
    left: -9000rem;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

@media only screen and (min-width:40.063rem) {
    .primary-nav__button {
        top: .8125rem;
        left: .93747rem
    }
}

.header-tools {
    position: absolute;
    top: .6375rem;
    right: .6875rem;
    z-index: 550
}

@media only screen and (min-width:40.063rem) {
    .header-tools {
        top: .9375rem;
        right: .93747rem
    }
}

@media only screen and (min-width:64.063rem) {
    .primary-nav__button {
        display: none
    }
    .header-tools {
        position: relative;
        float: right;
        padding: .34375rem 0 0;
        top: 0;
        right: 0
    }
}

.header-tools .icon {
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    position: relative;
    top: 1px;
    fill: #002837;
    cursor: pointer
}

.header-tools__item {
    background: 0 0;
    border: 0;
    padding: 0;
    outline: 0
}

.header-tools__item[aria-expanded=false] .icon {
    fill: #002837
}

.header-tools__item[aria-expanded=false] .header-tools__item-text {
    text-decoration: none;
    color: #002837;
    display: none
}

@media only screen and (min-width:70rem) {
    .header-tools__item[aria-expanded=false] .header-tools__item-text {
        display: inline-block
    }
}

.header-tools__item:focus .icon,
.header-tools__item:focus:hover .icon,
.header-tools__item:hover .icon,
.header-tools__item[aria-expanded=true] .icon {
    fill: #999
}

.header-tools__item:focus .header-tools__item-text,
.header-tools__item:focus:hover .header-tools__item-text,
.header-tools__item:hover .header-tools__item-text,
.header-tools__item[aria-expanded=true] .header-tools__item-text {
    text-decoration: underline;
    color: #999
}

.header-tools__item:last-child {
    margin-right: 0
}

.header-tools__item-text {
    display: none
}

@media only screen and (min-width:64.063rem) {
    .header-tools .icon {
        height: 1rem;
        width: 1rem
    }
    .header-tools__item-text {
        font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
        font-size: 1.125rem;
        line-height: 1.3125rem;
        display: inline;
        left: auto;
        overflow: visible;
        position: relative;
        width: auto
    }
}

.header-tools__item--ipsubscriber {
    cursor: default
}

.header-tools__item--ipsubscriber:focus:hover .icon,
.header-tools__item--ipsubscriber:hover .icon,
.header-tools__item--ipsubscriber[aria-expanded=true] .icon,
.header-tools__item--ipsubscriber[aria-expanded=false] .icon {
    cursor: default;
    fill: #002837
}

.header-tools__item--ipsubscriber:focus:hover .header-tools__item-text,
.header-tools__item--ipsubscriber:hover .header-tools__item-text,
.header-tools__item--ipsubscriber[aria-expanded=true] .header-tools__item-text,
.header-tools__item--ipsubscriber[aria-expanded=false] .header-tools__item-text {
    text-decoration: none;
    color: #002837
}

.header-tools__notifications {
    display: none;
    position: absolute;
    top: 3.5rem;
    right: 0;
    padding-right: 1.03125rem;
    z-index: 200
}

@media only screen and (min-width:64.063rem) {
    .header-tools__notifications {
        position: relative;
        display: inline-block;
        top: 0;
        right: auto
    }
}

.header-tools__notifications-num {
    font-size: .6875rem;
    line-height: .8125rem;
    font-family: Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
    color: #b41e3f
}

.header-tools__home {
    display: none;
    position: absolute;
    top: 2px;
    left: .93747rem;
    z-index: 550
}

.header-tools__home .icon {
    height: 1.1rem;
    width: 1.1rem
}

.header-meganav-holder {
    position: relative;
    top: 1.5rem
}

@media only screen and (min-width:40.063rem) {
    .header-tools__item {
        margin-right: .45833rem
    }
    .header-tools__item-icon {
        margin-right: 4px
    }
    .header-meganav-holder {
        top: -1px;
        height: auto
    }
}

.header-meganav {
    display: none;
    width: 100%;
    position: absolute;
    top: 2.775rem;
    margin-bottom: -3.5rem;
    border-top: 1px solid #bfbfbf;
    background: #f5f5f5;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    z-index: 500
}

.header-meganav.open {
    display: block
}

@media only screen and (min-width:40.063rem) {
    .header-meganav {
        height: auto;
        top: 3.375rem;
        margin-bottom: -3.5rem
    }
}

@media only screen and (min-width:64.063rem) {
    .header-meganav {
        top: 100%;
        margin-bottom: 0
    }
}

.header-meganav__wrapper {
    margin: 0;
    padding: .6875rem .93747rem;
    height: 100vh;
    overflow-y: scroll
}

.header-meganav__wrapper:after,
.header-meganav__wrapper:before {
    content: ' ';
    display: table
}

@media only screen and (min-width:40.063rem) {
    .header-meganav__wrapper {
        margin: 0 auto
    }
}

@media only screen and (min-width:64.063rem) {
    .header-meganav__wrapper {
        padding: 1.87495rem .93747rem 1.375rem;
        height: auto;
        overflow-y: visible
    }
}

.header-meganav__col {
    margin-bottom: .6875rem;
    padding-bottom: .6875rem;
    border-bottom: 1px solid #bfbfbf
}

@media only screen and (min-width:40.063rem) {
    .header-meganav__col {
        width: 22rem;
        margin: 0 auto 1.375rem
    }
}

@media only screen and (min-width:64.063rem) {
    .header-meganav__col {
        float: right;
        width: 29.66667%;
        margin-left: 5.5%;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }
    .header-meganav__col:last-of-type {
        margin-left: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }
}

.header-meganav h3,
.header-meganav legend {
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 700;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    margin-bottom: .6875rem;
    color: #000
}

.header-meganav__content {
    position: relative
}

@media only screen and (min-width:64.063rem) {
    .header-meganav h3,
    .header-meganav legend {
        font-size: 1.75rem;
        line-height: 1.9375rem;
        margin-bottom: 1.375rem;
        width: 70%
    }
    .header-meganav__content {
        padding-bottom: .93747rem;
        border-bottom: 1px solid #bfbfbf;
        min-height: 211px
    }
    .header-meganav__content-links {
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.header-meganav__content-links {
    width: 100%
}

.header-meganav__content-link {
    font-weight: 700;
    display: block;
    padding: .6875rem 0;
    border-top: 1px solid #bfbfbf
}

@media only screen and (max-width:90rem) {
    .header-meganav__logged-in {
        padding-bottom: 0
    }
}

.header-meganav__logged-in--athens .header-meganav__content {
    padding-bottom: 0;
    min-height: 0
}

.header-meganav__logged-in--athens .header-meganav__content-links {
    position: relative
}

.header-meganav__logged-in .header-meganav__content,
.header-meganav__manage .header-meganav__content,
.header-meganav__register .header-meganav__content {
    margin-bottom: 0
}

.header-meganav__manage .header-meganav__content p,
.header-meganav__register .header-meganav__content p {
    padding-right: 7rem
}

.header-meganav__manage .header-meganav__blurb,
.header-meganav__manage .header-meganav__image,
.header-meganav__register .header-meganav__blurb,
.header-meganav__register .header-meganav__image {
    display: none
}

@media only screen and (min-width:40.063rem) {
    .header-meganav__manage .header-meganav__blurb,
    .header-meganav__manage .header-meganav__image,
    .header-meganav__register .header-meganav__blurb,
    .header-meganav__register .header-meganav__image {
        display: block
    }
}

.header-meganav__register .header-meganav__image {
    bottom: -.6875rem
}

.header-meganav__manage .header-meganav__image {
    right: -.6875rem
}

@media only screen and (min-width:64.063rem) {
    .header-meganav__manage .header-meganav__content,
    .header-meganav__register .header-meganav__content {
        margin-bottom: 1.375rem
    }
    .header-meganav__manage .header-meganav__content p,
    .header-meganav__register .header-meganav__content p {
        padding-right: 11rem
    }
    .header-meganav__register .header-meganav__image {
        bottom: .6875rem
    }
    .header-meganav__manage .header-meganav__image {
        right: -1.375rem
    }
}

.header-meganav__image {
    width: 6rem;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0
}

.header-meganav__blurb {
    font-size: .875rem;
    line-height: 1.1875rem
}

@media only screen and (min-width:64.063rem) {
    .header-meganav__image {
        width: auto;
        bottom: .6875rem
    }
    .header-meganav__blurb {
        font-size: .9375rem;
        line-height: 1.1875rem;
        position: absolute;
        bottom: 1.03125rem;
        left: 0
    }
}

.footer .signup-form,
.footer-additional .footer-wrapper {
    position: relative
}

.header-meganav__footer-link {
    font-weight: 700
}

.header-meganav__footer .header-meganav__footer-link--button {
    background-color: rgba(255, 255, 255, 0);
    color: #00b3e5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0;
    padding: 0
}

.header-meganav__footer-secondary-links {
    font-size: .875rem;
    line-height: 1rem;
    margin-top: .34375rem
}

.header-meganav .divider {
    margin: 0 1em;
    color: #999
}

.header__login-form legend {
    margin-bottom: .6875rem
}

.header__login-form .form-row {
    display: table;
    width: 100%;
    margin-bottom: .6875rem;
    padding: 0
}

.header__login-form .form-label {
    display: table-cell;
    vertical-align: bottom;
    width: 5rem;
    padding-right: .6875rem
}

.header__login-form .form-input {
    display: table-cell
}

.header__login-form label {
    font-size: .9375rem;
    display: block;
    line-height: 1.5rem;
    text-align: right
}

.footer,
.header__login-form .form-buttons label {
    display: inline-block
}

.header__login-form input[type=email],
.header__login-form input[type=password],
.header__login-form input[type=text] {
    width: 100%;
    line-height: 1.5rem
}

.header__login-form input[type=checkbox] {
    width: auto
}

@media only screen and (min-width:40.063rem) {
    .header__login-form .form-buttons {
        padding-left: 5rem
    }
}

.header__login-form .button-submit {
    width: 5rem;
    float: right;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none
}

.footer {
    width: 100%;
    margin: 1.87495rem 0 0;
    background-color: #f5f5f5;
    padding: 1.375rem 0
}

.footer__wrapper {
    padding: 0 .93747rem;
    margin: 0
}

@media only screen and (min-width:64.063rem) {
    .footer__wrapper {
        margin: 0 auto;
        position: relative
    }
}

@media only screen and (max-width:64rem) {
    .footer--pad-bottom {
        padding-bottom: 120px
    }
}

.footer-section {
    padding: .6875rem 0;
    margin-bottom: .6875rem
}

.footer-section:after,
.footer-section:before {
    content: ' ';
    display: table
}

.footer-section--center {
    text-align: center
}

.footer .section-social,
.footer-apps,
.footer-newsletter {
    padding: 1.375rem 0
}

@media only screen and (min-width:40.063rem) {
    .footer .section-social,
    .footer-apps,
    .footer-newsletter {
        padding: 0;
        border-bottom: 0
    }
}

.footer .signup-form__label {
    font-family: "PT Serif", Georgia, serif;
    margin: 0 .6875rem .6875rem 0;
    float: left
}

.footer__heading,
.footer__sub-heading {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.footer .signup-form__input {
    width: 100%;
    margin: 0 .6875rem .6875rem 0
}

@media only screen and (min-width:40.063rem) {
    .footer .signup-form__input {
        float: left;
        width: 32%;
        margin-right: 2%
    }
}

.footer .signup-form__button {
    width: 7rem;
    float: left;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-shadow: none!important
}

.footer-apps {
    margin-right: 1.87495rem;
    display: inline-block;
    vertical-align: top
}

@media only screen and (min-width:0rem) and (max-width:40rem) {
    .footer-newsletter {
        padding-bottom: 1.87495rem
    }
    .footer-apps {
        clear: both;
        margin: 0
    }
    .footer-apps:after,
    .footer-apps:before {
        content: ' ';
        display: table
    }
    .footer-apps:after {
        clear: both
    }
}

.footer-app-button {
    width: 110px;
    height: 33px;
    float: left;
    margin: 0 1.375rem 1.375rem 0
}

.footer-app-button:last-of-type {
    margin-right: 0
}

.footer__heading {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.footer__sub-heading {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400;
    text-align: left
}

.author__title,
.footer-nav-about {
    font-weight: 700
}

.footer__sub-heading--capitalize {
    text-transform: uppercase
}

.footer-nav {
    text-align: center;
    margin-bottom: .6875rem
}

.footer-nav--border {
    padding-bottom: .6875rem;
    border-bottom: 1px solid #bfbfbf
}

.footer-nav a {
    color: #000
}

.footer-nav a:hover {
    color: #00b3e5
}

.footer-nav__item {
    display: inline-block;
    margin: 0 .6875rem 0 0;
    padding: 0 .6875rem 0 0;
    border-right: 1px solid #4d4d4d
}

.footer-nav__item:last-child {
    margin-right: 0;
    border-right: 0;
    padding-right: 0
}

.footer-nav__item a {
    font-family: "PT Serif", Georgia, serif
}

.footer-additional {
    text-align: center;
    display: inline-block;
    width: 100%
}

.footer-additional__logo {
    display: inline-block;
    width: 200px;
    height: 4rem
}

.footer-additional__logo svg {
    height: auto
}

.footer-copyright {
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: .875rem;
    line-height: 1rem
}

@media only screen and (min-width:64.063rem) {
    .footer-additional {
        text-align: left
    }
    .footer-additional__logo {
        float: left
    }
    .footer-copyright {
        font-size: .875rem;
        line-height: 4rem;
        float: left;
        width: auto
    }
}

.backtotop {
    width: 9rem;
    line-height: 40px;
    font-weight: 600;
    margin: 1.375rem auto
}

@media only screen and (min-width:64.063rem) {
    .backtotop {
        margin: 0;
        position: absolute;
        right: 0;
        top: .6875rem
    }
}

.ad-unit-mpu,
.leaderboard-container {
    margin-bottom: 1.375rem
}

.backtotop__link {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.backtotop__link,
.backtotop__link:hover {
    color: #000
}

.backtotop__icon {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px
}

.leaderboard-container {
    text-align: center
}

.leaderboard-container--above-nav {
    display: none
}

.leaderboard-container--below-nav {
    display: block
}

@media only screen and (min-width:64.063rem) {
    .leaderboard-container--above-nav {
        display: block
    }
    .leaderboard-container--below-nav {
        display: none
    }
    .ad-unit-mpu {
        margin-bottom: 1.87495rem
    }
}

.ad-leaderboard {
    display: inline-block;
    text-align: left
}

.ad-leaderboard h5,
.mpu h5 {
    font-weight: 400;
    margin-bottom: .34375rem
}

.layout__sidebar .mpu {
    display: none
}

.mpu-mid-article {
    text-align: center;
    margin: 0 0 1.375rem
}

.mpu-container {
    width: 300px
}

.mpu--spacing-bottom {
    margin-bottom: 1.375rem
}

.js-above-nav-banner {
    margin-top: 0
}

@media only screen and (min-width:64.063rem) {
    .layout__sidebar .mpu {
        display: block
    }
    .js-above-nav-banner {
        top: 0
    }
}

.js-above-nav-banner.js-absolute,
.js-above-nav-banner.js-fixed {
    width: 100%;
    z-index: 1000;
    background: #fff
}

.js-above-nav-banner.js-fixed {
    position: fixed;
    top: 0
}

.js-above-nav-banner.js-absolute {
    position: absolute
}

@media only screen and (max-width:64rem) {
    .js-above-nav-banner {
        display: none
    }
    .js-above-nav-banner--display {
        display: block
    }
    .js-fix-bottom {
        position: fixed;
        z-index: 1000;
        bottom: 0;
        background-color: #fff;
        margin: 0;
        width: 100%;
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
    }
}

.banner-top-padding {
    display: none
}

@media only screen and (max-width:64rem) {
    .banner-top-padding {
        display: block;
        width: 100%;
        background: #fff;
        height: .34375rem;
        max-height: .34375rem;
        z-index: 1001
    }
}

.banner-close-button {
    display: none
}

@media only screen and (max-width:64rem) {
    .banner-close-button {
        display: block;
        position: absolute;
        width: 28px;
        height: 28px;
        top: -28px;
        right: 0;
        -moz-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        background-size: 13px 13px;
        background-position: 9px;
        background-color: #fff;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .2);
        border: none;
        -webkit-border-radius: 12px 0 0 0;
        -moz-border-radius: 12px 0 0;
        border-radius: 12px 0 0;
        font-family: arial, sans-serif;
        font-size: 27px;
        line-height: 30px;
        cursor: pointer
    }
}

.author__container,
.section-article-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.box-out a,
.box-out b,
.box-out em,
.box-out i,
.box-out li,
.box-out p,
.box-out span,
.box-out strong {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

@media only screen and (min-width:64.063rem) {
    .sticky-sidebar {
        position: fixed!important;
        top: 53px;
        width: 18.75rem
    }
    .sticky-sidebar--bottom {
        position: absolute;
        bottom: 0
    }
    .sticky-sidebar--transform {
        -webkit-transform: translate3d(0, 250px, 0);
        -moz-transform: translate3d(0, 250px, 0);
        transform: translate3d(0, 250px, 0)
    }
}

.author__container {
    display: flex
}

.author__image-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.87495rem 0 0
}

.section-article-list .card,
.section-article-list .card--hero {
    margin-bottom: 1.375rem
}

.author__image {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #f5f5f5
}

.author__info-container {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.author__title {
    letter-spacing: -.0375rem;
    font-size: 1.5rem;
    line-height: 1.6875rem
}

@media only screen and (min-width:40.063rem) {
    .author__info-container {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        -moz-box-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
    .author__title {
        font-size: 2rem;
        line-height: 2.1875rem;
        font-weight: 700
    }
}

.author__info h3 {
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 400
}

@media only screen and (min-width:40.063rem) {
    .author__info h3 {
        font-size: 1.5rem;
        line-height: 1.6875rem;
        font-weight: 400
    }
    .section-article-list .card--hero {
        margin-bottom: 0
    }
}

.section-article-list {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.article-supplementary-list--column,
.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-direction: normal
}

.section-article-list__title {
    font-size: 1.5rem!important;
    line-height: 1.6875rem!important;
    font-weight: 400!important;
    width: 100%
}

.section-article-list .card:first-of-type {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

@media only screen and (min-width:0rem) and (max-width:40rem) {
    .section-article-list .card:nth-last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.article-supplementary-list--column {
    width: 100%;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-supplementary-list--column .card:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:40.063rem) {
    .article-supplementary-list--column {
        height: 100%
    }
    .section-article-list--two-col .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 49%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 49%;
        flex: 1 0 49%;
        width: 49%;
        max-width: 49%;
        margin-right: 2%
    }
    .section-article-list--two-col .card:nth-of-type(2n) {
        margin-right: 0
    }
    .section-article-list--two-col .card:nth-of-type(2n+1) {
        clear: both
    }
    .section-article-list--two-col .card:nth-of-type(-n+2) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
    .section-article-list--three-col .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 32%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 32%;
        flex: 1 0 32%;
        width: 32%;
        max-width: 32%;
        margin-right: 2%
    }
    .section-article-list--three-col .card:nth-of-type(3n) {
        margin-right: 0
    }
    .section-article-list--three-col .card:nth-of-type(3n+1) {
        clear: both
    }
    .section-article-list--three-col .card:nth-of-type(-n+3) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
    .section-article-list--four-col .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 23.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 23.5%;
        flex: 1 0 23.5%;
        width: 23.5%;
        max-width: 23.5%;
        margin-right: 2%
    }
    .section-article-list--four-col .card:nth-of-type(4n) {
        margin-right: 0
    }
    .section-article-list--four-col .card:nth-of-type(4n+1) {
        clear: both
    }
    .section-article-list--four-col .card:nth-of-type(-n+4) {
        border-top: 0;
        margin-top: 0;
        padding-top: 0
    }
}

#bib_related-content .bib__tile .bib__title {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    margin: 0 0 .34375rem;
    letter-spacing: -.0375rem
}

#bib_related-content .bib__tile .bib__link {
    background-image: url()/*tpa=https://images.newscientist.com/wp-content/uploads/2015/08/ns-logo-for-featured-image.jpg?width=300*/
}

.box-out {
    display: inline-block;
    width: 100%;
    padding: .6875rem;
    margin: 1.375rem 0;
    background: #f5f5f5
}

.box-out h3 {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.box-out b,
.box-out h4 a {
    font-size: 1rem;
    line-height: 1.1875rem
}

.box-out h4 {
    margin: 0
}

.box-out h4 a {
    margin: 0 0 0 .34375rem;
    font-weight: 700
}

.box-out a,
.box-out em,
.box-out i,
.box-out li,
.box-out p,
.box-out span,
.box-out strong {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400
}

.box-out b {
    font-weight: 700
}

.box-out--promotion {
    background: #00b3e5
}

.box-out--promotion a {
    color: #fff;
    margin: 0 0 0 .34375rem
}

.box-out--promotion a:hover {
    text-decoration: underline
}

.card {
    position: relative;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.card--hero-full-width .card__image-overlay,
.card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.card__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.card__content--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card__content--linked:hover .card__heading {
    color: #00b3e5
}

.card__content--linked:hover .card__image {
    opacity: .9;
    filter: alpha(opacity=90)
}

.card__content--linked:hover .card__image .image {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.card__content--linked .card__legal-heading {
    color: #696969
}

.card__heading {
    letter-spacing: -.0375rem;
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 700;
    transition: all .2s
}

.card__heading--main {
    font-size: 2rem;
    line-height: 2.1875rem;
    font-weight: 700;
    font-weight: 900
}

.card__sub-heading-1,
.card__sub-heading-2 {
    font-weight: 700;
    margin: 0 0 .34375rem;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

@media only screen and (min-width:40.063rem) {
    .card__heading--main {
        font-size: 2.75rem;
        line-height: 2.9375rem;
        font-weight: 700
    }
}

.card__heading-container {
    margin: 0 0 .34375rem;
    padding: .6875rem
}

.card__sub-heading-1 {
    font-size: 1.1875rem;
    line-height: 1.375rem
}

@media only screen and (min-width:40.063rem) {
    .card__sub-heading-1 {
        font-size: 1.375rem;
        line-height: 1.5625rem;
        font-weight: 700
    }
    .card__sub-heading-2 {
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 700
    }
}

.card__sub-heading-2 {
    font-size: 1rem;
    line-height: 1.1875rem
}

.card__copy,
.card__legal-heading {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400
}

.card__legal-heading {
    color: #ccc;
    margin: 0 0 .17188rem
}

.card__copy {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.card__image-overlay {
    padding: .6875rem;
    color: #fff;
    width: 100%;
    position: absolute;
    margin: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .4)
}

@media only screen and (max-width:40rem) {
    .card__image-overlay--mobile {
        position: relative;
        color: #000;
        background-color: #fff;
        padding: .6875rem 0
    }
    .card__image-overlay--mobile .card__heading {
        color: #000!important
    }
}

.card__image-overlay--bottom {
    bottom: 0
}

.card__image-overlay .card__heading {
    color: #fff
}

.card__image-overlay .card__legal-heading {
    color: #ccc
}

.card__third-party-image {
    margin-top: .6875rem;
    width: auto
}

.card__image {
    position: relative;
    margin-bottom: .6875rem;
    overflow: hidden;
    transition: all .2s
}

.card__image .image {
    display: block;
    width: 100%;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.card__label {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: #fff;
    background: #000;
    padding: 2px .34375rem
}

.card__video {
    position: relative;
    padding: 0 0 56.25%;
    min-height: 0;
    max-height: 0;
    margin-bottom: 1.375rem
}

.card--hero .card__image,
.card--hero-full-width .card__image,
.card--hero-full-width.card {
    margin-bottom: 0
}

.card__video>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.card--hero {
    background: #999
}

.card--hero .card__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (min-width:64.063rem) {
    .card--hero-full-width .card__eyebrow {
        padding: .6875rem 1.375rem
    }
    .card--hero-full-width .card__heading {
        font-size: 2rem;
        line-height: 2.1875rem;
        font-weight: 700
    }
}

.card--hero-full-width .card__eyebrow-link {
    color: #fff
}

@media only screen and (min-width:40.063rem) {
    .card--hero-full-width .card__image {
        padding-bottom: 56.25%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .card--hero-full-width .card__image .image {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        left: 0;
        top: 0
    }
}

.card--hero-full-width .card__image-overlay {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width:64rem) {
    .card--hero-full-width .card__heading {
        font-size: 1.1875rem;
        line-height: 1.375rem;
        font-weight: 900
    }
}

.card--hero-full-width .card__button-overlay-wrapper {
    width: 1.40625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:64.063rem) {
    .card--hero-full-width .card__button-overlay-wrapper {
        width: 5.75rem;
        height: auto;
        min-height: 5.75rem
    }
    .card--hero-full-width .card__button--video {
        width: 1.375rem;
        height: 1.375rem;
        border-width: .6875rem 0 .6875rem 1.375rem
    }
}

.card--hero-full-width .card__image-overlay {
    position: relative;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.card--supplementary {
    background-color: #f5f5f5
}

.card--supplementary .card__legal-heading {
    color: #696969
}

@media only screen and (min-width:40.063rem) {
    .card--list .card__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .card--list .card__eyebrow {
        display: block;
        line-height: 1.0625rem;
        left: 17%;
        background: 0 0;
        padding: 0
    }
    .card--list .card__eyebrow-link,
    .card--list .card__eyebrow-link:active,
    .card--list .card__eyebrow-link:hover {
        color: #820000
    }
    .card--list .card__eyebrow--life .card__eyebrow-link,
    .card--list .card__eyebrow--life .card__eyebrow-link:active,
    .card--list .card__eyebrow--life .card__eyebrow-link:hover {
        color: #d7dF21
    }
    .card--list .card__eyebrow--technology .card__eyebrow-link,
    .card--list .card__eyebrow--technology .card__eyebrow-link:active,
    .card--list .card__eyebrow--technology .card__eyebrow-link:hover {
        color: #548293
    }
    .card--list .card__eyebrow--health .card__eyebrow-link,
    .card--list .card__eyebrow--health .card__eyebrow-link:active,
    .card--list .card__eyebrow--health .card__eyebrow-link:hover {
        color: #20bc9e
    }
    .card--list .card__eyebrow--space .card__eyebrow-link,
    .card--list .card__eyebrow--space .card__eyebrow-link:active,
    .card--list .card__eyebrow--space .card__eyebrow-link:hover {
        color: #484848
    }
    .card--list .card__eyebrow--physics .card__eyebrow-link,
    .card--list .card__eyebrow--physics .card__eyebrow-link:active,
    .card--list .card__eyebrow--physics .card__eyebrow-link:hover {
        color: #79227d
    }
    .card--list .card__eyebrow--earth .card__eyebrow-link,
    .card--list .card__eyebrow--earth .card__eyebrow-link:active,
    .card--list .card__eyebrow--earth .card__eyebrow-link:hover,
    .card--list .card__eyebrow--environment .card__eyebrow-link,
    .card--list .card__eyebrow--environment .card__eyebrow-link:active,
    .card--list .card__eyebrow--environment .card__eyebrow-link:hover {
        color: #bc9617
    }
    .card--list .card__eyebrow--humans .card__eyebrow-link,
    .card--list .card__eyebrow--humans .card__eyebrow-link:active,
    .card--list .card__eyebrow--humans .card__eyebrow-link:hover,
    .card--list .card__eyebrow--mind .card__eyebrow-link,
    .card--list .card__eyebrow--mind .card__eyebrow-link:active,
    .card--list .card__eyebrow--mind .card__eyebrow-link:hover {
        color: #79227d
    }
    .card--list .card__eyebrow--new-scientist-live .card__eyebrow-link,
    .card--list .card__eyebrow--new-scientist-live .card__eyebrow-link:active,
    .card--list .card__eyebrow--new-scientist-live .card__eyebrow-link:hover {
        color: #e6224f
    }
    .card--list .card__heading {
        margin-top: 1.40625rem
    }
    .card--list .card__heading--no-eyebrow {
        margin-top: 0
    }
}

.card--ruled {
    padding-bottom: 1.375rem;
    border-bottom: 1px solid #bfbfbf
}

.card--permanent-list {
    margin: 0 0 1.375rem
}

.card--permanent-list .card__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.card--permanent-list .card__image {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 32%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 32%;
    flex: 1 0 32%;
    width: 32%;
    max-width: 32%;
    margin-right: 2%
}

@media only screen and (min-width:40.063rem) {
    .card--permanent-list .card__image {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 23.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 23.5%;
        flex: 1 0 23.5%;
        width: 23.5%;
        max-width: 23.5%;
        margin-right: 2%
    }
}

.card--permanent-list .card__information-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 66%;
    -moz-box-flex: 1;
    -ms-flex: 1 0 66%;
    flex: 1 0 66%;
    width: 66%;
    max-width: 66%;
    margin-right: 0
}

@media only screen and (min-width:40.063rem) {
    .card--permanent-list .card__information-container {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 74.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 74.5%;
        flex: 1 0 74.5%;
        width: 74.5%;
        max-width: 74.5%;
        margin-right: 0
    }
}

.card--featured-right {
    margin: 0 0 1.375rem
}

.card--featured-right .card__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:40.063rem) {
    .card--featured-right .card__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.card--featured-right .card__details-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card--featured-right .card__image-container,
.card__eyebrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

@media only screen and (min-width:40.063rem) {
    .card--featured-right .card__details-container {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.card--featured-right .card__image-container {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-carousel__wrapper,
.card__hero-overlay {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal
}

@media only screen and (min-width:40.063rem) {
    .card--featured-right .card__image-container {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative
    }
    .card--featured-right .card__image {
        margin: 0
    }
}

.card--featured-right .card__button {
    width: 100%
}

.card__icon {
    width: 50px;
    height: 50px;
    margin-right: 1.375rem
}

.card__icon--crossword {
    background-image: url(../../assets/img/icon_crossword.svg)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/assets/img/icon_crossword.svg*/
    ;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.card__icon--puzzle {
    background-image: url(../../assets/img/icon_puzzle.svg)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/assets/img/icon_puzzle.svg*/
    ;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.card__eyebrow {
    color: #fff;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    background-color: #820000;
    padding: .45833rem
}

.card__eyebrow-link {
    color: #fff
}

.card__eyebrow-link:active,
.card__eyebrow-link:hover {
    color: #fff;
    text-decoration: underline
}

.card__eyebrow h1 {
    margin: 0
}

.card__eyebrow--life {
    background-color: #d7dF21
}

.card__eyebrow--technology {
    background-color: #548293
}

.card__eyebrow--health {
    background-color: #20bc9e
}

.card__eyebrow--space {
    background-color: #484848
}

.card__eyebrow--physics {
    background-color: #79227d
}

.card__eyebrow--earth,
.card__eyebrow--environment {
    background-color: #bc9617
}

.card__eyebrow--humans,
.card__eyebrow--mind {
    background-color: #79227d
}

.card__eyebrow--new-scientist-live {
    background-color: #e6224f
}

.card__eyebrow--static {
    position: relative;
    margin: 0 0 .34375rem
}

.card__eyebrow-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.card__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.card__link>img {
    border: 0;
    display: block
}

.card-carousel__pagination--next .card__pagination-button,
.card__button--video {
    border-width: .34375rem 0 .34375rem .6875rem;
    border-color: transparent transparent transparent #fff
}

.card__button-overlay-wrapper {
    position: absolute;
    bottom: 0;
    background-color: #820000;
    padding: .6875rem
}

.card__button-overlay-wrapper--life {
    background-color: #d7dF21
}

.card__button-overlay-wrapper--technology {
    background-color: #548293
}

.card__button-overlay-wrapper--health {
    background-color: #20bc9e
}

.card__button-overlay-wrapper--space {
    background-color: #484848
}

.card__button-overlay-wrapper--physics {
    background-color: #79227d
}

.card__button-overlay-wrapper--earth,
.card__button-overlay-wrapper--environment {
    background-color: #bc9617
}

.card__button-overlay-wrapper--humans,
.card__button-overlay-wrapper--mind {
    background-color: #79227d
}

.card__button-overlay-wrapper--new-scientist-live {
    background-color: #e6224f
}

.card__button-overlay-wrapper--hero {
    position: relative
}

.card__button--video {
    box-sizing: border-box;
    width: .6875rem;
    height: .6875rem;
    border-style: solid
}

.card__hero-overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.card__description {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.card__button {
    margin-top: auto
}

.card-carousel {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 1.375rem 1.87495rem;
    background-color: #444;
    margin: 0 0 1.375rem
}

.card-carousel__wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.card-carousel__wrapper .card {
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .6)
}

.card-carousel__wrapper .card__heading {
    padding: 0 .6875rem;
    margin: 0 0 .6875rem;
    color: #fff
}

@media only screen and (min-width:40.063rem) {
    .card-carousel__wrapper .card {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 23.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 0 23.5%;
        flex: 1 0 23.5%;
        width: 23.5%;
        max-width: 23.5%;
        margin-right: 2%
    }
}

.card__pagination-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: .6875rem;
    height: .6875rem;
    border-style: solid;
    margin: 0 auto
}

.card-carousel__pagination {
    display: none;
    position: absolute;
    z-index: 2;
    width: 1.87495rem;
    line-height: 2rem;
    cursor: pointer;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    color: #fff;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6)
}

.card__pagination__inner-wrapper,
.cover-list__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

.card-carousel__pagination--next {
    right: 0
}

.card-carousel__pagination--previous {
    left: 0
}

.card-carousel__pagination--previous .card__pagination-button {
    border-width: .34375rem .6875rem .34375rem 0;
    border-color: transparent #fff transparent transparent
}

.card__pagination__inner-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.chevron--left {
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1)
}

.content__head {
    margin: 0 0 1.375rem
}

.content__title {
    letter-spacing: -.0375rem;
    font-size: 2rem;
    line-height: 2.1875rem;
    font-weight: 700
}

@media only screen and (min-width:64.063rem) {
    .content__title {
        font-size: 3.125rem;
        line-height: 3.1875rem;
        font-weight: 700
    }
}

.article-copy .content__strap,
.content__strap {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    letter-spacing: -.0375rem;
    margin: 0 0 .93747rem;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    font-weight: 400
}

.content__body a,
.content__body b,
.content__body em,
.content__body i,
.content__body p,
.content__body strong,
.content__body sub,
.content__body sup {
    font-family: "PT Serif", Georgia, serif
}

@media only screen and (min-width:64.063rem) {
    .article-copy .content__strap,
    .content__strap {
        font-size: 1.5rem;
        line-height: 1.6875rem;
        font-weight: 400
    }
}

.content__add-this {
    margin: 0 0 .6875rem
}

.content__body sub,
.content__body sup {
    font-size: .625rem;
    line-height: .8125rem
}

.content__body .box-out,
.content__body .quote {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.content__body .box-out h3,
.content__body .quote {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 700
}

.content__body a {
    color: #00b3e5
}

.content__body .quote {
    color: #000;
    padding: 0 5.5rem 0 1.375rem;
    margin: 1.03125rem 0 1.375rem
}

@media only screen and (min-width:40.063rem) {
    .card-carousel__pagination {
        width: 2.81242rem;
        z-index: 11
    }
    .content__body .quote {
        padding: 0 11rem 0 1.375rem
    }
}

.content__body .box-out {
    background: #f5f5f5;
    padding: 1.375rem;
    margin-bottom: 1.375rem
}

.content__body .box-out:after,
.content__body .box-out:before {
    content: ' ';
    display: table
}

.content__body .box-out h4 {
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 700
}

.content__body .box-out h2,
.content__body .box-out h3,
.content__body .box-out h4 {
    margin: 0 0 .6875rem
}

.article-copy img.size-inset-image {
    width: auto
}

.cover-list__container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 .6875rem
}

.cover-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 32%;
    margin: 0 2% .6875rem 0
}

@media only screen and (max-width:40rem) {
    .cover-list__item:nth-of-type(3) {
        margin: 0
    }
}

@media only screen and (min-width:40.063rem) {
    .cover-list__item {
        width: 18.4%;
        margin: 0 2% 0 0
    }
    .cover-list__item:nth-of-type(5) {
        margin: 0
    }
}

.cover-list__item img {
    margin: 0 0 .6875rem
}

.cover-list__item:hover .cover-list__view-more {
    color: #00b3e5
}

.cover-list__details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.newsletter-banner,
.prompt .section__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal
}

.cover-list__details p {
    margin: 0 0 .34375rem
}

.cover-list__title {
    text-transform: uppercase
}

.cover-list__view-more {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-right: 20px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #000
}

.form-row.form-row--list-header .form-row__body .form-section__legend,
.form-row.form-row--list-header .form-row__body legend,
.form-row.form-row--list-header .form-row__body p,
.prompt {
    color: #fff
}

.form-row.form-row--list-header .form-row__label {
    vertical-align: middle;
    padding-right: 0;
    text-align: center;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.form-row.form-row--list-header .form-row__label img {
    max-width: 120px;
    max-height: 120px
}

.form-row.form-row--list-header .form-row__label svg {
    width: 80%
}

.form-row.form-row--list-header .form-row__body {
    vertical-align: middle;
    padding-top: 1.375rem;
    padding-bottom: .6875rem
}

@media only screen and (max-width:40rem) {
    .form-row.form-row--list-header .form-row__label {
        padding-right: .93747rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .form-row.form-row--list-header .form-row__body {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -moz-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
    .form-row.form-row--list-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.form-row--health {
    background-color: #20bc9e
}

.form-row--daily {
    background-color: #1f5583
}

figure.graphic {
    width: 100%
}

@media only screen and (min-width:40.063rem) {
    figure.graphic {
        width: 50%
    }
}

figure.graphic a {
    display: inline-block;
    position: relative
}

figure.graphic a:hover:before {
    content: '';
    display: block;
    background: url(../../img/furniture/cross.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/cross.png*/
    no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.informational-footer {
    border: 1px solid #bfbfbf;
    padding: 1.375rem
}

.newsletter-banner .newsletter-banner__button,
.prompt__button {
    border: 1px solid #fff;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.prompt {
    background: #444;
    padding: .6875rem;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700
}

@media only screen and (min-width:40.063rem) {
    .prompt {
        margin-bottom: .6875rem
    }
}

.prompt .section__inner {
    -webkit-flex-direction: row;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.prompt__message {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: .6875rem
}

@media only screen and (max-width:64rem) {
    .prompt__message {
        margin-bottom: .6875rem
    }
}

.prompt__link,
.prompt__link:hover {
    color: #00b3e5
}

.prompt__button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: .34375rem .6875rem;
    color: #fff;
    cursor: pointer;
    background-color: #444
}

@media only screen and (max-width:40rem) {
    .prompt__button {
        display: inline-block;
        margin: 0;
        width: 100%
    }
}

.newsletter-banner,
.newsletter-banner__logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.newsletter-banner {
    display: flex;
    -webkit-flex-direction: row;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 1.375rem
}

.newsletter-banner__content,
.search-filter__filter-list--selected {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

.newsletter-banner--health {
    background-color: #20bc9e
}

.header-search__input,
.search-results__input {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    background: 0 0!important
}

.newsletter-banner__logo-container {
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.newsletter-banner__content,
.search-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.newsletter-banner__logo-container svg {
    width: 100%
}

.newsletter-banner__content {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .6875rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.newsletter-banner__title {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 700;
    margin: 0 0 .34375rem;
    color: #fff
}

@media only screen and (min-width:40.063rem) {
    .newsletter-banner__content {
        padding: 1.375rem;
        -webkit-box-flex: 4;
        -webkit-flex: 4;
        -moz-box-flex: 4;
        -ms-flex: 4;
        flex: 4
    }
    .newsletter-banner__title {
        font-size: 2rem;
        line-height: 2.1875rem;
        font-weight: 700;
        margin: 0 0 .6875rem
    }
}

.newsletter-banner__strap {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400;
    margin: 0 0 .34375rem;
    color: #fff
}

@media only screen and (min-width:40.063rem) {
    .newsletter-banner__strap {
        font-size: 1rem;
        line-height: 1.1875rem;
        font-weight: 400;
        margin: 0 0 .6875rem
    }
}

.newsletter-banner .newsletter-banner__button {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    padding: .34375rem .6875rem;
    color: #fff
}

.newsletter-banner .newsletter-banner__button:hover {
    color: #fff
}

.pagination {
    font-size: 1.1875rem;
    line-height: 1.375rem;
    font-weight: 400;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.pagination__link--next {
    float: right;
    text-align: right
}

.pagination__link--next::after {
    content: " >"
}

.pagination__link--previous {
    float: left
}

.pagination__link--previous::before {
    content: "< "
}

.pagination__link a,
.pagination__link a:active,
.pagination__link a:hover,
.pagination__link a:visited {
    color: #000
}

.header-search__input {
    font-size: 2rem!important;
    line-height: 2.1875rem!important;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: #999!important;
    border: none!important;
    box-shadow: none!important;
    outline: 0;
    padding: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    border-radius: 0!important
}

.header-search__input::-webkit-input-placeholder {
    color: #999
}

.header-search__input:-moz-placeholder {
    color: #999;
    opacity: 1
}

.header-search__input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.header-search__input:-ms-input-placeholder {
    color: #999
}

.header-search__input::-ms-input-placeholder {
    color: #999
}

.header-search__input::placeholder {
    color: #999
}

.search-results__input {
    border: none!important;
    box-shadow: none!important
}

@media only screen and (min-width:64.063rem) {
    .header-search {
        top: 100%
    }
}

.header-search.open {
    display: block
}

.header-search__form {
    margin: 0;
    width: 90%
}

.header-search__button {
    line-height: 1rem;
    padding: .75rem!important;
    border: 0!important;
    width: 1rem!important;
    height: 1rem!important;
    background: url(../../assets/img/icon_search.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/assets/img/icon_search.png*/
    center center no-repeat!important
}

.header-search__label {
    font-size: 1rem;
    font-weight: 700;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    color: #005587;
    text-transform: uppercase;
    position: absolute;
    line-height: 2rem;
    top: 3px;
    left: 0;
    z-index: 100
}

.header-search__field {
    border: 0;
    border-bottom: 1px solid #bfbfbf;
    display: inline-block;
    width: 100%;
    line-height: 1.6rem
}

.header-search__submit {
    display: block;
    border: 0;
    background: 0 0;
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    top: 0;
    right: 0;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    text-shadow: none!important
}

.header-search__submit .icon:hover {
    fill: #999
}

.header-search-inner {
    position: relative
}

@media only screen and (min-width:40.063rem) {
    .header-search-inner {
        margin: 0 .93747rem
    }
}

.header-search button {
    position: absolute;
    padding: 0;
    top: 8px;
    right: 0;
    border: none;
    background: 0 0;
    outline: 0;
    width: 1.5rem;
    height: 1.5rem;
    fill: #999
}

@media only screen and (min-width:64.063rem) {
    .header-search-inner {
        margin: 0 auto
    }
    .header-search button {
        right: .93747rem
    }
}

.search-controls {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.search-filter__item {
    margin: 0 0 1.375rem
}

.search-filter__heading {
    font-size: 1.1875rem;
    line-height: 1.375rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .34375rem;
    background: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    cursor: pointer
}

.search-filter__heading::before {
    content: '⌄';
    position: absolute;
    top: 0;
    bottom: 0;
    left: .6875rem
}

.search-filter__heading--selected::before {
    content: '⌃';
    top: auto
}

.search-filter__filter-list {
    padding: .6875rem;
    display: none
}

.search-filter__filter-list--selected,
.search-filter__filter-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.search-filter__filter-list--selected {
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-filter__filter-list-item {
    display: flex;
    margin: 0 0 .34375rem
}

.search-filter__filter-list-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-transform: capitalize;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400
}

.search-filter__filter-list-link--selected {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-filter__filter-list-link--selected::after {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 19px;
    -moz-box-flex: 0;
    -ms-flex: 0 0 19px;
    flex: 0 0 19px;
    content: '✓';
    background: #00b3e5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 19px;
    height: 19px;
    margin: 0 0 0 .6875rem;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 1px
}

.search-filter__filter-list-link--selected:hover::after {
    content: '✕';
    background: #b41e3f
}

.search-filter__filter-button {
    margin: .6875rem 0
}

@media only screen and (min-width:40.063rem) {
    .search-filter__close-button,
    .search-filter__filter-button {
        display: none
    }
}

.search-filter__close-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: .6875rem 0
}

@media only screen and (min-width:40.063rem) {
    .search-filter__close-button-container {
        display: none
    }
}

.search-pagination,
.search-pagination ol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal
}

.search-pagination {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 1.375rem 0
}

.search-pagination ol {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.search-form,
.search-query {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.search-pagination__page-item {
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400;
    margin: 0 .6875rem 0 0
}

.search-pagination__page-item--current-page {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 700
}

.search-summary {
    padding: .6875rem 0
}

.overflow-clamp {
    overflow-y: hidden;
    height: 31px;
    width: 80%;
    margin: 0 auto
}

.search-form-container {
    position: relative
}

.search-form {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.search-query {
    display: flex;
    margin-bottom: .6875rem;
    width: 100%;
    margin-right: 0
}

.search-sort,
.social__button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -moz-box-direction: normal
}

@media only screen and (min-width:40.063rem) {
    .search-query {
        width: 77%;
        margin-right: .6875rem
    }
}

input.search-query__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-right: none
}

button[type=submit].search-query__button {
    height: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: none
}

.search-sort {
    margin-bottom: .6875rem;
    width: 35%;
    white-space: nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-sort__label {
    display: none
}

@media only screen and (min-width:40.063rem) {
    .search-sort {
        width: 21%;
        position: inherit
    }
    .search-sort__label {
        display: inline;
        margin-right: .17188rem
    }
}

.section-social {
    display: inline-block
}

.section-social:after,
.section-social:before {
    content: ' ';
    display: table
}

.section-social h3 {
    font-size: 1rem;
    line-height: 1.1875rem;
    font-weight: 400;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    text-align: left
}

.social__button-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 0 .6875rem
}

.social__button-container .social__button {
    margin-right: .34375rem
}

.social__button-container .social__button:last-of-type {
    margin-right: 0
}

.social-login {
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .6875rem;
    width: 100%
}

.social-login:after,
.social-login:before {
    content: ' ';
    display: table
}

.section-thisweek .section-heading,
.social-login__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.social-login__link {
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media only screen and (min-width:0rem) {
    .social-login__link {
        width: 48%;
        margin-right: 4%;
        float: left
    }
    .social-login__link:last-of-type {
        margin-right: 0
    }
}

a.social-login__link--facebook {
    background: url(../../img/furniture/fb-f-logo__white_29.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/fb-f-logo__white_29.png*/
    .34375rem center no-repeat #3B5998;
    -moz-background-size: 1.375rem 1.375rem;
    -o-background-size: 1.375rem 1.375rem;
    background-size: 1.375rem 1.375rem
}

a.social-login__link--facebook .icon {
    left: .45833rem
}

@media only screen and (min-width:0rem) and (max-width:22.5rem) {
    a.social-login__link--facebook .icon {
        left: 3px
    }
}

a.social-login__link--google {
    background: url(../../img/furniture/btn_google_light_normal_ios-cropped.png)/*tpa=https://www.newscientist.com/wp-content/themes/new-scientist/img/furniture/btn_google_light_normal_ios-cropped.png*/
    .34375rem center no-repeat #b4554a;
    -moz-background-size: 1.375rem 1.375rem;
    -o-background-size: 1.375rem 1.375rem;
    background-size: 1.375rem 1.375rem
}

.section-thisweek .section-heading {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: .6875rem
}

.section-thisweek__content,
.section-top-content__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.section-thisweek h3 {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 400
}

.section-thisweek__content {
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.section-thisweek__cover {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .6875rem 0 0
}

.section-thisweek__links {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-thisweek .subscribe-link {
    margin-bottom: .6875rem;
    width: 100%
}

.section-thisweek .subscribe-link--buy {
    background: red
}

.section-thisweek .subscribe-link--buy:focus,
.section-thisweek .subscribe-link--buy:hover {
    background: #de1d1d
}

.section-top-content__tabs {
    display: flex;
    overflow: hidden;
    background-color: #f5f5f5
}

.section-top-content ol,
.section-top-content__tabs--overflow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.section-top-content__tabs--overflow {
    overflow-x: scroll;
    display: flex
}

.section-top-content__tabs .section-top-content__button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    background-color: inherit;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: .45833rem;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    border-right: 3px solid #fff
}

.section-top-content__tabs .section-top-content__button:last-child {
    border-right: none
}

.section-top-content__tabs .section-top-content__button:hover {
    background-color: #ddd
}

.section-top-content__tabs .section-top-content__button--active,
.section-top-content__tabs .section-top-content__button--active:active,
.section-top-content__tabs .section-top-content__button--active:hover,
.section-top-content__tabs .section-top-content__button--selected {
    color: #fff;
    background-color: #00b3e5
}

.section-top-content__tabs .section-top-content__button--active a,
.section-top-content__tabs .section-top-content__button--active:active a,
.section-top-content__tabs .section-top-content__button--active:hover a,
.section-top-content__tabs .section-top-content__button--selected a {
    color: #fff
}

.section-top-content__content {
    display: none
}

.section-top-content__content--active {
    display: block
}

.section-top-content ol {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    counter-reset: top-content-counter
}

.section-top-content li,
.tour-gallery-collection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.section-top-content li {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 700;
    letter-spacing: -.0375rem;
    background-color: #f5f5f5;
    counter-increment: top-content-counter;
    border-top: 3px solid #fff;
    padding: .6875rem
}

.section-top-content li::after {
    content: counter(top-content-counter);
    font-size: 2rem;
    line-height: 2.1875rem;
    font-weight: 700;
    color: #00b3e5;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.section-top-content li a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.375rem
}

.section-top-content h4 {
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: 700;
    margin-bottom: 0
}

.section-top-content .third-party-article {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: .6875rem;
    padding-bottom: .6875rem;
    display: table;
    width: 100%
}

.section-top-content .third-party-article p {
    width: 1rem;
    display: table-cell;
    white-space: nowrap;
    vertical-align: top
}

.section-top-content .third-party-article__image {
    width: auto;
    max-width: 5rem;
    max-height: 3rem;
    display: table-cell;
    margin: 0 0 0 .6875rem
}

.video__container {
    width: 100%;
    height: 56.25%;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
}

.image__container {
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    background-color: #000
}

.image__container .attachment-full-size {
    display: block;
    width: 100%
}

.image__container img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.video-mpu__container {
    margin: 10px 0
}

.article--video {
    margin-top: -20px
}

article.article--video {
    margin-top: -1.375rem
}

main.main--full-width {
    width: 100%;
    max-width: inherit;
    padding: 0;
    margin: 0
}

main.main--full-width .vidyard_player {
    padding-top: 0;
    margin-bottom: 0
}

main.main--full-width .article-header {
    margin-right: 0
}

.info-block {
    margin-bottom: 1.87495rem;
    font-family: "Titillium Web", Helvetica, "Trebuchet MS", Arial, sans-serif
}

.info-block ul {
    margin-bottom: .6875rem;
    margin-left: 1.375rem
}

.info-block a,
.info-block a:hover,
.info-block a:visited {
    text-decoration: underline;
    color: #00b3e5
}

.info-block a.button-cta {
    text-decoration: none;
    color: #fff
}

.info-block--cta {
    border: 1px solid #bfbfbf;
    padding: .6875rem
}

.info-block--cta p {
    font-size: 1.375rem;
    line-height: 1.5625rem;
    font-weight: 700
}

.tour-gallery-collection {
    display: flex
}

.search-results,
.tour-partnership {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.tour-gallery-link {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 33%;
    flex: 1 1 33%;
    padding: .34375rem
}

.tour-intro {
    margin-bottom: 1.87495rem
}

.tour-partnership {
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tour-partnership__image {
    max-width: 150px;
    padding: 10px
}

.issues-list__month-heading {
    text-transform: uppercase
}

.search-results {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media only screen and (min-width:40.063rem) {
    .search-results {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.search-results__filter-container,
.search-results__filter-container--selected {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal
}

.search-results__filter-container {
    background: #fff;
    position: absolute;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    left: -1000px
}

@media only screen and (min-width:40.063rem) {
    .search-results__filter-container {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        visibility: visible;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
        transition: none;
        left: 0
    }
}

.search-results__filter-container--selected {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 500;
    visibility: visible;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    left: 0
}

.tours__block--center {
    text-align: center
}

.article-copy p.eyebrow.video {
    padding: 0
}

.text-img {
	text-align: center;
}

.text-img img {
	max-width: 450px;
}

.text-list {
	list-style: decimal !important;
	padding-left: 20px;
}

.text-img .prod-img,
.prod-img {
	max-width: 350px;
}

.prod-block {
	margin: 50px 0;
	text-align: center;
}

.prod-block a {
	display: inline-block;
	padding: 20px 40px;
	border-radius: 50px;
	color: #fff;
	letter-spacing: 2px;
    background-image: -webkit-linear-gradient(left, #00B3E5 0%, #002EE9 51%, #001E97 100%);
    background-image: -o-linear-gradient(left, #00B3E5 0%, #002EE9 51%, #001E97 100%);
    background-image: linear-gradient(to right, #00B3E5 0%, #002EE9 51%, #001E97 100%);
    background-size: 200% auto;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: .5s;
    text-transform: uppercase;
    margin-top: 20px;
}

.prod-block a:hover {background-position: right center;}

.comments h3 {
	margin-bottom: 30px;
	font-size: 24px;
}

.comments__block {
	margin-bottom: 40px;
}

.comment-block__author img,
.comment-block__author span {
	vertical-align: middle;
}

.comment-block__author img {
	width: 48px;
	border-radius: 50%;
	border: 1px solid #00B3E5;
	margin-right: 15px;
}

.comment-block__text {
	margin-top: 15px;
	padding-left: 24px;
}

@media screen and (max-width: 500px) {
	.text-img img {
		max-width: 100%;
	}
}

@media screen and (max-width: 370px) {
	.text-img .prod-img, .prod-img {
		max-width: 100%;
	}
}