@charset "UTF-8"; @font-face { font-family: 'it-icons'; src: url("/assets/fonts/it-icons.woff2?1606390037") format("woff2"), url("/assets/fonts/it-icons.woff?1606390037") format("woff"), url("/assets/fonts/it-icons.svg?1606390037#it-icons") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } i.icon { font-family: 'it-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; margin-right: 10px; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } i.icon.it-icon-internal:before { content: "" !important; font-size: 90%; } i.icon.it-icon-analysis:before { content: "" !important; } i.icon.it-icon-audio:before { content: "" !important; } i.icon.it-icon-discussion:before, i.icon.it-icon-comment:before { content: "" !important; } i.icon.it-icon-external:before { content: "" !important; } i.icon.it-icon-gallery:before { content: "" !important; } i.icon.it-icon-graphic:before { content: "" !important; } i.icon.it-icon-interaction:before { content: "" !important; } i.icon.it-icon-liveblog:before { content: "" !important; } i.icon.it-icon-microsite:before { content: "" !important; } i.icon.it-icon-opinion:before { content: "" !important; } i.icon.it-icon-pdf:before { content: "" !important; } i.icon.it-icon-podcast:before { content: "" !important; } i.icon.it-icon-video:before { content: "" !important; } i.icon.it-icon-listen:before { content: "" !important; } i.icon.it-icon-method:before { content: "" !important; } i.icon.it-icon-course:before { content: "" !important; } i.icon.it-icon-crosswords:before { content: "" !important; } i.icon.it-icon-ebooks:before { content: "" !important; } i.icon.it-icon-it-sunday:before { content: "" !important; } i.icon.it-icon-mail:before { content: "" !important; } i.icon.it-icon-settings:before { content: "" !important; } i.icon.it-icon-signout:before { content: "" !important; } i.icon.it-icon-user-heart:before { content: "" !important; } i.icon.it-icon-user-signedout:before { content: "" !important; } i.icon.it-icon-user-signedin:before { content: "" !important; } i.icon.it-icon-newspaper:before { content: "" !important; } i.icon.it-icon-news-app:before { content: "" !important; } i.icon.it-icon-archive:before { content: "" !important; } i.icon.it-icon-ios:before { content: "" !important; } i.icon.it-icon-android:before { content: "" !important; } body:before { content: ""; display: none; } @media only screen and (min-width: 768px) { body:before { content: "all-above-mobile"; } } @media only screen and (max-width: 767px) { body:before { content: "all-mobile"; } } .genre-editorial .article-top-area .article-metadata { *zoom: 1; } .genre-editorial .article-top-area .article-metadata:before, .genre-editorial .article-top-area .article-metadata:after { content: " "; display: table; } .genre-editorial .article-top-area .article-metadata:after { clear: both; } /* changes to article body to create gutter in desktop view */ .article_body .article_bodycopy { position: relative; color: #444; font-size: 105%; line-height: 1.5em; margin-left: 40px; } @media only screen and (max-width: 767px) { .article_body .article_bodycopy { margin-left: 0px; clear: both; } } .article_body .article_bodycopy .row { margin-left: 0; } .article_body .article_bodycopy .span8 { margin-left: 0; max-width: 580px; } @media only screen and (min-width: 768px) and (max-width: 979px) { .article_body .article_bodycopy .span8 { max-width: 386px; } } .article_body .article_bodycopy a { color: #23517a; } .article_body .article_bodycopy .crosshead { font-family: "Lato", Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 20px; padding: 4px 0 4px; margin: 0; color: #000; } .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter, .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { font-size: 90px; float: left; padding: 5px 5px 0 0; height: 62px; line-height: 62px; margin-bottom: -16px; } .news .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #CC0000; } .sport .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #3ea447; } .business .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #1190af; } .opinion .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #777552; } .debate .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #777552; } .lifestyle .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #f60; } .life-and-style .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #f60; } .culture .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #b74f7d; } .more .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #006666; } .offers .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #006666; } .homepage .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #CC0000; } .frontpage .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #515151; } .cs-page .genre-opinion .article_body .article_bodycopy > p:first-of-type:first-letter { color: #011235; } .news .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #CC0000; } .sport .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #3ea447; } .business .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #1190af; } .opinion .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #777552; } .debate .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #777552; } .lifestyle .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #f60; } .life-and-style .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #f60; } .culture .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #b74f7d; } .more .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #006666; } .offers .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #006666; } .homepage .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #CC0000; } .frontpage .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #515151; } .cs-page .genre-column .article_body .article_bodycopy > p:first-of-type:first-letter { color: #011235; } .article_footer { padding-bottom: 10px; margin-bottom: 20px; } #torso .article-footer-slot .more-in-section { clear: both; margin-top: 10px; } #torso .article-footer-slot .more-in-section .section-title { border-bottom: none !important; font-size: 18px; padding: 0 0 14px 0; margin: 0; font-size: 18px; line-height: normal; text-transform: uppercase !important; color: #000; } #torso .article-footer-slot .more-in-section .section-title:before { content: " "; display: block; height: 2px; width: 140px; background-color: #000; margin-bottom: 8px; } #torso .article-footer-slot .more-in-section .section-title a { color: #000 !important; } #torso .article-footer-slot .more-in-section .section-title a span { background: none !important; padding-right: 0; } #torso .article-footer-slot .more-in-section .section-title a span:after { font-family: 'it-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; margin-right: 10px; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "" !important; background-position: 0px -163px; font-size: 90%; } .cs-label-article { display: inline-block; text-transform: uppercase; padding: 4px 12px; font-size: 13px; color: #f1f1f1; background-color: #000; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .news .cs-label-article { background-color: #CC0000; } .sport .cs-label-article { background-color: #3ea447; } .business .cs-label-article { background-color: #1190af; } .opinion .cs-label-article { background-color: #777552; } .debate .cs-label-article { background-color: #777552; } .lifestyle .cs-label-article { background-color: #f60; } .life-and-style .cs-label-article { background-color: #f60; } .culture .cs-label-article { background-color: #b74f7d; } .more .cs-label-article { background-color: #006666; } .offers .cs-label-article { background-color: #006666; } .homepage .cs-label-article { background-color: #CC0000; } .frontpage .cs-label-article { background-color: #515151; } .cs-page .cs-label-article { background-color: #011235; } label.cs-label-article:after { content: "\f129"; font-family: 'FontAwesome'; margin-left: 10px; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; } .cs-info-panel-container input { display: none; } .cs-info-panel-container input:checked ~ .cs-label-article::after { content: "\f00d"; font-family: 'FontAwesome'; } .cs-info-panel-container article { font-size: 13px; color: #565656; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #f6f6f6; box-sizing: border-box; padding: 0px; margin-top: 0px; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.2); position: relative; border: 1px solid; opacity: 0; height: 0px; } .news .cs-info-panel-container article { border-color: #CC0000; } .sport .cs-info-panel-container article { border-color: #3ea447; } .business .cs-info-panel-container article { border-color: #1190af; } .opinion .cs-info-panel-container article { border-color: #777552; } .debate .cs-info-panel-container article { border-color: #777552; } .lifestyle .cs-info-panel-container article { border-color: #f60; } .life-and-style .cs-info-panel-container article { border-color: #f60; } .culture .cs-info-panel-container article { border-color: #b74f7d; } .more .cs-info-panel-container article { border-color: #006666; } .offers .cs-info-panel-container article { border-color: #006666; } .homepage .cs-info-panel-container article { border-color: #CC0000; } .frontpage .cs-info-panel-container article { border-color: #515151; } .cs-page .cs-info-panel-container article { border-color: #011235; } .news .cs-info-panel-container article span { color: #CC0000; } .sport .cs-info-panel-container article span { color: #3ea447; } .business .cs-info-panel-container article span { color: #1190af; } .opinion .cs-info-panel-container article span { color: #777552; } .debate .cs-info-panel-container article span { color: #777552; } .lifestyle .cs-info-panel-container article span { color: #f60; } .life-and-style .cs-info-panel-container article span { color: #f60; } .culture .cs-info-panel-container article span { color: #b74f7d; } .more .cs-info-panel-container article span { color: #006666; } .offers .cs-info-panel-container article span { color: #006666; } .homepage .cs-info-panel-container article span { color: #CC0000; } .frontpage .cs-info-panel-container article span { color: #515151; } .cs-page .cs-info-panel-container article span { color: #011235; } .cs-info-panel-container article:before { content: ''; position: absolute; top: -9px; left: 110px; right: 0; width: 15px; height: 15px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); border-right: 1px solid #f60; border-bottom: 1px solid #f60; background-color: #f6f6f6; } .news .cs-info-panel-container article:before { border-color: #CC0000; } .sport .cs-info-panel-container article:before { border-color: #3ea447; } .business .cs-info-panel-container article:before { border-color: #1190af; } .opinion .cs-info-panel-container article:before { border-color: #777552; } .debate .cs-info-panel-container article:before { border-color: #777552; } .lifestyle .cs-info-panel-container article:before { border-color: #f60; } .life-and-style .cs-info-panel-container article:before { border-color: #f60; } .culture .cs-info-panel-container article:before { border-color: #b74f7d; } .more .cs-info-panel-container article:before { border-color: #006666; } .offers .cs-info-panel-container article:before { border-color: #006666; } .homepage .cs-info-panel-container article:before { border-color: #CC0000; } .frontpage .cs-info-panel-container article:before { border-color: #515151; } .cs-page .cs-info-panel-container article:before { border-color: #011235; } .cs-info-panel-container input:checked ~ article { -webkit-transition: opacity 300ms, visibity 300ms, height 300ms; -moz-transition: opacity 300ms, visibity 300ms, height 300ms; -o-transition: opacity 300ms, visibity 300ms, height 300ms; -ms-transition: opacity 300ms, visibity 300ms, height 300ms; transition: opacity 300ms, visibity 300ms, height 300ms; height: 100%; opacity: 1; padding: 10px; margin-top: 15px; } .soa-label { display: inline-block; background-color: #2D3137; color: #c5d0db; border-radius: 10px; padding: 0 .6em; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; height: 18px; margin-bottom: 12px; } .soa-label i { font-weight: bold; margin-right: 5px; font-size: 90%; } .article-top-area { margin: 5px 0; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px !important; } .article-top-area .time-metadata { padding: 5px 0; margin-top: 15px; color: #888; font-family: "DINWeb-medium", Arial, Helvetica, sans-serif; /*.it-reading-time { &:before { font-family:"FontAwesome"; content:"\f02d"; margin-right:5px; } @media only screen and (min-width:479px) { border-left:1px solid #DEDED0; padding: 0 10px; } }*/ } .article-top-area .time-metadata time, .article-top-area .time-metadata .modified, .article-top-area .time-metadata .it-reading-time { display: inline-block; } @media only screen and (max-width: 479px) { .article-top-area .time-metadata time, .article-top-area .time-metadata .modified, .article-top-area .time-metadata .it-reading-time { font-size: 11px; display: inline; } } .article-top-area .time-metadata time { padding-right: 10px; } .article-top-area .time-metadata time:before { font-family: "FontAwesome"; content: "\f017"; margin-right: 5px; } @media only screen and (max-width: 479px) { .article-top-area .time-metadata time { padding-right: 5px; } } .article-top-area .time-metadata time + .modified { border-left: 1px solid #DEDED0; padding: 0 10px; } @media only screen and (max-width: 479px) { .article-top-area .time-metadata time + .modified { padding: 0; display: block; border: none; } .article-top-area .time-metadata time + .modified:before { display: inline-block; font-family: "FontAwesome"; content: "\f1da"; margin-right: 5px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } } @media only screen and (max-width: 479px) { .article-top-area .time-metadata.has-modified time { display: none; } } .article-top-area .article-metadata { padding: 5px 0; font-size: 12px; margin: 10px 0; } .article-top-area .article-metadata:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 992px) { .article-top-area .article-metadata { padding: 5px 0; } } .article-top-area .article-metadata .comments a:hover { text-decoration: none; } .article-top-area .article-metadata .comments span { font-size: 20px; font-weight: 500; padding-left: 5px; font-size: 20px; } .news .article-top-area .article-metadata .comments span { color: #CC0000; } .sport .article-top-area .article-metadata .comments span { color: #3ea447; } .business .article-top-area .article-metadata .comments span { color: #1190af; } .opinion .article-top-area .article-metadata .comments span { color: #777552; } .debate .article-top-area .article-metadata .comments span { color: #777552; } .lifestyle .article-top-area .article-metadata .comments span { color: #f60; } .life-and-style .article-top-area .article-metadata .comments span { color: #f60; } .culture .article-top-area .article-metadata .comments span { color: #b74f7d; } .more .article-top-area .article-metadata .comments span { color: #006666; } .offers .article-top-area .article-metadata .comments span { color: #006666; } .homepage .article-top-area .article-metadata .comments span { color: #CC0000; } .frontpage .article-top-area .article-metadata .comments span { color: #515151; } .cs-page .article-top-area .article-metadata .comments span { color: #011235; } .article-top-area .article-metadata .comments span:before { font-family: 'FontAwesome'; content: '\f086'; display: inline-block; margin-right: 10px; color: #C00; font-size: 21px; } .news .article-top-area .article-metadata .comments span:before { color: #CC0000; } .sport .article-top-area .article-metadata .comments span:before { color: #3ea447; } .business .article-top-area .article-metadata .comments span:before { color: #1190af; } .opinion .article-top-area .article-metadata .comments span:before { color: #777552; } .debate .article-top-area .article-metadata .comments span:before { color: #777552; } .lifestyle .article-top-area .article-metadata .comments span:before { color: #f60; } .life-and-style .article-top-area .article-metadata .comments span:before { color: #f60; } .culture .article-top-area .article-metadata .comments span:before { color: #b74f7d; } .more .article-top-area .article-metadata .comments span:before { color: #006666; } .offers .article-top-area .article-metadata .comments span:before { color: #006666; } .homepage .article-top-area .article-metadata .comments span:before { color: #CC0000; } .frontpage .article-top-area .article-metadata .comments span:before { color: #515151; } .cs-page .article-top-area .article-metadata .comments span:before { color: #011235; } .article-top-area .article-metadata .comments span:empty { opacity: 0; filter: alpha(opacity=0); } .article-top-area .article-metadata .comments span:not(:empty) { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .article-top-area .article-metadata .byline { font-weight: 600; float: left; line-height: normal; width: 80%; color: #999; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .byline { width: 75%; } } @media only screen and (max-width: 767px) { .article-top-area .article-metadata .byline { margin-top: 0; } } .article-top-area .article-metadata .byline:hover { color: inherit; } .article-top-area .article-metadata .byline span { color: #666; } .article-top-area .article-metadata .author + .comments { float: right; padding-left: 10px; } .article-top-area .article-metadata .author + .comments p { margin-bottom: 0; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .author + .comments p:before { margin: 0; } } .article-top-area .article-metadata .author + .comments span { font-size: 14px; font-weight: 400; padding: 0; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .author + .comments span { display: block; text-align: center; } } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .author + .comments { margin-top: 0; border: none; } } .article-top-area .article-metadata .author + .brand { float: right; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .author + .brand { float: none; margin-top: 20px; } } .article-top-area .article-metadata .author .dateline { color: #999; } .article-top-area .article-metadata .author.sponsored-writer .byline { margin-top: 5px; } .article-top-area .article-metadata .author.sponsored-writer .byline span { display: block; color: #888; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata .author.has-job-title + .brand { float: none; clear: both; margin-top: 45px; } } .article-top-area .article-metadata.has-image { line-height: 50px; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata.has-image .time-metadata { margin: 15px 0; } } @media only screen and (max-width: 500px) { .article-top-area .article-metadata.has-image .tw-follow span { display: none; } } .article-top-area .article-metadata.has-image iframe { vertical-align: text-top !important; width: 100% !important; } .article-top-area .article-metadata.has-image iframe.twitter-follow-button.twitter-follow-button-rendered .btn-o a#follow-button.btn { background: none !important; background-image: none !important; } .article-top-area .article-metadata.has-image iframe .btn .label b { display: none !important; } .article-top-area .article-metadata.has-image .author img { float: left; margin-right: 15px; width: 50px; height: 50px; border-radius: 50%; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .article-top-area .article-metadata.has-image .author .byline { width: 50%; line-height: initial; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata.has-image .author .byline { margin-top: 0; } .article-top-area .article-metadata.has-image .author .byline a { display: block; width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .article-top-area .article-metadata.has-image .author .byline { width: 60%; line-height: initial; } } .article-top-area .article-metadata.has-image .author .byline div:only-of-type { line-height: 50px; } .article-top-area .article-metadata.has-image .author + .comments { border: none; } @media only screen and (max-width: 479px) { .article-top-area .article-metadata.has-image .author .dateline { margin-top: 0; display: block; } } .article-top-area .article-metadata a { color: #23517a; } .article-top-area .article-metadata a:hover { text-decoration: underline; } .genre-editorial .article-top-area .article-metadata:before { content: "The Irish Times View"; color: #333; font-size: 14px; text-transform: uppercase; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; line-height: 2.2em; white-space: nowrap; display: inline-block; width: 42px; border-top: 2px solid #777552; } .genre-editorial .article-top-area .article-metadata .comments { float: right; } .article-top-area .article_author, .article-top-area .byline, .article-top-area .twitter-follow-button, .article-top-area .comments { display: inline-block; text-align: left; } .article-top-area .time { text-align: center; padding: 0 10px; } @media only screen and (max-width: 991px) { .article-top-area .time { padding: 0; border: none; } } .article-top-area .time a { color: #515151; } @media only screen and (max-width: 991px) { .article-top-area .time a { padding: 0 10px 0 0; } } @media only screen and (max-width: 479px) { .article-top-area.cs-article .author { overflow: hidden; } } @media only screen and (max-width: 767px) { .article-top-area.cs-article .author img { display: none; } } @media only screen and (max-width: 479px) { .article-top-area.cs-article .author .byline { width: 100% !important; } } @media only screen and (min-width: 480px) and (max-width: 979px) { .article-top-area.cs-article .author .byline { width: 36% !important; } } @media only screen and (max-width: 479px) { .article-top-area.cs-article .author.has-image .byline { width: 100% !important; } } @media only screen and (min-width: 480px) and (max-width: 979px) { .article-top-area.cs-article .author.has-image .byline { width: 36% !important; } } .article-top-area.cs-article .brand { line-height: 15px !important; } .article-top-area.cs-article .brand img { float: left; width: 43px; margin-right: 10px; } .article-top-area.cs-article .brand .brandWrap { float: left; font-size: 12px; margin-top: 8px; } .article-top-area.cs-article .brand .brandWrap span { display: block; } .article-top-area.cs-article .brand .brandWrap span.brandLabel { font-family: "DINWeb-medium", Arial, Helvetica, sans-serif !important; color: #999; } .article-top-area.cs-article .brand .brandWrap span.brandName { font-weight: 600; } .article_holder section.header .image-carousel, .article_holder section.header .video-player { margin: 0 0 24px 0; } .article_holder section.header .image-carousel p, .article_holder section.header .video-player p { border-bottom: none; margin: 0; padding: 8px 0 0 0 !important; color: #888; font-size: 12px; display: block; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; line-height: 1.4em; } .article_holder section.header .image-carousel-thumbnails, .article_holder section.header .video-carousel-thumbnails { margin-top: 8px; } .article_footer .topics_holder { width: 100%; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 12px; max-height: 33px; overflow: hidden; -webkit-transition: max-height 0.5s; -moz-transition: max-height 0.5s; transition: max-height 0.5s; float: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 10px 0 0 0; border-top: 1px dotted #c6c6c6; } @media only screen and (max-width: 767px) { .article_footer .topics_holder { margin-top: 0; } } .article_footer .topics_holder ul { margin: 0; padding-left: 0; display: inline-block; width: 90%; } .article_footer .topics_holder ul li { float: left; list-style: none; line-height: normal; margin: 0 6px 8px; } .article_footer .topics_holder ul li:first-child { margin: 5px 0 0; } .article_footer .topics_holder ul li:first-child strong { padding: 4px 8px 4px 0; } .article_footer .topics_holder ul li a { background-color: #F1F1F1; color: #515151; display: block; font-size: 12px; padding: 4px 8px; border: 1px solid #E3E3E3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; transition: all 0.45s ease; } .article_footer .topics_holder ul li a:hover { background-color: #DEDEDE; color: #333; } .article_footer .toggle_topics { display: none; } .article_footer .toggle_topics.visible { width: 23px; height: 23px; display: block; float: right; cursor: pointer; background-color: #F1F1F1; border: 1px solid #E3E3E3; font-size: 16px; text-align: center; line-height: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .article_footer .toggle_topics.visible:before, .article_footer .toggle_topics.visible:after { content: ""; background: #515151; position: absolute; left: 25%; top: 47%; width: 10px; height: 2px; } .article_footer .toggle_topics.visible:after { -webkit-transition: all 0.12s ease; -moz-transition: all 0.12s ease; transition: all 0.12s ease; -webkit-transform: scale(1) rotate(-90deg); -moz-transform: scale(1) rotate(-90deg); -ms-transform: scale(1) rotate(-90deg); -o-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } .article_footer .toggle_topics.active { background-color: #DEDEDE; } .article_footer .toggle_topics.active:after { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } /* IE8 "Plus Button" Animation degradation */ .related-articles { margin: 30px 0 0 0; } .related-articles a { color: #515151; } .related-articles ul { list-style-type: none; margin: 0; padding: 0; } .related-articles .analysis:before { content: "" !important; } .related-articles .audio:before { content: "" !important; } .related-articles .discussion:before, .related-articles .comment:before { content: "" !important; } .related-articles .external:before { content: "" !important; } .related-articles .gallery:before { content: "" !important; } .related-articles .graphic:before { content: "" !important; } .related-articles .microsite:before { content: "" !important; } .related-articles .interaction:before { content: "" !important; font-size: 115%; } .related-articles .liveblog:before { content: "" !important; } .related-articles .internal:before { content: "" !important; font-size: 90%; } .related-articles .external:before { content: "" !important; } .related-articles .opinion:before { content: "" !important; } .related-articles .pdf:before { content: "" !important; } .related-articles .podcast:before { content: "" !important; } .related-articles .video:before { content: "" !important; } .related-articles .soa:before { font-size: 90% !important; margin-right: 0 !important; content: "" !important; } .authenticated .related-articles .soa:before { content: "" !important; } .related-articles li { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; padding: 8px 0 8px 8px; } .related-articles li:before { display: none; } .related-articles li.analysis a:before { content: "" !important; } .related-articles li.audio a:before { content: "" !important; } .related-articles li.discussion a:before, .related-articles li.comment a:before { content: "" !important; } .related-articles li.external a:before { content: "" !important; } .related-articles li.gallery a:before { content: "" !important; } .related-articles li.graphic a:before { content: "" !important; } .related-articles li.microsite a:before { content: "" !important; } .related-articles li.interaction a:before { content: "" !important; font-size: 115%; } .related-articles li.liveblog a:before { content: "" !important; } .related-articles li.internal a:before { content: "" !important; font-size: 90%; } .related-articles li.external a:before { content: "" !important; } .related-articles li.opinion a:before { content: "" !important; } .related-articles li.pdf a:before { content: "" !important; } .related-articles li.podcast a:before { content: "" !important; } .related-articles li.video a:before { content: "" !important; } .related-articles li.soa a:before { font-size: 100%; -webkit-text-stroke-width: .7px; -moz-text-stroke-width: .7px; content: "" !important; } .authenticated .related-articles li.soa a:before { content: "" !important; } .related-articles li:last-child, .related-articles li:nth-child(5) { border: none; } .related-articles li a { display: block; } .related-articles li a:before { font-family: 'it-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; margin-right: 10px; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 10px; font-size: 90%; font-weight: 400; content: ''; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .related-articles > h2 { font-family: "DINWeb-Bold",Arial,sans-serif; text-transform: uppercase; font-size: 18px; padding: 0; margin: 0; } .related-articles > h2:before { content: " "; display: block; height: 2px; width: 140px; background-color: #000; margin-bottom: 6px; } .related-articles .highlights { background: #f6f6f6; overflow: hidden; margin: 15px 0; position: relative; border: 1px solid #F3F3F3; border-left: 2px solid; } .news .related-articles .highlights { border-left-color: #CC0000; } .sport .related-articles .highlights { border-left-color: #3ea447; } .business .related-articles .highlights { border-left-color: #1190af; } .opinion .related-articles .highlights { border-left-color: #777552; } .debate .related-articles .highlights { border-left-color: #777552; } .lifestyle .related-articles .highlights { border-left-color: #f60; } .life-and-style .related-articles .highlights { border-left-color: #f60; } .culture .related-articles .highlights { border-left-color: #b74f7d; } .more .related-articles .highlights { border-left-color: #006666; } .offers .related-articles .highlights { border-left-color: #006666; } .homepage .related-articles .highlights { border-left-color: #CC0000; } .frontpage .related-articles .highlights { border-left-color: #515151; } .cs-page .related-articles .highlights { border-left-color: #011235; } .related-articles .highlights .img-holder { position: relative; display: block; float: left; width: 38%; } @media only screen and (max-width: 479px) { .related-articles .highlights .img-holder { float: none; width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 979px) { .related-articles .highlights .img-holder { width: 40%; } } .related-articles .highlights .img-holder img { width: 100%; max-width: 300px !important; } .related-articles .highlights .highlights-chunk { float: left; width: 62%; box-sizing: border-box; padding: 0 10px; } @media only screen and (max-width: 479px) { .related-articles .highlights .highlights-chunk { float: none; width: 100%; padding: 10px; } } @media only screen and (min-width: 480px) and (max-width: 979px) { .related-articles .highlights .highlights-chunk { width: 60%; } } .related-articles .highlights h2 { padding: 0; margin: 8px 0 5px 0; font-family: Georgia, "Times New Roman", Times, serif; border: none; text-transform: none; font-size: 120%; } .related-articles .highlights h2:before { font-family: 'it-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; margin-right: 10px; font-size: 100%; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; font-size: 80%; font-weight: 400; content: ''; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 480px) and (max-width: 979px) { .related-articles .highlights h2 { font-size: 110%; } } .related-articles .highlights a { padding: 0 !important; margin: 0 !important; } .related-articles .highlights p { padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em; /* Line Clamping */ height: 3.9em; overflow: hidden; position: relative; } .related-articles .highlights p:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 20%; height: 1.3em; background: linear-gradient(to right, rgba(246, 246, 246, 0), #f6f6f6 50%); } @media only screen and (max-width: 479px) { .related-articles .highlights p { padding-bottom: 15px; } } @media only screen and (min-width: 480px) and (max-width: 979px) { .related-articles .highlights p { font-size: 12px; } } .related-articles button { color: #505050; margin: 10px 0; width: 100%; background: #f6f6f6; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); border: none; padding: 15px 0; border-radius: 3px !important; } .related-articles button:hover, .related-articles button:active, .related-articles button:focus { background: #f6f6f6; box-shadow: 0 0 2px rgba(0, 0, 0, 0.13); } .related-articles button .symbol { background: #7f8c8d; width: 12px; height: 2px; position: relative; margin: 0 auto; display: block; } .related-articles button .symbol:before { background: #7f8c8d; width: 12px; height: 2px; content: ""; position: absolute; top: 0; left: 0; -webkit-transform: scale(1) rotate(-90deg); -moz-transform: scale(1) rotate(-90deg); -ms-transform: scale(1) rotate(-90deg); -o-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); -webkit-transition: all 0.12s ease; -moz-transition: all 0.12s ease; transition: all 0.12s ease; } .related-articles button.content-shown .symbol:before { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .related-articles .collapse { transition: height 0.3s; } .related-articles .collapse.in li:first-child { border-top: 1px solid #ececec; } .related-articles--instream { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; } .related-articles--instream:before { content: " "; display: block; height: 2px; width: 140px; } .news .related-articles--instream:before { background-color: #CC0000; } .sport .related-articles--instream:before { background-color: #3ea447; } .business .related-articles--instream:before { background-color: #1190af; } .opinion .related-articles--instream:before { background-color: #777552; } .debate .related-articles--instream:before { background-color: #777552; } .lifestyle .related-articles--instream:before { background-color: #f60; } .life-and-style .related-articles--instream:before { background-color: #f60; } .culture .related-articles--instream:before { background-color: #b74f7d; } .more .related-articles--instream:before { background-color: #006666; } .offers .related-articles--instream:before { background-color: #006666; } .homepage .related-articles--instream:before { background-color: #CC0000; } .frontpage .related-articles--instream:before { background-color: #515151; } .cs-page .related-articles--instream:before { background-color: #011235; } .related-articles--instream:after { content: " "; display: block; height: 10px; width: 140px; border-bottom: 1px dotted #c6c6c6; } .related-articles--instream ul { list-style: none; margin: 0; padding: 0; } .related-articles--instream ul:before { content: "Related"; color: #333; font-size: 14px; text-transform: uppercase; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; } .related-articles--instream ul li { padding: 0 0 5px 20px; line-height: 1.2em; position: relative; margin-top: 5px; } .related-articles--instream ul li::before { border-radius: 50%; content: " "; display: block; width: 5px; height: 5px; left: 8px; position: absolute; top: 8px; } .news .related-articles--instream ul li::before { background-color: #CC0000; } .sport .related-articles--instream ul li::before { background-color: #3ea447; } .business .related-articles--instream ul li::before { background-color: #1190af; } .opinion .related-articles--instream ul li::before { background-color: #777552; } .debate .related-articles--instream ul li::before { background-color: #777552; } .lifestyle .related-articles--instream ul li::before { background-color: #f60; } .life-and-style .related-articles--instream ul li::before { background-color: #f60; } .culture .related-articles--instream ul li::before { background-color: #b74f7d; } .more .related-articles--instream ul li::before { background-color: #006666; } .offers .related-articles--instream ul li::before { background-color: #006666; } .homepage .related-articles--instream ul li::before { background-color: #CC0000; } .frontpage .related-articles--instream ul li::before { background-color: #515151; } .cs-page .related-articles--instream ul li::before { background-color: #011235; } .related-articles--instream ul li a .instream-headline { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 14px; color: #515151; } @font-face { font-family: 'FontAwesomeLight'; font-style: normal; font-weight: 300; src: url("/assets/fonts/fa-light-300.woff2") format("woff2"), url("/assets/fonts/fa-light-300.woff") format("woff"); } .notifyjs-readNext-base .read-next .front .read-next--title:after, .notifyjs-readNext-base .read-next--dismiss:before, .notifyjs-readNext-base .read-next--optout:before { font-family: FontAwesomeLight; } .notifyjs-readNext-base.flipped .read-next .front { pointer-events: none; opacity: 0; } .notifyjs-readNext-base.flipped .read-next .back { opacity: 1; z-index: 1; } .notifyjs-readNext-base .read-next { border: 1px solid #CCC; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; color: #333; max-width: 280px; font-family: Lato; line-height: 1.2em; text-align: center; -webkit-font-smoothing: antialiased; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next { display: flex; width: 100%; max-width: 400px; } } .notifyjs-readNext-base .read-next--wrapper { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; background-color: #FFF; position: relative; padding: 10px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--wrapper { padding: 10px 10px 0 10px; position: static; } } .notifyjs-readNext-base .read-next .front { z-index: 2; } .notifyjs-readNext-base .read-next .front .read-next--title { cursor: pointer; } .notifyjs-readNext-base .read-next .front .read-next--title:after { content: "\f05a"; margin-left: 5px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next .front .read-next--title:before { display: none; } } .notifyjs-readNext-base .read-next .back { border: 1px solid #CCC; z-index: -1; position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: space-evenly; top: 156px; left: 0; bottom: 0; right: 0; opacity: 0; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next .back { top: -40px; } } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next .back .read-next--title { box-shadow: 0 -5px 10px -3px rgba(0, 0, 0, 0.2); border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; top: -21px; } } .notifyjs-readNext-base .read-next--info { font-size: 13px; } .notifyjs-readNext-base .read-next--title { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* This is redundant on any other template other than article skins */ text-transform: uppercase; color: #adb5bd; font-size: 12px; background: white; display: inline-block; position: absolute; width: 220px; left: calc(50% - 110px); height: 20px; line-height: 25px; top: -20px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--title { box-shadow: 0 -5px 10px -3px rgba(0, 0, 0, 0.2); border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; } } .notifyjs-readNext-base .read-next--title:before { content: ""; display: block; width: 60px; height: 1px; background-color: #adb5bd; position: absolute; bottom: -8px; left: calc(50% - 30px); } .notifyjs-readNext-base .read-next--headline { font-family: "Merriweather"; font-size: 18px; padding: 10px 0; clear: both; line-height: 1.5em; /* Line clamp for small viewports */ /* Change the line-height to 3 lines for smaller screens */ } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--headline { font-size: 14px; padding: 0; text-align: left; } } @media only screen and (max-width: 479px) { .notifyjs-readNext-base .read-next--headline { overflow: hidden; position: relative; max-width: 350px; max-height: 6em; } .notifyjs-readNext-base .read-next--headline:before { content: '...'; position: absolute; right: 0; bottom: 0; } .notifyjs-readNext-base .read-next--headline:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #ffffff; } } @media only screen and (max-width: 374px) { .notifyjs-readNext-base .read-next--headline { max-height: 4.5em; } } .notifyjs-readNext-base .read-next--category { position: absolute; background-color: black; z-index: 1; left: 0; margin: 8px; color: white; padding: 2px 4px; font-size: 12px; border-radius: 2px; line-height: normal; text-transform: uppercase; } .notifyjs-readNext-base .read-next--category:before { content: "IT |"; font-family: Times; margin-right: 1px; font-size: 13px; font-weight: bold; height: 100%; padding: 2px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--category { display: none; } } .notifyjs-readNext-base .read-next.news .read-next--category { background-color: #CC0000; } .notifyjs-readNext-base .read-next.sport .read-next--category { background-color: #3ea447; } .notifyjs-readNext-base .read-next.business .read-next--category { background-color: #1190af; } .notifyjs-readNext-base .read-next.opinion .read-next--category { background-color: #777552; } .notifyjs-readNext-base .read-next.lifestyle .read-next--category { background-color: #f60; } .notifyjs-readNext-base .read-next.life-and-style .read-next--category { background-color: #f60; } .notifyjs-readNext-base .read-next.culture .read-next--category { background-color: #b74f7d; } .notifyjs-readNext-base .read-next.more .read-next--category { background-color: #006666; } .notifyjs-readNext-base .read-next--dismiss { position: absolute; z-index: 1; right: 0; padding: 4px 6px; cursor: pointer; font-size: 18px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--dismiss { right: inherit; left: 5px; } } .notifyjs-readNext-base .read-next--dismiss:before { content: "\f13a"; color: white; background: rgba(0, 0, 0, 0.25); border-radius: 100%; } .notifyjs-readNext-base .read-next--optout { cursor: pointer; color: #adb5bd; } .notifyjs-readNext-base .read-next--optout:before { content: "\f057"; margin-right: 3px; } .notifyjs-readNext-base .read-next a { color: inherit; display: block; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--img { position: relative; padding: 5px 0 5px 5px; } .notifyjs-readNext-base .read-next--img:before { content: ""; background: rgba(0, 0, 0, 0.6) url(/assets/images/logo/masthead-small-white.svg) 90% 4px no-repeat; display: block; opacity: 1; width: calc(100% - 5px); background-size: 70%; height: 17%; position: absolute; right: 0px; bottom: 5px; background-size: 80%; z-index: 1; } } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next-no-image { padding: 10px; } } .notifyjs-readNext-base .read-next-no-image .read-next--title, .notifyjs-readNext-base .read-next-no-image + .back .read-next--title { box-shadow: 0 -5px 10px -3px rgba(0, 0, 0, 0.2); border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; top: -21px; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next-no-image .read-next--title { top: -20px; } } .notifyjs-readNext-base .read-next-no-image + .back { top: 0; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next-no-image + .back { top: -80px; } } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next-no-image .read-next--headline { text-align: center; } } .notifyjs-readNext-base .read-next--btn { width: 40%; margin: 15px auto 10px; padding: 3px; font-size: 14px; text-transform: uppercase; border-radius: 2px; border: 1px solid #adb5bd; color: #adb5bd; cursor: pointer; } @media only screen and (max-width: 767px) { .notifyjs-readNext-base .read-next--read { display: none; } } .cre-confirmation { text-align: center; display: flex; align-items: center; justify-content: center; padding: 50px 0; width: 278px; } .ad-inline-article { clear: both; background-color: #f6f6f6; padding: 5px 0 15px 0; display: -webkit-box; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; margin: 10px 0 20px 0; } @media only screen and (max-width: 767px) { .ad-inline-article { margin: 10px -50% 20px -50%; } } .ad-inline-article:before { content: "Advertisement"; clear: both; display: block; font-size: 65%; color: #999; width: 100%; font-family: "Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; } .inline__content--pullquote, .inline__content--pullquote-fw { font-size: 22px; line-height: 1.3em; color: #444; font-family: "Lato", Helvetica, Arial, sans-serif; border-left: 4px solid; padding: 0px 0 10px 10px; } .news .inline__content--pullquote, .news .inline__content--pullquote-fw { border-color: #CC0000; } .sport .inline__content--pullquote, .sport .inline__content--pullquote-fw { border-color: #3ea447; } .business .inline__content--pullquote, .business .inline__content--pullquote-fw { border-color: #1190af; } .opinion .inline__content--pullquote, .opinion .inline__content--pullquote-fw { border-color: #777552; } .debate .inline__content--pullquote, .debate .inline__content--pullquote-fw { border-color: #777552; } .lifestyle .inline__content--pullquote, .lifestyle .inline__content--pullquote-fw { border-color: #f60; } .life-and-style .inline__content--pullquote, .life-and-style .inline__content--pullquote-fw { border-color: #f60; } .culture .inline__content--pullquote, .culture .inline__content--pullquote-fw { border-color: #b74f7d; } .more .inline__content--pullquote, .more .inline__content--pullquote-fw { border-color: #006666; } .offers .inline__content--pullquote, .offers .inline__content--pullquote-fw { border-color: #006666; } .homepage .inline__content--pullquote, .homepage .inline__content--pullquote-fw { border-color: #CC0000; } .frontpage .inline__content--pullquote, .frontpage .inline__content--pullquote-fw { border-color: #515151; } .cs-page .inline__content--pullquote, .cs-page .inline__content--pullquote-fw { border-color: #011235; } .inline__content--pullquote:before, .inline__content--pullquote-fw:before { font-family: Georgia; font-size: 4em; height: 0.15em; display: block; padding-top: 30px; content: '\201C'; } .news .inline__content--pullquote:before, .news .inline__content--pullquote-fw:before { color: #CC0000; } .sport .inline__content--pullquote:before, .sport .inline__content--pullquote-fw:before { color: #3ea447; } .business .inline__content--pullquote:before, .business .inline__content--pullquote-fw:before { color: #1190af; } .opinion .inline__content--pullquote:before, .opinion .inline__content--pullquote-fw:before { color: #777552; } .debate .inline__content--pullquote:before, .debate .inline__content--pullquote-fw:before { color: #777552; } .lifestyle .inline__content--pullquote:before, .lifestyle .inline__content--pullquote-fw:before { color: #f60; } .life-and-style .inline__content--pullquote:before, .life-and-style .inline__content--pullquote-fw:before { color: #f60; } .culture .inline__content--pullquote:before, .culture .inline__content--pullquote-fw:before { color: #b74f7d; } .more .inline__content--pullquote:before, .more .inline__content--pullquote-fw:before { color: #006666; } .offers .inline__content--pullquote:before, .offers .inline__content--pullquote-fw:before { color: #006666; } .homepage .inline__content--pullquote:before, .homepage .inline__content--pullquote-fw:before { color: #CC0000; } .frontpage .inline__content--pullquote:before, .frontpage .inline__content--pullquote-fw:before { color: #515151; } .cs-page .inline__content--pullquote:before, .cs-page .inline__content--pullquote-fw:before { color: #011235; } @media only screen and (max-width: 767px) { .inline__content--pullquote, .inline__content--pullquote-fw { font-size: 24px; } } .inline__content { margin: 6px auto 18px; } aside.inline__content--pullquote-fw { padding-bottom: 0; line-height: 1.4em; } aside.inline__content--pullquote-fw:before { display: none; } .inline__content--image { display: table; } .inline__content--image figcaption { font-family: "Lato", Helvetica, Arial, sans-serif; line-height: 1.4em; font-size: 12px; color: #888; padding: 8px 0 0 0; display: table-caption; caption-side: bottom; } .inline__content--image.left:not(.ls) { float: left; margin-right: 12px; max-width: 45%; } .inline__content--image.left.ls { float: none; margin-right: 0; } @media only screen and (min-width: 768px) { .inline__content--image.left.ls { float: left; margin-right: 12px; max-width: 45%; } } .inline__content--image.right:not(.ls) { float: right; margin-left: 12px; max-width: 45%; } .inline__content--image.right.ls { float: none; margin-right: 0; } @media only screen and (min-width: 768px) { .inline__content--image.right.ls { float: right; margin-left: 12px; max-width: 45%; } } .nocookie__box { display: none; } .nocookie__container { width: 100%; background: #f6f6f6; padding: 20px; position: relative; padding: 50px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .nocookie__container:before { width: 100%; height: 100%; content: ""; background: rgba(187, 187, 187, 0.3) url(/assets/images/article/IT-logo_small.svg) no-repeat center center; background-size: 20%; opacity: 0.03; position: absolute; top: 0; left: 0; pointer-events: none; } .nocookie__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nocookie__content button#ot-sdk-btn.ot-sdk-show-settings, .nocookie__content button#ot-sdk-btn.optanon-show-settings { text-decoration: none; padding: 10px !important; color: white !important; background: #111113 !important; font-family: Arial, Helvetica, sans-serif; font-size: 14px !important; margin: 20px 0 0 0 !important; border-radius: 3px !important; } .nocookie__warning { display: block; text-align: center; font-family: Arial, Helvetica, sans-serif; } .nocookie__box + .nocookie__container { display: block; } .scaleVideo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; } .scaleVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .cta-wrapper { font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif; text-align: center; margin: 0 0 20px 0; position: relative; width: 100%; } .cta-wrapper:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.43); position: absolute; } .cta-wrapper img { width: 100%; height: 100% !important; object-fit: cover; position: absolute; left: 0; } .cta-wrapper .cta { padding: 20px 0 20px; display: flex; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; z-index: 1; position: relative; } .cta-wrapper .cta h3 { margin: 0; padding: 10px 0 5px; font-size: 28px; color: white; font-weight: 400; } .cta-wrapper .cta span { margin: 0; padding: 0 0 20px 0; color: white; } .cta-wrapper .cta .action { font-weight: 500; display: block; padding: 7px 0px; margin: 0 auto; width: calc(50% - 20px); border: 1px solid white; border-radius: 4px; color: white; cursor: pointer; } .addthis_sharing_toolbox a { display: inline-block; float: left; margin: 0px 10px 10px 0px !important; cursor: pointer; width: 28px; height: 28px; max-width: 28px; max-height: 28px; opacity: 0.8; filter: alpha(opacity=80); -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; -ms-border-radius: 100% !important; border-radius: 100% !important; /* @include breakpoint(all-above-tablet){ width: 28px!important; height: 28px!important; max-width: 28px!important; max-height: 28px!important; } */ } .addthis_sharing_toolbox a:hover { opacity: 1; filter: alpha(opacity=100); } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox a { margin: 0px 10px 10px 0px !important; } } .addthis_sharing_toolbox a span { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; display: block; position: static; background-repeat: no-repeat; overflow: hidden; /*text-indent: -9999em;*/ text-align: center; color: #fff; pointer-events: none; } .addthis_sharing_toolbox a span .at-icon { width: 28px !important; height: 28px !important; } @media only screen and (min-width: 980px) { .addthis_sharing_toolbox a span { height: 28px !important; width: 28px !important; line-height: 28px !important; background-size: 28px !important; } .addthis_sharing_toolbox a span.at4-icon { background-size: 22px !important; background-position: center !important; } } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox a span { pointer-events: none; } } span.at4-visually-hidden { position: absolute !important; } #torso .bt-container .at-share-tbx-element .at-share-btn:focus, #torso .bt-container .at-share-tbx-element .at-share-btn:hover { -webkit-transform: translateY(0px); transform: translateY(0px); outline-offset: 0px; } /*a.at-svc-mailto{ background:#c6c6c6!important; } .at4-icon.aticon-mailto { background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.189%209.55h-20.149l10.02%207.57%2010.129-7.57zm-10.129%2010.12l-10.28-8.8v11.58h20.57v-11.49l-10.29%208.71z%22%2F%3E%3C%2Fsvg%3E') no-repeat center !important; } */ @font-face { font-family: 'social-icons'; src: url("/assets/images/icons/fonts/social-icons/social-icons.eot?-ggmwyo"); src: url("/assets/images/icons/fonts/social-icons/social-icons.eot?#iefix-ggmwyo") format("embedded-opentype"), url("/assets/images/icons/fonts/social-icons/social-icons.ttf?-ggmwyo") format("truetype"), url("/assets/images/icons/fonts/social-icons/social-icons.woff?-ggmwyo") format("woff"), url("/assets/images/icons/fonts/social-icons/social-icons.svg?-ggmwyo#social-icons") format("svg"); font-weight: normal; font-style: normal; } [class^="social-icons-"], [class*=" social-icons-"] { font-family: 'social-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-icons-More:before { content: "\ec67"; } .social-icons-Close:before { content: "\ed69"; } .social-icons-Print:before { content: "\e601"; } .social-icons-RSS:before { content: "\e603"; } .social-icons-Comment:before { content: "\e600"; } .shareTools, .shareToolsBottom { width: 28px; margin: 6px 10px 10px -0; float: left; } @media only screen and (max-width: 767px) { .shareTools, .shareToolsBottom { bottom: -100px; width: 460px; margin: 0 0 15px 0; -webkit-transition: bottom 0.3s ease, background 0.3s ease; -moz-transition: bottom 0.3s ease, background 0.3s ease; transition: bottom 0.3s ease, background 0.3s ease; } .shareTools.fixie, .fixie.shareToolsBottom { position: fixed; bottom: 0px; background: rgba(255, 255, 255, 0.92); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.44); margin: 0 -300px; padding: 10px 300px 0 300px; } .shareTools.fixie--hidden, .fixie--hidden.shareToolsBottom { bottom: -100px; margin: 0 -300px; padding: 0 300px 0 300px; } } @media only screen and (max-width: 480px) { .shareTools, .shareToolsBottom { width: 300px; } } .shareTools > .addthis_sharing_toolbox .at-svc-linkedin, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-linkedin, .shareTools > .addthis_sharing_toolbox .at-svc-pinterest_share, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-pinterest_share, .shareTools > .addthis_sharing_toolbox .at-svc-google_plusone_share, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-google_plusone_share, .shareTools > .addthis_sharing_toolbox .at-svc-reddit, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-reddit, .shareTools > .addthis_sharing_toolbox .at-svc-whatsapp, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-whatsapp { display: none; } .business .shareTools > .addthis_sharing_toolbox .at-svc-linkedin, .business .shareToolsBottom > .addthis_sharing_toolbox .at-svc-linkedin { display: inline-block; } .business .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-linkedin, .business .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-linkedin { display: none; } .life-and-style .shareTools > .addthis_sharing_toolbox .at-svc-pinterest_share, .life-and-style .shareToolsBottom > .addthis_sharing_toolbox .at-svc-pinterest_share { display: inline-block; } .life-and-style .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share, .life-and-style .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share { display: none; } .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-facebook, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-facebook, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-twitter, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-twitter, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-mailto, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-mailto, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-whatsapp, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-whatsapp { display: none !important; } .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-linkedin, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-linkedin, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-google_plusone_share, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-google_plusone_share, .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-reddit, .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-reddit { display: inline-block; } .business .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-linkedin, .business .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-linkedin { display: none; } .life-and-style .shareTools > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share, .life-and-style .shareToolsBottom > .addthis_sharing_toolbox .more-tools .at-svc-pinterest_share { display: none; } @media only screen and (max-width: 767px) { .shareTools > .addthis_sharing_toolbox .at-svc-whatsapp, .shareToolsBottom > .addthis_sharing_toolbox .at-svc-whatsapp { display: inline-block !important; } } .shareToolsBottom { display: none; } .shareToolsBottom:not(.fixie) { margin-bottom: 15px; } .shareToolsBottom.hide_me { visibility: hidden; } @media only screen and (max-width: 767px) { .shareToolsBottom { display: block; } } .shareToolsPlaceholder { display: none; } @media only screen and (max-width: 767px) { .shareToolsPlaceholder { display: block; height: 0; float: left; } } .addthis_sharing_toolbox { position: relative; float: left; display: table; } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } .addthis_sharing_toolbox .at-share-tbx-element { display: table-header-group !important; } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox .at-share-tbx-element { width: 75%; } .business .addthis_sharing_toolbox .at-share-tbx-element { width: 80%; } .life-and-style .addthis_sharing_toolbox .at-share-tbx-element { width: 80%; } } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox .at-share-tbx-element .at-share-btn-elements { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; -webkit-order: 1; -moz-order: 1; order: 1; -ms-flex-order: 1; display: -webkit-box !important; display: -moz-box !important; display: box !important; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox .more-tools .addthis_sharing_toolbox { -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; width: 66.66%; } .business .addthis_sharing_toolbox .more-tools .addthis_sharing_toolbox { width: 60%; } .life-and-style .addthis_sharing_toolbox .more-tools .addthis_sharing_toolbox { width: 60%; } } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox .more-tools .addthis_sharing_toolbox .at-share-tbx-element { width: 100%; } } @media only screen and (max-width: 767px) { .addthis_sharing_toolbox .more-tools .more-tools--custom { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; width: 33.33%; } .business .addthis_sharing_toolbox .more-tools .more-tools--custom { width: 40%; } .life-and-style .addthis_sharing_toolbox .more-tools .more-tools--custom { width: 40%; } } .more-button--wrapper { width: 100%; height: 100%; float: left; } @media only screen and (max-width: 767px) { .more-button--wrapper { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; -webkit-order: 2; -moz-order: 2; order: 2; -ms-flex-order: 2; width: 25%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } .business .more-button--wrapper { width: 20%; } .life-and-style .more-button--wrapper { width: 20%; } } .addthis_sharing_toolbox a.social-icons-More, .addthis_sharing_toolbox a.social-icons-Close, .addthis_sharing_toolbox a.social-icons-Print, .addthis_sharing_toolbox a.social-icons-RSS { background: #fff; border: 1px solid #c6c6c6; overflow: visible; text-indent: 0; color: #c6c6c6; width: 28px; height: 28px; } .addthis_sharing_toolbox a.social-icons-More:before { font-size: 19px; } .addthis_sharing_toolbox a.social-icons-Print:before { font-size: 16px; } .addthis_sharing_toolbox a:before { display: block; text-align: center; font-size: 14px; line-height: 28px; } .more-tools { box-sizing: border-box; float: left; visibility: visible; height: 100%; max-height: 600px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .more-tools.more-tools--hidden { visibility: hidden; max-height: 0; opacity: 0; filter: alpha(opacity=0); } @media only screen and (max-width: 767px) { .more-tools.more-tools--hidden { margin-top: 0px; } } @media only screen and (max-width: 767px) { .more-tools { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; box-ordinal-group: 3; -webkit-order: 3; -moz-order: 3; order: 3; -ms-flex-order: 3; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: block; justify-content: space-between; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; position: relative; width: 100%; } } /* beacon to track when article bottom is in view */ .beacon { display: inline-block; position: absolute; } /* IE9 Fallback */ @media only screen and (max-width: 767px) { .no-flexbox .addthis_sharing_toolbox { display: block; } .no-flexbox .addthis_sharing_toolbox #atstbx, .no-flexbox .addthis_sharing_toolbox #atstbx2 { display: block !important; width: 80%; float: left; } .no-flexbox .addthis_sharing_toolbox .more-button--wrapper { width: 20%; float: right; } .no-flexbox .addthis_sharing_toolbox .more-button--wrapper .more-button { float: right; } } .article_notice { color: #DC5A5A; font-family: Arial,Helvetica,sans-serif; font-size: 14px; position: relative; /* Specific overrides depending on Desktop article template display */ } .article_notice i { margin: 0 5px 0 4px; } .update_and_social_holder + .article_notice { clear: left; top: -15px; padding-bottom: 5px; border-bottom: 1px dashed #f1f1f1; } .homeReviewMeta_wrapper .article_notice { font-size: 13px; padding: 5px 0; border-bottom: dashed 1px #cccccc; } .audio--podcast__image { position: relative; text-align: center; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } .audio--podcast__image img { z-index: 1; position: relative; } .audio--podcast__bgimage { display: block; content: ''; background-repeat: no-repeat; background-size: 100% auto; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; filter: blur(15px); clip-path: inset(0px 0px 0px 0px); clip: rect(0px, 620px, 330px, 0px); opacity: 0.5; } @media only screen and (max-width: 480px) { .audio--podcast__bgimage { display: none; } } .audio--podcast .article_info { margin-top: 8px; } .audio--podcast--details { display: flex; flex-flow: column no-wrap; border-top: 1px dashed #c6c6c6; padding-top: 1rem; } .audio--podcast--details__image { width: 25%; } .audio--podcast--details__image img { width: 130px; height: auto; } .audio--podcast--details__content { margin-left: 1rem; width: 75%; } .audio--podcast--details__content h2 { font-weight: 300; padding-top: 0; } .audio--podcast--details__content p { padding-bottom: 0; } .audio--podcast--details__content .externalLinks h4 { font-family: 'Lato'; font-size: 16px; } .audio--podcast--info.article_info ul { display: flex; flex-flow: column no-wrap; padding-inline-start: 0; } .audio--podcast--info.article_info ul li { list-style: none; margin: 0; display: inline; margin-left: 0.325rem; margin-right: 0.325rem; font-size: 13px !important; } .audio--podcast--info.article_info ul li span { font-size: 13px; } .audio--podcast--info.article_info ul li:first-child { margin-left: 0; } .news .audio--podcast--info.article_info ul li:first-child a { color: #CC0000; } .sport .audio--podcast--info.article_info ul li:first-child a { color: #3ea447; } .business .audio--podcast--info.article_info ul li:first-child a { color: #1190af; } .opinion .audio--podcast--info.article_info ul li:first-child a { color: #777552; } .debate .audio--podcast--info.article_info ul li:first-child a { color: #777552; } .lifestyle .audio--podcast--info.article_info ul li:first-child a { color: #f60; } .life-and-style .audio--podcast--info.article_info ul li:first-child a { color: #f60; } .culture .audio--podcast--info.article_info ul li:first-child a { color: #b74f7d; } .more .audio--podcast--info.article_info ul li:first-child a { color: #006666; } .offers .audio--podcast--info.article_info ul li:first-child a { color: #006666; } .homepage .audio--podcast--info.article_info ul li:first-child a { color: #CC0000; } .cs-page .audio--podcast--info.article_info ul li:first-child a { color: #011235; } @media only screen and (max-width: 480px) { .audio--podcast--info.article_info ul { flex-flow: column wrap; } .audio--podcast--info.article_info ul li { margin-left: 0; margin-right: 0; margin-top: 0.325rem; margin-bottom: 0.325rem; } } .audio--podcast--button { background-color: #fff; padding: 6px 8px; border-radius: 3px; border: 1px solid #869cb4; font-family: 'Lato', Arial, Helvetica, sans-serif; top: 1rem; color: #869cb4 !important; font-weight: bold; position: relative; font-size: 12px; text-transform: uppercase; } .audio--tools { line-height: 28px; margin: 5px 0; width: 100%; } .audio--tools #atstbx { display: inline !important; } .audio--tools #atstbx .at-svc-linkedin, .audio--tools #atstbx .at-svc-pinterest_share, .audio--tools #atstbx .at-svc-google_plusone_share, .audio--tools #atstbx .at-svc-reddit, .audio--tools #atstbx .at-svc-whatsapp, .audio--tools #atstbx .at4-visually-hidden { display: none; } #wrapper.pl-enabled { padding-bottom: 4rem; } .audio-player-wrapper { position: relative; height: 70px; background-color: #f0f0f0; width: 100%; z-index: 4; bottom: 0; left: 0; } @media only screen and (max-width: 480px) { .audio-player-wrapper { height: 50px; } } article.has-audio { z-index: initial; } article.has-audio .audio-player-wrapper { position: fixed; } .audio--player__container { background-color: #333; position: relative; max-width: 1920px; margin: auto; } @media only screen and (max-width: 480px) { .audio--player__container { background-color: #065556; } } .audio--player__container:before { content: attr(data-title); position: absolute; top: 0; pointer-events: none; z-index: 5; color: white; left: 84px; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; margin-top: 13px; display: inline; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold; } @media only screen and (max-width: 480px) { .audio--player__container:before { width: 60%; padding-left: 10px; left: 50px; font-size: 13px; top: -10px; } } .audio--player__container:after { content: attr(data-author); position: absolute; bottom: 10px; pointer-events: none; z-index: 5; color: white; left: 84px; width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; display: inline; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; } @media only screen and (max-width: 480px) { .audio--player__container:after { width: 60%; padding-left: 10px; left: 50px; font-size: 12px; bottom: 5px; } } .audio--player__container [class^="icon-"] { background-image: none; background-position: 12px 14px; } .audio--player__container:visited { color: #ccc; } .plyr--audio .plyr__controls { background-color: transparent; padding: 0px !important; color: #fff; } .plyr--audio .plyr__controls button:hover { background-color: #099EA0; opacity: 1; } .plyr--audio .plyr__controls__item { margin-left: 0; } .plyr--audio .plyr__controls__item.plyr__time--current { position: absolute; font-size: 10px; left: calc(100% - 160px); z-index: 2; bottom: 5px; } .player-docked .plyr--audio .plyr__controls__item.plyr__time--current { left: calc(100% - 160px); } @media only screen and (max-width: 480px) { .plyr--audio .plyr__controls__item.plyr__time--current { left: calc(100% - 32%); } } .plyr--audio .plyr__controls__item.plyr__control { background-color: #00cccc; padding: 25px; border-radius: 0px !important; } .plyr--audio .plyr__controls__item.plyr__control--pressed { background-color: #00cccc; } .plyr--audio .plyr__controls__item.plyr__control.plyr__tab-focus { background-color: #00cccc; } .plyr--audio .plyr__controls__item.plyr__control.plyr__tab-focus:hover { background-color: transparent; } .plyr--audio .plyr__controls__item.plyr__control[aria-expanded="true"] { background-color: transparent !important; } .plyr--audio .plyr__controls__item.plyr__control[aria-expanded="true"]:hover { background-color: transparent; } .plyr--audio .plyr__controls__item.plyr__control:hover { background-color: #099ea0; border-radius: 0px !important; } @media only screen and (max-width: 480px) { .plyr--audio .plyr__controls__item.plyr__control { padding: 14px; } } .plyr--audio .plyr__controls__item.plyr__volume { position: relative; } .plyr--audio .plyr__controls__item.plyr__volume input[type="range"] { color: #00cccc; margin-left: -15px; background: #333333; } .plyr--audio .plyr__controls__item.plyr__volume input[type="range"]::-webkit-slider-runnable-track, .plyr--audio .plyr__controls__item.plyr__volume input[type="range"]::-ms-track { height: 2px; } .plyr--audio .plyr__controls__item.plyr__volume input[type="range"]::-webkit-slider-thumb, .plyr--audio .plyr__controls__item.plyr__volume input[type="range"]::-ms-thumb { -webkit-appearance: none; height: 6px; width: 6px; border-radius: 5px; background: #00cccc; cursor: pointer; margin-top: -1.7px; } .firefox .plyr--audio .plyr__controls__item.plyr__volume input[type="range"] { width: 30%; } @media only screen and (max-width: 480px) { .plyr--audio .plyr__controls__item.plyr__volume { max-width: 50px; } .plyr--audio .plyr__controls__item.plyr__volume input[type="range"], .plyr--audio .plyr__controls__item.plyr__volume [data-plyr="mute"] + input[type="range"] { display: none; } } .plyr--audio .plyr__controls button { background-color: #00cccc; width: 70px; height: 70px; } @media only screen and (max-width: 480px) { .plyr--audio .plyr__controls button { width: 50px; height: 50px; } } .plyr--audio .plyr__controls button[data-plyr="play"] { background-color: #00cccc; } .plyr--audio .plyr__controls button[data-plyr="play"]:hover { background-color: #099EA0 !important; } .plyr--audio .plyr__controls button[data-plyr="play"]:active { background-color: #00cccc; } .plyr--audio .plyr__controls button[data-plyr="play"]:visited { background-color: #00cccc; } .plyr--audio .plyr__controls button[data-plyr="mute"] { background-color: transparent; border-radius: 0px; } .plyr--audio .plyr__controls button[data-plyr="mute"]:hover, .plyr--audio .plyr__controls button[data-plyr="mute"]:focus, .plyr--audio .plyr__controls button[data-plyr="mute"]:active, .plyr--audio .plyr__controls button[data-plyr="mute"]:visited { background-color: transparent; } .plyr__progress__container .plyr__progress { left: 4px; margin-right: 14px; } .plyr__progress__container .plyr__progress input[type="range"] { color: #099ea0; height: 70px; border-radius: 0px; background: #333333; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"] { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-webkit-slider-runnable-track { background-color: #222222; border-radius: 0px; height: 70px; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-webkit-slider-runnable-track { background-color: #222222; height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-moz-range-track { background-color: #222222; border-radius: 0px; height: 70px; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-moz-range-track { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-ms-track { background-color: #222222; border-radius: 0px; height: 70px; cursor: pointer; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-ms-track { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-ms-fill-upper { background-color: #222222; height: 70px; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-ms-fill-upper { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-ms-fill-lower { background-color: #099ea0; height: 70px; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-ms-fill-lower { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; height: 70px; width: 0px; border-radius: 3px; background: #ffffff; cursor: pointer; margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ box-shadow: none; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-webkit-slider-thumb { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-moz-range-thumb { height: 70px; width: 0px; border-radius: 3px; background: #ffffff; cursor: pointer; margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ box-shadow: none; /* Add cool effects to your sliders! */ } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-moz-range-thumb { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-ms-thumb { height: 70px; width: 0px; border-radius: 3px; background: #ffffff; cursor: pointer; margin-top: 0px; box-shadow: none; } @media only screen and (max-width: 480px) { .plyr__progress__container .plyr__progress input[type="range"]::-ms-thumb { height: 50px; } } .plyr__progress__container .plyr__progress input[type="range"]::-moz-range-progress { height: 70px !important; } .plyr__control .plyr__tab-focus { box-shadow: none !important; } .plyr__control .plyr__tab-focus:hover { background-color: #00cccc; } .plyr__control--pressed .plyr__tab-focus { background-color: #00cccc; } .plyr__control--pressed .plyr__tab-focus:hover { background-color: #099ea0; } .plyr__controls__item.plyr__volume svg { margin-left: 6px; } .plyr__controls .plyr__controls__item.plyr__volume { padding-right: 10px; } .has-er .plyr__controls__item.plyr__control[data-plyr="play"] { pointer-events: none; } .has-er .plyr--audio .plyr__controls__item.plyr__time--current { display: none; } .has-er:before { content: attr(data-message); width: 70%; } .has-er:before.player-docked { width: 61%; font-size: 11px; line-height: initial; } .ref-btn { position: absolute; top: 0; z-index: 2; width: 70px; height: 70px; background-color: #24cacc; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='43px' height='43px' viewBox='0 0 43 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EReload Icon%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate(-487.000000, -248.000000)' fill='%23FFFFFF'%3E%3Cpath d='M514.984127,279.596137 L523.444444,279.596137 C519.214286,286.313433 510.753968,289.192274 503.269841,286.953175 C495.460317,284.714076 490.253968,277.676909 490.253968,270 L487,270 C487,278.956394 492.531746,286.633304 500.992063,289.832016 C509.452381,292.710857 518.888889,290.151887 524.746032,283.434592 L524.746032,289.512145 L528,289.512145 L528,276.717296 L514.984127,276.717296 L514.984127,279.596137 Z M502.12,259.946904 L493.264,259.946904 C497.528,252.909737 506.056,249.893809 513.6,252.239531 C521.472,254.585253 526.72,261.957523 526.72,270 L530,270 C530,260.617111 524.424,252.574634 515.896,249.223602 C507.368,246.207673 497.856,248.888499 492.28,255.925666 L492.28,249.558705 L489,249.558705 L489,262.962833 L502.12,262.962833 L502.12,259.946904 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 60%; background-position: center; cursor: pointer; } @media only screen and (max-width: 480px) { .ref-btn { height: 50px; width: 50px; } } .compatibility { display: none; background-color: #FAD165; padding: 1px 40px; max-width: 900px; margin: 2rem auto; border-radius: 5px; text-align: center; } .compatibility p { margin: 10px; padding-bottom: 0; color: #000; } .compatibility a { text-decoration: underline; color: #000; } .compatibility a:hover { text-decoration: none; } .compatibility p, .compatibility a { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.3em; } .share-audio { display: flex; flex-flow: column wrap; } a.btn.btn-audio { display: inline-block; background: transparent; background-color: #333333; text-shadow: inherit; color: #fff; border: 2px solid transparent; text-transform: uppercase; box-shadow: none; font-weight: bold; border-radius: 60px !important; margin: 10px 10px 10px 0; padding: 5px 10px 5px 40px; max-width: 160px; font-size: 14px; font-family: 'Lato', sans-serif; background-image: url(/static/jamie/assets/play-icon.svg); background-repeat: no-repeat; background-position: left 10px center; } a.btn.btn-audio .time-length { color: #00cccc; margin-left: 0.5rem; } a.btn.btn-audio:link, a.btn.btn-audio:hover, a.btn.btn-audio:focus { border: 2px solid #00cccc; text-decoration: none; } a.btn.btn-audio:visited, a.btn.btn-audio:active { border: 2px solid #00cccc; } .article-metadata { flex-flow: column-reverse; } .article-metadata .btn-audio { float: left; } .article-metadata .comments { float: right; } .article-metadata.has-image .btn-audio { float: right; } @media only screen and (max-width: 480px) { .article-metadata.has-image .btn-audio { float: none; clear: both; display: block; margin-top: 70px; } } @media only screen and (min-width: 481px) and (max-width: 768px) { .article-metadata.has-image .btn-audio { float: left; clear: both; } } .article-metadata.has-image .comments { float: right; padding-top: 10px; } @media only screen and (max-width: 480px) { .isLive #torso > .container { width: 100%; box-sizing: border-box; } .isLive #content_right { max-width: 320px; margin: auto; } } .liveblog .article_holder { margin-right: 0; } .liveblog .article-top-area { /* > .addthis_sharing_toolbox{ @include breakpoint (all-small-mobile){ display: block; } .at-svc-linkedin, .at-svc-pinterest_share, .at-svc-google_plusone_share, .at-svc-reddit, .at-svc-whatsapp{ display:none; } } */ } /*modal css for 'you have hit the meter' and 'subscriber only article'*/ /* Lightboxes */ .intercept-modal { font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; position: relative; padding: 0; width: auto; max-width: 700px; margin: 10px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; /* Colours */ } @media only screen and (min-width: 768px) and (max-width: 979px) { .intercept-modal { max-width: 700px; } } .intercept-modal * { -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .intercept-modal.white-popup { background: #FFF; } .intercept-modal .meter-modal { text-align: center !important; padding-top: 20px; } .intercept-modal .meter-modal .products { background-image: url("/assets/images/subscriptions/digital2.png"); background-repeat: no-repeat; background-position: right top; width: 228px; height: 190px; vertical-align: middle; display: inline-block; position: relative; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .products { width: 135px; background-size: 100%; height: 125px; } } .intercept-modal .meter-modal .details { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #006666; border: 2px solid #003333; width: 108px; height: 107px; position: absolute; bottom: 0px; left: 0px; text-align: center; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .details { left: -10px; bottom: 10px; width: 80px; height: 79px; } } .intercept-modal .meter-modal .details .top, .intercept-modal .meter-modal .details .bottom { display: block; font-size: 14px; color: #FFF; margin-top: 6px; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .details .top, .intercept-modal .meter-modal .details .bottom { font-size: 11px; margin-top: 3px; } } .intercept-modal .meter-modal .details .bottom { margin-top: 2px; } .intercept-modal .meter-modal .details .price { font-family: "DINWeb-Bold",Arial,Helvetica,sans-serif; font-size: 38px; line-height: 20px; color: #FFF; display: block; font-weight: 600; letter-spacing: -0.04em; margin: 10px 0px 0px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .details .price { font-size: 30px; margin: 10px 0px 0px; line-height: 0.1em; } } .intercept-modal .meter-modal h1 { color: #006666; margin: 5px 0px; font-size: 30px; font-weight: 600; line-height: 1.5em; font-family: "DINWeb-Bold", Arial, Helvetica, sans-serif; letter-spacing: -0.02em; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal h1 { font-size: 20px; display: inline; line-height: 2em; } } @media only screen and (max-width: 480px) { .intercept-modal .meter-modal h1 { font-size: 18px; white-space: nowrap; } } .intercept-modal .meter-modal h2 { font-size: 18px; margin: 0px; font-weight: 300; padding: 0px 0px 20px; } .intercept-modal .meter-modal .claim { position: relative; } .intercept-modal .meter-modal .claim i.gesture { font-style: normal; } .intercept-modal .meter-modal .claim i.gesture:before { content: "click "; } .mobile .intercept-modal .meter-modal .claim i.gesture:before, .tablet .intercept-modal .meter-modal .claim i.gesture:before { content: "touch "; } .intercept-modal .meter-modal .claim:after { top: 80%; left: 50%; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; border-color: #FEFFFF rgba(254, 255, 255, 0) rgba(254, 255, 255, 0); border-width: 30px; margin-left: -30px; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .claim:after { top: 95%; border-width: 15px; margin-left: -15px; } } .intercept-modal .meter-modal .modal-subscribe { background: #006666; padding: 30px 0 0 0; color: #fff; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .modal-subscribe { padding: 20px 0 0 0; } } .intercept-modal .meter-modal .modal-subscribe p { font-weight: 300; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .modal-subscribe p { font-size: 14px; padding-bottom: 10px; } } @media only screen and (max-width: 480px) { .intercept-modal .meter-modal .modal-subscribe p span { display: block; margin-top: 5px; line-height: 0.3em; } } .intercept-modal .meter-modal .btn-subscribe { position: relative; left: initial; right: initial; bottom: initial; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .btn-subscribe { margin: 5px auto; width: auto; font-size: 16px; position: relative; display: inline-block; } } @media only screen and (max-width: 480px) { .intercept-modal .meter-modal .btn-subscribe { margin: 10px auto; } } .intercept-modal .meter-modal .modal-login { background: #006565; margin-top: 20px; padding: 10px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; border-top: 1px solid #0E6363; } @media only screen and (max-width: 767px) { .intercept-modal .meter-modal .modal-login { margin-top: 10px; } } .intercept-modal .meter-modal .modal-login a { color: #fff; font-size: 14px; display: block; } .intercept-modal.soa { background-color: #2D3137; color: #FFF; max-width: 500px; } .intercept-modal.soa .soa-header { height: 50px; border-bottom: 1px solid #25282D; } .intercept-modal.soa .soa-header .masthead { background: url(../images/logo/masthead-small-white.svg) center center no-repeat; background-size: contain; width: 200px; height: 48px; padding: 1px 0; margin: 0 auto; } .intercept-modal.soa .soa-header:before { content: "" !important; color: #ffffff; font-family: "it-icons"; font-size: 16px; position: absolute; top: 12px; left: 18px; } .intercept-modal.soa .soa-header:after { content: ""; border-bottom: 1px solid #353940; display: block; } .intercept-modal.soa .soa-body .soa-cta, .intercept-modal.soa .soa-body .soa-info { padding: 0 40px; position: relative; } .intercept-modal.soa .soa-body .soa-cta h1 { color: #FAD165; font-size: 22px; margin: 1em 0; padding: 0; } .intercept-modal.soa .soa-body .soa-cta p { font-size: 15px; padding-bottom: 1em; } .intercept-modal.soa .soa-body .soa-cta .btn-subscribe { width: 100%; } .intercept-modal.soa .soa-body .soa-cta small { font-style: italic; color: #CCC; display: block; text-align: right; margin-top: 8px; font-size: 14px; } @media only screen and (max-width: 767px) { .intercept-modal.soa .soa-body .soa-cta small { font-size: 12px; } } .intercept-modal.soa .soa-body .soa-info { font-family: "Georgia", "Cambria", "Times New Roman", "Times", serif; } @media only screen and (min-width: 768px) { .intercept-modal.soa .soa-body .soa-info:before { content: ""; width: 1px; height: 80%; position: absolute; left: -4px; top: 10%; background-color: #25282D; } } .intercept-modal.soa .soa-body .soa-info h2 { font-size: 22px; margin: 1em 0; padding: 0; color: #FFF; } .intercept-modal.soa .soa-body .soa-info ul { padding: 0; } .intercept-modal.soa .soa-body .soa-info ul li { list-style: none; padding-bottom: 1em; } .intercept-modal.soa .soa-body .soa-info ul li:before { content: "\f111"; font-family: FontAwesome; color: #FAD165; font-size: 10px; padding-right: 10px; } .intercept-modal.soa .modal-login { height: 50px; line-height: 50px; border-top: 1px solid #353940; text-align: center; } .intercept-modal.soa .modal-login:before { content: ""; border-top: 1px solid #25282D; display: block; } .intercept-modal.soa .modal-login span { display: inline-block; margin-right: 20px; font-size: 16px; font-family: "DINWeb-Medium", Arial, Helvetica, sans-serif; } .intercept-modal.soa .modal-login span a { color: #869cb4; display: inline-block; } .intercept-modal.soa .modal-login span a:after { content: ""; background-color: #869cb4; display: block; height: 1px; position: relative; bottom: 15px; } .intercept-modal.soa .mfp-close { color: #FFF; } html.mfp-helper { height: 100%; } html.mfp-helper body { overflow: hidden; height: 100%; -webkit-transform: translateZ(0); } html.mfp-helper .mfp-wrap { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); } .isSample .article_bodycopy_sample { position: relative; } .isSample .article_bodycopy_sample:after { content: ""; width: 100%; height: 100%; position: absolute; z-index: 10; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 101%); background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%, white 101%); } @media (max-width: 767px) { #torso > .container { width: 100%; padding: 0 10px 15px; color: #414141; box-sizing: border-box; max-width: 600px; margin: 0 auto; float: none; } .article_holder { display: flex; flex-direction: column; box-sizing: border-box; margin: 10px -10px !important; width: calc(100% - -20px) !important; padding: 0 10px 15px; } .article_holder section { clear: initial; width: 100%; box-sizing: border-box; } .article_holder section .header h1 { font-size: 2em; line-height: 1em; color: #414141; margin: 5px !important; font-family: "Georgia", Times, serif; } .article_holder section .header h2 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1em; color: #515151; line-height: 1.3em; margin: 0; } .article_holder section .header .article-top-area .article-metadata a { color: #23517a; margin-top: 20px !important; } .article_holder section .header #tabbed_article .it-camera-icon span, .article_holder section .header #tabbed_article .it-video-icon span { background-image: none !important; } .article_holder section .header .image-carousel { overflow: hidden; clear: both; box-sizing: border-box; margin-left: -20px !important; width: calc(100% - -40px); } .article_holder section .header .image-carousel p { padding: 10px 20px !important; border: 1px solid black; } .article_holder section .header .image-carousel .image-carousel-slider button { position: absolute; top: 40%; height: 15%; width: 10%; background-repeat: no-repeat; z-index: 10; background-position: 50% 50%; background-repeat: no-repeat; } .article_holder section .header .image-carousel .image-carousel-slider button .prev-item { display: none; opacity: 0; } .article_holder section .header .image-carousel .image-carousel-slider button .next-item { background-image: none !important; background-color: rgba(0, 0, 0, 0.1); } .article_holder section .header .image-carousel .image-carousel-thumbnails { display: none !important; } .article_holder section .header .author_topics_holder { margin-bottom: 0px; } .article_holder section .header .author_topics_holder .stars_and_cert { width: 55%; float: left; margin: 0px -10px 0px 0px; background-color: transparent; } .article_holder section ul.sidebar_tabs { margin: 0; padding: 0; background: #f6f6f6; box-sizing: border-box; margin-left: -10px !important; width: calc(100% - -20px); position: relative; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; } .article_holder section ul.sidebar_tabs li.active { box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); } .article_holder section ul.sidebar_tabs li.it-video-icon a { font-size: .9rem; font-weight: 400; } .article_holder section ul.sidebar_tabs li.it-video-icon a.active { font-size: 1rem; font-weight: 600; } .article_holder section ul.sidebar_tabs li.it-video-icon a span { background-image: none !important; } .article_holder section ul.sidebar_tabs li.it-camera-icon a { font-size: .9rem; font-weight: 400; } .article_holder section ul.sidebar_tabs li.it-camera-icon a.active { font-size: 1rem; font-weight: 600; } .article_holder section ul.sidebar_tabs li.it-camera-icon a span { background-image: none !important; } .article_holder section .article_image { margin-left: -20px !important; /* Break out of 10px guttering on each side of container to go full width */ width: calc(100% - -40px); position: relative; } .article_holder section .article_image p { margin: 0 10px !important; color: #616161 !important; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .article_holder section .video__comments { padding: 0px; margin-left: 0px; font-size: 16px; } .article_holder section .video-player { overflow: hidden; clear: both; margin-left: -10px !important; width: calc(100% - -20px); position: relative; } .article_holder section .video-player .vidarticle_caption { margin: 0 10px !important; font-weight: 300; } .article_holder section .video-player .vidarticle_caption .vidarticle_info { display: block; margin: 0px 0px 15px; } .article_holder section .video-player p { margin: 8px 10px !important; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #414141 !important; } .article_holder section .video-player #video-carousel-thumbnail { display: none !important; } .article_holder section .article-top-area .article-metadata { padding: 0px; margin: 0 0 15px; } .article_holder section .article-top-area .article-metadata .brand { margin-top: 5px !important; } .article_holder section .image-carousel { clear: both; box-sizing: border-box; margin-left: -10px !important; width: calc(100% - -20px); } .article_holder section .image-carousel .carousel-inner .item p { padding: 8px !important; margin: 0px 0 10px !important; } .article_holder section .image-carousel .image-carousel-thumbnails { display: none !important; } .article_holder .restaurant-review { width: 90%; margin: auto; } .article_holder .restaurant-review h4 { font-size: 21px; font-style: italic; margin: 5px 0 10px; text-align: center; color: #414141; font-family: "Georgia", Times, serif; line-height: 1.5em; font-weight: 400; } .article_holder .restaurant-review .info-holder { max-width: none; float: none; margin-right: 0; margin-bottom: 20px; } .article_holder .restaurant-review .info-holder li { margin: 10px 0px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; } .article_holder .restaurant-map { order: 5; padding: 0px; margin: 10px 0px; position: relative; } .article_holder .restaurant-map:before { content: "Location"; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; font-weight: 600; color: #414141; } .article_holder .restaurant-map img { width: 100%; display: block; margin: 10px 0px; } .article_holder p { margin-bottom: 1.1rem; padding: 0px; } .article_holder .byline { margin-top: 1rem !important; } .article_holder .article_middle_box { width: 40%; margin: 0px; margin-left: 5px; margin-right: 10px; border: none; display: block !important; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; } .article_holder .article_middle_box span { display: none !important; } .article_holder .article_middle_box p { margin: 10px !important; } .article_holder .article_middle_box .slide_panel { display: block !important; } .article_holder .article_middle_box .slide_panel p { font-size: 14px; line-height: 1.4; padding: 3px; margin: 5px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; } .article_holder .article_middle_box .slide_panel p span { display: block !important; } .article_holder .review_holder { clear: left; display: inline-block; box-sizing: border-box; margin: 10px -10px !important; width: calc(100% - -20px) !important; border: none; } .article_holder .review_holder .image-carousel { clear: both; box-sizing: border-box; margin-left: -10px !important; width: calc(100% - -20px); } .article_holder .review_holder .image-carousel span { background-position: 0px 0px; background-image: none; border: none; } .article_holder .review_holder .image-carousel .carousel-inner .item p { padding: 8px !important; margin: 0px 0 10px !important; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; } .article_holder .review_holder .slide_panel { display: block !important; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; width: 90%; padding: 1%; margin: 4rem auto 1rem; } .article_holder .review_holder .slide_panel p { font-size: 14px; line-height: 1.4; padding: 3px; margin: 5px 0; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #888; display: flex; flex-direction: row; } .article_holder .review_holder .slide_panel p strong { font-weight: bold; padding: 0 15px 0 0; } .article_holder .review_holder .slide_panel .top_paragraph { position: absolute; margin: -3rem auto 1rem !important; border-bottom: 1px solid #DEE0E0 !important; font-size: 12px; width: 90%; color: #515151; padding: 0 !important; } .article_holder .carreviews { clear: left; margin: 10px -10px 10px 0px !important; display: block; box-sizing: border-box; width: 100% !important; border: none; } .article_holder .update_and_social_holder { border: none; padding: 0px; margin: 0px; } .article_holder .update_and_social_holder .last_updated p a { font-size: .8rem !important; font-weight: 400; width: 90%; margin: 0px; } .article_holder .update_and_social_holder .last_updated p a i { display: none; } .article_holder .update_and_social_holder .metadata { display: none; } .article_holder .no_name iframe { width: 100%; height: 13rem !important; } .article_holder .article_body .article_bodycopy { color: #414141; font-size: 1rem; padding: 0; } .article_holder .article_body .article_bodycopy iframe { width: 100%; height: 250px; } .article_holder .article_body .article_bodycopy .crosshead { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 20px; padding: 0 0 1.33em; margin: 0; color: #000; } .article_holder .ref-articles .story a { display: block; position: relative; flex-direction: row-reverse; width: 100%; padding: 5px; margin-bottom: 5px; } .article_holder .ref-articles .story .img { margin: 0 10px 10px; } .article_holder .ref-articles .story h2 { font-size: 20px; padding-bottom: 5px; width: 100% !important; } .article_holder .article_footer { padding-bottom: 10px; margin-bottom: 20px; } .article_holder .article_footer .topics_holder { margin-top: 0; width: 100%; } .article_holder .article_footer .related-articles { margin: 30px 0 0 0 !important; width: 100%; padding: 10px 0px; } /*.alsoin .span4.btm-line { width: auto; } .adwrapper .ad-element { text-align: center; }*/ .more-in-section .img img { width: 100%; } .more-in-section { position: relative; /* &::before { display: flex !important; content: none !important; } &::after{ display: flex !important; content: none !important; }*/ } .more-in-section .row:before, .more-in-section .row:after { display: flex; content: none; } .more-in-section .row { margin-left: 0 !important; display: flex; justify-content: space-between; flex-flow: row wrap; } .more-in-section .row .span2 { width: calc(50% - 10px) !important; margin-left: 0 !important; } .more-in-section .row .span2 .span2:nth-child(n+1) { margin-right: 10px; } .span2 .feature_box .feature_text { width: calc(55%); } #torso .span2 .feature_box { max-width: none; width: auto; } } /*# sourceMappingURL=article.css.map */