/** * =================== * IMPORTANT READ THIS * =================== * * By default, main is configured to pull in all the base LESS. Many projects will not need all of these libraries, * so please optimize by commenting out what you do not use. * * Your LESS for your project goes at the bottom of this file, including any custom project variables, elements, mixins and components */ /** * Our Main CSS file */ @import url(../../../resource/assets/styles/fonts/f-a.486828a9d32c377e34fb8155422316bd.css); @import url(../../../resource/assets/styles/fonts/f-ss.57cb8bdfdc207a5d8f26a447e905f81e.css); /** * The below styles are the Vex piping to make the modal look good. They include the necessary scaffolding for Vex, as well as a default theme. * * We also hide the "modal-data" div for you, as that is where the modal data comes from. * * TODO: Possibly pull these in via Bower from Vex instead of just forking them here */ .modal-data { display: none; } // START Base Vex code to make modal look ok @keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } @-webkit-keyframes vex-rotation { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } 100% { transform: rotate(359deg); -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -o-transform: rotate(359deg); } } .vex, .vex *, .vex *:before, .vex *:after { box-sizing: border-box; } .vex { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1111; top: 0; right: 0; bottom: 0; left: 0; } .vex-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .vex-overlay { background: #000; filter: alpha(opacity=40); /* IE 5–7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE 8 */ } .vex-overlay { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; } .vex.vex-closing .vex-overlay { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-content { animation: vex-fadein 0.5s; -webkit-animation: vex-fadein 0.5s; -moz-animation: vex-fadein 0.5s; -ms-animation: vex-fadein 0.5s; -o-animation: vex-fadein 0.5s; -webkit-backface-visibility: hidden; position: relative; background: #fff; } .vex.vex-closing .vex-content { animation: vex-fadeout 0.5s; -webkit-animation: vex-fadeout 0.5s; -moz-animation: vex-fadeout 0.5s; -ms-animation: vex-fadeout 0.5s; -o-animation: vex-fadeout 0.5s; -webkit-backface-visibility: hidden; } .vex-close:before { font-family: Arial, sans-serif; content: "\00D7"; } .vex-dialog-form { margin: 0; } .vex-dialog-button { text-rendering: optimizeLegibility; -moz-appearance: none; -webkit-appearance: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .vex-loading-spinner { animation: vex-rotation 0.7s linear infinite; -webkit-animation: vex-rotation 0.7s linear infinite; -moz-animation: vex-rotation 0.7s linear infinite; -ms-animation: vex-rotation 0.7s linear infinite; -o-animation: vex-rotation 0.7s linear infinite; -webkit-backface-visibility: hidden; box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); position: fixed; z-index: 1112; margin: auto; top: 0; right: 0; bottom: 0; left: 0; height: 2em; width: 2em; background: #fff; } body.vex-open { overflow: hidden; } .vex.modal-theme-default .vex-content h1, .vex.modal-theme-default .vex-content h2, .vex.modal-theme-default .vex-content h3, .vex.modal-theme-default .vex-content h4, .vex.modal-theme-default .vex-content h5, .vex.modal-theme-default .vex-content h6, .vex.modal-theme-default .vex-content p, .vex.modal-theme-default .vex-content ul, .vex.modal-theme-default .vex-content li { color: inherit; } .vex.modal-theme-default .vex-close { border-radius: 5px; position: absolute; top: 0; right: 0; cursor: pointer; } .vex.modal-theme-default .vex-close:before { border-radius: 3px; position: absolute; content: "\00D7"; font-size: 26px; font-weight: normal; line-height: 31px; height: 30px; width: 30px; text-align: center; top: 3px; right: 3px; color: #bbb; background: transparent; } .vex.modal-theme-default .vex-close:hover:before, .vex.modal-theme-default .vex-close:active:before { color: #777; background: #e0e0e0; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; min-height: 200px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; padding: 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } p { margin-top: 0; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "averta", sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #000; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } @charset 'UTF-8'; /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* This is a stock slick-theme.css from slick 1.4.1 except we switch in our custom font and change image paths to point to bower for inline compile by grunt-css-url-embed All other modifications to themes should happen through other less files in case we want to upgrade this later. */ /* Slider */ .slick-loading .slick-list { background: #ffffff url(data:image/gif;base64,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) center center no-repeat; } /* Icons */ @font-face { font-family: 'bsp-carousel'; font-weight: normal; font-style: normal; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/octet-stream;base64,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) format('embedded-opentype'), url(data:application/font-woff;base64,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) format('woff'), url(data:application/x-font-ttf;base64,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) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9Imljb21vb24iIGhvcml6LWFkdi14PSIxMDI0Ij4KPGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiIC8+CjxtaXNzaW5nLWdseXBoIGhvcml6LWFkdi14PSIxMDI0IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjA7IiBkPSIiIGhvcml6LWFkdi14PSI1MTIiIC8+CjxnbHlwaCB1bmljb2RlPSImI3g2MTsiIGQ9Ik05NTAgODc4di0yNTZjMC0xMC0yLTE4LTEwLTI2cy0xNi0xMC0yNi0xMGgtMjU2Yy0xNiAwLTI2IDYtMzQgMjItNiAxNC00IDI4IDggNDBsODAgNzhjLTU2IDUyLTEyNCA3OC0yMDAgNzgtNDAgMC03OC04LTExNC0yMi0zNi0xNi02Ni0zNi05Mi02NC0yOC0yNi00OC01Ni02NC05Mi0xNC0zNi0yMi03NC0yMi0xMTRzOC03OCAyMi0xMTRjMTYtMzYgMzYtNjYgNjQtOTIgMjYtMjggNTYtNDggOTItNjQgMzYtMTQgNzQtMjIgMTE0LTIyIDQ2IDAgODggMTAgMTI4IDMwIDQwIDE4IDc2IDQ2IDEwMiA4NCA0IDIgOCA2IDE0IDZzMTAtMiAxNC02bDc4LTc4YzQtNCA2LTYgNi0xMiAwLTQtMi04LTQtMTItNDItNTAtOTItOTAtMTUyLTExOC01OC0yOC0xMjAtNDAtMTg2LTQwLTYwIDAtMTE2IDEwLTE3MCAzNHMtMTAyIDU0LTE0MCA5NGMtNDAgMzgtNzAgODYtOTQgMTQwcy0zNCAxMTAtMzQgMTcwYzAgNjAgMTAgMTE2IDM0IDE3MHM1NCAxMDIgOTQgMTQwYzM4IDQwIDg2IDcwIDE0MCA5NHMxMTAgMzQgMTcwIDM0YzU2IDAgMTEwLTEwIDE2Mi0zMCA1Mi0yMiAxMDAtNTIgMTQwLTkwbDc0IDc0YzEyIDEyIDI0IDE0IDQwIDggMTYtOCAyMi0xOCAyMi0zNHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMDIyOyIgZD0iTTk1MCA1MTJjMC04MC0xOC0xNTQtNTgtMjIwLTQwLTY4LTkyLTEyMC0xNjAtMTYwLTY2LTQwLTE0MC01OC0yMjAtNThzLTE1NCAxOC0yMjAgNThjLTY4IDQwLTEyMCA5Mi0xNjAgMTYwLTQwIDY2LTU4IDE0MC01OCAyMjBzMTggMTU0IDU4IDIyMGM0MCA2OCA5MiAxMjAgMTYwIDE2MCA2NiA0MCAxNDAgNTggMjIwIDU4czE1NC0xOCAyMjAtNThjNjgtNDAgMTIwLTkyIDE2MC0xNjAgNDAtNjYgNTgtMTQwIDU4LTIyMHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3gyMTkwOyIgZD0iTTU5MiAyMjZsNTggNjBjOCA2IDEyIDE0IDEyIDI0cy00IDIwLTEyIDI2bC0xNzQgMTc2IDE3NCAxNzZjOCA2IDEyIDE2IDEyIDI2cy00IDE4LTEyIDI0bC01OCA2MGMtNiA2LTE2IDEwLTI2IDEwcy0xOC00LTI0LTEwbC0yNjAtMjYwYy04LTgtMTItMTYtMTItMjZzNC0xOCAxMi0yNmwyNjAtMjYwYzYtNiAxNC0xMCAyNC0xMHMyMCA0IDI2IDEwek05NTAgNTEyYzAtODAtMTgtMTU0LTU4LTIyMC00MC02OC05Mi0xMjAtMTYwLTE2MC02Ni00MC0xNDAtNTgtMjIwLTU4cy0xNTQgMTgtMjIwIDU4Yy02OCA0MC0xMjAgOTItMTYwIDE2MC00MCA2Ni01OCAxNDAtNTggMjIwczE4IDE1NCA1OCAyMjBjNDAgNjggOTIgMTIwIDE2MCAxNjAgNjYgNDAgMTQwIDU4IDIyMCA1OHMxNTQtMTggMjIwLTU4YzY4LTQwIDEyMC05MiAxNjAtMTYwIDQwLTY2IDU4LTE0MCA1OC0yMjB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4MjE5MjsiIGQ9Ik00ODIgMjI2bDI2MCAyNjBjOCA4IDEyIDE2IDEyIDI2cy00IDE4LTEyIDI2bC0yNjAgMjYwYy02IDYtMTQgMTAtMjQgMTBzLTIwLTQtMjYtMTBsLTU4LTYwYy04LTYtMTItMTQtMTItMjRzNC0yMCAxMi0yNmwxNzQtMTc2LTE3NC0xNzZjLTgtNi0xMi0xNi0xMi0yNnM0LTE4IDEyLTI0bDU4LTYwYzYtNiAxNi0xMCAyNi0xMHMxOCA0IDI0IDEwek05NTAgNTEyYzAtODAtMTgtMTU0LTU4LTIyMC00MC02OC05Mi0xMjAtMTYwLTE2MC02Ni00MC0xNDAtNTgtMjIwLTU4cy0xNTQgMTgtMjIwIDU4Yy02OCA0MC0xMjAgOTItMTYwIDE2MC00MCA2Ni01OCAxNDAtNTggMjIwczE4IDE1NCA1OCAyMjBjNDAgNjggOTIgMTIwIDE2MCAxNjAgNjYgNDAgMTQwIDU4IDIyMCA1OHMxNTQtMTggMjIwLTU4YzY4LTQwIDEyMC05MiAxNjAtMTYwIDQwLTY2IDU4LTE0MCA1OC0yMjB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZjA0ZDsiIGQ9Ik04NzcuNzE0IDg1MC4yODZ2LTgwNC41NzFxMC0xNC44NTctMTAuODU3LTI1LjcxNHQtMjUuNzE0LTEwLjg1N2gtODA0LjU3MXEtMTQuODU3IDAtMjUuNzE0IDEwLjg1N3QtMTAuODU3IDI1LjcxNHY4MDQuNTcxcTAgMTQuODU3IDEwLjg1NyAyNS43MTR0MjUuNzE0IDEwLjg1N2g4MDQuNTcxcTE0Ljg1NyAwIDI1LjcxNC0xMC44NTd0MTAuODU3LTI1LjcxNHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hmMDUzOyIgZD0iTTY2OS4xNDMgNzg4bC0zMDMuNDI5LTMwMy40MjkgMzAzLjQyOS0zMDMuNDI5cTEwLjg1Ny0xMC44NTcgMTAuODU3LTI1LjcxNHQtMTAuODU3LTI1LjcxNGwtOTQuODU3LTk0Ljg1N3EtMTAuODU3LTEwLjg1Ny0yNS43MTQtMTAuODU3dC0yNS43MTQgMTAuODU3bC00MjQgNDI0cS0xMC44NTcgMTAuODU3LTEwLjg1NyAyNS43MTR0MTAuODU3IDI1LjcxNGw0MjQgNDI0cTEwLjg1NyAxMC44NTcgMjUuNzE0IDEwLjg1N3QyNS43MTQtMTAuODU3bDk0Ljg1Ny05NC44NTdxMTAuODU3LTEwLjg1NyAxMC44NTctMjUuNzE0dC0xMC44NTctMjUuNzE0eiIgaG9yaXotYWR2LXg9IjczMSIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGYwNTQ7IiBkPSJNNjMyLjU3MSA0NTguODU3bC00MjQtNDI0cS0xMC44NTctMTAuODU3LTI1LjcxNC0xMC44NTd0LTI1LjcxNCAxMC44NTdsLTk0Ljg1NyA5NC44NTdxLTEwLjg1NyAxMC44NTctMTAuODU3IDI1LjcxNHQxMC44NTcgMjUuNzE0bDMwMy40MjkgMzAzLjQyOS0zMDMuNDI5IDMwMy40MjlxLTEwLjg1NyAxMC44NTctMTAuODU3IDI1LjcxNHQxMC44NTcgMjUuNzE0bDk0Ljg1NyA5NC44NTdxMTAuODU3IDEwLjg1NyAyNS43MTQgMTAuODU3dDI1LjcxNC0xMC44NTdsNDI0LTQyNHExMC44NTctMTAuODU3IDEwLjg1Ny0yNS43MTR0LTEwLjg1Ny0yNS43MTR6IiBob3Jpei1hZHYteD0iNzMxIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZjEwYzsiIGQ9Ik00MzguODU3IDc1OC44NTdxLTg0LjU3MSAwLTE1Ni00MS43MTR0LTExMy4xNDMtMTEzLjE0My00MS43MTQtMTU2IDQxLjcxNC0xNTYgMTEzLjE0My0xMTMuMTQzIDE1Ni00MS43MTQgMTU2IDQxLjcxNCAxMTMuMTQzIDExMy4xNDMgNDEuNzE0IDE1Ni00MS43MTQgMTU2LTExMy4xNDMgMTEzLjE0My0xNTYgNDEuNzE0ek04NzcuNzE0IDQ0OHEwLTExOS40MjktNTguODU3LTIyMC4yODZ0LTE1OS43MTQtMTU5LjcxNC0yMjAuMjg2LTU4Ljg1Ny0yMjAuMjg2IDU4Ljg1Ny0xNTkuNzE0IDE1OS43MTQtNTguODU3IDIyMC4yODYgNTguODU3IDIyMC4yODYgMTU5LjcxNCAxNTkuNzE0IDIyMC4yODYgNTguODU3IDIyMC4yODYtNTguODU3IDE1OS43MTQtMTU5LjcxNCA1OC44NTctMjIwLjI4NnoiIC8+CjwvZm9udD48L2RlZnM+PC9zdmc+) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'bsp-carousel'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "\f053"; } [dir='rtl'] .slick-prev:before { content: "\f054"; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "\f054"; } [dir='rtl'] .slick-next:before { content: "\f053"; } /* Dots */ .slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'bsp-carousel'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "\2022"; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-slider { margin-bottom: 0px; } .slick-slider.carousel-dots { margin-bottom: 30px; } .slick-dots { bottom: -30px; } .bsp-carousel-slide { display: none; } .bsp-carousel-slide:first-of-type { display: block; } .slick-initialized .bsp-carousel-slide { display: block; } .bsp-carousel-slide img { height: auto; width: 100%; } .bsp-carousel-nav { display: none; } .bsp-carousel.nav-hide .slick-prev, .bsp-carousel.nav-hide .slick-next { display: none !important; } .bsp-carousel .slick-prev, .bsp-carousel .slick-next { height: 40px; width: 40px; } .bsp-carousel .slick-prev:before, .bsp-carousel .slick-next:before { font-size: 40px; } .bsp-carousel .slick-prev.slick-disabled, .bsp-carousel .slick-next.slick-disabled { opacity: 0.4; } .bsp-carousel .slick-prev.slick-disabled:before, .bsp-carousel .slick-next.slick-disabled:before { opacity: 0.4; } .bsp-carousel .slick-prev { left: 15px; } .bsp-carousel .slick-next { right: 15px; } .slick-slider { margin-bottom: 0px; } .slick-slider.carousel-dots { margin-bottom: 30px; } .slick-dots { bottom: -30px; } .bsp-carousel.nav-hide .slick-prev, .bsp-carousel.nav-hide .slick-next { display: none !important; } .bsp-carousel .slick-prev, .bsp-carousel .slick-next { display: none; } .bsp-carousel .slick-prev.slick-disabled, .bsp-carousel .slick-next.slick-disabled { opacity: 0.4; } .bsp-carousel .slick-prev.slick-disabled:before, .bsp-carousel .slick-next.slick-disabled:before { opacity: 0.4; } .bsp-carousel-slide { display: none; } .bsp-carousel-slide:first-of-type { display: block; } .slick-initialized .bsp-carousel-slide { display: block; } .bsp-carousel-slide img { height: auto; width: 100%; } .bsp-carousel-nav { display: none; } @media only screen and (min-width: 970px) { .bsp-carousel-gallery .bsp-carousel-stage .slick-prev, .bsp-carousel-gallery .bsp-carousel-stage .slick-next { display: inline-block; } .bsp-carousel .slick-prev, .bsp-carousel .slick-next { display: inline-block; } .bsp-carousel-stage.carousel-dots { margin-bottom: 0; } .bsp-carousel-stage.carousel-dots .slick-dots { display: none; } .bsp-carousel-nav.slick-initialized { display: block; } } /* brightspot js tabber (bsp-tabber) */ .bsp-tab { display: none; } .bsp-tab.active { display: block; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .row:before, .row:after, .container-fluid:before, .container-fluid:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .row:before, .row:after, .bsp-row:before, .bsp-row:after, .gallery-full-footer:before, .gallery-full-footer:after, .comments-form:before, .comments-form:after { content: " "; display: table; } .clearfix:after, .container:after, .container:after, .container-fluid:after, .container-fluid:after, .row:after, .row:after, .container-fluid:after, .container-fluid:after, .row:after, .row:after, .bsp-row:after, .gallery-full-footer:after, .comments-form:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } ul, ol { list-style: none; margin: 0; padding: 0; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .bsp-list-heading { color: #1969a0; margin: 0 0 1rem 0; padding: 0; } .bsp-list { margin-left: 2rem; padding-left: 1rem; } ul.bsp-list { list-style: disc; } ul.bsp-list[type='circle'] { list-style: circle; } ul.bsp-list[type='square'] { list-style: square; } ol.bsp-list { list-style: decimal; } ol.bsp-list[type='A'] { list-style: upper-alpha; } ol.bsp-list[type='a'] { list-style: lower-alpha; } ol.bsp-list[type='I'] { list-style: upper-roman; } ol.bsp-list[type='i'] { list-style: lower-roman; } .bsp-unstyled-list { margin-left: 0; padding-left: 0; } .bsp-list-inline { margin-left: 5px; } .bsp-list-inline > li { display: inline-block; margin-left: -5px; } /* This file will house individual elements which don't really need their own files */ .bsp-loading-icon:after, .comments-form.loading:after, .comments-show-all.loading:after { background: url(../../../resource/assets/images/ajax-loader.623e645abc1079cfdfb8b6e357ac6e91.gif) 50% 15% no-repeat; content: ''; display: block; height: 300px; width: 100%; } .ts-neg-2 { font-size: 10px; font-weight: 400; line-height: 1.42857143; } .ts-neg-1 { font-size: 12px; font-weight: 400; line-height: 1.5; } .ts-0, .text-body-small-mobile, .bsp-carousel-gallery-slide-caption { font-size: 14px; font-weight: 400; line-height: 1.43; } .ts-1, .text-body-small, .share-links, .author-more a { font-size: 15px; font-weight: 400; line-height: 1.6; } .ts-2, .text-body-mobile { font-size: 16px; font-weight: 400; line-height: 1.75; } .ts-3, .text-body { font-size: 17px; font-weight: 400; line-height: 1.76; } .ts-4 { font-size: 20px; font-weight: 400; line-height: 1.76; } .ts-header-1 { font-size: 55px; font-weight: 700; line-height: 1.09; letter-spacing: -0.5px; margin: 0; } .ts-header-2 { font-size: 32px; font-weight: 700; line-height: 1.25; letter-spacing: 0; margin: 0; } .ts-header-3 { font-size: 28px; font-weight: 700; line-height: 1.21; letter-spacing: -0.5px; margin: 0; } .ts-header-4 { font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.25px; margin: 0; } .ts-header-5 { font-size: 18px; font-weight: 700; line-height: 1.33; letter-spacing: 0; margin: 0; } .ts-header-6 { font-size: 14px; font-weight: 700; line-height: 1.43; letter-spacing: 0; margin: 0; } .cms-headings-h1 { font-weight: 800; font-size: 28px; color: #333; margin: 0; } .cms-headings-h2 { font-weight: 800; font-size: 20px; color: #333; margin: 0; } .cms-headings-h3 { font-weight: 800; font-size: 20px; color: #999; margin: 0; } .cms-headings-h4 { font-weight: 700; font-size: 18px; color: #333; margin: 0; } .cms-headings-h5 { font-weight: 700; font-size: 18px; color: #999; margin: 0; } .cms-headings-h6 { font-weight: 400; font-size: 14px; color: #666; margin: 0; } /** * We can define component bottom padding on a global level to have consistency */ /** * These are the colors for the "inverse" and "secondary" style */ /** * Share link brand colors. These are the share icon backgrounds that are used by default */ /** * For the monochrome option of social icons, when we do not want them in their own brand colors */ .share-links-title { padding-right: 0.5rem; text-transform: uppercase; } .share-links { display: inline-block; margin: 0; } .share-links li { padding: 0 0.5rem; } .share-link { background: #238ED8; color: #fff; border-radius: 28px; height: 28px; font-size: 12px; line-height: 28px; text-align: center; width: 28px; } .color-inverse .share-link, .component-inverse-color .share-link { color: #777; } .icons-monochrome .share-link { background-color: #000; color: #fff; } .color-inverse .icons-monochrome .share-link, .component-inverse-color .icons-monochrome .share-link { background-color: #fff; color: #000; } .share-link:hover { color: #fff; } @media only screen and (min-width: 768px) { .share-links-centering { display: block; } } .modal-data { display: none; } body.vex-open { overflow-y: scroll; overflow-x: hidden; position: fixed; } .vex.modal-theme-default .vex-content { border-radius: 5px; position: relative; margin: 0 auto; max-width: 100%; width: 100%; } .vex.modal-theme-default .vex-content .component { padding: 0; } .vex.modal-theme-default.modal-theme-data-joe .vex-close { top: -4rem; right: -4rem; } .vex.modal-theme-default.modal-theme-data-joe .vex-close:before { font-size: 21px; } .vex.modal-gallery-fullscreen .vex-content { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; } .vex.modal-gallery-fullscreen .vex-close { top: 1rem; right: 1rem; } .vex.modal-gallery-fullscreen .vex-close:before { font-size: 40px; } @media only screen and (min-width: 768px) { .modal-theme-default .vex-content { width: 80%; } .modal-gallery-fullscreen .vex-content { width: 100%; } } @media only screen and (min-width: 1200px) { .modal-theme-default .vex-content { width: 70%; } .modal-gallery-fullscreen .vex-content { width: 100%; } } /** * These are the primary, secondary and accent color. These should be the main brand colors used through the site */ /** * The grayscale */ /** * Global body and text colors colors. */ /** * Global link colors */ /** * If we have more specific elemental or component colors, they shold go in that * that component's .vars file. Example: button and share styleing is in their respective .vars files */ /** * The variables below control the background and current slide color of the gallery module with tabs */ /** * These spacing variables can be used throughout the CSS for padding, margins, spacing etc. * These are global values and are used throughout the * CSS, so do not ever change these values in order to space out one of your items. * Rather write targeted CSS against that item. * * We should avoid using individual pixel values and work with the design team to develop spacing * relationship/standards as much as possible. * * There should be enough values here to handle most/any design, but if you do need some super custom * pixel precision for a particular item, it would be best to hardcode that vs creating a new value in here just to be used once. * * The examples below have their respective amount of padding between the lines */ .gallery-module, .gallery-module-horizontal { margin-bottom: 30px; } .gallery-module .slick-dots, .gallery-module-horizontal .slick-dots { height: 30px; } .gallery-module .slick-prev, .gallery-module-horizontal .slick-prev, .gallery-module .slick-next, .gallery-module-horizontal .slick-next { display: none !important; } .gallery-module-nav, .gallery-module-thumbs { margin-bottom: 0; } .gallery-module-nav .bsp-carousel-stage, .gallery-module-thumbs .bsp-carousel-stage { margin-bottom: 30px; } .gallery-module-nav .bsp-carousel-nav, .gallery-module-thumbs .bsp-carousel-nav { display: none; } .gallery-module-nav .bsp-carousel-nav .slick-prev, .gallery-module-thumbs .bsp-carousel-nav .slick-prev, .gallery-module-nav .bsp-carousel-nav .slick-next, .gallery-module-thumbs .bsp-carousel-nav .slick-next { display: none !important; } .gallery-module .bsp-carousel-slide img { height: auto; margin: 0 auto; width: auto; } .gallery-module .bsp-carousel-nav .bsp-carousel-slide { position: relative; } .gallery-module .bsp-carousel-nav .bsp-carousel-slide.current:after { content: ''; position: absolute; bottom: 0; top: 0; left: 0; right: 0; border-top: 5px solid #1969a0; } .gallery-module-horizontal .slick-list { margin: 0 -1rem; } .gallery-module-horizontal .bsp-carousel-slide { padding: 0 1rem; width: 50%; } .gallery-module-nav .carousel-stage .slick-track { margin-bottom: 40px; } .gallery-module-nav .bsp-carousel-nav { background-color: #238ED8; } .gallery-module-nav .bsp-carousel-nav .bsp-carousel-slide { color: #fff; cursor: pointer; border-right: 1px solid #e0e0e0; height: 100px; padding: 1rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-module-nav .bsp-carousel-nav .bsp-carousel-slide.current { background: #1969a0; } .gallery-module-nav .bsp-carousel-nav .bsp-carousel-slide:after { display: none; } .gallery-module-nav .bsp-carousel-nav .bsp-carousel-slide:last-of-type { border: none; } .gallery-module-nav .bsp-carousel-slide-nav-text { background-color: #238ED8; color: #fff; height: 40px; padding: 1rem; position: absolute; bottom: -40px; width: 100%; } @media only screen and (min-width: 970px) { .gallery-module, .gallery-module-horizontal { margin-bottom: 0px; } .gallery-module .slick-dots, .gallery-module-horizontal .slick-dots { display: none !important; } .gallery-module .slick-prev, .gallery-module-horizontal .slick-prev, .gallery-module .slick-next, .gallery-module-horizontal .slick-next { display: inline-block !important; border: none; margin: 0; padding: 0; font-size: 0; z-index: 2; } .gallery-module-nav .bsp-carousel-stage, .gallery-module-thumbs .bsp-carousel-stage { margin-bottom: 0px; } .gallery-module-nav .bsp-carousel-nav.slick-initialized, .gallery-module-thumbs .bsp-carousel-nav.slick-initialized { display: block; } .gallery-module .bsp-carousel-nav.slick-initialized { display: block; } } /* * =================== * Source Media CSS Goes Below Here * =================== */ body.body-embed { padding: 0 !important; font-family: "averta", sans-serif; } @font-face { font-family: 'source-media-iconfont'; src: url(../../../resource/assets/fonts/icon/source-media-iconfont.2a16234c305d0b54a885e02f2c87b200.eot?3agedj); src: url(../../../resource/assets/fonts/icon/source-media-iconfont.2a16234c305d0b54a885e02f2c87b200.eot?3agedj#iefix) format('embedded-opentype'), url(../../../resource/assets/fonts/icon/source-media-iconfont.53de04f45ded9a1d00d4d2aa77f4d3d8.ttf?3agedj) format('truetype'), url(../../../resource/assets/fonts/icon/source-media-iconfont.79f0c0933df6e4a193a1d7c83a40a363.woff?3agedj) format('woff'), url(../../../resource/assets/fonts/icon/source-media-iconfont.dcfcc066f9c424e174bc2cb5aa1366a3.svg?3agedj#source-media-iconfont) format('svg'); font-weight: normal; font-style: normal; } .icon, [class^="icon-"], [class*=" icon-"], .share-link, .filter-bar form i.styled-select-dropdown, .feed-page .search-filters-module i.styled-select-dropdown, .mod-newsletter i.styled-select-dropdown, .search-results-page .search-filters-module i.styled-select-dropdown, .user-profile .form-select.styled-select i.styled-select-dropdown { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-local_post_office:before { content: "\e554"; } .icon-play_arrow:before { content: "\e01b"; } .icon-play_circle_filled:before { content: "\e01c"; } .icon-arrow_drop_down:before, .filter-bar form i.styled-select-dropdown:before, .feed-page .search-filters-module i.styled-select-dropdown:before, .mod-newsletter i.styled-select-dropdown:before, .search-results-page .search-filters-module i.styled-select-dropdown:before, .user-profile .form-select.styled-select i.styled-select-dropdown:before { content: "\e201"; } .icon-arrow_drop_up:before { content: "\e203"; } .icon-chevron_left:before { content: "\e207"; } .icon-chevron_right:before { content: "\e208"; } .icon-close:before { content: "\e209"; } .icon-expand_less:before { content: "\e20a"; } .icon-expand_more:before { content: "\e20b"; } .icon-star:before { content: "\e260"; } .icon-star_outline:before { content: "\e262"; } .icon-search:before { content: "\e2ca"; } .icon-menu:before { content: "\e20e"; } .icon-view_headline:before { content: "\e300"; } .icon-reorder:before { content: "\e310"; } .icon-remove_red_eye:before { content: "\e417"; } .icon-check_circle:before { content: "\e86c"; } .icon-checkmark:before { content: "\e909"; } .icon-library_books:before { content: "\e02f"; } .icon-reply:before { content: "\e15e"; } .icon-print:before { content: "\e8ad"; } .icon-date_range:before { content: "\e916"; } .icon-vertical_align_bottom:before { content: "\e258"; } .icon-email:before { content: "\e554"; } .icon-google:before, .icon-google-plus:before { content: "\e900"; } .icon-facebook:before, .share-link .facebook-share:before { content: "\e901"; } .icon-facebook_f:before { content: "\e90a"; } .icon-instagram:before { content: "\e902"; } .icon-twitter:before, .share-link .twitter-share:before { content: "\e903"; } .icon-linkedin:before, .share-link .linkedin-share:before { content: "\e904"; } .icon-twitter-square:before { content: "\e914"; } .icon-linkedin-square:before { content: "\e915"; } .icon-pinterest:before, .share-link .pinterest-share:before { content: "\ead1"; } .icon-key:before { content: "\e905"; } .icon-arrow-left2:before { content: "\e906"; } .icon-save:before { content: "\e262"; } .icon-share:before { content: "\e15e"; } .icon-brochure:before { content: "\e258"; } .icon-calendar:before { content: "\e908"; } .icon-replay:before { content: "\e042"; -webkit-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; } .icon-list:before { content: "\e90b"; } .icon-deck:before { content: "\e90c"; } .icon-twitter-share:before { content: "\e90d"; } .icon-retweet:before { content: "\e90e"; } .icon-radio:before { content: "\e90f"; } .icon-radio-selected:before { content: "\e910"; } .icon-checkbox:before { content: "\e90f"; } .icon-checkbox-checked:before { content: "\e910"; } .icon-rss:before { content: "\ea9b"; } .icon-itunes:before { content: "\eabe"; } .icon-googleplay:before { content: "\e912"; } .icon-phone:before { content: "\phone"; } /* DARK SKIN RELATED ITMES -------------------------------------------------------------------- */ .skin-dark { /* ================================================================ BUTTONS ================================================================ */ /* Variables ---------------------------------------------------------------- */ /* Primary Button */ /* Default Button Styling ---------------------------------------------------------------- */ /* Alternate Button Styling ---------------------------------------------------------------- */ /* Pill Button Styling ---------------------------------------------------------------- */ /* Small Pill Button Styling ---------------------------------------------------------------- */ } .skin-dark [role="button"], .skin-dark input[type="submit"], .skin-dark input[type="reset"], .skin-dark input[type="button"], .skin-dark button, .skin-dark .button, .skin-dark .current-issue-title .extra-issue-links a, .skin-dark .comments-show-all a { color: #fff; background-color: #1969a0; border: 1px solid #1969a0; } .skin-dark [role="button"]:hover, .skin-dark input[type="submit"]:hover, .skin-dark input[type="reset"]:hover, .skin-dark input[type="button"]:hover, .skin-dark button:hover, .skin-dark .button:hover, .skin-dark .current-issue-title .extra-issue-links a:hover, .skin-dark .comments-show-all a:hover { background-color: #000; border: 1px solid #fff; } .skin-dark .button:hover, .skin-dark [role="button"]:hover, .skin-dark .current-issue-title .extra-issue-links a:hover, .skin-dark .comments-show-all a:hover { color: #fff; background-color: #000; } .skin-dark .button:visited, .skin-dark [role="button"]:visited, .skin-dark .current-issue-title .extra-issue-links a:visited, .skin-dark .comments-show-all a:visited { color: #fff; background-color: #1969a0; } .skin-dark [role="button"].btn-secondary, .skin-dark input[type="submit"].btn-secondary, .skin-dark input[type="reset"].btn-secondary, .skin-dark input[type="button"].btn-secondary, .skin-dark button.btn-secondary, .skin-dark .button.btn-secondary, .skin-dark .current-issue-title .extra-issue-links a.btn-secondary, .skin-dark .comments-show-all a.btn-secondary, .skin-dark .comments-show-all a { background-color: #fff; color: #1969a0; border: 1px solid #1969a0; } .skin-dark [role="button"].btn-secondary:hover, .skin-dark input[type="submit"].btn-secondary:hover, .skin-dark input[type="reset"].btn-secondary:hover, .skin-dark input[type="button"].btn-secondary:hover, .skin-dark button.btn-secondary:hover, .skin-dark .button.btn-secondary:hover, .skin-dark .current-issue-title .extra-issue-links a.btn-secondary:hover, .skin-dark .comments-show-all a.btn-secondary:hover, .skin-dark .comments-show-all a:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark .button.btn-secondary:visited, .skin-dark [role="button"].btn-secondary:visited, .skin-dark .current-issue-title .extra-issue-links a.btn-secondary:visited, .skin-dark .comments-show-all a.btn-secondary:visited, .skin-dark .comments-show-all a:visited { color: #1969a0; } .skin-dark [role="button"].btn-pill, .skin-dark input[type="submit"].btn-pill, .skin-dark input[type="reset"].btn-pill, .skin-dark input[type="button"].btn-pill, .skin-dark button.btn-pill, .skin-dark .button.btn-pill, .skin-dark .current-issue-title .extra-issue-links a.btn-pill, .skin-dark .comments-show-all a.btn-pill { height: 2.5em; padding: 0 1.25em; line-height: 2.5; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 1.25em; } .skin-dark [role="button"].btn-pill:hover, .skin-dark input[type="submit"].btn-pill:hover, .skin-dark input[type="reset"].btn-pill:hover, .skin-dark input[type="button"].btn-pill:hover, .skin-dark button.btn-pill:hover, .skin-dark .button.btn-pill:hover, .skin-dark .current-issue-title .extra-issue-links a.btn-pill:hover, .skin-dark .comments-show-all a.btn-pill:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark .button.btn-pill:visited, .skin-dark [role="button"].btn-pill:visited, .skin-dark .current-issue-title .extra-issue-links a.btn-pill:visited, .skin-dark .comments-show-all a.btn-pill:visited { color: #1969a0; } .skin-dark [role="button"].btn-pill.btn-small, .skin-dark input[type="submit"].btn-pill.btn-small, .skin-dark input[type="reset"].btn-pill.btn-small, .skin-dark input[type="button"].btn-pill.btn-small, .skin-dark button.btn-pill.btn-small, .skin-dark .button.btn-pill.btn-small, .skin-dark .current-issue-title .extra-issue-links a.btn-pill.btn-small, .skin-dark .comments-show-all a.btn-pill.btn-small { height: 1.571em; padding: 0 1em; font-size: 14px; font-weight: 600; line-height: 1.571; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 0.8em; } .skin-dark [role="button"].btn-pill.btn-small:hover, .skin-dark input[type="submit"].btn-pill.btn-small:hover, .skin-dark input[type="reset"].btn-pill.btn-small:hover, .skin-dark input[type="button"].btn-pill.btn-small:hover, .skin-dark button.btn-pill.btn-small:hover, .skin-dark .button.btn-pill.btn-small:hover, .skin-dark .current-issue-title .extra-issue-links a.btn-pill.btn-small:hover, .skin-dark .comments-show-all a.btn-pill.btn-small:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark .button.btn-pill.btn-small:visited, .skin-dark [role="button"].btn-pill.btn-small:visited, .skin-dark .current-issue-title .extra-issue-links a.btn-pill.btn-small:visited, .skin-dark .comments-show-all a.btn-pill.btn-small:visited { color: #1969a0; } .dark-skin a, .dark-skin a:visited { color: #1969a0; } .dark-skin a:active, .dark-skin a:hover { opacity: 0.7; } .dark-skin .altLinks, .dark-skin .altLinks:visited, .dark-skin .bullet-list .link-list ol li a, .dark-skin .bullet-list .link-list ol li a:visited, .dark-skin .article-first a, .dark-skin .article-first a:visited, .dark-skin .author-module h4 a, .dark-skin .author-module h4 a:visited, .dark-skin .mod-reading-list li a, .dark-skin .mod-reading-list li a:visited, .dark-skin .ReadingList-link:not(span), .dark-skin .ReadingList-link:not(span):visited { color: #f9f9f9; } .dark-skin .altLinks:hover, .dark-skin .altLinks:active, .dark-skin .bullet-list .link-list ol li a:hover, .dark-skin .bullet-list .link-list ol li a:active, .dark-skin .article-first a:hover, .dark-skin .article-first a:active, .dark-skin .author-module h4 a:hover, .dark-skin .author-module h4 a:active, .dark-skin .mod-reading-list li a:hover, .dark-skin .mod-reading-list li a:active, .dark-skin .ReadingList-link:not(span):hover, .dark-skin .ReadingList-link:not(span):active { color: #1969a0; } .dark-skin .secondaryLinks, .dark-skin .secondaryLinks:visited, .dark-skin .component-footer .byline a, .dark-skin .component-footer .byline a:visited, .dark-skin .mod-related-content .small-print .byline a, .dark-skin .mod-related-content .small-print .byline a:visited { color: #777; } .dark-skin .secondaryLinks:hover, .dark-skin .secondaryLinks:active, .dark-skin .component-footer .byline a:hover, .dark-skin .component-footer .byline a:active, .dark-skin .mod-related-content .small-print .byline a:hover, .dark-skin .mod-related-content .small-print .byline a:active { color: #1969a0; } .skin-dark input[type="text"], .skin-dark input[type="email"], .skin-dark input[type="password"], .skin-dark textarea, .skin-dark select { border-color: #777; color: #e0e0e0; background-color: #272727; } .skin-dark ::-webkit-input-placeholder { color: #999; } .skin-dark ::-moz-placeholder { color: #999; } .skin-dark :-ms-input-placeholder { color: #999; } .skin-dark { color: #f9f9f9; } .skin-dark-background { background-color: #272727; /* ================================================================ BUTTONS ================================================================ */ /* Variables ---------------------------------------------------------------- */ /* Primary Button */ /* Default Button Styling ---------------------------------------------------------------- */ /* Alternate Button Styling ---------------------------------------------------------------- */ /* Pill Button Styling ---------------------------------------------------------------- */ /* Small Pill Button Styling ---------------------------------------------------------------- */ color: #f9f9f9; } .skin-dark-background [role="button"], .skin-dark-background input[type="submit"], .skin-dark-background input[type="reset"], .skin-dark-background input[type="button"], .skin-dark-background button, .skin-dark-background .button, .skin-dark-background .current-issue-title .extra-issue-links a, .skin-dark-background .comments-show-all a { color: #fff; background-color: #1969a0; border: 1px solid #1969a0; } .skin-dark-background [role="button"]:hover, .skin-dark-background input[type="submit"]:hover, .skin-dark-background input[type="reset"]:hover, .skin-dark-background input[type="button"]:hover, .skin-dark-background button:hover, .skin-dark-background .button:hover, .skin-dark-background .current-issue-title .extra-issue-links a:hover, .skin-dark-background .comments-show-all a:hover { background-color: #000; border: 1px solid #fff; } .skin-dark-background .button:hover, .skin-dark-background [role="button"]:hover, .skin-dark-background .current-issue-title .extra-issue-links a:hover, .skin-dark-background .comments-show-all a:hover { color: #fff; background-color: #000; } .skin-dark-background .button:visited, .skin-dark-background [role="button"]:visited, .skin-dark-background .current-issue-title .extra-issue-links a:visited, .skin-dark-background .comments-show-all a:visited { color: #fff; background-color: #1969a0; } .skin-dark-background [role="button"].btn-secondary, .skin-dark-background input[type="submit"].btn-secondary, .skin-dark-background input[type="reset"].btn-secondary, .skin-dark-background input[type="button"].btn-secondary, .skin-dark-background button.btn-secondary, .skin-dark-background .button.btn-secondary, .skin-dark-background .current-issue-title .extra-issue-links a.btn-secondary, .skin-dark-background .comments-show-all a.btn-secondary, .skin-dark-background .comments-show-all a { background-color: #fff; color: #1969a0; border: 1px solid #1969a0; } .skin-dark-background [role="button"].btn-secondary:hover, .skin-dark-background input[type="submit"].btn-secondary:hover, .skin-dark-background input[type="reset"].btn-secondary:hover, .skin-dark-background input[type="button"].btn-secondary:hover, .skin-dark-background button.btn-secondary:hover, .skin-dark-background .button.btn-secondary:hover, .skin-dark-background .current-issue-title .extra-issue-links a.btn-secondary:hover, .skin-dark-background .comments-show-all a.btn-secondary:hover, .skin-dark-background .comments-show-all a:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark-background .button.btn-secondary:visited, .skin-dark-background [role="button"].btn-secondary:visited, .skin-dark-background .current-issue-title .extra-issue-links a.btn-secondary:visited, .skin-dark-background .comments-show-all a.btn-secondary:visited, .skin-dark-background .comments-show-all a:visited { color: #1969a0; } .skin-dark-background [role="button"].btn-pill, .skin-dark-background input[type="submit"].btn-pill, .skin-dark-background input[type="reset"].btn-pill, .skin-dark-background input[type="button"].btn-pill, .skin-dark-background button.btn-pill, .skin-dark-background .button.btn-pill, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill, .skin-dark-background .comments-show-all a.btn-pill { height: 2.5em; padding: 0 1.25em; line-height: 2.5; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 1.25em; } .skin-dark-background [role="button"].btn-pill:hover, .skin-dark-background input[type="submit"].btn-pill:hover, .skin-dark-background input[type="reset"].btn-pill:hover, .skin-dark-background input[type="button"].btn-pill:hover, .skin-dark-background button.btn-pill:hover, .skin-dark-background .button.btn-pill:hover, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill:hover, .skin-dark-background .comments-show-all a.btn-pill:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark-background .button.btn-pill:visited, .skin-dark-background [role="button"].btn-pill:visited, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill:visited, .skin-dark-background .comments-show-all a.btn-pill:visited { color: #1969a0; } .skin-dark-background [role="button"].btn-pill.btn-small, .skin-dark-background input[type="submit"].btn-pill.btn-small, .skin-dark-background input[type="reset"].btn-pill.btn-small, .skin-dark-background input[type="button"].btn-pill.btn-small, .skin-dark-background button.btn-pill.btn-small, .skin-dark-background .button.btn-pill.btn-small, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill.btn-small, .skin-dark-background .comments-show-all a.btn-pill.btn-small { height: 1.571em; padding: 0 1em; font-size: 14px; font-weight: 600; line-height: 1.571; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 0.8em; } .skin-dark-background [role="button"].btn-pill.btn-small:hover, .skin-dark-background input[type="submit"].btn-pill.btn-small:hover, .skin-dark-background input[type="reset"].btn-pill.btn-small:hover, .skin-dark-background input[type="button"].btn-pill.btn-small:hover, .skin-dark-background button.btn-pill.btn-small:hover, .skin-dark-background .button.btn-pill.btn-small:hover, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill.btn-small:hover, .skin-dark-background .comments-show-all a.btn-pill.btn-small:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-dark-background .button.btn-pill.btn-small:visited, .skin-dark-background [role="button"].btn-pill.btn-small:visited, .skin-dark-background .current-issue-title .extra-issue-links a.btn-pill.btn-small:visited, .skin-dark-background .comments-show-all a.btn-pill.btn-small:visited { color: #1969a0; } .skin-dark-background input[type="text"], .skin-dark-background input[type="email"], .skin-dark-background input[type="password"], .skin-dark-background textarea, .skin-dark-background select { border-color: #777; color: #e0e0e0; background-color: #272727; } .skin-dark-background ::-webkit-input-placeholder { color: #999; } .skin-dark-background ::-moz-placeholder { color: #999; } .skin-dark-background :-ms-input-placeholder { color: #999; } .skin-blk-background { background-color: #000; /* ================================================================ BUTTONS ================================================================ */ /* Variables ---------------------------------------------------------------- */ /* Primary Button */ /* Default Button Styling ---------------------------------------------------------------- */ /* Alternate Button Styling ---------------------------------------------------------------- */ /* Pill Button Styling ---------------------------------------------------------------- */ /* Small Pill Button Styling ---------------------------------------------------------------- */ color: #f9f9f9; } .skin-blk-background [role="button"], .skin-blk-background input[type="submit"], .skin-blk-background input[type="reset"], .skin-blk-background input[type="button"], .skin-blk-background button, .skin-blk-background .button, .skin-blk-background .current-issue-title .extra-issue-links a, .skin-blk-background .comments-show-all a { color: #fff; background-color: #1969a0; border: 1px solid #1969a0; } .skin-blk-background [role="button"]:hover, .skin-blk-background input[type="submit"]:hover, .skin-blk-background input[type="reset"]:hover, .skin-blk-background input[type="button"]:hover, .skin-blk-background button:hover, .skin-blk-background .button:hover, .skin-blk-background .current-issue-title .extra-issue-links a:hover, .skin-blk-background .comments-show-all a:hover { background-color: #000; border: 1px solid #fff; } .skin-blk-background .button:hover, .skin-blk-background [role="button"]:hover, .skin-blk-background .current-issue-title .extra-issue-links a:hover, .skin-blk-background .comments-show-all a:hover { color: #fff; background-color: #000; } .skin-blk-background .button:visited, .skin-blk-background [role="button"]:visited, .skin-blk-background .current-issue-title .extra-issue-links a:visited, .skin-blk-background .comments-show-all a:visited { color: #fff; background-color: #1969a0; } .skin-blk-background [role="button"].btn-secondary, .skin-blk-background input[type="submit"].btn-secondary, .skin-blk-background input[type="reset"].btn-secondary, .skin-blk-background input[type="button"].btn-secondary, .skin-blk-background button.btn-secondary, .skin-blk-background .button.btn-secondary, .skin-blk-background .current-issue-title .extra-issue-links a.btn-secondary, .skin-blk-background .comments-show-all a.btn-secondary, .skin-blk-background .comments-show-all a { background-color: #fff; color: #1969a0; border: 1px solid #1969a0; } .skin-blk-background [role="button"].btn-secondary:hover, .skin-blk-background input[type="submit"].btn-secondary:hover, .skin-blk-background input[type="reset"].btn-secondary:hover, .skin-blk-background input[type="button"].btn-secondary:hover, .skin-blk-background button.btn-secondary:hover, .skin-blk-background .button.btn-secondary:hover, .skin-blk-background .current-issue-title .extra-issue-links a.btn-secondary:hover, .skin-blk-background .comments-show-all a.btn-secondary:hover, .skin-blk-background .comments-show-all a:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-blk-background .button.btn-secondary:visited, .skin-blk-background [role="button"].btn-secondary:visited, .skin-blk-background .current-issue-title .extra-issue-links a.btn-secondary:visited, .skin-blk-background .comments-show-all a.btn-secondary:visited, .skin-blk-background .comments-show-all a:visited { color: #1969a0; } .skin-blk-background [role="button"].btn-pill, .skin-blk-background input[type="submit"].btn-pill, .skin-blk-background input[type="reset"].btn-pill, .skin-blk-background input[type="button"].btn-pill, .skin-blk-background button.btn-pill, .skin-blk-background .button.btn-pill, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill, .skin-blk-background .comments-show-all a.btn-pill { height: 2.5em; padding: 0 1.25em; line-height: 2.5; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 1.25em; } .skin-blk-background [role="button"].btn-pill:hover, .skin-blk-background input[type="submit"].btn-pill:hover, .skin-blk-background input[type="reset"].btn-pill:hover, .skin-blk-background input[type="button"].btn-pill:hover, .skin-blk-background button.btn-pill:hover, .skin-blk-background .button.btn-pill:hover, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill:hover, .skin-blk-background .comments-show-all a.btn-pill:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-blk-background .button.btn-pill:visited, .skin-blk-background [role="button"].btn-pill:visited, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill:visited, .skin-blk-background .comments-show-all a.btn-pill:visited { color: #1969a0; } .skin-blk-background [role="button"].btn-pill.btn-small, .skin-blk-background input[type="submit"].btn-pill.btn-small, .skin-blk-background input[type="reset"].btn-pill.btn-small, .skin-blk-background input[type="button"].btn-pill.btn-small, .skin-blk-background button.btn-pill.btn-small, .skin-blk-background .button.btn-pill.btn-small, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill.btn-small, .skin-blk-background .comments-show-all a.btn-pill.btn-small { height: 1.571em; padding: 0 1em; font-size: 14px; font-weight: 600; line-height: 1.571; background-color: #fff; color: #1969a0; border: 1px solid #1969a0; border-radius: 0.8em; } .skin-blk-background [role="button"].btn-pill.btn-small:hover, .skin-blk-background input[type="submit"].btn-pill.btn-small:hover, .skin-blk-background input[type="reset"].btn-pill.btn-small:hover, .skin-blk-background input[type="button"].btn-pill.btn-small:hover, .skin-blk-background button.btn-pill.btn-small:hover, .skin-blk-background .button.btn-pill.btn-small:hover, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill.btn-small:hover, .skin-blk-background .comments-show-all a.btn-pill.btn-small:hover { color: darker(#1969a0, 40%); border-color: darker(#1969a0, 40%); } .skin-blk-background .button.btn-pill.btn-small:visited, .skin-blk-background [role="button"].btn-pill.btn-small:visited, .skin-blk-background .current-issue-title .extra-issue-links a.btn-pill.btn-small:visited, .skin-blk-background .comments-show-all a.btn-pill.btn-small:visited { color: #1969a0; } .skin-blk-background input[type="text"], .skin-blk-background input[type="email"], .skin-blk-background input[type="password"], .skin-blk-background textarea, .skin-blk-background select { border-color: #777; color: #e0e0e0; background-color: #272727; } .skin-blk-background ::-webkit-input-placeholder { color: #999; } .skin-blk-background ::-moz-placeholder { color: #999; } .skin-blk-background :-ms-input-placeholder { color: #999; } /* LIGHT SKIN RELATED ITMES -------------------------------------------------------------------- */ .skin-light { color: #272727; } .skin-light-background { background-color: #f9f9f9; color: #272727; } /* --------------------------------------------------------- GlOBAL COLORS These are System Wide Colors as defined in the Source Media Style Guide. ---------------------------------------------------------- */ /* --------------------------------------------------------- BRAND SPECIFIC These should all be defined for each brand, but here's a set of defaults just incase. ---------------------------------------------------------- */ /* --------------------------------------------------------- DEFAULT SETTINGS Setting Some basic generic colors (by default I expect all these to be the same, but as other sites come online, I'm going to expect some variation). ---------------------------------------------------------- */ /* --------------------------------------------------------- Social Network Brand Colors These should all be defined for each brand, but here's a set of defaults just incase. ---------------------------------------------------------- */ /* --------------------------------------------------------- COLOR VARIABLES THAT NEED TO BE REMOVED The build is breaking because these aren't defined. Defining for now, but need to be removed. ---------------------------------------------------------- */ .bsp-site { background: #fff; padding: 0; position: relative; } .bsp-container { padding: 20px; } @media only screen and (min-width: 1400px) { .bsp-container { width: 1400px; margin-left: auto; margin-right: auto; } } .bsp-container .bsp-container { width: 100%; margin: 0; padding: 0; } .bsp-column-full { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 0; padding-right: 0; } .bsp-column-main { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-main { float: left; width: 58.33333333%; } } @media (min-width: 768px) { .bsp-column-main { float: left; padding-left: 0; padding-right: 0; width: 58.33333333%; } } @media (min-width: 970px) { .bsp-column-main { float: left; width: 66.66666667%; } } @media (min-width: 970px) { .bsp-column-main { float: left; padding-left: 0; padding-right: 0; width: 66.66666667%; } } .bsp-column-aside { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-aside { float: left; width: 41.66666667%; } } @media (min-width: 768px) { .bsp-column-aside { float: left; padding-left: 0; padding-right: 0; width: 41.66666667%; } } @media (min-width: 970px) { .bsp-column-aside { float: left; width: 33.33333333%; } } @media (min-width: 970px) { .bsp-column-aside { float: left; padding-left: 0; padding-right: 0; width: 33.33333333%; } } .bsp-column-half { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-half { float: left; width: 50%; } } @media (min-width: 768px) { .bsp-column-half { float: left; padding-left: 0; padding-right: 0; width: 50%; } } .bsp-column-two-thirds { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-two-thirds { float: left; width: 66.66666667%; } } @media (min-width: 768px) { .bsp-column-two-thirds { float: left; padding-left: 0; padding-right: 0; width: 66.66666667%; } } .bsp-column-third { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-third { float: left; width: 33.33333333%; } } @media (min-width: 768px) { .bsp-column-third { float: left; padding-left: 0; padding-right: 0; width: 33.33333333%; } } .bsp-column-fourth { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-fourth { float: left; width: 25%; } } @media (min-width: 768px) { .bsp-column-fourth { float: left; padding-left: 0; padding-right: 0; width: 25%; } } .bsp-column-three-fourths { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-three-fourths { float: left; width: 75%; } } @media (min-width: 768px) { .bsp-column-three-fourths { float: left; padding-left: 0; padding-right: 0; width: 75%; } } .bsp-column-fifth { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .bsp-column-fifth { float: left; width: 20%; } } @media (min-width: 768px) { .bsp-column-fifth { float: left; padding-left: 0; padding-right: 0; width: 20%; } } @media only screen and (min-width: 970px) { .sm-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sm-column-flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sm-right-rail { padding: 0 20px; width: 340px; } .sm-right-rail > * { margin-bottom: 40px; } .bsp-container .module-title + .bsp-row .sm-right-rail { padding-top: 0; } .bsp-container .bsp-row .sm-right-rail { padding-top: 20px; } } .sm-two-col-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .sm-two-col-flex .sm-col-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .sm-two-col-flex .sm-col-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; } .bsp-column-scrolling { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 970px) { .bsp-column-scrolling { float: left; width: 75%; } } @media (min-width: 970px) { .bsp-column-scrolling { float: left; padding-left: 0; padding-right: 0; width: 75%; } } .bsp-column-fixed-wrap { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 970px) { .bsp-column-fixed-wrap { float: left; width: 25%; } } @media (min-width: 970px) { .bsp-column-fixed-wrap { float: left; padding-left: 0; padding-right: 0; width: 25%; } } .bsp-column-fixed { -webkit-transition: height 0.15s linear; transition: height 0.15s linear; background: #fff; height: 50px; padding-top: 50px; position: fixed; left: 0; bottom: 0; width: 100%; } .bsp-column-fixed.toggle-in { height: 75%; overflow-y: auto; } @media only screen and (min-width: 768px) and (max-width: 969px) { .bsp-column-fixed.toggle-in { height: 25%; } } .bsp-column-fixed .bsp-component { padding: 0; } body.bsp-column-fixed-toggle-in { overflow: hidden; } body.bsp-column-fixed-toggle-in:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); } .bsp-trigger-fixed-column a { background: #1969a0; color: #fff; display: block; left: 0; line-height: 50px; padding-left: 1rem; position: absolute; right: 0; text-transform: uppercase; top: 0; } .bsp-trigger-fixed-column a:after { font-size: 15px; position: absolute; right: 1rem; } .bsp-trigger-fixed-column .toggle-trigger-link-out { display: block; } .bsp-trigger-fixed-column .toggle-trigger-link-in { display: none; } .bsp-trigger-fixed-column.toggle-in .toggle-trigger-link-out { display: none; } .bsp-trigger-fixed-column.toggle-in .toggle-trigger-link-in { display: block; } @media only screen and (min-width: 768px) { .bsp-row { margin-left: 0; margin-right: 0; } .bsp-column-fixed.toggle-in { height: 50%; } } @media only screen and (min-width: 970px) { .bsp-column-fixed { border-top: none; bottom: auto; display: block; left: auto; padding: 0; width: 240px; } .bsp-trigger-fixed-column { display: none; } } @media only screen and (min-width: 1200px) { .bsp-column-fixed { width: 317px; } } .two-col-fluid-and-fixed { display: block; } .two-col-fluid-and-fixed:before, .two-col-fluid-and-fixed:after { content: " "; display: table; } .two-col-fluid-and-fixed:after { clear: both; } .two-col-fluid-and-fixed:before, .two-col-fluid-and-fixed:after { content: " "; display: table; } .two-col-fluid-and-fixed:after { clear: both; } .two-col-fluid-and-fixed > div { box-sizing: border-box; display: inline-block; } @media only screen and (min-width: 970px) { .two-col-fluid-and-fixed > div { float: left; } } .two-col-fluid-and-fixed .col-fluid { width: 100%; } @media only screen and (min-width: 970px) { .two-col-fluid-and-fixed .col-fluid { width: calc(100% - 370px); padding: 30px 60px; } } .two-col-fluid-and-fixed .col-fixed { display: none; } @media only screen and (min-width: 970px) { .two-col-fluid-and-fixed .col-fixed { display: inline-block; width: 340px; padding: 30px; padding-left: 0; } } .heading span, .bsp-page-title span { color: #1969a0; } .bsp-page-title { font-weight: 800; font-size: 26px; line-height: 32px; letter-spacing: -0.25px; margin: 0 0 1em 0; } @media only screen and (min-width: 768px) { .bsp-page-title { font-size: 45px; line-height: 50px; letter-spacing: -0.4px; margin: 0 20px 1em 0; } } @media only screen and (min-width: 970px) { .bsp-page-title { letter-spacing: -0.5px; margin: 0 20px 1em 0; } .bsp-page-title .title-small { font-size: 55px; line-height: 60px; } .bsp-page-title .title-medium { font-size: 50px; line-height: 55px; } .bsp-page-title .title-large { font-size: 45px; line-height: 50px; } .bsp-page-title .title-xlarge { font-size: 40px; line-height: 45px; } } @media only screen and (min-width: 1200px) { .bsp-page-title { font-size: 55px; line-height: 60px; margin-top: 1em; } } .legal-notice .bsp-page-title sup { color: #1969a0; font-size: 12px; line-height: 14px; font-weight: 600; text-transform: uppercase; position: relative; top: -9px; display: inline-block; } @media only screen and (min-width: 768px) { .legal-notice .bsp-page-title sup { top: -23px; left: -5px; } } @media only screen and (min-width: 1200px) { .legal-notice .bsp-page-title sup { top: -30px; } } .eyebrow { display: block; font-size: 14px; font-weight: 600; color: #777; } /** * Example: * *
* *
* *
*
*/ .styled-select-wrapper { position: relative; } .styled-select select { border: none; background: none; color: #000; padding-right: 3rem; position: relative; z-index: 2; -moz-appearance: none; -webkit-appearance: none; } .styled-select::-ms-expand { display: none; } select::-ms-expand { display: none; } i.styled-select-dropdown { display: inline; position: absolute; top: 3px; right: 0; font-size: 30px; color: #1969a0; z-index: 1; } input[type=checkbox] { font-size: 2em; } input[type=radio]:checked { background-color: #fff; color: #333; } .combo-box .typeahead-wrapper { width: 100%; } .combo-box .tt-input:placeholder-shown { font-style: italic; font-weight: 300; } .combo-box .tt-menu { background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; width: 100%; text-align: left; font-weight: 400; line-height: 22px; color: #777; font-size: 18px; max-height: 300px; overflow: auto; border-top: none; margin-top: 2px; padding: 10px 20px; } .combo-box .tt-menu .tt-dataset div { margin: 10px 0; } .combo-box .tt-selectable { cursor: pointer; } .combo-box .tt-selectable:hover { color: #000; } .combo-box .tt-highlight { color: #000; } .combo-box select { display: none; } .bsp-tags { padding: 0 0 1em 0; } .bsp-tag-list-title { display: block; font-weight: 600; color: #777777; } .bsp-tag-list li { font-weight: 700; } figcaption { font-size: 15px; font-weight: 400; line-height: 1.6; color: #777; } figcaption h5 { margin: 0.3em 0; font-size: 18px; line-height: 1em; } figcaption .credit { display: block; font-size: 12px; font-weight: 400; line-height: 1.5; color: #777777; } a, a:visited { color: #1969a0; } a:hover, a:active { color: #000; } .altLinks, .altLinks:visited, .bullet-list .link-list ol li a, .bullet-list .link-list ol li a:visited, .article-first a, .article-first a:visited, .author-module h4 a, .author-module h4 a:visited, .mod-reading-list li a, .mod-reading-list li a:visited, .ReadingList-link:not(span), .ReadingList-link:not(span):visited { color: #333; } .altLinks:hover, .altLinks:active, .bullet-list .link-list ol li a:hover, .bullet-list .link-list ol li a:active, .article-first a:hover, .article-first a:active, .author-module h4 a:hover, .author-module h4 a:active, .mod-reading-list li a:hover, .mod-reading-list li a:active, .ReadingList-link:not(span):hover, .ReadingList-link:not(span):active { color: #1969a0; } .secondaryLinks, .secondaryLinks:visited, .component-footer .byline a, .component-footer .byline a:visited, .mod-related-content .small-print .byline a, .mod-related-content .small-print .byline a:visited { color: #777; } .secondaryLinks:hover, .secondaryLinks:active, .component-footer .byline a:hover, .component-footer .byline a:active, .mod-related-content .small-print .byline a:hover, .mod-related-content .small-print .byline a:active { color: #0b2f48; } .more-link { font-size: 13px; font-weight: 700; } a.see-all-link { margin-top: 20px; font-size: 16px; line-height: 18px; font-weight: 800; color: #000; display: inline-block; } a.see-all-link:hover { color: #1969a0; } @media only screen and (max-width: 767px) { a.see-all-link { margin-top: 10px; font-size: 13px; line-height: 14px; } } .load-more { display: block; font-weight: 600; font-size: 16px; margin-top: 20px; padding: 0 0 20px; } @media only screen and (min-width: 768px) { .load-more { margin-left: 232px; } } a[data-pill-link="true"] { border-radius: 1.25em; color: #1969a0; font-size: 16px; line-height: 16px; font-weight: 700; padding: 11px 20px; height: 40px; background: transparent; display: inline-block; border: 1px solid #1969a0; } a[data-pill-link="true"]:hover { background: #1969a0; color: #fff; } span[data-pill-link="false"] { border-radius: 1.25em; color: #cccccc; font-size: 16px; line-height: 16px; font-weight: 700; padding: 11px 20px; height: 40px; background: transparent; display: inline-block; cursor: default; border: 1px solid #cccccc; } img { max-width: 100%; } /* ============================================== AUTHOR IMAGE ============================================== */ .author-image, .webinar-speaker-image { position: relative; display: inline-block; /* Apply Author Specific filters to image */ } .author-image img, .webinar-speaker-image img { /* Author Images are Circular */ border-radius: 50%; } .author-image:after, .webinar-speaker-image:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABNJREFUCB1jYACC////+0AIIAcAPU0Gk0bdfXYAAAAASUVORK5CYII=); /* Make circle to match image */ border-radius: 50%; -webkit-transition: all .3s linear; transition: all .3s linear; } input[type="text"], input[type="email"], input[type="password"], input[type="phone"], textarea, select { border: 1px solid #DADADA; color: #888; height: 30px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; font-size: 12px; line-height: 15px; box-shadow: none; } textarea { padding: 5px 3px 3px 5px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; height: 35px; line-height: 25px; } .form-select.styled-select > i.styled-select-dropdown { display: inline; } @media only screen and (min-width: 768px) { .form-select.styled-select > i.styled-select-dropdown { display: none; } } .form-select.styled-select select { display: inline-block; } @media only screen and (min-width: 768px) { .form-select.styled-select select { display: none; } } .form-select.styled-select dl.dropdown { position: relative; display: none; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .form-select.styled-select dl.dropdown { display: inline-block; } } .form-select.styled-select dl.dropdown dd, .form-select.styled-select dl.dropdown dt, .form-select.styled-select dl.dropdown ul { margin: 0px; padding: 0px; } .form-select.styled-select dl.dropdown dt a { display: block; padding: 0 35px 0 25px; width: 100%; cursor: default; font-family: "averta"; font-weight: 700; font-size: 15px; color: #000; } .form-select.styled-select dl.dropdown dt a span { cursor: pointer; display: block; padding: 5px; } .form-select.styled-select dl.dropdown dt a i.styled-select-dropdown { top: -5px; } .form-select.styled-select dl.dropdown dd { position: relative; } .form-select.styled-select dl.dropdown dd ul { z-index: 501; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; display: none; list-style: none; padding: 20px 19px 10px; position: absolute; left: 5px; top: 10px; width: 280px; } .form-select.styled-select dl.dropdown dd ul li a { padding: 0 0 10px; display: block; font-size: 15px; font-weight: 700; line-height: 16px; color: #000; } .form-select.styled-select dl.dropdown dd ul li a:hover { color: #1969a0; } .form-select.styled-select dl.dropdown .value { display: none; } .styled-select.styled-select-dark .styled-select-dropdown { color: #238ED8; } .styled-select.styled-select-dark dl.dropdown { vertical-align: bottom; margin: 0; } .styled-select.styled-select-dark dl.dropdown dt a { padding-left: 3px; color: #238ED8; } .styled-select.styled-select-dark dl.dropdown dd ul { max-width: 169px; overflow: visible; padding: 15px 10px; background-color: #272727; border: solid 1px #3e3e3e; box-shadow: none; } .styled-select.styled-select-dark dl.dropdown dd ul:before { position: absolute; left: 50%; top: -6px; margin-left: -5px; content: ""; display: block; background-color: #272727; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; border-top: solid 1px #3e3e3e; border-left: solid 1px #3e3e3e; } .styled-select.styled-select-dark dl.dropdown dd ul li a { color: #999; font-size: 15px; line-height: 14px; font-weight: 400; } .styled-select.styled-select-dark dl.dropdown dd ul li a:hover { color: #238ED8; } .Select[data-sm-styled-dropdown-list] { position: relative; } .Select[data-sm-styled-dropdown-list] > i.styled-select-dropdown { display: inline; } @media only screen and (min-width: 768px) { .Select[data-sm-styled-dropdown-list] > i.styled-select-dropdown { display: none; } } .Select[data-sm-styled-dropdown-list] select { display: inline-block; } @media only screen and (min-width: 768px) { .Select[data-sm-styled-dropdown-list] select { display: none; } } .Select[data-sm-styled-dropdown-list] dl.dropdown { position: relative; display: none; margin-bottom: 10px; width: 100%; margin-top: 0; } @media only screen and (min-width: 768px) { .Select[data-sm-styled-dropdown-list] dl.dropdown { display: block; } } .Select[data-sm-styled-dropdown-list] dl.dropdown dd, .Select[data-sm-styled-dropdown-list] dl.dropdown dt, .Select[data-sm-styled-dropdown-list] dl.dropdown ul { margin: 0px; padding: 0px; width: 100%; } .Select[data-sm-styled-dropdown-list] dl.dropdown dt a { display: block; padding: 0 35px 0 25px; width: 100%; cursor: default; font-family: "averta"; font-weight: 700; font-size: 15px; color: #000; } .Select[data-sm-styled-dropdown-list] dl.dropdown dt a span { cursor: pointer; display: block; padding: 5px; } .Select[data-sm-styled-dropdown-list] dl.dropdown dd { position: relative; } .Select[data-sm-styled-dropdown-list] dl.dropdown dd ul { z-index: 501; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; display: none; list-style: none; padding: 20px 19px 10px; position: absolute; left: 0; top: -1px; width: 100; } .Select[data-sm-styled-dropdown-list] dl.dropdown dd ul li a { padding: 0 0 10px; display: block; font-size: 15px; font-weight: 700; line-height: 16px; color: #000; } .Select[data-sm-styled-dropdown-list] dl.dropdown dd ul li a:hover { color: #1969a0; } .Select[data-sm-styled-dropdown-list] dl.dropdown .value { display: none; } /* ================================================================ BUTTONS ================================================================ */ /* Variables ---------------------------------------------------------------- */ /* Primary Button */ /* Reset ---------------------------------------------------------------- */ [role="button"], input[type="submit"], input[type="reset"], input[type="button"], button, .button, .current-issue-title .extra-issue-links a, .comments-show-all a { box-sizing: content-box; } /* Reset `button` and button-style `input` default styles */ input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -moz-appearance: button; appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Make `a` like a button */ [role="button"], .button, .current-issue-title .extra-issue-links a, .comments-show-all a { color: inherit; cursor: default; display: inline-block; text-align: center; text-decoration: none; white-space: pre; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } /* Default Button Styling ---------------------------------------------------------------- */ [role="button"], input[type="submit"], input[type="reset"], input[type="button"], button, .button, .current-issue-title .extra-issue-links a, .comments-show-all a { margin: 0.25em; padding: 0 2em; height: 3.75em; font-size: 16px; font-weight: 700; line-height: 3.75; color: #fff; background-color: #000; border: 1px solid #000; } [role="button"].hover, input[type="submit"].hover, input[type="reset"].hover, input[type="button"].hover, button.hover, .button.hover, [role="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, .current-issue-title .extra-issue-links a.hover, .current-issue-title .extra-issue-links a:hover, .comments-show-all a.hover, .comments-show-all a:hover { background-color: #fff; color: #000; } .button:visited, [role="button"]:visited, .current-issue-title .extra-issue-links a:visited, .comments-show-all a:visited { color: #fff; background-color: #000; } /* Alternate Button Styling - .comments-show-all had !important attr in base ---------------------------------------------------------------- */ [role="button"].btn-secondary, input[type="submit"].btn-secondary, input[type="reset"].btn-secondary, input[type="button"].btn-secondary, button.btn-secondary, .button.btn-secondary, .current-issue-title .extra-issue-links a.btn-secondary, .comments-show-all a.btn-secondary, .comments-show-all a { background-color: transparent; color: #000; border: 1px solid #000; } [role="button"].btn-secondary:hover, input[type="submit"].btn-secondary:hover, input[type="reset"].btn-secondary:hover, input[type="button"].btn-secondary:hover, button.btn-secondary:hover, .button.btn-secondary:hover, [role="button"].btn-secondary.hover, input[type="submit"].btn-secondary.hover, input[type="reset"].btn-secondary.hover, input[type="button"].btn-secondary.hover, button.btn-secondary.hover, .button.btn-secondary.hover, .current-issue-title .extra-issue-links a.btn-secondary:hover, .current-issue-title .extra-issue-links a.btn-secondary.hover, .comments-show-all a.btn-secondary:hover, .comments-show-all a.btn-secondary.hover, .comments-show-all a:hover, .comments-show-all a.hover { color: #fff; border-color: #000; background: #000 !important; } [role="button"].btn-primary-brand, input[type="submit"].btn-primary-brand, input[type="reset"].btn-primary-brand, input[type="button"].btn-primary-brand, button.btn-primary-brand, .button.btn-primary-brand, .current-issue-title .extra-issue-links a.btn-primary-brand, .comments-show-all a.btn-primary-brand { background-color: #1969a0; color: #fff; border: 1px solid #1969a0; } [role="button"].btn-primary-brand:hover, input[type="submit"].btn-primary-brand:hover, input[type="reset"].btn-primary-brand:hover, input[type="button"].btn-primary-brand:hover, button.btn-primary-brand:hover, .button.btn-primary-brand:hover, .current-issue-title .extra-issue-links a.btn-primary-brand:hover, .comments-show-all a.btn-primary-brand:hover { background-color: #000; border: 1px solid #fff; } .button.btn-secondary:visited, [role="button"].btn-secondary:visited, .current-issue-title .extra-issue-links a.btn-secondary:visited, .comments-show-all a.btn-secondary:visited, .comments-show-all a:visited { color: #000; } /* Pill Button Styling ---------------------------------------------------------------- */ [role="button"].btn-pill, input[type="submit"].btn-pill, input[type="reset"].btn-pill, input[type="button"].btn-pill, button.btn-pill, .button.btn-pill, .current-issue-title .extra-issue-links a.btn-pill, .comments-show-all a.btn-pill { height: 2.5em; padding: 0 1.25em; line-height: 2.5; background-color: transparent; color: #000; border: 1px solid #000; border-radius: 1.25em; } [role="button"].btn-pill:hover, input[type="submit"].btn-pill:hover, input[type="reset"].btn-pill:hover, input[type="button"].btn-pill:hover, button.btn-pill:hover, .button.btn-pill:hover, [role="button"].btn-pill.hover, input[type="submit"].btn-pill.hover, input[type="reset"].btn-pill.hover, input[type="button"].btn-pill.hover, button.btn-pill.hover, .button.btn-pill.hover, .current-issue-title .extra-issue-links a.btn-pill:hover, .current-issue-title .extra-issue-links a.btn-pill.hover, .comments-show-all a.btn-pill:hover, .comments-show-all a.btn-pill.hover { color: #1969a0; border-color: #1969a0; } .button.btn-pill:visited, [role="button"].btn-pill:visited, .current-issue-title .extra-issue-links a.btn-pill:visited, .comments-show-all a.btn-pill:visited { color: #000; } /* Small Pill Button Styling ---------------------------------------------------------------- */ [role="button"].btn-pill.btn-small, input[type="submit"].btn-pill.btn-small, input[type="reset"].btn-pill.btn-small, input[type="button"].btn-pill.btn-small, button.btn-pill.btn-small, .button.btn-pill.btn-small, .current-issue-title .extra-issue-links a.btn-pill.btn-small, .comments-show-all a.btn-pill.btn-small { height: 1.571em; padding: 0 1em; font-size: 14px; font-weight: 600; line-height: 1.571; background-color: #fff; color: #000; border: 1px solid #000; border-radius: 0.8em; } [role="button"].btn-pill.btn-small:hover, input[type="submit"].btn-pill.btn-small:hover, input[type="reset"].btn-pill.btn-small:hover, input[type="button"].btn-pill.btn-small:hover, button.btn-pill.btn-small:hover, .button.btn-pill.btn-small:hover, [role="button"].btn-pill.btn-small.hover, input[type="submit"].btn-pill.btn-small.hover, input[type="reset"].btn-pill.btn-small.hover, input[type="button"].btn-pill.btn-small.hover, button.btn-pill.btn-small.hover, .button.btn-pill.btn-small.hover, .current-issue-title .extra-issue-links a.btn-pill.btn-small:hover, .current-issue-title .extra-issue-links a.btn-pill.btn-small.hover, .comments-show-all a.btn-pill.btn-small:hover, .comments-show-all a.btn-pill.btn-small.hover { color: #1969a0; border-color: #1969a0; } .button.btn-pill.btn-small:visited, [role="button"].btn-pill.btn-small:visited, .current-issue-title .extra-issue-links a.btn-pill.btn-small:visited, .comments-show-all a.btn-pill.btn-small:visited { color: #000; } .cal { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1em 0; font-size: 20px; background-color: #fff; border-top: 0.7em solid #000; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); border-radius: 0.3em; } .cal .month { font-weight: 700; } .cal .day { font-size: 2.75em; font-weight: 900; line-height: 1em; } .sm-advertisement[data-reading-list-leaderboard-ad] { text-align: center; z-index: 2; position: relative; } #gpt-ad-bigbox2, .sub-reading-list-ad { margin: 0 0 40px; } #gpt-ad-bigbox1, #gpt-ad-bigbox2, .sm-google-ad-item { text-align: center; } body#ad-takeover { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; } body#ad-takeover .site-header-ad-wrapper, body#ad-takeover .site-header-wrapper, body#ad-takeover .site-header-tophat, body#ad-takeover .skin-light-background { background: transparent; border: none; } body#ad-takeover .site-header-ad-wrapper { padding: 10px 0; } body#ad-takeover .site-header { background: #fff; border-bottom: solid 1px #e0e0e0; } body#ad-takeover .tophat-registration-wrapper { background: #000; } body#ad-takeover .bsp-container { background: #fff; } body#ad-takeover .site-footer .bsp-container { background: #000; } body#ad-takeover #adTakoverWrapper { display: block; z-index: 1200; width: 100%; margin: 0 auto; position: relative; } body#ad-takeover #adTakoverWrapper.is_stuck { position: fixed !important; top: 0 !important; bottom: inherit !important; } body#ad-takeover #adTakoverWrapper .ad--takeover-wrapper { margin: auto; text-align: center; padding: 10px 0; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: center; } body#ad-takeover #adTakoverWrapper .site-header-message { max-width: 1400px; } @media only screen and (max-width: 767px) { .homepage .sm-google-ad-item { margin: 10px 0; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .homepage .sm-google-ad-item { margin-top: 10px; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .homepage .sm-google-ad-item { margin-top: 10px; } } .pillar-left-init, .pillar-right-init { z-index: 501; } .pillar-left, .pillar-right { z-index: 502; } .pillar-left, .pillar-right, .pillar-left-init, .pillar-right-init { display: none; position: fixed; width: calc((100% - 1400px )/ 2); max-width: 188px; min-width: 188px; height: calc(100vh - 23px); overflow: hidden; } @media only screen and (min-width: 1776px) { .pillar-left, .pillar-right, .pillar-left-init, .pillar-right-init { display: block; } } .pillar-left, .pillar-left-init { left: 0px; min-height: 1050px; height: 1050px; } .pillar-right, .pillar-right-init { right: 0px; min-height: 1051px; height: 1051px; } @-webkit-keyframes scroll-pillar-up { from { top: 115px; } to { top: 22px; } } @keyframes scroll-pillar-up { from { top: 115px; } to { top: 22px; } } .pillar-scroll-up-zeros { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: scroll-pillar-up; animation-name: scroll-pillar-up; -webkit-animation-duration: 0.33s; animation-duration: 0.33s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .component-footer, .mod-related-content .small-print { font-size: 14px; font-weight: 400; line-height: 1.43; } .component-footer .tag, .mod-related-content .small-print .tag { font-weight: 800; display: block; } .component-footer .byline, .mod-related-content .small-print .byline { color: #cccccc; } .component-footer .byline .timestamp, .mod-related-content .small-print .byline .timestamp { white-space: nowrap; } @media only screen and (min-width: 768px) { .component-footer, .mod-related-content .small-print { padding-top: 1em; } .component-footer a, .mod-related-content .small-print a { display: block; } .component-footer .byline a, .mod-related-content .small-print .byline a { display: inline; } } .current-issue-title { margin: 0 20px 4rem; } .current-issue-title .issue-links { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 25px; margin-bottom: 1rem; } .current-issue-title .current-issue { color: #1969a0; font-weight: 700; margin: 0 1rem; font-size: 17px; } .current-issue-title a.icon, .current-issue-title a.filter-bar form i.styled-select-dropdown, .current-issue-title a.feed-page .search-filters-module i.styled-select-dropdown, .current-issue-title a.mod-newsletter i.styled-select-dropdown, .current-issue-title a.search-results-page .search-filters-module i.styled-select-dropdown, .current-issue-title a.user-profile .form-select.styled-select i.styled-select-dropdown { background: #000; border-radius: 100%; color: #fff; display: inline-block; height: 25px; width: 25px; } .current-issue-title a.icon:before, .current-issue-title a.filter-bar form i.styled-select-dropdown:before, .current-issue-title a.feed-page .search-filters-module i.styled-select-dropdown:before, .current-issue-title a.mod-newsletter i.styled-select-dropdown:before, .current-issue-title a.search-results-page .search-filters-module i.styled-select-dropdown:before, .current-issue-title a.user-profile .form-select.styled-select i.styled-select-dropdown:before { font-size: 24px; } .current-issue-title .extra-issue-links { margin-top: 1rem; } .current-issue-title .extra-issue-links a { font-size: 14px; padding: 0 1rem; margin: 0; } .current-issue-title h1 { margin: 0; } .current-issue-title h1 span { font-size: 55px; line-height: 0.8em; } @media only screen and (min-width: 768px) { .current-issue-title { margin: 0 10px 4rem; } .title-with-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .extra-issue-links { margin: 0 0 0 3rem; } } .filter-bar { border-bottom: 1px solid #e0e0e0; color: #999; padding: 1rem 0 2rem; margin: 0 0 2rem; } .filter-bar form { display: inline-block; position: relative; } .filter-bar form i.styled-select-dropdown { top: 2px; } .filter-bar form select { margin-left: 2rem; } /* Both of these are underlined titles */ .page-title { padding-top: 60px; } .page-title span { display: inline; background-image: -webkit-linear-gradient(#1969a0, #1969a0), -webkit-linear-gradient(#1969a0, #1969a0), -webkit-linear-gradient(#1969a0, #1969a0); background-image: linear-gradient(#1969a0, #1969a0), linear-gradient(#1969a0, #1969a0), linear-gradient(#1969a0, #1969a0); background-size: 0.10em 0.01em, 0.10em 0.07em, 0.07em 0.07em; background-repeat: no-repeat, no-repeat, repeat-x; background-position: right 87%; font-size: 48px; font-weight: 900; line-height: 0.8em; text-shadow: 6px 0 #fff, 3px 0 #fff, -3px 0 #fff, -6px 0 #fff; } .skin-light-background .page-title span { text-shadow: 6px 0 #f9f9f9, 3px 0 #f9f9f9, -3px 0 #f9f9f9, -6px 0 #f9f9f9; } .skin-dark-background .page-title span { text-shadow: 6px 0 #272727, 3px 0 #272727, -3px 0 #272727, -6px 0 #272727; } @media only screen and (min-width: 970px) { .page-title span { font-size: 65px; text-shadow: 8px 0 #fff, 4px 0 #fff, -4px 0 #fff, -8px 0 #fff; } .skin-light-background .page-title span { text-shadow: 8px 0 #f9f9f9, 4px 0 #f9f9f9, -4px 0 #f9f9f9, -8px 0 #f9f9f9; } .skin-dark-background .page-title span { text-shadow: 8px 0 #272727, 4px 0 #272727, -4px 0 #272727, -8px 0 #272727; } } .module-title { margin: 30px 0; text-align: center; } .module-title span, .comments .component-title { display: inline; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#1969a0, #1969a0); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#1969a0, #1969a0); background-size: 0.10em 0.01em, 0.10em 0.07em, 0.07em 0.07em; background-repeat: no-repeat, no-repeat, repeat-x; background-position: -1% 90%; font-size: 30px; font-weight: 900; line-height: 0.8em; text-shadow: 2px 0 #fff, 1px 0 #fff, -1px 0 #fff, -2px 0 #fff; } .skin-light-background .module-title span { text-shadow: 2px 0 #f9f9f9, 1px 0 #f9f9f9, -1px 0 #f9f9f9, -2px 0 #f9f9f9; } .skin-dark-background .module-title span { text-shadow: 2px 0 #272727, 1px 0 #272727, -1px 0 #272727, -2px 0 #272727; } @media only screen and (min-width: 970px) { .article-page .bsp-row.sm-flexbox .bsp-column-flex.sm-column-flex .module-title { margin-left: 0; } .bsp-row.sm-flexbox .bsp-column-flex.sm-column-flex .module-title { margin-left: 33%; } } .link-list ol { counter-reset: list-counter; } .link-list ol li { padding-left: 30px; margin-bottom: 1em; } .link-list ol li a { font-weight: 700; line-height: 18px; } .link-list ol li:before { content: ""; display: inline-block; margin-right: 20px; margin-left: -30px; width: 10px; height: 8px; background-color: #cccccc; } .brief .list-pin.feed-item h4 { color: #333333; margin-bottom: 20px; } .brief .list-pin.feed-item .item-body { font-size: 13px !important; line-height: 22px !important; padding: 0; margin: 0; } .brief .list-pin.feed-item .link-list { padding-top: 20px; } .brief .list-pin.feed-item ol li { display: block !important; } .bullet-list .link-list ol { counter-reset: list-counter; } .bullet-list .link-list ol li { padding-left: 30px; margin-bottom: 1em; } .bullet-list .link-list ol li a { font-weight: 700; line-height: 1.21em; } .bullet-list .link-list ol li:before { content: "" !important; display: inline-block; margin-right: 20px; margin-top: 5px; margin-left: -30px; width: 10px !important; border-radius: 0 !important; height: 8px !important; background-color: #cccccc; } .social-links { list-style: none; } .social-links li a { font-size: 15px; font-weight: normal; } .conferences-article .article-first { padding-bottom: 0; } .conferences-article .article-first > * { width: auto; } .conferences-article .bsp-page-title { font-weight: 100; margin: 3rem 0 3rem 0; padding: 0; text-transform: uppercase; } .conferences-article .conferences-meta { padding: 0 0 2rem 0; } .conferences-article .conferences-date { font-weight: 700; font-size: 20px; padding-right: 0.25rem; } .conferences-article .conferences-location { color: #999; } .conferences-article .share-links-wrapper { display: block; padding: 2rem 0 0 0; } .conferences-article .conferences-links { padding: 0 0 4rem 0; } .conferences-article .conferences-links .button, .conferences-article .conferences-links .current-issue-title .extra-issue-links a, .conferences-article .conferences-links .comments-show-all a { background: #000; border: 1px solid #000; margin: 0 2rem 0 0; } .conferences-article .conferences-links .button:hover, .conferences-article .conferences-links .current-issue-title .extra-issue-links a:hover, .conferences-article .conferences-links .comments-show-all a:hover { background: #fff; color: #000; } @media only screen and (min-width: 970px) and (max-width: 1199px) { .conferences-article h1.bsp-page-title { margin: 4rem 0 4rem 0; } } @media only screen and (min-width: 768px) { .conferences-article .bsp-page-title { margin: 4rem 0 4rem 0; } .conferences-article .share-links-wrapper { padding-bottom: 2rem; } } @media only screen and (min-width: 1200px) { .conferences-article .bsp-page-title { margin-top: 1.5em; } } .article-page { position: relative; } @media only screen and (min-width: 970px) { .article-page { top: -40px; } } .article-page .wrapper { padding-top: 20px; } .article-page .wrapper .sm-advertisement { padding-bottom: 40px; } .article-page .wrapper:last-child { padding-bottom: 40px; } .article-page .promo .bsp-row { margin-top: 0; } .article-page .promo .article-body { font-size: 16px; font-weight: 700; } .article-page .promo .bsp-page-title { font-size: 30px; line-height: 30px; font-weight: 300; padding-right: 40px; padding-bottom: 30px; margin-bottom: 0; } .article-page .article-promoLogo { padding-bottom: 40px; } .article-page .article-primary { text-align: center; display: inline-block; margin-right: 40px; width: 280px; background-color: #000; border: 1px solid #000; } .article-page .article-primary:hover { background-color: #fff; } .article-page .article-primary:hover a { color: #000; } @media only screen and (max-width: 767px) { .article-page .article-primary { display: block; margin: 0 auto; margin-bottom: 20px; } } .article-page .article-primary a { font-size: 16px; color: #fff; padding: 15px 0; font-weight: 700; display: block; } .article-page .article-secondary { text-align: center; display: inline-block; width: 280px; background-color: #fff; border: 1px solid #000; } .article-page .article-secondary:hover { background-color: #000; } .article-page .article-secondary:hover a { color: #fff; } @media only screen and (max-width: 767px) { .article-page .article-secondary { display: block; margin: 0 auto; margin-bottom: 20px; } } .article-page .article-secondary a { font-size: 16px; color: #000; font-weight: 700; padding: 15px 0; display: block; } .article-page .article-companyName { color: #666; } .article-page .article-companyLocation { color: #9F9F9F; margin-bottom: 25px; } .article-page .sm-right-rail, .article-page .sm-advertisement { margin: 0 -20px; } .article-page #gpt-ad-bigbox2 { margin-bottom: 0; } .article-page .bsp-container { padding-top: 0; padding-bottom: 0; } @media only screen and (max-width: 767px) { .article-page .sm-advertisement { padding-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .article-page #gpt-ad-bigbox1 { padding-top: 40px; } } article { position: relative; } article h4 { font-size: 28px; font-weight: 700; line-height: 1.21; letter-spacing: -0.5px; font-size: 24px; font-weight: 800; line-height: 32px; margin: 0; } article figure, article ol, article p, article ul { display: block; margin-bottom: 28px; } article.webinar h1.bsp-page-title { margin-bottom: 0; } article h2.webinar-date { margin-bottom: 1em; font-size: 2em; } article h2.webinar-date span { color: #999; } article button.data-research { margin: 0 0 65px 0; display: block; } article .mod-enhancement, article .author-module { margin-bottom: 40px; } .article-first { font-size: 12px; line-height: 16px; padding-bottom: 20px; } .article-first .sponsor-content { padding-bottom: 20px; margin-top: 0; } @media only screen and (min-width: 768px) and (max-width: 969px) { .article-first .sponsor-content { padding-top: 0; } } .article-first .sponsorship { margin-bottom: 20px; } .article-first .bsp-tags { padding-bottom: 0; } .article-first .bsp-tags:last-child { padding-top: 20px; } .article-first .bsp-tags ul { margin: 0; } .article-first .bsp-tags .bsp-tag-list { display: inline; } .article-first .bsp-tags .bsp-tag-list li { display: inline; padding-bottom: 10px; line-height: 13px; } .article-first .bsp-tags .bsp-tag-list li:after { content: ","; } .article-first .bsp-tags .bsp-tag-list li:last-child:after { content: ""; } .article-first .bsp-tags .bsp-tag-list li a { line-height: 15px; color: #000; } .article-first .bsp-tags .bsp-tag-list li a:hover { color: #1969a0; } .article-first .bsp-tag-list-title { display: inline; } .article-left-rail { display: none; } .article-body, .table-overlay { font-size: 16px; line-height: 28px; } .article-body figure img, .table-overlay figure img { display: block; margin-bottom: 0; margin: auto; } @media only screen and (min-width: 768px) { .article-body figure img, .table-overlay figure img { margin-bottom: 16px; } } .article-body figure figcaption, .table-overlay figure figcaption { color: #8a8a8a; font-weight: normal; line-height: 24px; } .article-body figure figcaption h5, .table-overlay figure figcaption h5 { color: #424242; font-size: 18px; font-weight: 700; } .article-body figure figcaption .credit, .table-overlay figure figcaption .credit { color: #afafaf; font-weight: 600; } .article-body ol, .table-overlay ol { list-style-type: decimal; } .article-body ul, .table-overlay ul { list-style-type: disc; } .article-body ol, .table-overlay ol, .article-body ul, .table-overlay ul { padding-left: 2em; } .article-body table:not([data-unresponsive-table="true"]), .table-overlay table:not([data-unresponsive-table="true"]) { width: 100%; table-layout: fixed; word-wrap: break-word; margin: 20px 0; } .article-body table:not([data-unresponsive-table="true"]) .cms-textAlign-right, .table-overlay table:not([data-unresponsive-table="true"]) .cms-textAlign-right { text-align: right; } .article-body table:not([data-unresponsive-table="true"]) .cms-textAlign-left, .table-overlay table:not([data-unresponsive-table="true"]) .cms-textAlign-left { text-align: left; } .article-body table:not([data-unresponsive-table="true"]) .cms-textAlign-center, .table-overlay table:not([data-unresponsive-table="true"]) .cms-textAlign-center { text-align: center; } .article-body table:not([data-unresponsive-table="true"]) p, .table-overlay table:not([data-unresponsive-table="true"]) p { margin-bottom: 0; } .article-body table:not([data-unresponsive-table="true"]), .table-overlay table:not([data-unresponsive-table="true"]) { display: block; } .article-body table:not([data-unresponsive-table="true"]) thead, .table-overlay table:not([data-unresponsive-table="true"]) thead, .article-body table:not([data-unresponsive-table="true"]) tbody, .table-overlay table:not([data-unresponsive-table="true"]) tbody, .article-body table:not([data-unresponsive-table="true"]) th, .table-overlay table:not([data-unresponsive-table="true"]) th, .article-body table:not([data-unresponsive-table="true"]) td, .table-overlay table:not([data-unresponsive-table="true"]) td, .article-body table:not([data-unresponsive-table="true"]) tr, .table-overlay table:not([data-unresponsive-table="true"]) tr { display: block; } .article-body table:not([data-unresponsive-table="true"]), .table-overlay table:not([data-unresponsive-table="true"]) { border-collapse: collapse; } .article-body table:not([data-unresponsive-table="true"]) tbody tr:first-of-type, .table-overlay table:not([data-unresponsive-table="true"]) tbody tr:first-of-type { position: absolute; top: -9999px; left: -9999px; } .article-body table:not([data-unresponsive-table="true"]) tr:nth-of-type(even), .table-overlay table:not([data-unresponsive-table="true"]) tr:nth-of-type(even) { background: #e6e6e6; } .article-body table:not([data-unresponsive-table="true"]) td, .table-overlay table:not([data-unresponsive-table="true"]) td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; overflow: hidden; } .article-body table:not([data-unresponsive-table="true"]) td::before, .table-overlay table:not([data-unresponsive-table="true"]) td::before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: initial; left: 6px; width: 45%; word-wrap: break-word; } .article-body table.fix-height_3:not([data-unresponsive-table="true"]) td, .table-overlay table.fix-height_3:not([data-unresponsive-table="true"]) td { min-height: 116px; } .article-body table.fix-height_2:not([data-unresponsive-table="true"]) td, .table-overlay table.fix-height_2:not([data-unresponsive-table="true"]) td { min-height: 86px; } .article-body table.fix-height_1:not([data-unresponsive-table="true"]) td, .table-overlay table.fix-height_1:not([data-unresponsive-table="true"]) td { min-height: 56px; } @media only screen and (min-width: 768px) { .article-body table:not([data-unresponsive-table="true"]), .table-overlay table:not([data-unresponsive-table="true"]) { display: table; font-size: 15px; line-height: 16px; } .article-body table:not([data-unresponsive-table="true"]) tr:nth-of-type(even), .table-overlay table:not([data-unresponsive-table="true"]) tr:nth-of-type(even) { background: transparent; } .article-body table:not([data-unresponsive-table="true"]) td, .table-overlay table:not([data-unresponsive-table="true"]) td { padding: 5px; border: 1px solid #eee; } .article-body table:not([data-unresponsive-table="true"]).column-count_5, .table-overlay table:not([data-unresponsive-table="true"]).column-count_5, .article-body table:not([data-unresponsive-table="true"]).column-count_6, .table-overlay table:not([data-unresponsive-table="true"]).column-count_6, .article-body table:not([data-unresponsive-table="true"]).column-count_7, .table-overlay table:not([data-unresponsive-table="true"]).column-count_7, .article-body table:not([data-unresponsive-table="true"]).column-count_8, .table-overlay table:not([data-unresponsive-table="true"]).column-count_8, .article-body table:not([data-unresponsive-table="true"]).column-count_9, .table-overlay table:not([data-unresponsive-table="true"]).column-count_9, .article-body table:not([data-unresponsive-table="true"]).column-count_10, .table-overlay table:not([data-unresponsive-table="true"]).column-count_10 { font-size: 12px; line-height: 13px; } .article-body table:not([data-unresponsive-table="true"]) thead, .table-overlay table:not([data-unresponsive-table="true"]) thead { display: table-header-group; } .article-body table:not([data-unresponsive-table="true"]) tbody, .table-overlay table:not([data-unresponsive-table="true"]) tbody { display: table-row-group; } .article-body table:not([data-unresponsive-table="true"]) tbody tr:first-of-type, .table-overlay table:not([data-unresponsive-table="true"]) tbody tr:first-of-type { position: relative; top: 0; left: 0; } .article-body table:not([data-unresponsive-table="true"]) td, .table-overlay table:not([data-unresponsive-table="true"]) td, .article-body table:not([data-unresponsive-table="true"]) th, .table-overlay table:not([data-unresponsive-table="true"]) th { display: table-cell; } .article-body table:not([data-unresponsive-table="true"]) tr, .table-overlay table:not([data-unresponsive-table="true"]) tr { display: table-row; } .article-body table:not([data-unresponsive-table="true"]) td, .table-overlay table:not([data-unresponsive-table="true"]) td { position: initial; min-height: initial; } .article-body table:not([data-unresponsive-table="true"]) td::before, .table-overlay table:not([data-unresponsive-table="true"]) td::before { /* Now like a table header */ position: initial; /* Top/left values mimic padding */ top: initial; left: initial; width: initial; white-space: nowrap; content: '' !important; } .article-body table.fix-height_1:not([data-unresponsive-table="true"]) td, .table-overlay table.fix-height_1:not([data-unresponsive-table="true"]) td, .article-body table.fix-height_2:not([data-unresponsive-table="true"]) td, .table-overlay table.fix-height_2:not([data-unresponsive-table="true"]) td { min-height: initial; } } .article-body [data-syndication-source], .table-overlay [data-syndication-source] { font-size: 13px; line-height: 19px; font-weight: 400; color: #777; margin-top: 2px; } .article-body [data-syndication-source] a, .table-overlay [data-syndication-source] a { font-weight: 700; } .article-body .action-bar + .mod-enhancement.e-left-rail > .sm-related { display: none; } .article-body .mod-enhancement figure.image { margin-bottom: 0; } .article-button-register { border: 0; margin: 0 auto; display: block; } @media only screen and (min-width: 320px) { .article-page .bsp-page-title { margin-bottom: 30px; } } @media only screen and (min-width: 768px) { .article-first { font-size: 14px; line-height: 26px; padding-bottom: 30px; } article h4 { font-size: 28px; font-weight: 700; line-height: 38px; } .article-page .wrapper { padding-top: 40px; } .article-page .wrapper .sm-advertisement { padding-bottom: 40px; } .article-page .sm-right-rail, .article-page .sm-advertisement { margin: 0; } .article-page .bsp-page-title { margin-bottom: 40px; } .article-page .promo .article-body { font-size: 18px; line-height: 30px; font-weight: normal; color: #000000; } .article-page .promo .bsp-page-title { padding-bottom: 50px; font-size: 50px; line-height: 50px; color: #000000; } .article-page .promo .article-promoLogo { padding-bottom: 50px; } .article-body { font-size: 17px; line-height: 30px; } .article-body figure, .article-body ol, .article-body p, .article-body ul { margin-bottom: 30px; } .article-body [data-syndication-source] { font-size: 15px; margin-top: 0; } } @media only screen and (min-width: 970px) { .article-page .bsp-container .bsp-row .sm-right-rail { padding-top: 0; } .article-page .bsp-page-title { margin-top: -8px; margin-bottom: 0px; } .article-page .bsp-row { margin-top: 40px; } .article-page .article-companyName { color: #666; margin-top: 25px; } .article-page .article-companyName, .article-page .article-companyLocation { display: block; font-size: 20px; line-height: 22px; font-weight: 600; } .article-page .article-companyLocation { color: #9F9F9F; } .article-page #gpt-ad-bigbox2 { margin-bottom: 40px; } } @media only screen and (min-width: 1200px) { .article-first { display: block; float: left; padding-right: 20px; width: 25%; } .article-first > * { width: auto; } .article-first .bsp-tags .bsp-tag-list { display: block; } .article-first .bsp-tags .bsp-tag-list li { display: block; } .article-first .bsp-tags .bsp-tag-list li:after { content: ""; } .article-left-rail { display: block; padding-bottom: 1px; width: 100%; } .article-left-rail > .mod-enhancement { display: none; margin-bottom: 20px; opacity: 0; -webkit-transform: scale(0.9) translateY(50px); transform: scale(0.9) translateY(50px); -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .article-left-rail > .mod-enhancement iframe { display: none; } .article-left-rail > .mod-enhancement.placed { display: block; } .article-left-rail > .mod-enhancement.visible { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .article-left-rail > .mod-enhancement.visible iframe { display: block; } .article-page .bsp-page-title { margin-bottom: 0px; } .article-page .article-companyName { display: inline-block; } .article-page .article-companyLocation { margin-left: 10px; display: inline-block; } .promo .bsp-page-title { margin-left: 25%; } .article-body { margin-left: 25%; padding-right: 40px; } .article-body .e-left-rail { background: transparent; clear: left; float: left; margin-left: calc(-33% - 16px); padding: 0 20px 0 0; width: 33%; } .article-body .e-left-rail .sm-related { display: block; } .article-body .action-bar + .mod-enhancement.e-left-rail > .sm-related { display: block; } } .sm-blockquote { margin: 24px 0; } .sm-blockquote.sm-related .content:before { content: ''; } .sm-blockquote.sm-related .content:after { content: ''; } .sm-blockquote.sm-related .eyebrow { font-size: 14px; line-height: 16px; font-weight: 700; margin-bottom: 10px; } .sm-blockquote.sm-related .content ul li { border-bottom: 1px solid #e5e5e5; padding: 0 0 5px; margin: 0 0 5px; line-height: 16px; } .sm-blockquote.sm-related .content ul li a { color: #000; font-size: 16px; line-height: 16px; font-weight: 700; font-style: normal; } .sm-blockquote.sm-related .content ul li a:hover { color: #1969a0; } .sm-blockquote.sm-related .content ul li:last-of-type { border: none; } @media only screen and (min-width: 768px) { .sm-blockquote { margin: 38px 0; } } @media only screen and (min-width: 1200px) { .article-left-rail .sm-blockquote, .e-left-rail .sm-blockquote { margin: 0; } } .sm-blockquote .content { font-weight: 700; font-style: italic; padding-left: 0.5em; position: relative; } @media only screen and (min-width: 768px) { .sm-blockquote .content { font-size: 28px; line-height: 38px; } } @media only screen and (min-width: 1200px) { .article-left-rail .sm-blockquote .content, .e-left-rail .sm-blockquote .content { font-size: 18px; line-height: 24px; padding-left: 0; } .article-left-rail .sm-blockquote .content:before, .e-left-rail .sm-blockquote .content:before, .article-left-rail .sm-blockquote .content:after, .e-left-rail .sm-blockquote .content:after { display: none; } } .sm-blockquote .content ul { list-style-type: none; padding-left: 0; } .sm-blockquote .content ul li { margin-bottom: 15px; } /* ------------------------------------------------------ ENHANCEMENTS Source media supports a few differetn enhancement types: - Left Rail - Left 50% - Full Width - Breaker - Partner Insights (a variation on left 50 that's not exactly 50%) ------------------------------------------------------- */ .mod-enhancement { display: block; width: 100%; } .mod-enhancement .eyebrow { display: none; } .article-left-rail figure, .e-left-rail figure { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; } .article-left-rail figure iframe, .e-left-rail figure iframe, .article-left-rail figure img, .e-left-rail figure img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .article-left-rail figure figcaption, .e-left-rail figure figcaption { color: black; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-space: -0.2px; } .article-left-rail figure h5, .e-left-rail figure h5, .article-left-rail figure .credit, .e-left-rail figure .credit { display: none; } .article-left-rail figure.video h5, .e-left-rail figure.video h5, .article-left-rail figure.slideshow h5, .e-left-rail figure.slideshow h5 { display: block; margin-top: 0; } .article-left-rail figure.video .content-teaser, .e-left-rail figure.video .content-teaser, .article-left-rail figure.slideshow .content-teaser, .e-left-rail figure.slideshow .content-teaser { margin-bottom: 0; } .article-left-rail figure.video figcaption div, .e-left-rail figure.video figcaption div, .article-left-rail figure.slideshow figcaption div, .e-left-rail figure.slideshow figcaption div { display: none; } .e-left-pi.sponsored { background-color: #fff; border: 1px solid #e0e0e0; border-top: 4px solid #BF9741; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); padding: 20px; font-size: 16px; line-height: 1.5em; } .e-left-pi.sponsored h4 { line-height: 28px; } .e-left-pi.sponsored .feed-item { padding-bottom: 0; } @media only screen and (min-width: 320px) { .e-left-pi { margin-bottom: 2rem; } } @media only screen and (min-width: 970px) { .bsp-site { overflow: hidden; } .e-breaker { position: relative; width: 100%; padding: 20px; background-color: #fff; z-index: 402; margin-bottom: 30px; } .e-breaker:before { content: ""; position: absolute; display: block; width: 200%; height: 100%; right: 0; background-color: #fff; z-index: -1; top: 0; } .e-breaker:after { content: ""; position: absolute; display: block; width: 200%; height: 100%; left: 0; top: 0; background-color: #fff; z-index: -1; } .e-breaker figcaption { margin-top: 1em; border-top: 1px solid #e0e0e0; } figure { z-index: 403; } .e-left-50, .e-left-pi { float: left; margin-right: 20px; } .e-left-pi { width: 35%; } } @media only screen and (min-width: 1200px) { .e-left-rail { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; background-color: #f9f9f9; color: #272727; } .article-left-rail .eyebrow, .e-left-rail .eyebrow { display: block; font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px; margin-bottom: 5px; } .e-left-pi { margin-bottom: 0; } } @media only screen and (min-width: 1200px) and (min-width: 768px) { .e-left-rail { float: left; width: 25%; } } @media only screen and (min-width: 1200px) and (min-width: 768px) { .e-left-rail { float: left; padding-left: 0; padding-right: 0; width: 25%; } } .module h6 { font-size: 14px; font-weight: 700; line-height: 1.43; letter-spacing: 0; margin: 0; } /* ============================================== BRANDED MODULE This alternate module style has a white background, dropshadow, and a colored top border matching the brand color. ============================================== */ .branded-module { padding: 20px; background-color: #fff; border-top: 4px solid #1969a0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .author-module { padding: 20px 0 0; text-align: center; color: #777; border-top: 1px solid #e0e0e0; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; } .author-module .author-image, .author-module .webinar-speaker-image { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .author-module .author-image, .author-module .webinar-speaker-image { margin-bottom: 2rem; } } .author-module h4 { font-size: 24px; font-weight: 700; line-height: 1.25; letter-spacing: -0.25px; margin: 0; font-weight: 900; } @media only screen and (min-width: 768px) { .author-module h4 { font-size: 18px; } } @media only screen and (max-width: 767px) { .author-module h4 { font-size: 22px; } } .author-module .bio, .author-module .submission-guidelines { display: block; } .author-module .bio p, .author-module .submission-guidelines p { font-size: 15px; line-height: 24px; margin-bottom: 1rem; } .author-module .submission-guidelines { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 15px; line-height: 24px; margin-bottom: 20px; } .author-module .submission-guidelines h4 { color: #000; font-size: 16px; line-height: 19px; font-weight: 600; margin-bottom: 10px; } .author-module .submission-guidelines p:last-child { margin-bottom: 0; } .author-module .submission-guidelines a { font-weight: 700; font-size: 15px; line-height: 24px; } .author-social { display: inline-block; } .author-social ul { list-style: none; padding-left: 0; } .author-social ul li { float: left; padding: 0 0.5em; } .author-social ul li a { color: #999; } .author-more { text-align: center; margin: 20px 0; } .author-more h6 { color: #000; font-size: 16px; } .author-more a { font-weight: 700; } .author-more ul { padding-left: 0; list-style-type: none; } .author-more li { padding-top: 0.8em; } .author-more li a { font-size: 14px; font-weight: 700; line-height: 22px; } @media only screen and (max-width: 767px) { .author-more li { padding-top: 2rem; } } @media only screen and (min-width: 768px) { .author-module { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; padding: 40px 0; border-bottom: none; } .author-module > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .author-module .author-image, .author-module .webinar-speaker-image { float: left; margin-right: 20px; } .author-module h4 { font-weight: 900; line-height: 22px; } .author-module .bio { overflow: hidden; margin-right: 30px; line-height: 24px; font-size: 15px; } .author-module .bio p { margin-bottom: 2rem; } .author-module .submission-guidelines { border-top: 1px solid #e0e0e0; padding-top: 20px; } .author-module .submission-guidelines h4 { line-height: 24px; font-weight: 700; margin-bottom: 15px; } .author-more { text-align: left; margin: 0; padding-left: 30px; border-bottom: none; border-left: 1px solid #e0e0e0; } .author-more li { padding-top: 0.5em; } .author-more li a { font-size: 15px; line-height: 20px; } .author-social ul li { padding: 0 1em 0 0; } } /* --------------------------------------------- SPONSORED BY PARTIAL This is sprinkled in various different modules throughout the site with mutiple different stylings --------------------------------------------- */ .sponsored-by { text-transform: uppercase; padding-top: 10px; margin-top: 20px; line-height: 16px; display: inline-block; border-top: 1px solid #e5e5e5; } .sponsored-by span { font-size: 13px; font-weight: 600; color: #777; margin-bottom: 20px; } .sponsored-by img { display: block; width: 100%; max-width: 200px; max-height: 40px; width: auto; } .pi-sponsor { max-width: 216px; border-top: 1px solid #e5e5e5; padding-top: 10px; } .pi-sponsor span { display: block; color: #BF9741; font-size: 11px; text-transform: uppercase; } .sponsored .feed-item h4 span { color: #1969a0; } .sponsorship { font-weight: 600; text-transform: uppercase; color: #777; font-size: 11px; } .sponsorship .sponsor-logos { display: none; line-height: 14px; } @media only screen and (min-width: 1200px) { .sponsorship .sponsor-logos { display: block; } } .sponsorship .sponsor-logos li { margin: 10px 0; display: inline-block; width: 100%; } .sponsorship .sponsor-logos li img { max-height: 40px; max-width: 150px; } .sponsorship .sponsor-inline { display: block; margin-right: 20px; line-height: 12px; } @media only screen and (min-width: 768px) { .sponsorship .sponsor-inline { line-height: 14px; } } @media only screen and (min-width: 1200px) { .sponsorship .sponsor-inline { display: none; } } .sponsorship .sponsor-inline a { color: #777; } @media only screen and (min-width: 1200px) { .sponsorship[data-hidden-logo] .sponsor-logos { display: none; } .sponsorship[data-hidden-logo] .sponsor-inline { display: block; } } .sponsor-content .sponsorship, .sponsor-content .sponsorship a, .sponsor-content .article-first .sponsorship a { color: #BF9741; } .sponsor-content .bsp-page-title span { color: #BF9741; } .sponsor-content.sponsored .feed-item h4 span, .sponsor-content.sponsored .feed-item h4 a:hover { color: #BF9741; } .sponsor-content .sponsored-by span { display: block; color: #BF9741; } .feed-page-sponsor-content .page-title span, .feed-page-sponsor-underline .page-title span { background-image: -webkit-linear-gradient(#BF9741, #BF9741), -webkit-linear-gradient(#BF9741, #BF9741), -webkit-linear-gradient(#BF9741, #BF9741); background-image: linear-gradient(#BF9741, #BF9741), linear-gradient(#BF9741, #BF9741), linear-gradient(#BF9741, #BF9741); } @media only screen and (min-width: 768px) { .feed-page-sponsor-content .component-group.sponsored, .feed-page-sponsored .component-group.sponsored, .feed-page-sponsor-content .component-group.sponsor-content, .feed-page-sponsored .component-group.sponsor-content { float: right; margin-left: 4%; } } .feed-page-sponsor-content .component-group.sponsored .sponsor-logos li, .feed-page-sponsored .component-group.sponsored .sponsor-logos li, .feed-page-sponsor-content .component-group.sponsor-content .sponsor-logos li, .feed-page-sponsored .component-group.sponsor-content .sponsor-logos li { display: block; width: auto; } .feed-page-sponsor-content .component-group.sponsored .sponsor-logos li:first-of-type, .feed-page-sponsored .component-group.sponsored .sponsor-logos li:first-of-type, .feed-page-sponsor-content .component-group.sponsor-content .sponsor-logos li:first-of-type, .feed-page-sponsored .component-group.sponsor-content .sponsor-logos li:first-of-type { margin-top: 5px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .feed-page-sponsor-content .component-group.sponsored .sponsor-logos, .feed-page-sponsored .component-group.sponsored .sponsor-logos, .feed-page-sponsor-content .component-group.sponsor-content .sponsor-logos, .feed-page-sponsored .component-group.sponsor-content .sponsor-logos { display: block; } } .feed-page-sponsor-content .component-group.sponsored .sponsor-inline, .feed-page-sponsored .component-group.sponsored .sponsor-inline, .feed-page-sponsor-content .component-group.sponsor-content .sponsor-inline, .feed-page-sponsored .component-group.sponsor-content .sponsor-inline { margin-top: 30px; } @media only screen and (min-width: 768px) { .feed-page-sponsor-content .component-group.sponsored .sponsor-inline, .feed-page-sponsored .component-group.sponsored .sponsor-inline, .feed-page-sponsor-content .component-group.sponsor-content .sponsor-inline, .feed-page-sponsored .component-group.sponsor-content .sponsor-inline { display: none; } } .article-first .special-program-wrap { margin-bottom: 10px; } .article-first .special-program-wrap img { display: none; margin: 0 auto 15px; } @media only screen and (min-width: 1200px) { .article-first .special-program-wrap { margin-bottom: 30px; } .article-first .special-program-wrap img { display: block; } } .article-first .special-program-wrap a { color: #1969a0; font-weight: 700; font-size: 18px; line-height: 24px; } @media only screen and (max-width: 767px) { .article-first .special-program-wrap a { font-size: 14px; } } .article-first .special-program-wrap a[data-sponsor-content=true] { color: #BF9741; } .article-first .special-program-wrap a:hover { color: #000; } /* ============================================================== 1. STANDARD HERO 2. AUTHOR HERO 3. EVENT HERO 4. MAGAZINE LANDING HERO ============================================================== */ /* ============================================================== STANDARD HERO ============================================================== */ .mod-hero { /* Order of Columns Changes for XS display */ } .mod-hero:before, .mod-hero:after { content: " "; display: table; } .mod-hero:after { clear: both; } .mod-hero:before, .mod-hero:after { content: " "; display: table; } .mod-hero:after { clear: both; } .mod-hero .bsp-page-title { display: inline-block; margin: 0 0 0.2em; } .mod-hero .component-footer, .mod-hero .mod-related-content .small-print { padding-top: 1em; } @media only screen and (max-width: 767px) { .mod-hero { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mod-hero .hero-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 1em; } .mod-hero .bsp-page-title-wrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .mod-hero .hero-body { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .mod-hero .component-footer, .mod-hero .mod-related-content .small-print { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; /* put each item on a new line */ } .mod-hero .component-footer > *, .mod-hero .mod-related-content .small-print > * { display: block; } } @media only screen and (min-width: 768px) { .mod-hero .hero-image { float: left; max-width: 50%; margin-right: 20px; } .mod-hero .hero-body { padding: 0 20px 20px 0; } .mod-hero .component-footer, .mod-hero .mod-related-content .small-print { clear: both; } .mod-hero .component-footer > *, .mod-hero .mod-related-content .small-print > * { display: inline-block; } } @media only screen and (min-width: 970px) { .mod-hero.with-image .component-footer, .mod-hero.with-image .mod-related-content .small-print { float: left; margin-top: -2.2em; margin-left: 50%; padding: 0 20px; } } @media only screen and (min-width: 1200px) { .mod-hero.with-image:before, .mod-hero.with-image:after { content: " "; display: table; } .mod-hero.with-image:after { clear: both; } .mod-hero.with-image:before, .mod-hero.with-image:after { content: " "; display: table; } .mod-hero.with-image:after { clear: both; } .mod-hero.with-image .hero-image { float: left; max-width: 50%; margin-top: 0; margin-right: 0; padding-right: 20px; top: 0; } .mod-hero.with-image .bsp-page-title-wrapper { float: right; width: 50%; } .mod-hero.with-image .hero-body, .mod-hero.with-image .component-footer, .mod-hero.with-image .mod-related-content .small-print { float: right; width: 50%; } .mod-hero.with-image .component-footer, .mod-hero.with-image .mod-related-content .small-print { padding-left: 0; } } /* ============================================================== AUTHOR HERO ============================================================== */ .mod-author-hero { margin-top: 1em; } .mod-author-hero .page-title { margin-bottom: 0.1em; font-size: 50px; padding-top: 0; } .mod-author-hero .author-image, .mod-author-hero .webinar-speaker-image { float: left; margin-right: 20px; } .mod-author-hero .author { margin-top: 20px; } .mod-author-hero .hero-body { clear: both; padding-top: 20px; } .mod-author-hero .contact a { font-weight: 700; padding-right: 1em; } .mod-author-hero .contact a:before { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999; vertical-align: text-bottom; padding-right: .5ex; } .mod-author-hero .contact .email:before { content: "\e554"; } .mod-author-hero .contact .twitter:before { content: "\e903"; } .mod-author-hero .contact .facebook:before { content: "\e901"; } .mod-author-hero .contact .linked-in:before { content: "\e904"; } .mod-author-hero .contact .google-plus:before { content: "\e900"; } .mod-author-hero .contact .instagram:before { content: "\e902"; } /* ============================================================== EVENT HERO ============================================================== */ .EventHero-title { font-size: 48px; font-weight: 900; line-height: 52px; margin-bottom: .8em; } .EventHero-title-link { color: #333; } .EventHero-title-link span { color: #1969a0; } .EventHero-col--left { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .EventHero-col--left { float: left; width: 25%; } } @media (min-width: 768px) { .EventHero-col--left { float: left; padding-left: 0; padding-right: 0; width: 25%; } } .EventHero-col--middle { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .EventHero-col--middle { float: left; width: 50%; } } @media (min-width: 768px) { .EventHero-col--middle { float: left; padding-left: 0; padding-right: 0; width: 50%; } } .EventHero-col--right { position: relative; min-height: 1px; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .EventHero-col--right { float: left; width: 25%; } } @media (min-width: 768px) { .EventHero-col--right { float: left; padding-left: 0; padding-right: 0; width: 25%; } } .EventHero-summary { padding: 1em 0; max-height: 5.3em; overflow: hidden; } @media only screen and (min-width: 768px) { .EventHero-summary { padding: 1em 30px 0; max-height: 5.5em; } } .EventHero-links { padding: 1em 0px; } @media only screen and (min-width: 768px) { .EventHero-links { padding: 10px 30px; } } .EventHero-links > [role=button] { height: 3.35em; line-height: 3.25em; margin: 0; } .EventHero-links > :not([role=button]) { padding: 0 2em; font-weight: 800; background: transparent; } @media only screen and (max-width: 767px) { .EventHero .image-wrap { width: 30%; margin-right: 10px; } .EventHero .image-wrap .cal { font-size: 11px; } } /* ============================================================== MAGAZINE LANDING HERO ============================================================== */ .mod-hero-mag-land .eyebrow { font-size: 24px; font-weight: 900; color: #1969a0; } .mod-hero-mag-land .bsp-page-title { margin: 0; color: #000; } .mod-hero-mag-land .hero-image { max-width: 485px; } .mod-hero-mag-land .body-text { margin: 1em 0 2em; } .mod-hero-mag-land .hero-body { overflow: hidden; border-bottom: 1px solid #e0e0e0; } .mod-hero-mag-land .hero-body .component-footer, .mod-hero-mag-land .hero-body .mod-related-content .small-print { margin: 0; padding: 0; float: none; } .mod-hero-mag-land h5 { font-size: 20px; font-weight: 900; } .mod-hero-mag-land .link-list { font-size: 18px; font-weight: 700; } .mod-hero-mag-land .link-list li { padding-bottom: 1em; } @media only screen and (min-width: 970px) { .mod-hero-mag-land { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 1200px) { .mod-hero-mag-land.with-image .hero-image { max-width: 485px; padding-right: 0; margin-right: 20px; } .mod-hero-mag-land.with-image .bsp-page-title-wrapper, .mod-hero-mag-land.with-image .hero-body, .mod-hero-mag-land.with-image .component-footer, .mod-hero-mag-land.with-image .mod-related-content .small-print { float: none; width: 100%; } } /* =============================================================== 1. FEED 2. FEED ITEM 3. FEED - MAGAZINE 4. FEED - Calendar Event Item 4. FEED PAGE =============================================================== */ .feed.list { clear: both; display: inline-block; } .feed.list .dek { font-size: 13px; color: #666666; line-height: 22px; } .feed li.sponsor-content + li:not(.sponsor-content) .feed-item { margin-top: 30px; } .feed-module .feed li:first-child .feed-item { margin-top: 0; } .feed li.sponsored.sponsor-content.sponsored-with-image { margin-left: -20px; } .feed li.sponsored.sponsor-content.sponsored-with-image .feed-item { margin-left: 0; padding-left: 252px; } @media only screen and (max-width: 767px) { .feed li.sponsored.sponsor-content.sponsored-with-image .feed-item { padding-left: 20px; } } @media only screen and (min-width: 1400px) { .feed li.sponsored.sponsor-content.sponsored-with-image .feed-item { width: 1040px; } } .feed li.sponsored.sponsor-content.sponsored-with-image .feed-item .image-wrap { top: 20px; left: 20px; } @media only screen and (max-width: 767px) { .feed li.sponsored.sponsor-content.sponsored-with-image .feed-item .image-wrap { top: initial; left: initial; } } .feed li.sponsored.sponsor-content .feed-item { border-bottom: none; } @media only screen and (min-width: 1400px) { .feed li.sponsored.sponsor-content .feed-item { width: 808px; } } .feed li.sponsored.sponsor-content .item-meta.item-meta-sponsored { margin-bottom: 0; } .feed li .sponsored.sponsor-content { border-top: 4px solid #BF9741; background-color: #fff; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); padding: 20px; margin: 30px -20px 0 212px; } @media only screen and (min-width: 1400px) { .feed li .sponsored.sponsor-content { padding: 20px; } } @media only screen and (max-width: 767px) { .feed li .sponsored.sponsor-content { margin: 20px -20px 0; } } .feed li .feed-item { position: relative; margin-left: 232px; border-bottom: 1px solid #e5e5e5; display: block; margin: 20px 0 0; } @media only screen and (min-width: 768px) { .feed li .feed-item { margin: 20px 0 0 232px; } } @media only screen and (min-width: 1400px) { .feed li .feed-item { width: 768px; display: inline-block; padding-bottom: 40px; } } .feed li .feed-item.with-image .item-body { min-height: 60px; } .feed li .feed-item.with-image .form-input button { margin: 0; min-width: 170px; height: 50px; line-height: 50px; } .feed li .feed-item h4 { margin-bottom: 10px; } @media only screen and (min-width: 1400px) { .feed li .feed-item h4 { width: 508px; } } .feed li .feed-item h4 sup { color: #1969a0; font-size: 12px; line-height: 14px; font-weight: 600; text-transform: uppercase; position: relative; top: -9px; display: inline-block; } @media only screen and (min-width: 768px) { .feed li .feed-item h4 sup { top: -12px; } } .feed li .feed-item .image-wrap { position: absolute; left: -232px; top: 0; } @media only screen and (max-width: 767px) { .feed li .feed-item .image-wrap { position: relative; top: initial; left: initial; margin-bottom: 20px; } .feed li .feed-item .image-wrap img { width: 100%; max-width: 480px; } } .feed li .feed-item .item-body { font-size: 16px; line-height: 24px; color: #666; margin: 0px; } .feed li .feed-item .item-body + .item-meta + .item-meta.item-meta-sponsored { margin-top: 30px; } @media only screen and (max-width: 767px) { .feed li .feed-item .item-body + .item-meta + .item-meta.item-meta-sponsored { margin-top: 20px; } } @media only screen and (min-width: 1400px) { .feed li .feed-item .item-body { width: 508px; float: left; } } @media only screen and (max-width: 767px) { .feed li .feed-item .mini-author { display: inline-block; width: 100%; margin-top: 10px; } } .feed li .feed-item .mini-author .author-image, .feed li .feed-item .mini-author .webinar-speaker-image { position: relative; top: 0; float: left; } .feed li .feed-item .mini-author .author-image img, .feed li .feed-item .mini-author .webinar-speaker-image img { width: 90px; height: 90px; } @media only screen and (max-width: 767px) { .feed li .feed-item .mini-author .author-image img, .feed li .feed-item .mini-author .webinar-speaker-image img { width: 120px; height: 120px; } } .feed li .feed-item .mini-author-inner { float: left; margin-left: 10px; display: table; height: 90px; max-width: 112px; } @media only screen and (max-width: 767px) { .feed li .feed-item .mini-author-inner { height: 120px; width: auto; max-width: initial; float: none; position: relative; left: 10px; } } .feed li .feed-item .mini-author-text { display: table-cell; vertical-align: middle; } .feed li .feed-item .mini-author-text h6 { color: #000; font-size: 15px; line-height: 18.5px; font-weight: 800; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .feed li .feed-item .mini-author-text h6 { font-size: 28px; line-height: 24.6px; } } .feed li .feed-item .mini-author-text h6 a { color: #000; } .feed li .feed-item .mini-author-text h6 a:hover { color: #1969a0; } .feed li .feed-item .mini-author-text .title { color: #999; font-size: 12px; line-height: 14.5px; font-weight: 400; display: block; } @media only screen and (max-width: 767px) { .feed li .feed-item .mini-author-text .title { font-size: 12px; line-height: 14.5px; } } .feed li .feed-item .sponsored-by { margin-bottom: 30px; clear: left; min-width: 217px; } @media only screen and (max-width: 767px) { .feed li .feed-item .sponsored-by { margin-bottom: 20px; } } @media only screen and (min-width: 1400px) { .feed li .feed-item .sponsored-by { float: left; margin-bottom: 0; } } .feed li .feed-item .sponsored-by span { font-size: 11px; margin-bottom: 10px; } .feed li .feed-item .item-meta { line-height: 18.5px; display: none; } .feed li .feed-item .item-meta .component-footer, .feed li .feed-item .item-meta .mod-related-content .small-print { padding: 0; line-height: 18.5px; } .feed li .feed-item .item-meta .component-footer .tag, .feed li .feed-item .item-meta .mod-related-content .small-print .tag { font-size: 15px; display: inline-block; } @media only screen and (max-width: 767px) { .feed li .feed-item .item-meta .component-footer .tag, .feed li .feed-item .item-meta .mod-related-content .small-print .tag { display: block; } } @media only screen and (min-width: 1400px) { .feed li .feed-item .item-meta .component-footer .tag, .feed li .feed-item .item-meta .mod-related-content .small-print .tag { display: block; } } .feed li .feed-item .item-meta .component-footer .byline, .feed li .feed-item .item-meta .mod-related-content .small-print .byline { font-size: 12px; line-height: 18.5px; font-weight: 600; color: #666; display: inline-block; } .feed li .feed-item .item-meta .component-footer .byline a:not(:hover), .feed li .feed-item .item-meta .mod-related-content .small-print .byline a:not(:hover) { color: #666; } @media only screen and (max-width: 767px) { .feed li .feed-item .item-meta .component-footer .byline, .feed li .feed-item .item-meta .mod-related-content .small-print .byline { display: block; } } @media only screen and (min-width: 1400px) { .feed li .feed-item .item-meta .component-footer .byline, .feed li .feed-item .item-meta .mod-related-content .small-print .byline { display: block; } } .feed li .feed-item .item-meta .component-footer .byline .timestamp, .feed li .feed-item .item-meta .mod-related-content .small-print .byline .timestamp { color: #9f9f9f; } @media only screen and (min-width: 1400px) { .feed li .feed-item .item-meta { display: block; width: 150px; float: right; position: relative; top: 3px; } } .feed li .feed-item .item-meta.item-meta-sponsored { display: block; margin-bottom: 10px; } @media only screen and (min-width: 1400px) { .feed li .feed-item .item-meta.item-meta-sponsored { display: none; } } .feed-item h4 { font-size: 22px; line-height: 26px; font-weight: 800; } @media only screen and (min-width: 768px) { .feed-item h4 { font-size: 28px; font-weight: 900; line-height: 34px; } } .feed-item h4 a { color: #333; } .feed-item h4 a span { color: #1969a0; } @media only screen and (max-width: 767px) { .feed-item h4 a span { font-size: 22px; } } .feed-item h4 a:hover { color: #1969a0; } .feed-item .item-companyName, .feed-item .item-companyLocation { color: #666; font-size: 16px; line-height: 24px; } .feed-item .item-companyName span, .feed-item .item-companyLocation span { font-weight: 700; } .feed-item .item-companyName { margin-bottom: 20px; } .feed-item .item-companyName + .item-companyLocation { margin-bottom: 20px; margin-top: -20px; } .feed-item .item-body { margin-top: 10px; color: #666; } @media only screen and (min-width: 768px) { .feed-module a.see-all-link { margin-left: 232px; } } /* =============================================================== FEED MAGAZINE =============================================================== */ .mag-feed li { position: relative; min-height: 67px; } .mag-feed .feed-item { position: static; margin-left: 70px; } .mag-feed .feed-item .image-wrap { position: absolute; width: 50px; top: 0; left: 0; } @media only screen and (min-width: 768px) { .mag-feed li { min-height: 206px; } .mag-feed .feed-item { margin-left: 160px; } .mag-feed .feed-item .image-wrap { width: 140px; top: 40px; left: 20px; } } @media only screen and (min-width: 970px) { .mag-feed li { margin-left: 0; } } /* =============================================================== FEED Calendar Event Item =============================================================== */ @media only screen and (max-width: 767px) { .cal-event .image-wrap { float: left; width: 30%; margin-right: 10px; } .cal-event .image-wrap .cal { font-size: 11px; } } @media only screen and (min-width: 970px) { .cal-event .image-wrap { width: 212px; } .cal-event .image-wrap .cal { width: 100%; } } /* =============================================================== FEED Page =============================================================== */ .feed-page-body { clear: left; font-size: 18px; line-height: 28px; font-weight: 400; display: block; padding-top: 30px; width: auto; color: #333; max-width: 850px; } .feed-page-body a { font-weight: 700; } .feed-page { padding-top: 40px; } @media only screen and (max-width: 767px) { .feed-page { padding-top: 20px; } } .feed-page .mod-hero .bsp-page-title a { color: black; } .feed-page .mod-hero .bsp-page-title a:hover { color: #1969a0; } .feed-page .page-title + .search-results-wrapper > .list.feed > li:first-of-type { margin-top: 10px; } .feed-page .page-title + .search-results-wrapper > .list.feed > li:first-of-type.sponsor-content { margin-top: 0; } .feed-page .bsp-column-flex.sm-column-flex { position: relative; } @media only screen and (min-width: 768px) { .feed-page .bsp-column-flex.sm-column-flex { padding-right: 20px; } } .feed-page.suppress-sponsor-cards li.sponsor-content + li:not(.sponsor-content) .feed-item { margin-top: 20px; } .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image { margin-left: 232px; padding-left: 0; left: 20px; position: relative; } @media only screen and (max-width: 767px) { .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image { margin-left: 0px; } } .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image .feed-item { left: -20px; padding-left: 0px; } @media only screen and (max-width: 767px) { .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image .feed-item { left: 0px; } } .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image .feed-item .image-wrap { top: 0; left: -232px; } @media only screen and (max-width: 767px) { .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content.sponsored-with-image .feed-item .image-wrap { left: 0px; } } @media only screen and (max-width: 767px) { .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content .feed-item { margin-left: 0; } } @media only screen and (min-width: 1400px) { .feed-page.suppress-sponsor-cards li.sponsored.sponsor-content .feed-item { width: 768px; } } .feed-page.suppress-sponsor-cards li .sponsored.sponsor-content { padding: 0 0 10px 0; border-top: none; box-shadow: none; background-color: transparent; margin: 20px 0 0 232px; border-bottom: 1px solid #e5e5e5; } @media only screen and (min-width: 1400px) { .feed-page.suppress-sponsor-cards li .sponsored.sponsor-content { padding-bottom: 20px; } } .feed-page.feed-page-sponsored .mod-hero[data-sponsored-content=true] .hero-body { margin-bottom: 20px; } .feed-page.feed-page-sponsored .mod-hero[data-sponsored-content=true] .sponsored-by { visibility: hidden; height: 0; margin: 0; padding: 0; } .feed-page.feed-page-sponsored .feed li.sponsored:not(.sponsor-content) .feed-item .sponsored-by { visibility: hidden; height: 0px; margin: 0; padding: 0; } .feed-page.feed-page-sponsor-content:not(.legal-notice) .mod-hero[data-sponsor-content=true] .sponsored-by, .feed-page.feed-page-sponsor-content:not(.legal-notice) .mod-hero[data-sponsored-content=true] .sponsored-by { visibility: hidden; height: 0px; margin: 0; padding: 0; } .feed-page.feed-page-sponsor-content:not(.legal-notice) .mod-hero[data-sponsor-content=true] .hero-body { margin-bottom: 20px; } .feed-page.feed-page-sponsor-content:not(.legal-notice) .feed li.sponsored .feed-item .sponsored-by { visibility: hidden; height: 0px; margin: 0; padding: 0; } .feed-page h1 { margin: 0; padding: 0; } @media only screen and (min-width: 768px) { .feed-page h1 { float: left; max-width: 67%; } } @media only screen and (min-width: 970px) { .feed-page h1 { line-height: 2em; } } .feed-page .bsp-column-fixed-width.sm-right-rail { padding-top: 0; } .feed-page .search-filters-module { margin-top: 40px; border-bottom: solid 1px #e0e0e0; margin-bottom: 0; float: left; width: 100%; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module { margin-top: 30px; } } .feed-page .search-filters-module .form-select.styled-select { border: none; margin: 0; padding-right: 0; min-width: 208px; position: relative; display: inline-block; float: left; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module .form-select.styled-select { margin-top: 8px; width: 42%; min-width: 100px; padding-bottom: 15px; } .feed-page .search-filters-module .form-select.styled-select select { position: absolute; margin-left: 0; width: 100%; opacity: 0; top: 0; display: table-cell; } } .feed-page .search-filters-module .form-select.styled-select:not(:nth-child(1)) { margin-left: 23px; border-left: 1px solid #e5e5e5; padding-left: 30px; } .feed-page .search-filters-module label, .feed-page .search-filters-module .related-topics-label { color: #aaa; font-size: 15px; line-height: 18px; font-weight: 700; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module label, .feed-page .search-filters-module .related-topics-label { font-size: 13px; line-height: 16px; } } .feed-page .search-filters-module label { margin-bottom: 0; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module label { position: relative; top: 8px; } } .feed-page .search-filters-module .related-topics-label { float: left; padding: 17px 15px 10px 30px; border-left: solid 1px #e5e5e5; display: inline-block; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module .related-topics-label { margin-left: 3px; padding-left: 10px; padding-right: 0px; position: relative; top: 2px; } } .feed-page .search-filters-module select { margin: 0 0 0 25px; padding: 0 5px 0px 0px; font-size: 15px; font-weight: 700; } @media only screen and (min-width: 768px) { .feed-page .search-filters-module select { max-width: 190px; } } .feed-page .search-filters-module .related-topics-nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .feed-page .search-filters-module ul.related-topics-links { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; white-space: nowrap; padding: 17px 0 0px 0; } .feed-page .search-filters-module ul.related-topics-links:before, .feed-page .search-filters-module ul.related-topics-links:after { content: " "; display: table; } .feed-page .search-filters-module ul.related-topics-links:after { clear: both; } .feed-page .search-filters-module ul.related-topics-links:before, .feed-page .search-filters-module ul.related-topics-links:after { content: " "; display: table; } .feed-page .search-filters-module ul.related-topics-links:after { clear: both; } .feed-page .search-filters-module ul.related-topics-links li { float: left; margin: 0 15px; padding: 0; line-height: 18px; height: 18px; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module ul.related-topics-links li { width: 100%; } } .feed-page .search-filters-module ul.related-topics-links li a { color: #1969a0; font-weight: 700; font-size: 15px; } .feed-page .search-filters-module ul.related-topics-links li a:hover { color: #000; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore a { font-size: 25px; position: relative; top: 1px; display: block; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore .flexMenu-popup { left: 45%; top: 45px; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore .flexMenu-popup li { float: none; margin: 10px 0; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore .flexMenu-popup li a { color: #333; font-size: 15px; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore .flexMenu-popup li a:hover { color: #1969a0; } @media only screen and (max-width: 767px) { .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore { float: right; padding-right: 4px; width: 0; } .feed-page .search-filters-module ul.related-topics-links .flexMenu-viewMore .flexMenu-popup { left: auto; right: 0; } } .feed-page .component-group.search-results-wrapper { float: left; clear: left; } .feed-page .mod-hero { float: left; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; position: relative; } @media only screen and (min-width: 970px) { .feed-page .mod-hero.with-image { min-height: 365px; } } @media only screen and (min-width: 1400px) { .feed-page .mod-hero.with-image { min-height: 353px; } } @media only screen and (min-width: 768px) { .feed-page .mod-hero.with-image h1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 1400px) { .feed-page .mod-hero.with-image h1 { margin-top: -6px; margin-bottom: 12px; } } .feed-page .mod-hero.with-image .hero-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; float: left; padding-bottom: 34px; margin-right: 0; } @media only screen and (max-width: 767px) { .feed-page .mod-hero.with-image .hero-image { padding-bottom: 0; margin-bottom: 20px; } } @media only screen and (min-width: 768px) { .feed-page .mod-hero.with-image .hero-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: 20px; } } @media only screen and (min-width: 1400px) { .feed-page .mod-hero.with-image .bsp-page-title-wrapper { float: right; width: 50%; } } @media only screen and (min-width: 768px) { .feed-page .mod-hero.with-image .component-footer, .feed-page .mod-hero.with-image .mod-related-content .small-print { margin-left: 50%; position: absolute; bottom: 10px; margin-bottom: 0px; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .feed-page .mod-hero.with-image .component-footer .tag, .feed-page .mod-hero.with-image .mod-related-content .small-print .tag { display: block; } } .feed-page .mod-hero.with-image .img-credit { color: #777; font-size: 12px; line-height: 12px; font-weight: 400; } .feed-page .mod-hero.with-image .img-credit a { color: #777; } .feed-page .mod-hero.with-image .img-credit a:hover { color: #238ED8; } @media only screen and (min-width: 768px) { .feed-page .mod-hero.with-image .img-credit { position: absolute; bottom: 10px; } } .feed-page .mod-hero[data-sponsor-content=true] .hero-body, .feed-page .mod-hero[data-sponsored-content=true] .hero-body { margin-bottom: 0; padding-bottom: 0; } .feed-page .mod-hero[data-sponsor-content=true] h1 a span, .feed-page .mod-hero[data-sponsor-content=true] h1 span, .feed-page .mod-hero[data-sponsor-content=true] .sponsored-by span, .feed-page .mod-hero[data-sponsor-content=true] .sponsored-by a { color: #BF9741; } @media only screen and (min-width: 970px) and (max-width: 1199px) { .feed-page .mod-hero[data-sponsor-content=true] .sponsored-by { margin-bottom: 75px; } } @media only screen and (min-width: 1400px) { .feed-page .mod-hero[data-sponsor-content=true] .sponsored-by { margin-bottom: 75px; } } .feed-page .mod-hero[data-sponsor-content=true] .sponsored-by span { margin-bottom: 10px; } .feed-page .mod-hero[data-sponsored-content=true] .sponsored-by a { color: #777; } .feed-page .mod-hero[data-sponsored-content=true] .sponsored-by a:hover { color: #000; } .feed-page .mod-hero[data-sponsored-content=true] .sponsored-by span { margin-bottom: 0; } .feed-page .mod-hero .bsp-page-title-wrapper { width: 100%; float: left; } .feed-page .mod-hero h1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-weight: 900; line-height: 60px; font-size: 50px; max-width: 100%; margin-top: 0; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .feed-page .mod-hero h1 { font-size: 26px; line-height: 31px; } .feed-page .mod-hero h1 span { font-size: 28px; } } @media only screen and (min-width: 768px) { .feed-page .mod-hero h1 { margin-bottom: 15px; } } @media only screen and (min-width: 1400px) { .feed-page .mod-hero h1 { line-height: 48px; } } .feed-page .mod-hero h1 a { color: #333; } .feed-page .mod-hero h1 a:hover { color: #1969a0; } .feed-page .mod-hero .hero-body { color: #666; font-size: 16px; line-height: 24px; padding-right: 0; } @media only screen and (max-width: 767px) { .feed-page .mod-hero .hero-body { margin-bottom: 20px; } } .feed-page .mod-hero .sponsored-by { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 20px; } .feed-page .mod-hero .sponsored-by span { font-size: 11px; line-height: 13px; font-weight: 600; display: inline-block; } .feed-page .mod-hero .sponsored-by a { font-size: 11px; font-weight: 600; } .feed-page .mod-hero .sponsored-by img { max-height: 40px; } .feed-page .mod-hero .component-footer, .feed-page .mod-hero .mod-related-content .small-print { position: relative; margin-bottom: 10px; line-height: 18.5px; padding: 0; } .feed-page .mod-hero .component-footer .tag, .feed-page .mod-hero .mod-related-content .small-print .tag { font-size: 15px; } .feed-page .mod-hero .component-footer .byline, .feed-page .mod-hero .mod-related-content .small-print .byline { font-size: 12px; font-weight: 600; color: #666; } .feed-page .mod-hero .component-footer .byline .timestamp, .feed-page .mod-hero .mod-related-content .small-print .byline .timestamp { color: #AFAFAF; } .feed-page #gpt-ad-bigbox1 { clear: both; } .feed-page .search-results-wrapper.time-based-multi h2 { margin: 40px 30px 0 0; padding: 0; font-size: 30px; line-height: 54px; font-weight: 900; color: #333; } .feed-page .search-results-wrapper.time-based-multi h2:first-of-type { margin: 30px 0 0; } .feed-page .search-results-wrapper.time-based-multi .feed.list { display: block; } @media only screen and (min-width: 768px) { .feed-page .search-results-wrapper.time-based-multi h2 { margin-top: 50px; display: inline-block; font-size: 36px; margin-bottom: 10px; } .feed-page .search-results-wrapper.time-based-multi h2:first-of-type { margin: 30px 30px 0 0; } } .feed-page.tbm .search-filters-module .form-select.styled-select { min-width: auto; } @media only screen and (max-width: 767px) { .feed-page.tbm .search-filters-module .form-select.styled-select { width: 30%; } .feed-page.tbm .search-filters-module .form-select.styled-select:not(:nth-child(1)) { margin-left: 10px; padding-left: 10px; } .feed-page.tbm .search-filters-module .form-select.styled-select i.styled-select-dropdown { right: -8px; } .feed-page.tbm .search-filters-module .form-select.styled-select:nth-child(3) i.styled-select-dropdown { right: -15px; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .feed-page.tbm .search-filters-module .form-select.styled-select:not(:nth-child(1)) { margin-left: 10px; padding-left: 10px; } .feed-page.tbm i.styled-select-dropdown { right: -8px; } .feed-page.tbm .form-select.styled-select dl.dropdown dt a { padding-left: 20px; } } .feed-page .FollowFeedPageTitle + .component-group { float: left; margin-top: 20px; } .feed-page .FollowFeedPageTitle + .component-group a[role='button'] { margin: 0; padding: 0 15px; } @media only screen and (min-width: 768px) { .feed-page .FollowFeedPageTitle + .component-group { margin-top: 0; float: right; } } .pdf-download { font-size: 18px; line-height: 28px; font-weight: 700; } /* ============================================== 1. BRIEF (HOME PAGE) 2. BRIEF - SKINNY 3. BRIEF READING LIST ============================================== */ /* ============================================== BRIEF (HOME PAGE) A lot of styles are pulled over from the hero and feed items (only slightly different as both screen size and num columns comes into play for this display. ============================================== */ @media only screen and (max-width: 767px) { .brief.num-items-5 .module-title { line-height: 26px; text-align: left; margin: 0 0 15px 0; } .brief.num-items-5 .module-title span { font-size: 20px; background-size: 0.10em 0.01em, 0.10em 0.07em, 0.07em 0.25em; background-position: -1% 108%; } .brief.num-items-5 .mod-hero .bsp-page-title, .brief.num-items-5 .list h4 { font-size: 26px; line-height: 26px; } } .brief .sm-right-rail { display: block; } .brief-bg { margin-top: -20px !important; } .brief-bg h2.module-title { margin-top: 40px; } .brief-bg .more-features { margin: 0 !important; } .brief-bg .list .sponsored.sponsor-content .feed-item { background: white; } .brief-bg .main { margin-bottom: -5px; } .brief-bg li { padding: 20px 15px 45px 15px; margin: 0; } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .brief-bg li { padding: 0 15px; } } .brief-bg li li { padding: 0 0 20px 0; margin: 0; } .brief-bg li .feed-item { margin: 0 !important; } .brief-bg .mod-reading-list.text-link { width: 100%; padding-left: 0; padding-right: 0; } .brief-bg .main { padding: 15px; } .brief-bg .module-title span { text-shadow: none !important; } @media only screen and (max-width: 767px) { .brief-bg { margin-left: -10px; margin-right: -10px; } .brief-bg .main { padding: 10px; } .brief-bg .more-features { overflow: hidden; padding: 0; } .brief-bg .text-link .mod-reading-list.text-link { padding: 20px 0; } .brief-bg .sponsored { padding: 0; } .brief-bg .sponsored.sponsor-content .feed-item { padding: 20px 10px !important; } .brief-bg li, .brief-bg li.text-link, .brief-bg .list-pin, .brief-bg .external { padding: 0 10px; } } @media only screen and (min-width: 768px) { .brief.num-items-3 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.num-items-3 .more-features > .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .brief.num-items-3 .more-features > .list > li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .brief.num-items-3 .more-features > .list > li:nth-last-child(1) .feed-item, .brief.num-items-3 .more-features > .list li:nth-last-child(2) .feed-item { margin-top: 10px; } } @media only screen and (min-width: 1200px) { .brief.num-items-4 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.num-items-4 .more-features > .list > li:nth-child(n) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4):not(.sponsored) .item-meta { position: relative; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4) .with-image { padding-left: 260px; min-height: 244px; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4) .with-image .image-wrap { margin-top: 10px; margin-left: -240px; position: absolute; top: 0; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .feed-item { padding-bottom: 20px; margin-top: 10px; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .with-image { padding-left: 337px; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .with-image h4 { margin-right: 28%; width: 70%; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .with-image .image-wrap { position: absolute; top: 5px; left: 20px; margin-left: auto; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .with-image .image-wrap img { width: 296px; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored h4 { width: 75%; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .sponsor-wrap { float: left; width: 65%; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .item-body { margin-top: 0; } .brief.num-items-4 .more-features > .list > li:nth-last-child(4).sponsored .item-meta { position: relative; float: right; padding-left: 20px; top: 0; margin-top: 4px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .brief.num-items-5 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.num-items-5 .more-features > .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .brief.num-items-5 .more-features > .list > li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(1) .feed-item, .brief.num-items-5 .more-features > .list li:nth-last-child(2) .feed-item { margin-top: 10px; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .brief.num-items-5 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.num-items-5 .more-features > .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .brief.num-items-5 .more-features > .list > li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(1) .feed-item, .brief.num-items-5 .more-features > .list li:nth-last-child(2) .feed-item { margin-top: 10px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .brief.num-items-5 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.num-items-5 .more-features > .list > li:nth-child(n) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4):not(.sponsored) .item-meta { position: relative; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4) .with-image { padding-left: 260px; min-height: 244px; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4) .with-image .image-wrap { margin-top: 10px; margin-left: -240px; position: absolute; top: 0; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .feed-item { padding-bottom: 20px; margin-top: 10px; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .with-image { padding-left: 337px; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .with-image h4 { margin-right: 28%; width: 70%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .with-image .image-wrap { position: absolute; top: 5px; left: 20px; margin-left: auto; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .with-image .image-wrap img { width: 296px; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored h4 { width: 75%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .sponsor-wrap { float: left; width: 65%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .item-body { margin-top: 0; } .brief.num-items-5 .more-features > .list > li:nth-last-child(4).sponsored .item-meta { position: relative; float: right; padding-left: 20px; top: 0; margin-top: 4px; } } @media only screen and (min-width: 1400px) { .brief.num-items-5 .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .brief.num-items-5 .more-features > .list > li:nth-child(n) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } .brief.num-items-5 .more-features > .list > li:nth-last-child(n) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .brief .brief-logo img { margin: 0 auto; display: block; } .brief .mod-hero { border-bottom: 1px solid #e5e5e5; padding-bottom: 11px; } .brief .mod-hero .bsp-page-title { font-size: 32px; line-height: 32px; margin: 0 0 15px 0; font-weight: 900; } .brief .mod-hero .bsp-page-title a { color: #333; } .brief .mod-hero .bsp-page-title a:active, .brief .mod-hero .bsp-page-title a:hover { color: #1969a0; } .brief .mod-hero .hero-image { margin: 0; padding: 0 0 10px 0; } .brief .mod-hero .hero-body { color: #666; font-size: 16px; line-height: 24px; margin: 0 0 20px 0; margin-left: 0; } @media only screen and (min-width: 768px) { .brief .mod-hero .hero-body { margin: 0 0 20px 0; } } .brief .mod-hero .component-footer, .brief .mod-hero .mod-related-content .small-print { padding: 0; } .brief .mod-hero .component-footer .tag, .brief .mod-hero .mod-related-content .small-print .tag { font-size: 15px; line-height: 18.5px; } .brief .mod-hero .component-footer .byline, .brief .mod-hero .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 18.5px; } .brief .mod-hero .component-footer .byline .link, .brief .mod-hero .mod-related-content .small-print .byline .link { color: #666; } @media only screen and (min-width: 768px) { .brief .mod-hero { margin: 0; } .brief .mod-hero .bsp-page-title { font-size: 50px; line-height: 48px; font-weight: 900; margin: 0 0 8px 0; display: inline-block; } .brief .mod-hero .hero-image { padding: 0 20px 0 0; } .brief .mod-hero .hero-image img { width: 100%; } .brief .mod-hero.with-image .hero-body { clear: right; float: right; margin-left: 0; width: 50%; } .brief .mod-hero.with-image .component-footer, .brief .mod-hero.with-image .mod-related-content .small-print { clear: right; float: right; width: 50%; } } @media only screen and (min-width: 1400px) { .brief .mod-hero.with-image { position: relative; padding-bottom: 20px; } .brief .mod-hero.with-image .hero-image { float: left; width: 50%; } .brief .mod-hero.with-image .bsp-page-title-wrapper { float: right; width: 50%; margin-top: 0; padding-left: 0px; } .brief .mod-hero.with-image .hero-body { clear: right; float: right; margin-left: 0; width: 50%; } .brief .mod-hero.with-image .component-footer, .brief .mod-hero.with-image .mod-related-content .small-print { clear: right; float: right; width: 50%; } } @media only screen and (max-width: 767px) { .brief.num-items-3 .more-features .feed-item .image-wrap { margin-top: 1em; } .brief.num-items-3 .more-features .feed-item .component-footer, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print { /* put each item on a new line */ } .brief.num-items-3 .more-features .feed-item .component-footer > *, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print > * { display: block; } } @media only screen and (min-width: 768px) { .brief.num-items-3 .more-features .feed-item { padding-bottom: 5em; position: relative; } .brief.num-items-3 .more-features .feed-item .image-wrap { margin-top: 1em; } .brief.num-items-3 .more-features .feed-item .component-footer, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print { /* put each item on a new line */ } .brief.num-items-3 .more-features .feed-item .component-footer > *, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print > * { display: block; } .brief.num-items-3 .more-features .feed-item .item-meta { position: absolute; bottom: 15px; } .brief.num-items-3 .more-features .feed-item h4 { font-size: 26px; font-weight: 900; line-height: 30px; } .brief.num-items-3 .more-features .feed-item h4 span { font-size: 26px; } .brief.num-items-3 .more-features .feed-item h4 .sponsored { font-size: 26px; font-weight: 900; } .brief.num-items-3 .more-features .feed-item .item-body { color: #666; font-size: 16px; line-height: 24px; } .brief.num-items-3 .more-features .feed-item .component-footer, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print { padding: 0; } .brief.num-items-3 .more-features .feed-item .component-footer .tag, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print .tag { font-size: 15px; line-height: 18.5px; } .brief.num-items-3 .more-features .feed-item .component-footer .byline, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 18.5px; } .brief.num-items-3 .more-features .feed-item .component-footer .byline .link, .brief.num-items-3 .more-features .feed-item .mod-related-content .small-print .byline .link { color: #666; } } @media only screen and (min-width: 768px) and only screen and (max-width: 767px) { .brief.num-items-3 .more-features .feed-item .item-meta { position: relative; padding-bottom: 20px; } } @media only screen and (min-width: 1200px) { .brief.num-items-4 .more-features { padding-bottom: 5em; position: relative; } .brief.num-items-4 .more-features .image-wrap { margin-top: 1em; } .brief.num-items-4 .more-features .component-footer, .brief.num-items-4 .more-features .mod-related-content .small-print { /* put each item on a new line */ } .brief.num-items-4 .more-features .component-footer > *, .brief.num-items-4 .more-features .mod-related-content .small-print > * { display: block; } .brief.num-items-4 .more-features .item-meta { position: absolute; bottom: 15px; } .brief.num-items-4 .more-features h4 { font-size: 26px; font-weight: 900; line-height: 30px; } .brief.num-items-4 .more-features h4 span { font-size: 26px; } .brief.num-items-4 .more-features h4 .sponsored { font-size: 26px; font-weight: 900; } .brief.num-items-4 .more-features .item-body { color: #666; font-size: 16px; line-height: 24px; } .brief.num-items-4 .more-features .component-footer, .brief.num-items-4 .more-features .mod-related-content .small-print { padding: 0; } .brief.num-items-4 .more-features .component-footer .tag, .brief.num-items-4 .more-features .mod-related-content .small-print .tag { font-size: 15px; line-height: 18.5px; } .brief.num-items-4 .more-features .component-footer .byline, .brief.num-items-4 .more-features .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 18.5px; } .brief.num-items-4 .more-features .component-footer .byline .link, .brief.num-items-4 .more-features .mod-related-content .small-print .byline .link { color: #666; } } @media only screen and (min-width: 1200px) and only screen and (max-width: 767px) { .brief.num-items-4 .more-features .item-meta { position: relative; padding-bottom: 20px; } } .brief.num-items-5 .more-features { margin-top: 20px; } @media only screen and (max-width: 767px) { .brief.num-items-5 .more-features { margin-top: 0; } } @media only screen and (min-width: 768px) { .brief.num-items-5 .more-features .feed-item { padding-bottom: 5em; position: relative; } .brief.num-items-5 .more-features .feed-item .image-wrap { margin-top: 1em; } .brief.num-items-5 .more-features .feed-item .component-footer, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print { /* put each item on a new line */ } .brief.num-items-5 .more-features .feed-item .component-footer > *, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print > * { display: block; } .brief.num-items-5 .more-features .feed-item .item-meta { position: absolute; bottom: 15px; } .brief.num-items-5 .more-features .feed-item h4 { font-size: 26px; font-weight: 900; line-height: 30px; } .brief.num-items-5 .more-features .feed-item h4 span { font-size: 26px; } .brief.num-items-5 .more-features .feed-item h4 .sponsored { font-size: 26px; font-weight: 900; } .brief.num-items-5 .more-features .feed-item .item-body { color: #666; font-size: 16px; line-height: 24px; } .brief.num-items-5 .more-features .feed-item .component-footer, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print { padding: 0; } .brief.num-items-5 .more-features .feed-item .component-footer .tag, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print .tag { font-size: 15px; line-height: 18.5px; } .brief.num-items-5 .more-features .feed-item .component-footer .byline, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 18.5px; } .brief.num-items-5 .more-features .feed-item .component-footer .byline .link, .brief.num-items-5 .more-features .feed-item .mod-related-content .small-print .byline .link { color: #666; } } @media only screen and (min-width: 768px) and only screen and (max-width: 767px) { .brief.num-items-5 .more-features .feed-item .item-meta { position: relative; padding-bottom: 20px; } } @media only screen and (min-width: 768px) { .brief.num-items-3 .more-features .sponsored .feed-item .item-meta { padding-bottom: 0; } } @media only screen and (min-width: 1200px) { .brief.num-items-4 .more-features .sponsored .feed-item .item-meta { padding-bottom: 0; } } @media only screen and (min-width: 768px) { .brief.num-items-5 .more-features .sponsored .feed-item .item-meta { padding-bottom: 0; } } .brief .more-features { margin: 0 -10px; } .brief .more-features [role="button"] { color: #fff; background-color: #000; } .brief .more-features [role="button"]:hover { background-color: #fff; color: #000; } @media only screen and (max-width: 767px) { .brief .more-features { margin: 0; } } .brief .more-features .feed-item.with-image .image-wrap { margin-top: 10px; } .brief .more-features .feed-item.with-image .image-wrap img { width: 212px; } @media only screen and (max-width: 767px) { .brief .list:last-child { margin-bottom: 0; } } .brief .list h4 { font-size: 26px; font-weight: 900; line-height: 30px; margin-bottom: 0; } .brief .list h4 span { font-size: 26px; } .brief .list h4 sup { color: #1969a0; font-size: 12px; line-height: 14px; font-weight: 600; text-transform: uppercase; position: relative; top: -9px; display: inline-block; } @media only screen and (min-width: 768px) { .brief .list h4 sup { top: -12px; } } .brief .list .item-company-name { margin: 20px 0px; } .brief .list .item-company-name span { font-weight: 700; } .brief .list .item-body, .brief .list .item-company-name { font-weight: 400; font-size: 16px; line-height: 24px; color: #666; } .brief .list .item-meta { margin-top: 20px; } .brief .list > :not(.sponsored) .feed-item { margin: 0; padding: 20px 0; border-bottom: 1px solid #e0e0e0; width: 100%; } @media only screen and (min-width: 768px) { .brief .list > :not(.sponsored) .feed-item { margin: 0 10px 10px 10px; padding: 20px 0 45px 0; } } @media only screen and (min-width: 1200px) { .brief .list > :not(.sponsored) .feed-item { margin-bottom: 0; } } .brief .list .sponsored { display: block; } @media only screen and (min-width: 768px) { .brief .list .sponsored { display: inline-block; margin: 0; } } .brief .list .sponsored.sponsor-content .feed-item { border-top: 4px solid #BF9741; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); margin-top: 30px; } @media only screen and (min-width: 768px) { .brief .list .sponsored.sponsor-content .feed-item { margin-top: 0; padding: 16px 20px 80px 20px; } } .brief .list .sponsored .feed-item { padding: 20px; border-bottom: 1px solid #e5e5e5; width: 100%; } @media only screen and (min-width: 768px) { .brief .list .sponsored .feed-item { margin: 0 10px 10px 10px; padding: 20px 0 80px 0; } } @media only screen and (max-width: 767px) { .brief .list .sponsored .feed-item { width: auto; margin-right: -20px; margin-left: -20px; } } @media only screen and (min-width: 1200px) { .brief .list .sponsored .feed-item { margin-bottom: 0; } } .brief .list .sponsored .feed-item h4 .sponsored { font-size: 26px; font-weight: 900; } .brief .list .sponsored .feed-item .item-body b { font-size: 18px; font-weight: 800; } .brief .list .sponsored .feed-item .sponsored-by { margin-top: 20px; } .brief .list .sponsored .feed-item .sponsored-by span { margin: 0 0 10px; } @media only screen and (max-width: 767px) { .brief .list .sponsored .feed-item .sponsored-by span { font-weight: 600; font-size: 11px; } } @media only screen and (min-width: 320px) { .brief .list .sponsored .feed-item .sponsored-by span { font-weight: 600; font-size: 11px; } } @media only screen and (max-width: 767px) { .brief .list .sponsored .feed-item .component-footer .tag, .brief .list .sponsored .feed-item .mod-related-content .small-print .tag { font-weight: 800; font-size: 15px; } } @media only screen and (min-width: 320px) { .brief .list .sponsored .feed-item .component-footer .tag, .brief .list .sponsored .feed-item .mod-related-content .small-print .tag { font-weight: 800; font-size: 15px; } } @media only screen and (max-width: 767px) { .brief .list .sponsored .feed-item .component-footer .byline, .brief .list .sponsored .feed-item .mod-related-content .small-print .byline { font-weight: 600; font-size: 12px; } } @media only screen and (min-width: 320px) { .brief .list .sponsored .feed-item .component-footer .byline, .brief .list .sponsored .feed-item .mod-related-content .small-print .byline { font-weight: 600; font-size: 12px; } } .brief .reading-list .link-list ol { counter-reset: list-counter; } .brief .reading-list .link-list ol li { padding-left: 0; padding-bottom: 1em; } .brief .reading-list .link-list ol li:before, .brief .reading-list .link-list ol li:after { content: " "; display: table; } .brief .reading-list .link-list ol li:after { clear: both; } .brief .reading-list .link-list ol li:before, .brief .reading-list .link-list ol li:after { content: " "; display: table; } .brief .reading-list .link-list ol li:after { clear: both; } .brief .reading-list .link-list ol li a { display: block; overflow: hidden; font-weight: 900; line-height: 1.4em; } .brief .reading-list .link-list ol li:before { content: counter(list-counter); counter-increment: list-counter; display: block; float: left; height: 2.9em; width: 2.9em; margin-right: 20px; margin-left: 0; font-size: 16px; font-weight: 900; line-height: 2.9em; text-align: center; color: #fff; background-color: #1969a0; border-radius: 50%; } .brief .reading-list .link-list .read-more { font-weight: 800; } .brief .reading-list .link-list .read-more a { color: #000; } .brief .reading-list .link-list .read-more a:hover { color: #1969a0; } .brief .reading-list .link-list ol { margin-bottom: 20px; } .brief .reading-list .link-list ol li { padding-bottom: 0; margin-bottom: 20px; } .brief .reading-list .link-list ol li a { color: #333; } .brief .reading-list .link-list ol li a:hover { color: #1969a0; } .brief .reading-list .link-list ol li:last-child { margin-bottom: 0; } .brief .reading-list .top-5 { display: none; } .brief .reading-list li:nth-child(n+4) { display: none; } .brief .reading-list h4 { margin-bottom: 40px; } .brief .reading-list h4 span { color: #1969a0; } .brief .reading-list.sponsored.sponsor-content .link-list ol li:before, .brief .reading-list.sponsored.sponsor-content .link-list ul li:before { background-color: #BF9741; } .brief .mod-trending-topics { margin: auto; padding-bottom: 40px; width: 55%; } @media only screen and (max-width: 767px) { .brief .mod-trending-topics { padding-top: 20px; } } .brief .mod-trending-topics h5 { font-size: 19px; font-weight: 900; } .brief .mod-trending-topics .link-list { font-size: 16px; font-weight: 700; line-height: 1.125em; } .brief .mod-trending-topics .link-list li { padding: 0 0 1em 0; } .brief .mod-trending-topics .link-list li:last-child { padding: 0; } /* ============================================== BRIEF (SKINNY) This is the bottom row of the brief always containing 4 items. ============================================== */ @media only screen and (max-width: 767px) { .brief.brief-skinny .more-features .list li.sponsored.sponsor-content:first-child .feed-item { margin-top: 0; } .brief.brief-skinny .more-features .list li.sponsored.sponsor-content .feed-item { margin-top: 20px; } .brief.brief-skinny .more-features .list li:not(.sponsor-content):first-child .feed-item { padding-top: 0; } .brief.brief-skinny .more-features h4, .brief.brief-skinny .more-features h4 span { font-size: 22px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .brief.brief-skinny .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.brief-skinny .more-features > .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .brief.brief-skinny .more-features > .list > li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .brief.brief-skinny .more-features > .list > li:nth-last-child(1) .feed-item, .brief.brief-skinny .more-features > .list li:nth-last-child(2) .feed-item { margin-top: 10px; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .brief.brief-skinny .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brief.brief-skinny .more-features > .list > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } .brief.brief-skinny .more-features > .list > li:nth-child(odd) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .brief.brief-skinny .more-features > .list > li:nth-last-child(1) .feed-item, .brief.brief-skinny .more-features > .list li:nth-last-child(2) .feed-item { margin-top: 10px; } } @media only screen and (min-width: 1200px) { .brief.brief-skinny .more-features > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .brief.brief-skinny .more-features > .list > li:nth-child(n) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; } .brief.brief-skinny .more-features > .list > li:nth-last-child(n) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 768px) { .brief.brief-skinny .more-features .feed-item { padding-bottom: 5em; position: relative; } .brief.brief-skinny .more-features .feed-item .image-wrap { margin-top: 1em; } .brief.brief-skinny .more-features .feed-item .component-footer, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print { /* put each item on a new line */ } .brief.brief-skinny .more-features .feed-item .component-footer > *, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print > * { display: block; } .brief.brief-skinny .more-features .feed-item .item-meta { position: absolute; bottom: 15px; } .brief.brief-skinny .more-features .feed-item h4 { font-size: 26px; font-weight: 900; line-height: 30px; } .brief.brief-skinny .more-features .feed-item h4 span { font-size: 26px; } .brief.brief-skinny .more-features .feed-item h4 .sponsored { font-size: 26px; font-weight: 900; } .brief.brief-skinny .more-features .feed-item .item-body { color: #666; font-size: 16px; line-height: 24px; } .brief.brief-skinny .more-features .feed-item .component-footer, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print { padding: 0; } .brief.brief-skinny .more-features .feed-item .component-footer .tag, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print .tag { font-size: 15px; line-height: 18.5px; } .brief.brief-skinny .more-features .feed-item .component-footer .byline, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 18.5px; } .brief.brief-skinny .more-features .feed-item .component-footer .byline .link, .brief.brief-skinny .more-features .feed-item .mod-related-content .small-print .byline .link { color: #666; } } @media only screen and (min-width: 768px) and only screen and (max-width: 767px) { .brief.brief-skinny .more-features .feed-item .item-meta { position: relative; padding-bottom: 20px; } } .brief.brief-skinny .more-features:not(.sponsored) .feed-item { padding-top: 20px; } .brief.brief-skinny a.see-all-link { margin-top: 20px; } /* ============================================== BRIEF READING LIST ============================================== */ .mod-reading-list { padding: 20px; background-color: #fff; border-top: 4px solid #1969a0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); display: none; position: relative; z-index: 403; } .mod-reading-list.text-link { border-top: none; display: block; background: transparent; box-shadow: none; border-bottom: 1px solid #e0e0e0; padding: 20px 0; } .mod-reading-list.text-link a { font-weight: 800; font-size: 15px; color: #1969a0; line-height: 18.5px; } .mod-reading-list.text-link ul, .mod-reading-list.text-link ol { padding: 40px 0 25px 0; } .mod-reading-list.text-link li a { display: block; font-size: 14px; line-height: 20px; font-weight: 900; color: #1969a0; } .mod-reading-list.text-link li span { font-weight: 800; font-size: 12px; line-height: 20px; color: #4A4A4A; } .mod-reading-list.text-link .module-heading { margin-bottom: 0; } .mod-reading-list.text-link .module-heading a { color: #333333; font-size: 26px; line-height: 30px; margin-bottom: 40px; font-weight: 900; } .mod-reading-list.text-link .module-heading a span { color: #1969a0; } .mod-reading-list .module-heading { font-size: 18px; font-weight: 800; line-height: 24px; margin-bottom: 18px; } .mod-reading-list ol { counter-reset: rl-counter; margin-bottom: -20px; margin-top: 20px; } .mod-reading-list li { padding-bottom: 20px; font-size: 13px; color: #777777; } .mod-reading-list li a { font-size: 14px; font-weight: 800; line-height: 17px; display: inline-block; } .mod-reading-list li a span { color: #1969a0; } .mod-reading-list li span { display: inline-block; } .mod-reading-list li.sponsored:before { color: #BF9741; } .mod-reading-list li.sponsored a { display: inline; } .mod-reading-list li.sponsored a span { color: #1969a0; } .mod-reading-list li.sponsored span { display: inline; } .mod-reading-list li.sponsored.sponsor-content a span { color: #BF9741; } .mod-reading-list li.current a { color: #1969a0; } .mod-reading-list ol { max-height: 1000px; opacity: 1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: max-height, opacity; transition-property: max-height, opacity; } .mod-reading-list .mod-reading-list-progress-bar-wrapper { background: #e0e0e0; height: 1px; } .mod-reading-list .mod-reading-list-progress-bar { background: #1969a0; height: 1px; width: 0%; } .mod-reading-list .mod-reading-list-view-all { color: #1969a0; font-size: 14px; font-weight: 800; line-height: 17px; left: 20px; opacity: 0; position: absolute; right: 20px; top: 83px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; z-index: -1; } .mod-reading-list.collapsed:not(.visible) ol { max-height: 37px; opacity: 0; } .mod-reading-list.collapsed:not(.visible) .mod-reading-list-view-all { opacity: 1; z-index: 1; } .mod-reading-list[data-sponsor-content=true] { border-top-color: #BF9741; } .mod-reading-list[data-sponsor-content=true] .module-heading { color: #BF9741; } .mod-reading-list[data-sponsor-content=true] .mod-reading-list-progress-bar { background: #BF9741; } .mod-reading-list[data-sponsor-content=true] .read-more { color: #BF9741; } .mod-reading-list[data-sponsor-content=true] .read-more:hover { color: #000; } .mod-reading-list[data-sponsored-content=true] .module-heading { color: #1969a0; } .mod-reading-list[data-sponsor-content=true] .module-heading, .mod-reading-list[data-sponsored-content=true] .module-heading { margin-bottom: 5px; } .mod-reading-list[data-sponsor-content=true] span.rl-sponsor-attribution, .mod-reading-list[data-sponsored-content=true] span.rl-sponsor-attribution { color: #777; font-size: 13px; font-weight: 400; display: block; margin-bottom: 10px; } .mod-reading-list .read-more { border-top: 1px dotted #ccc; padding: 20px 0 0; font-weight: 700; font-size: 14px; display: block; margin-top: 20px; position: relative; } .mod-reading-list .read-more::after { content: '›'; font-size: 24px; font-weight: 400; position: absolute; right: 0; top: 11px; } .external img { padding: 20px 0 40px 0; } .external .item-body { padding: 10px 0 40px 0; margin: 0; } .external [role="button"] { margin: 0; height: 48px; line-height: 48px; } #stickyContainer { margin: 40px 0 0 0; z-index: 1; } #stickyContainer.is_stuck { position: relative; top: 0; margin: auto; width: 300px; } @media only screen and (min-width: 970px) { #stickyContainer.is_stuck { position: fixed; top: 125px; } } #stickyContainer.is_stuck.bottom { top: auto; position: absolute; bottom: 0; } @media only screen and (min-width: 970px) { .mod-reading-list { display: block; } .bsp-container .brief.brief-bg .bsp-row .sm-right-rail { padding: 0 20px; } } .logo { position: relative; } .logo .bsp-container { padding: 0 20px; } .logo .module-title span { text-shadow: none; } .logo-title_img img { margin: 0 auto; display: block; } @media only screen and (min-width: 970px) { .logo-title { padding-bottom: 40px; margin-right: 20px; } } #ad-takeover .logo, #ad-takeover .brief-wrapper { background: transparent !important; } .feed-page .logo { margin-bottom: 0; margin-right: -20px; } @media only screen and (max-width: 767px) { .feed-page .logo { margin-right: 0; } } .mod-related-content { font-size: 16px; font-weight: 400; line-height: 1.75; font-weight: 800; line-height: 1.2em; } .mod-related-content li { padding: 1em 0; border-bottom: 1px solid #e0e0e0; list-style-type: none; } @media only screen and (min-width: 768px) { .mod-related-content { font-size: 20px; } .mod-related-content li { width: 50%; float: left; padding: 20px; border: 0; } .mod-related-content li:nth-child(2n + 1) { clear: left; } } @media only screen and (min-width: 1400px) { .mod-related-content li { width: 33%; } .mod-related-content li:nth-child(2n+1) { clear: none; } .mod-related-content li:nth-child(3n+1) { clear: left; } } .mod-mag-promo { text-align: center; } .mod-newsletter { background: #000; color: #fff; padding: 10px 0 10px 20px; } .mod-newsletter .newsletter-name { display: inline-block; position: relative; } .mod-newsletter.single-option .styled-select.styled-select-dark dl.dropdown { display: none; } .mod-newsletter.single-option .form-select.styled-select > i.styled-select-dropdown { display: none; } .mod-newsletter.single-option select { display: none; } .mod-newsletter.single-option .mod-newsletter-form .frm-newsletter button { margin: 0 1.5rem; } .mod-newsletter.single-option .styled-select.styled-select-dark dl.dropdown dt a { padding-left: 0; text-overflow: inherit; overflow: visible; white-space: normal; color: #999; padding: 0; font-size: 16px; font-weight: normal; } .mod-newsletter.single-option .reg-link { display: none; } .mod-newsletter.single-option .styled-select.styled-select-dark dl.dropdown dd ul { display: none !important; } .mod-newsletter label { color: #999; font-size: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mod-newsletter select { font-size: 16px; color: #238ED8; height: auto; margin-top: 0; margin-bottom: 0; margin-right: 0; padding-top: 0; max-width: 125px; } .mod-newsletter .dropdown dt a { max-width: 155px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mod-newsletter .module-header { margin-bottom: 0; font-size: 22px; } .mod-newsletter .styled-select-dropdown { top: -4px; } .mod-newsletter .frm-newsletter { display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-newsletter .frm-newsletter.form-input-error input { border-color: #D0021B !important; } .mod-newsletter .frm-newsletter.form-input-error span { position: absolute; bottom: -17px; left: 15px; color: #D0021B; font-weight: 400; } @media only screen and (max-width: 767px) { .mod-newsletter .frm-newsletter.form-input-error span { left: 0; } } .mod-newsletter .frm-newsletter input { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; background: #272727; border: solid 1px #333; color: #999; padding: 0 3rem; height: 3.75em; margin-top: 0; margin-bottom: 0; font-size: 16px; line-height: 3.75; border-radius: 0; width: 100%; } .mod-newsletter .frm-newsletter button { background-color: #1969a0; margin: 0 0 0 0; height: 58px; white-space: nowrap; } .mod-newsletter .frm-newsletter button:hover { background: #000; color: #fff; border: 1px solid #fff; } @media only screen and (max-width: 767px) { .mod-newsletter .frm-newsletter button { position: absolute; top: 14px; right: 11px; border-radius: 28px; font-size: 14px; padding: 0px 20px; line-height: 14px; height: 35px; } } .mod-newsletter .frm-newsletter .sm-auth-register { height: 60px; } .mod-newsletter .frm-newsletter a { font-size: 16px; padding: 0 2em; margin: 0 0 0 5px; color: #fff; border: 1px solid transparent; } .mod-newsletter .frm-newsletter a:hover { color: #fff; border: 1px solid #fff; } @media only screen and (max-width: 767px) { .mod-newsletter .frm-newsletter a { display: none; } } .mod-newsletter .frm-newsletter .reg-link:hover { color: #1969a0; } @media only screen and (min-width: 320px) { .mod-newsletter { padding: 20px; margin-right: -20px; margin-left: -20px; } .mod-newsletter .frm-newsletter input { margin-right: 0; } .mod-newsletter .promo-text { padding-bottom: 1.25rem; } .mod-newsletter .module-header { font-size: 20px; } .mod-newsletter .frm-newsletter { position: relative; } .mod-newsletter .frm-newsletter input { padding: 0 112px 0 19px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .mod-newsletter .mod-newsletter-form .frm-newsletter { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } } @media only screen and (min-width: 768px) { .mod-newsletter { padding: 20px 0 20px 20px; } .mod-newsletter .mod-newsletter-form { display: -webkit-box; display: -ms-flexbox; display: flex; } .mod-newsletter .promo-text { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .mod-newsletter .frm-newsletter { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mod-newsletter .frm-newsletter input { width: initial; } .mod-newsletter .frm-newsletter button { margin: 0 0 0 -1rem; padding: 0 1em; } .mod-newsletter .frm-newsletter a { margin: 0; padding: 20px 25px; display: inline-block; } .mod-newsletter .module-header { font-size: 20px; } .mod-newsletter-form .frm-newsletter { padding: 0 0 0 1.5rem; } .mod-newsletter-form .frm-newsletter input { padding: 0 19px; } } @media only screen and (min-width: 970px) { .mod-newsletter { margin: 0; } .mod-newsletter-form { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mod-newsletter-form .promo-text { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; } .mod-newsletter-form .frm-newsletter { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .mod-newsletter-form .frm-newsletter input { margin: 0; } .mod-newsletter-form .frm-newsletter button { margin-left: 1.5rem; } .mod-newsletter-form .frm-newsletter button.add-right { margin-right: 1.5rem; } .mod-newsletter-form .promo-text { padding-bottom: 0; } .mod-newsletter.single-option .promo-text { max-width: 250px; } } @media only screen and (min-width: 1400px) { .mod-newsletter .frm-newsletter button { padding: 0 2.3em; } .mod-newsletter .frm-newsletter a { padding: 20px 2.3em; border: 1px solid #000; } } .content-teaser { position: relative; margin-bottom: 1rem; } .content-teaser img { width: 100%; height: auto; } .content-teaser button { position: relative; -ms-flex-item-align: center; align-self: center; } .content-teaser button:before { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 1rem; content: "\e417"; } .content-teaser[data-listicle="true"] .content-teaser--overlay { position: relative; background: none; } .content-teaser[data-listicle="true"] .content-teaser--overlay button { cursor: pointer; margin: 20px 0 40px; } .content-teaser[data-research="true"] .content-teaser--overlay { position: relative; background: none; } .content-teaser[data-research="true"] .content-teaser--overlay button { cursor: pointer; margin: 20px 0 40px; } .content-teaser[data-research="true"] .content-teaser--overlay button:before { display: none; } .content-teaser--overlay { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.6); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .floating-sheet { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.96); z-index: 1201; } .floating-sheet.visible { display: block; overflow: scroll; } .floating-sheet .sm-advertisement[data-slideshow-header-ad] { background: black; margin: 0 auto; padding: 10px 0; text-align: center; } .floating-sheet .two-col-fluid-and-fixed .col-fixed .sm-advertisement { margin-bottom: 40px; } .floating-sheet.table-overlay .bsp-container { padding: 0; } .floating-sheet.table-overlay table td { font-size: 12px; line-height: 13px; } .floating-sheet.data-research { background: rgba(0, 0, 0, 0.94); } .floating-sheet.data-research .sm-advertisement[data-slideshow-header-ad] { background: transparent; } .floating-sheet.data-research .floating-sheet-title { color: #fff; font-size: 16px; clear: left; font-weight: 700; line-height: 24px; } .floating-sheet.data-research .floating-sheet-title span { font-size: 14px; display: block; color: #999; } .floating-sheet.data-research .floating-sheet-content { padding: 10px 20px; } @media only screen and (min-width: 970px) { .floating-sheet.data-research .floating-sheet-content { padding: 10px 80px; } } .floating-sheet.data-research .floating-sheet-button--close { color: #fff; top: 20px; right: 6px; } .floating-sheet .iframeScroll { overflow: auto; -webkit-overflow-scrolling: touch; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header, .floating-sheet.sponsor-content.listicle .floating-sheet-header { padding: 10px 0; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship { margin-top: 10px; } @media only screen and (min-width: 768px) { .floating-sheet.sponsor-content.slideshow .floating-sheet-header, .floating-sheet.sponsor-content.listicle .floating-sheet-header { padding: 20px; } } @media only screen and (min-width: 970px) { .floating-sheet.sponsor-content.slideshow .floating-sheet-header, .floating-sheet.sponsor-content.listicle .floating-sheet-header { padding: 20px 40px; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship { position: absolute; right: 65px; top: 0px; margin-top: 0; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship .sponsor-logos, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship .sponsor-logos { display: block; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship .sponsor-logos ul, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship .sponsor-logos ul { display: inline; margin-left: 15px; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship .sponsor-logos ul li, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship .sponsor-logos ul li { margin: 12px 0; } .floating-sheet.sponsor-content.slideshow .floating-sheet-header .sponsorship .sponsor-inline, .floating-sheet.sponsor-content.listicle .floating-sheet-header .sponsorship .sponsor-inline { display: none; } } @media only screen and (min-width: 970px) { .floating-sheet.sponsor-content.slideshow.multi-sponsor .floating-sheet-header .sponsorship .sponsor-logos, .floating-sheet.sponsor-content.listicle.multi-sponsor .floating-sheet-header .sponsorship .sponsor-logos { display: none; } .floating-sheet.sponsor-content.slideshow.multi-sponsor .floating-sheet-header .sponsorship .sponsor-inline, .floating-sheet.sponsor-content.listicle.multi-sponsor .floating-sheet-header .sponsorship .sponsor-inline { display: table-cell; margin-right: 0; vertical-align: middle; height: 60px; } } .floating-sheet-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-bottom: solid 1px #e0e0e0; font-size: 26px; } @media only screen and (max-width: 767px) { .floating-sheet-header { position: relative; margin-left: 1rem; margin-right: 1rem; display: block; padding: 20px; } } .floating-sheet-title { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; -ms-flex-item-align: center; align-self: center; padding: 20px 40px; } @media screen and (min-width: 768px) { .floating-sheet-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media only screen and (max-width: 767px) { .floating-sheet-title { font-size: 12px; font-weight: 400; line-height: 1.42857143; font-weight: 700; line-height: 18px; padding: 0 3rem 0 0; } } .floating-sheet-button--close { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 2rem; cursor: pointer; } .floating-sheet-button--close:before { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; content: "\e209"; } @media only screen and (max-width: 767px) { .floating-sheet-button--close { position: absolute; top: 11px; right: 11px; padding: 0; } .floating-sheet-button--close:before { font-size: 40px; } } .floating-sheet-button--alt { background: transparent; font-size: 16px; font-weight: 400; line-height: 1.42857143; color: #999; border: 1px solid #CECECE; padding: 2rem; display: inline-block; float: right !important; } .floating-sheet-content { padding: 20px; overflow: auto; } @media only screen and (min-width: 768px) { .floating-sheet-content { padding: 20px 40px; } } .sm-welcome-ad .floating-sheet-header { display: block; position: relative; border: none; z-index: 1; } @media (max-width: 970px) { .sm-welcome-ad .floating-sheet-header { position: initial; } } .sm-welcome-ad .floating-sheet-title { display: block; text-align: center; padding: 0; padding-top: 34px; } @media (max-width: 768px) { .sm-welcome-ad .floating-sheet-title { padding-top: 0px; } } .sm-welcome-ad .floating-sheet-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 970px) { .sm-welcome-ad .floating-sheet-content { top: 100px; bottom: 100px; } } .sm-welcome-ad .floating-sheet-button--alt { position: absolute; top: 34px; right: 20px; min-width: 220px; text-align: center; cursor: default; } @media (max-width: 970px) { .sm-welcome-ad .floating-sheet-button--alt { z-index: 1; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: inherit; bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .sm-welcome-ad .floating-sheet-button--alt { bottom: 4rem; max-width: 220px; } } .sm-welcome-ad .floating-sheet-button--alt.btn-dark { color: #fff; background: #000; border-color: #000; cursor: pointer; } @media only screen and (min-width: 768px) { .floating-sheet:not(.sm-welcome-ad) .sm-advertisement[data-slideshow-header-ad] { position: fixed; width: 100%; z-index: 9999; background: #000 ; } .floating-sheet:not(.sm-welcome-ad) .sm-advertisement[data-slideshow-header-ad] + .floating-sheet-header { margin: 110px 0 0 0; } } .bsp-column-flex > .OpinionModule { padding: 0; } @media only screen and (min-width: 970px) { .bsp-column-flex > .OpinionModule .list li { width: 33.3333%; } } .OpinionModule .sponsor-content .sponsored-by span { font-size: 11px; } @media only screen and (min-width: 970px) { .OpinionModule .module-title { margin-bottom: 40px; } .OpinionModule .list li { width: 25%; } } .OpinionModule .list { display: block; margin-bottom: 20px; } .OpinionModule .list li { margin-bottom: 20px; } .OpinionModule .list li:last-of-type { margin-bottom: 0; } .OpinionModule .list li.sponsor-content { border-top: 4px solid #BF9741; background-color: #fff; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); margin: 20px -20px 0; padding: 20px 20px 1px; } .OpinionModule .list li.sponsor-content .opinions-item { border: none; } .OpinionModule .sponsored-by { margin-top: 0; } @media only screen and (min-width: 970px) { .OpinionModule .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .OpinionModule .list li { margin: 0 20px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .OpinionModule .list li:last-of-type { margin-right: 0; } .OpinionModule .list li.sponsor-content { margin: -24px 0 0; } } .opinions-item { border-bottom: 1px solid #e0e0e0; display: block; width: 100%; } @media only screen and (min-width: 970px) { .opinions-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .opinions-item > h4 { font-size: 26px; line-height: 30px; font-weight: 800; } @media only screen and (min-width: 768px) { .opinions-item > h4 { font-size: 32px; line-height: 38px; font-weight: 800; } } @media only screen and (min-width: 970px) { .opinions-item > h4 { font-size: 24px; line-height: 30px; font-weight: 800; min-height: 120px; } } @media only screen and (min-width: 1200px) { .opinions-item > h4 { min-height: 90px; } } .opinions-item .item-body { color: #666; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0 0 10px; } .opinions-item .author-module { border: none; padding: 0; margin: 20px 0; } @media only screen and (min-width: 970px) and (max-width: 1199px) { .opinions-item .author-module { margin: 0 0 20px 0; } } .opinions-item .author-module h4 { font-size: 16px; font-weight: 700; line-height: 18px; padding-bottom: 10px; } .opinions-item .author-module .bio { color: #999; font-size: 12px; font-weight: 600; line-height: 15px; margin-right: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .opinions-item .author-module .bio { overflow: visible; } } @media only screen and (max-width: 767px) { .opinions-item .author-module .bio { text-align: left; } } .opinions-item .author-module .author-image, .opinions-item .author-module .webinar-speaker-image { min-width: 60px; margin-bottom: 0; margin-right: 20px; } @media only screen and (min-width: 1200px) { .opinions-item .author-module .author-image, .opinions-item .author-module .webinar-speaker-image { margin-right: 10px; } } .opinions-item .author-module .author-image img, .opinions-item .author-module .webinar-speaker-image img { height: 60px; width: 60px; } .opinions-item .author-module .author-more { display: none; } .opinions-item .author-module .author-bio { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 970px) and (max-width: 1199px) { .opinions-item .author-module .author-bio { min-height: 128px; display: block; } .opinions-item .author-module .author-bio .author-image, .opinions-item .author-module .author-bio .webinar-speaker-image { margin-bottom: 10px; } .opinions-item .author-module .author-bio .bio { clear: left; font-size: 9.29px; } .opinions-item .author-module .author-bio .bio h4 { font-size: 14px; } } .opinions-item .item-meta { margin: 0 0 10px; width: 100%; } @media only screen and (min-width: 970px) { .opinions-item .item-meta { margin-top: auto; } } .opinions-item .sponsored-by + .item-meta { padding-top: 20px; } .opinions-item .component-footer, .opinions-item .mod-related-content .small-print { padding-top: 0; } .opinions-item .component-footer .tag, .opinions-item .mod-related-content .small-print .tag { font-size: 15px; font-weight: 800; line-height: 18px; } @media only screen and (min-width: 768px) and (max-width: 969px) { .opinions-item .component-footer .tag, .opinions-item .mod-related-content .small-print .tag { display: inline-block; } } .opinions-item .component-footer a, .opinions-item .mod-related-content .small-print a { display: inline-block; padding-right: 0.5rem; } .opinions-item .component-footer .byline, .opinions-item .mod-related-content .small-print .byline { color: #9f9f9f; font-size: 12px; font-weight: 600; line-height: 14px; } .grayscale { filter: url(data:image/svg+xml;utf8,); -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-filter: gray; filter: gray; } .grayscale.grayscale-replaced { -webkit-filter: none; filter: none; } .grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .social { padding: 10px; } @media only screen and (max-width: 767px) { .social { margin: 10px 0; } } .social h4 { font-size: 18px; line-height: 24px; } .social .item-body { font-size: 13px; letter-spacing: -0.09px; line-height: 22px; padding-bottom: 15px; } .social label { font-weight: 700; font-size: 14px; color: #000000; letter-spacing: 0px; line-height: 18.5px; margin-right: 5px; } .social a { margin-left: 11px; font-size: 27px; vertical-align: middle; display: inline-block; } .social .icon-facebook, .social .share-link .facebook-share { color: #3b5998; } .social .icon-linkedin, .social .share-link .linkedin-share { color: #007bb5; } .social .icon-linkedin:before, .social .share-link .linkedin-share:before { font-size: 32px; content: "\e915"; } .social .icon-google { color: #DC4E41; } .social .icon-google:before { font-size: 34px; } .social .icon-instagram { color: #5b2e07; } .social .icon-instagram:before { font-size: 32px; content: "\e917"; } .social .icon-twitter, .social .share-link .twitter-share { color: #00aced; } .social .icon-twitter:before, .social .share-link .twitter-share:before { font-size: 32px; content: "\e914"; } .social .icon-pinterest, .social .share-link .pinterest-share { color: #cb2027; } .social .icon-pinterest:before, .social .share-link .pinterest-share:before { content: "\ead1"; font-size: 32px; } .video { height: 0; margin-bottom: 40px; position: relative; } .video > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .mod-enhancement .video { height: 100%; margin-bottom: 15px; } .webinar-speakers-heading { border-top: 1px solid #e0e0e0; margin: 30px 0 20px 0; padding-top: 30px; color: #333; font-size: 22px; line-height: 26px; font-weight: 900; } .webinar-speaker { margin-bottom: 20px; width: 100%; position: relative; height: auto; min-height: 60px; padding-left: 70px; } .webinar-speaker-name { color: #000; font-size: 16px; font-weight: 800; line-height: initial; text-space: -0.5px; } .webinar-speaker-title { color: #999; font-size: 12px; font-weight: 600; line-height: 12px; margin-top: 6px; } .webinar-speaker-image { position: absolute; left: 0; top: 0; } .webinar-speaker-image img { width: 60px; height: 60px; } @media only screen and (min-width: 768px) { .webinar-speaker-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar-speaker { border-bottom: 1px solid #e0e0e0; padding-bottom: 193px; margin-right: 20px; padding-left: 0; } .webinar-speaker:last-child { margin-right: 0; } .webinar-speakers { margin-bottom: -20px; } .webinar-speakers-heading { margin: 60px 0 30px 0; padding-top: 60px; color: #222; font-size: 24px; line-height: 29px; } .webinar-speaker-name { color: #333; font-size: 18px; line-height: 18px; } .webinar-speaker-image { position: absolute; top: auto; bottom: 20px; margin-top: 20px; width: 100%; text-align: center; overflow: hidden; } .webinar-speaker-image img { height: 153px; width: 153px; } .webinar-speaker-title { min-height: 24px; } } .webinar-sponsors-heading { border-top: 1px solid #e0e0e0; margin: 60px 0 30px 0; padding-top: 60px; } .webinar-sponsor { display: -webkit-box; display: -ms-flexbox; display: flex; } .webinar-sponsor:not(:last-child) { margin-bottom: 50px; } .webinar-sponsor-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 173px; flex: 0 0 173px; margin-right: 40px; } .webinar-sponsor-image img { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .webinar-sponsor-description { border-bottom: 1px solid #e0e0e0; padding-bottom: 50px; } .webinar-sponsor-description p:last-child { margin-bottom: 0; } .gallery-full-wrapper .interstitial-showing .gallery-full-slide-overlay-wrapper, .gallery-full-wrapper .interstitial-showing .gallery-full-overlay-trigger, .gallery-full-wrapper .interstitial-showing .gallery-full-thumbs { display: none !important; } .gallery-full-header { background: #000; padding: 1rem; } .gallery-full-title { height: 45px; margin: 0; overflow: hidden; width: 85%; } .gallery-full-desc { margin-top: 1rem; } .bsp-carousel-gallery { position: relative; } .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; position: relative; text-align: center; } .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { height: auto; margin: 0 auto; width: auto; max-height: 250px; } .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide .seo-link { display: none; visibility: hidden; } .bsp-carousel-gallery-slide-overlay-wrapper { background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; max-height: 0; overflow: hidden; position: absolute; -webkit-transition: max-height 0.25s; transition: max-height 0.25s; width: 100%; z-index: 1; } .overlay-visible .bsp-carousel-gallery-slide-overlay-wrapper { max-height: 150px; } .bsp-carousel-gallery-slide-overlay-content { text-align: left; padding: 2rem; } .bsp-carousel-gallery-slide-overlay-content .share-links-wrapper { display: block; padding-top: 2rem; } .bsp-carousel-gallery-slide-caption { height: auto; } .bsp-carousel-gallery-interstitial { width: 100%; } .bsp-carousel-gallery-interstitial-counter { background: #1969a0; color: #238ED8; display: none; padding: 1rem; position: absolute; } .bsp-carousel-gallery-interstitial-counter.counting { display: block; } .bsp-carousel-gallery-interstitial-counter.topMiddle { width: 100%; text-align: center; } .bsp-carousel-gallery-interstitial-counter.topRight { top: 0; right: 0; } .bsp-carousel-gallery-interstitial-counter.bottomLeft { bottom: 0; left: 0; } .bsp-carousel-gallery-interstitial-counter.bottomMiddle { bottom: 0; left: 0; right: 0; text-align: center; } .bsp-carousel-gallery-interstitial-counter.bottomRight { bottom: 0; right: 0; } .bsp-carousel-gallery-interstitial-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-full-footer { background: #000; padding: 0 2rem; font-size: 12px; text-transform: uppercase; } .bsp-carousel-gallery-count-wrapper { float: right; line-height: 70px; padding-right: 1rem; text-align: center; width: 95px; } .bsp-carousel-gallery-overlay-trigger { float: left; line-height: 70px; cursor: pointer; } .bsp-carousel-gallery-overlay-trigger .overlay-visible, .bsp-carousel-gallery-overlay-trigger .overlay-hidden { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bsp-carousel-gallery-overlay-trigger .overlay-visible:after, .bsp-carousel-gallery-overlay-trigger .overlay-hidden:after { font-size: 15px; position: relative; top: 1px; } .bsp-carousel-gallery-overlay-trigger span.overlay-visible { display: none; } .overlay-visible .bsp-carousel-gallery-overlay-trigger span.overlay-visible { display: inline-block; } .overlay-visible .bsp-carousel-gallery-overlay-trigger span.overlay-hidden { display: none; } .gallery-fullscreen { position: absolute; top: 0; bottom: 0; width: 100%; background: #333; } .gallery-fullscreen .site-wrapper, .gallery-fullscreen .site, .gallery-fullscreen .grid-container, .gallery-fullscreen .row, .gallery-fullscreen .column-full { height: 100%; } .gallery-fullscreen .gallery-full-component, .modal-gallery-fullscreen .gallery-full-component { height: 100%; } .gallery-fullscreen .gallery-full-wrapper, .modal-gallery-fullscreen .gallery-full-wrapper { position: absolute; top: 0; bottom: 0; padding: 0; width: 100%; background: #333; } .gallery-fullscreen .gallery-full-header, .modal-gallery-fullscreen .gallery-full-header { height: 60px; margin: 0; overflow: hidden; } .gallery-fullscreen .gallery-full-desc, .modal-gallery-fullscreen .gallery-full-desc { display: none; } .gallery-fullscreen .gallery-full-footer, .modal-gallery-fullscreen .gallery-full-footer { height: 70px; position: absolute; overflow: hidden; bottom: 0; width: 100%; } .gallery-fullscreen .bsp-carousel-gallery, .modal-gallery-fullscreen .bsp-carousel-gallery { margin: 0; position: absolute; top: 60px; bottom: 70px; width: 100%; z-index: 1; } .gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage, .modal-gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage { height: 100%; } .gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .slick-list, .modal-gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .slick-list, .gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .slick-track, .modal-gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .slick-track, .gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide, .modal-gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { height: 100%; } .gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img, .modal-gallery-fullscreen .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { max-height: none; } @media only screen and (min-width: 768px) { .gallery-full-header { padding: 1.5rem 2rem; } .gallery-full-title { height: 32px; width: 95%; } } @media only screen and (min-width: 768px) { .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { max-height: 400px; } } @media only screen and (min-width: 1200px) { .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { max-height: 500px; } } /* ^^^^ All styles above have been copied in from Base "gallery-full.less" */ .gallery-full-wrapper { padding-top: 0; } .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; min-width: 0px; } .col-fluid .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { padding: 0 90px 0; } @media only screen and (max-width: 767px) { .col-fluid .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { padding: 0; } } .bsp-carousel .slick-prev, .bsp-carousel .slick-next { position: absolute; top: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; width: 80px; height: 80px; background-color: #cccccc; border-radius: 50%; border: none; margin: 0; padding: 0; font-size: 0; z-index: 2; } .bsp-carousel .slick-prev:before, .bsp-carousel .slick-next:before { font-family: 'source-media-iconfont'; font-size: 52px; font-weight: 100; } .bsp-carousel .slick-prev:hover, .bsp-carousel .slick-next:hover { background-color: #999; } .bsp-carousel .slick-prev:focus, .bsp-carousel .slick-next:focus { background-color: #cccccc; } .bsp-carousel .slick-prev { left: -25px; } .bsp-carousel .slick-prev:before { content: "\e207"; } .bsp-carousel .slick-next { right: -25px; } .bsp-carousel .slick-next:before { content: "\e208"; } .slideshow-slide-counter { margin-top: 20px; font-size: 16px; } .slideshow-slide-counter span { font-weight: 600; } .slideshow-slide-image-credit { font-size: 12px; line-height: 12px; font-weight: 400; color: #8e8e8e; margin-top: 10px; display: block; } .slideshow-slide-caption { text-align: left; } .slideshow-slide-title { font-weight: 800; font-size: 18px; line-height: 24px; } @media only screen and (min-width: 970px) { .slideshow-slide-title { font-size: 26px; line-height: inherit; } } .slideshow-slide-description { font-size: 16px; line-height: 24px; margin-top: 1rem; } @media only screen and (min-width: 970px) { .slideshow-slide-description { line-height: inherit; margin-top: 2rem; font-size: 19px; } } .slideshow-slide-related { color: #cccccc; margin-top: 1rem; } .slideshow-slide-related a { font-weight: 700; } @media only screen and (min-width: 970px) { .slideshow-slide-related { padding-top: 1rem; } } .floating-sheet.slideshow figure { display: table; margin: auto; } .floating-sheet.slideshow .floating-sheet-header, .floating-sheet.listicle .floating-sheet-header { position: relative; margin: auto; max-width: 1400px; padding: 15px 0; margin: 0 20px; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow .floating-sheet-header, .floating-sheet.listicle .floating-sheet-header { padding: 15px 0; } } @media only screen and (min-width: 1400px) { .floating-sheet.slideshow .floating-sheet-header, .floating-sheet.listicle .floating-sheet-header { max-width: 100%; } } .floating-sheet.slideshow .floating-sheet-button--close, .floating-sheet.listicle .floating-sheet-button--close { position: absolute; padding: 0; right: -4px; top: 50%; margin-top: -10px; height: 20px; width: 20px; } .floating-sheet.slideshow .floating-sheet-button--close:before, .floating-sheet.listicle .floating-sheet-button--close:before { font-size: 20px; line-height: normal; vertical-align: top; } .floating-sheet.slideshow .floating-sheet-title, .floating-sheet.listicle .floating-sheet-title { color: #000; font-size: 12px; font-weight: 700; line-height: 18px; padding: 0 35px 0 0; } .floating-sheet.slideshow .floating-sheet-content, .floating-sheet.listicle .floating-sheet-content { margin: auto; max-width: 1400px; } .floating-sheet.slideshow .floating-sheet-content .content-teaser, .floating-sheet.listicle .floating-sheet-content .content-teaser { margin-bottom: 0; } .floating-sheet.slideshow .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img, .floating-sheet.listicle .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { max-height: 187px; } .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev, .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next { display: block; top: 93px; width: 40px; height: 40px; border: none; margin: 0; padding: 0; font-size: 0; z-index: 2; } .floating-sheet.slideshow .bsp-carousel .slick-prev:before, .floating-sheet.listicle .bsp-carousel .slick-prev:before, .floating-sheet.slideshow .bsp-carousel .slick-next:before, .floating-sheet.listicle .bsp-carousel .slick-next:before { font-size: 20px; } .floating-sheet.slideshow .slick-initialized .slick-prev, .floating-sheet.listicle .slick-initialized .slick-prev, .floating-sheet.slideshow .slick-initialized .slick-next, .floating-sheet.listicle .slick-initialized .slick-next { opacity: 1; -webkit-animation: fadearrows ease-out 1; animation: fadearrows ease-out 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 1s; animation-duration: 1s; } .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev { left: -19px; } .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next { right: -19px; } .floating-sheet.slideshow .slideshow-slide-counter, .floating-sheet.listicle .slideshow-slide-counter { color: #000; font-size: 16px; line-height: 19px; font-weight: 400; } .floating-sheet.slideshow .slideshow-slide-counter .bsp-carousel-gallery-count, .floating-sheet.listicle .slideshow-slide-counter .bsp-carousel-gallery-count { font-weight: 600; } .floating-sheet.slideshow .slideshow-slide-title, .floating-sheet.listicle .slideshow-slide-title { color: #000; font-size: 18px; line-height: 24px; font-weight: 700; margin-top: 15px; } .floating-sheet.slideshow .slideshow-slide-description, .floating-sheet.listicle .slideshow-slide-description { color: #000; font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 10px; } .floating-sheet.slideshow .floating-sheet-content, .floating-sheet.listicle .floating-sheet-content { padding-top: 0; } .floating-sheet.slideshow .two-col-fluid-and-fixed .col-fluid, .floating-sheet.listicle .two-col-fluid-and-fixed .col-fluid { padding-top: 0; } .floating-sheet.slideshow .slideshow-slide, .floating-sheet.listicle .slideshow-slide { margin-top: 20px; } .floating-sheet.slideshow .slideshow-slide[data-endcard="true"], .floating-sheet.listicle .slideshow-slide[data-endcard="true"] { margin-top: 0 !important; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow .floating-sheet-content, .floating-sheet.listicle .floating-sheet-content { padding: 0; } .floating-sheet.slideshow .two-col-fluid-and-fixed .col-fluid, .floating-sheet.listicle .two-col-fluid-and-fixed .col-fluid { padding: 0 20px; } .floating-sheet.slideshow .slideshow-slide, .floating-sheet.listicle .slideshow-slide { margin-top: 30px; } .floating-sheet.slideshow .floating-sheet-header, .floating-sheet.listicle .floating-sheet-header { padding: 20px; margin: 110px auto 0; height: 60px; } .floating-sheet.slideshow .floating-sheet-title, .floating-sheet.listicle .floating-sheet-title { font-size: 18px; line-height: 20px; } .floating-sheet.slideshow .floating-sheet-button--close, .floating-sheet.listicle .floating-sheet-button--close { padding: 0; right: 20px; } .floating-sheet.slideshow .slideshow-slide-title, .floating-sheet.listicle .slideshow-slide-title { line-height: 25px; } .floating-sheet.slideshow .slideshow-slide-description, .floating-sheet.listicle .slideshow-slide-description { font-size: 17px; line-height: 28px; } .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev, .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next { top: 167px; width: 60px; height: 60px; } .floating-sheet.slideshow .bsp-carousel .slick-prev:before, .floating-sheet.listicle .bsp-carousel .slick-prev:before, .floating-sheet.slideshow .bsp-carousel .slick-next:before, .floating-sheet.listicle .bsp-carousel .slick-next:before { font-size: 40px; } .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev { left: 0px; } .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next { right: 0px; } .floating-sheet.slideshow .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img, .floating-sheet.listicle .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide img { max-height: 335px; } .floating-sheet.slideshow .slick-initialized .slick-prev, .floating-sheet.listicle .slick-initialized .slick-prev, .floating-sheet.slideshow .slick-initialized .slick-next, .floating-sheet.listicle .slick-initialized .slick-next { -webkit-animation: none; animation: none; } } @media only screen and (min-width: 970px) { .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next, .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev { top: 91px; } } @media only screen and (min-width: 1024px) { .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next, .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev { top: 150px; } } @media only screen and (min-width: 970px) { .floating-sheet.slideshow .bsp-carousel .slick-next, .floating-sheet.listicle .bsp-carousel .slick-next, .floating-sheet.slideshow .bsp-carousel .slick-prev, .floating-sheet.listicle .bsp-carousel .slick-prev { top: 167px; } } .floating-sheet.slideshow.endcard .slick-prev, .floating-sheet.listicle.endcard .slick-prev, .floating-sheet.slideshow.endcard .slick-next, .floating-sheet.listicle.endcard .slick-next { display: none !important; } .floating-sheet.slideshow.endcard .col-fluid .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide, .floating-sheet.listicle.endcard .col-fluid .bsp-carousel-gallery .bsp-carousel-stage .bsp-carousel-slide { padding-left: 0; padding-right: 0; } .floating-sheet.slideshow.endcard .slideshow-slide-utility-bar, .floating-sheet.listicle.endcard .slideshow-slide-utility-bar { border-bottom: 1px solid #000; padding: 15px 0; display: inline-block; width: 100%; } .floating-sheet.slideshow.endcard .slideshow-slide-utility-bar #restartSlideshow, .floating-sheet.listicle.endcard .slideshow-slide-utility-bar #restartSlideshow { float: right; display: inline-block; font-size: 14px; line-height: 17px; font-weight: 800; cursor: pointer; position: relative; top: -3px; } .floating-sheet.slideshow.endcard .slideshow-slide-utility-bar #restartSlideshow .icon-replay, .floating-sheet.listicle.endcard .slideshow-slide-utility-bar #restartSlideshow .icon-replay { font-size: 19px; margin-right: 2px; position: relative; top: 2px; } .floating-sheet.slideshow.endcard .slideshow-slide-utility-bar-social, .floating-sheet.listicle.endcard .slideshow-slide-utility-bar-social { float: left; } .floating-sheet.slideshow.endcard .share-text, .floating-sheet.listicle.endcard .share-text { display: none; font-size: 14px; color: #000; line-height: 17px; font-weight: 800; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard .share-text, .floating-sheet.listicle.endcard .share-text { display: inline-block; } } .floating-sheet.slideshow.endcard .share-links-title, .floating-sheet.listicle.endcard .share-links-title { display: none; } .floating-sheet.slideshow.endcard .share-links-wrapper, .floating-sheet.listicle.endcard .share-links-wrapper { display: inline-block; padding: 0; } .floating-sheet.slideshow.endcard .share-links-wrapper .share-links li, .floating-sheet.listicle.endcard .share-links-wrapper .share-links li { display: inline-block; } .floating-sheet.slideshow.endcard .share-links-wrapper .share-links li a, .floating-sheet.listicle.endcard .share-links-wrapper .share-links li a { color: #999; } .floating-sheet.slideshow.endcard .share-links-wrapper .share-links li a span, .floating-sheet.listicle.endcard .share-links-wrapper .share-links li a span { display: none; } .floating-sheet.slideshow.endcard h4.module-title, .floating-sheet.listicle.endcard h4.module-title { margin: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; } .floating-sheet.slideshow.endcard h4.module-title span, .floating-sheet.listicle.endcard h4.module-title span { color: #000; font-size: 18px; line-height: 16px; font-weight: 800; background-size: 0.10em 0.01em, 0.10em 0.07em, 0.07em 0.1em; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard h4.module-title, .floating-sheet.listicle.endcard h4.module-title { margin-top: 40px; margin-bottom: 40px; } .floating-sheet.slideshow.endcard h4.module-title span, .floating-sheet.listicle.endcard h4.module-title span { font-size: 26px; line-height: 26px; } } .floating-sheet.slideshow.endcard .slideshow-more-slideshows, .floating-sheet.listicle.endcard .slideshow-more-slideshows { margin: auto; position: relative; top: -5px; } @media only screen and (min-width: 1400px) { .floating-sheet.slideshow.endcard .slideshow-more-slideshows, .floating-sheet.listicle.endcard .slideshow-more-slideshows { padding-left: 20px; padding-right: 20px; } } .floating-sheet.slideshow.endcard .slideshow-feed, .floating-sheet.listicle.endcard .slideshow-feed { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 20px; padding-bottom: 60px; position: relative; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper[data-sponsor-content="true"] strong a span, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper[data-sponsor-content="true"] strong a span { color: #BF9741; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper img, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper img { max-height: initial; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item { margin-right: 10px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item { margin-left: 10px; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper { margin-bottom: 50px; padding-bottom: 40px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item { margin-right: 40px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item { margin-left: 40px; } } @media only screen and (min-width: 1400px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(odd) .slideshow-endcard-item { margin-left: 20px; margin-right: 20px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item, .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item { margin-left: 20px; margin-right: 20px; } } .floating-sheet.slideshow.endcard .slideshow-endcard-item img, .floating-sheet.listicle.endcard .slideshow-endcard-item img { cursor: pointer; } .floating-sheet.slideshow.endcard .slideshow-endcard-item strong a, .floating-sheet.listicle.endcard .slideshow-endcard-item strong a { margin-top: 10px; display: inline-block; color: #000; font-size: 16px; line-height: 20px; font-weight: 800; } .floating-sheet.slideshow.endcard .slideshow-endcard-item strong a span, .floating-sheet.listicle.endcard .slideshow-endcard-item strong a span { color: #1969a0; } .floating-sheet.slideshow.endcard .slideshow-endcard-item strong a:hover, .floating-sheet.listicle.endcard .slideshow-endcard-item strong a:hover { color: #1969a0; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item strong a, .floating-sheet.listicle.endcard .slideshow-endcard-item strong a { font-size: 20px; line-height: 24px; } } .floating-sheet.slideshow.endcard .slideshow-endcard-item .item-meta, .floating-sheet.listicle.endcard .slideshow-endcard-item .item-meta { position: absolute; bottom: 0; height: 63px; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item .item-meta, .floating-sheet.listicle.endcard .slideshow-endcard-item .item-meta { height: 43px; } } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print { padding-top: 0; margin-top: 10px; } @media only screen and (min-width: 768px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print { margin-top: 20px; } } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .sponsor-attribution, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .sponsor-attribution, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .sponsor-attribution, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .sponsor-attribution { color: #777; font-weight: 400; font-size: 13px; line-height: 18px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .tag, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .tag, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .tag, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .tag { font-size: 15px; line-height: 18px; } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .byline, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .byline, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .byline, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .byline { font-weight: 600; font-size: 12px; line-height: 14px; } @media only screen and (min-width: 1400px) { .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .byline, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .byline, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .byline, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .byline { font-size: 13px; line-height: 16px; } } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .byline a, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .byline a, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .byline a, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .byline a { color: #666; } .floating-sheet.slideshow.endcard .slideshow-endcard-item .component-footer .byline .timestamp, .floating-sheet.listicle.endcard .slideshow-endcard-item .component-footer .byline .timestamp, .floating-sheet.slideshow.endcard .slideshow-endcard-item .mod-related-content .small-print .byline .timestamp, .floating-sheet.listicle.endcard .slideshow-endcard-item .mod-related-content .small-print .byline .timestamp { color: #afafaf; } @-webkit-keyframes fadearrows { from { opacity: 1; } to { opacity: 0; } } @keyframes fadearrows { from { opacity: 1; } to { opacity: 0; } } .floating-sheet.listicle .slideshow-slide-counter, article .slideshow-slide .slideshow-slide-counter { margin-top: 0; } .floating-sheet.listicle .slideshow-slide-counter .bsp-carousel-gallery-count, article .slideshow-slide .slideshow-slide-counter .bsp-carousel-gallery-count { font-weight: 700; } .floating-sheet.listicle .slideshow-slide-title, article .slideshow-slide .slideshow-slide-title { clear: both; width: 100%; display: inline-block; } @media only screen and (min-width: 768px) { .floating-sheet.listicle .slideshow-slide-title, article .slideshow-slide .slideshow-slide-title { font-size: 28px; line-height: 38px; font-weight: 800; } } .floating-sheet.listicle .slideshow-slide-title + .listicle-slide-image.left, article .slideshow-slide .slideshow-slide-title + .listicle-slide-image.left, .floating-sheet.listicle .slideshow-slide-title + .listicle-slide-image.right, article .slideshow-slide .slideshow-slide-title + .listicle-slide-image.right { margin-top: 20px; } .floating-sheet.listicle .listicle-slide-image.left, article .slideshow-slide .listicle-slide-image.left, .floating-sheet.listicle .listicle-slide-image.right, article .slideshow-slide .listicle-slide-image.right { width: 100%; margin: 0px auto 20px; } .floating-sheet.listicle .listicle-slide-image.left img, article .slideshow-slide .listicle-slide-image.left img, .floating-sheet.listicle .listicle-slide-image.right img, article .slideshow-slide .listicle-slide-image.right img { max-height: initial !important; } @media only screen and (min-width: 768px) { .floating-sheet.listicle .listicle-slide-image.left, article .slideshow-slide .listicle-slide-image.left, .floating-sheet.listicle .listicle-slide-image.right, article .slideshow-slide .listicle-slide-image.right { width: 50%; max-width: 320px; } } @media only screen and (min-width: 1400px) { .floating-sheet.listicle .listicle-slide-image.left, article .slideshow-slide .listicle-slide-image.left, .floating-sheet.listicle .listicle-slide-image.right, article .slideshow-slide .listicle-slide-image.right { width: 50%; } .floating-sheet.listicle .listicle-slide-image.left, article .slideshow-slide .listicle-slide-image.left { float: left; margin-right: 20px; } .floating-sheet.listicle .listicle-slide-image.right, article .slideshow-slide .listicle-slide-image.right { float: right; margin-left: 20px; } } .floating-sheet.listicle .listicle-slide-image-caption, article .slideshow-slide .listicle-slide-image-caption { margin-top: 10px; display: block; font-size: 14px; line-height: 19px; font-weight: 400; color: #777; } .floating-sheet.listicle .listicle-slide-image-credit, article .slideshow-slide .listicle-slide-image-credit { font-size: 12px; line-height: 19px; font-weight: 600; color: #9f9f9f; display: block; } .floating-sheet.listicle .listicle-slide-image img, article .slideshow-slide .listicle-slide-image img { max-height: initial !important; width: 100%; } .floating-sheet.listicle .slideshow-slide-description, article .slideshow-slide .slideshow-slide-description { margin-top: 20px; } .floating-sheet.listicle .slideshow-slide-description, article .slideshow-slide .slideshow-slide-description, .floating-sheet.listicle .slideshow-slide-description p, article .slideshow-slide .slideshow-slide-description p { color: #262626; font-size: 16px; line-height: 24px; font-weight: 400; } @media only screen and (min-width: 768px) { .floating-sheet.listicle .slideshow-slide-description, article .slideshow-slide .slideshow-slide-description, .floating-sheet.listicle .slideshow-slide-description p, article .slideshow-slide .slideshow-slide-description p { font-size: 17px; line-height: 30px; font-weight: 400; } } .floating-sheet.listicle .slideshow-slide-related, article .slideshow-slide .slideshow-slide-related { color: #333; margin: 40px 0 20px; padding: 0; font-size: 16px; line-height: 24px; font-weight: 400; } @media only screen and (min-width: 768px) { .floating-sheet.listicle .slideshow-slide-related, article .slideshow-slide .slideshow-slide-related { font-size: 17px; line-height: 30px; font-weight: 400; } } .floating-sheet.listicle .slideshow-slide-utility-bar.one-page, article .slideshow-slide .slideshow-slide-utility-bar.one-page { display: none; } .floating-sheet.listicle .icon-deck, article .slideshow-slide .icon-deck, .floating-sheet.listicle .icon-list, article .slideshow-slide .icon-list { font-family: "averta", sans-serif; color: #9B9B9B; margin: 40px 0 40px; cursor: pointer; font-size: 14px; line-height: 16px; font-weight: 700; } .floating-sheet.listicle .icon-deck::before, article .slideshow-slide .icon-deck::before, .floating-sheet.listicle .icon-list::before, article .slideshow-slide .icon-list::before { font-family: 'source-media-iconfont'; margin-right: 10px; } .floating-sheet.listicle .icon-deck, article .slideshow-slide .icon-deck { display: none; } @media only screen and (max-width: 767px) { .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper, article .slideshow-slide.endcard .slideshow-endcard-item-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: solid 1px #E0E0E0; } .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item, article .slideshow-slide.endcard .slideshow-endcard-item-wrapper:nth-child(even) .slideshow-endcard-item { margin-left: 0; } .floating-sheet.listicle.endcard .slideshow-endcard-item-wrapper .slideshow-endcard-item strong a, article .slideshow-slide.endcard .slideshow-endcard-item-wrapper .slideshow-endcard-item strong a { margin-top: 0; } } @media only screen and (min-width: 970px) { .floating-sheet.listicle .view-all .bsp-carousel-stage, article .slideshow-slide .view-all .bsp-carousel-stage { padding: 0 90px; } } .floating-sheet.listicle .view-all .Related-Slideshow, article .slideshow-slide .view-all .Related-Slideshow { display: none; } .floating-sheet.listicle .view-all .slideshow-slide-utility-bar, article .slideshow-slide .view-all .slideshow-slide-utility-bar { display: none; } .floating-sheet.listicle .view-all .slideshow-slide-utility-bar.one-page, article .slideshow-slide .view-all .slideshow-slide-utility-bar.one-page { display: inline-block; } .floating-sheet.listicle .view-all .icon-deck.clone, article .slideshow-slide .view-all .icon-deck.clone { display: block; } .floating-sheet.listicle .view-all .icon-list, article .slideshow-slide .view-all .icon-list { display: none; } .floating-sheet.listicle .view-all .slideshow-slide-counter, article .slideshow-slide .view-all .slideshow-slide-counter { display: none; } .floating-sheet.listicle .view-all .slideshow-slide, article .slideshow-slide .view-all .slideshow-slide { margin-top: 0; border-bottom: solid 1px #E0E0E0; margin-bottom: 20px; padding-bottom: 20px; } .floating-sheet.listicle .view-all .slideshow-slide[data-endcard="true"], article .slideshow-slide .view-all .slideshow-slide[data-endcard="true"] { border-bottom: none; } button.start-cequiz { width: 213px; left: 45%; margin-left: -106px; z-index: 1; margin-bottom: 30px; } button.start-cequiz-loggedout { width: 213px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } button.start-cequiz:before { content: ''; margin: 0; } .accredation-id-screen { padding: 0 90px; } .gallery-full-wrapper.ce-quiz { opacity: 0; } .ce-quiz span.related-items { font-family: "Averta", "Helvetica", Arial, Sans-serif; float: left; } .ce-quiz span.related-items a { font-weight: 600; } .ce-quiz ul { margin-bottom: 20px; } .ce-quiz li { font-family: "Averta", "Helvetica", Arial, Sans-serif; margin: 0 0 20px; display: inherit; width: 100%; } .ce-quiz li p { display: inline; line-height: 20px; } .ce-quiz h3 { font-size: 28px; line-height: 34px; margin: 0 0 25px; font-weight: bold; } .ce-quiz h3.result-headling span.regular { font-weight: 400; } .ce-quiz h5 { font-weight: 800; font-size: 18px; line-height: 24px; letter-spacing: 0; margin: 25px 0 1em; } .ce-quiz a:hover { text-decoration: none; } .ce-quiz .percentage { width: 100%; height: 6px; background-color: #E0E0E0; position: relative; } .ce-quiz .blueamount { height: 6px; position: absolute; left: 0; bottom: 0; background-color: #238ED8; } .ce-quiz input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 20px; width: 20px; border: 1px solid #979797; border-radius: 50%; margin: 0 15px 0 0; background-color: none; float: left; } .ce-quiz input[type="radio"]:focus { border-radius: 50%; } .ce-quiz input[type="radio"] + label { height: 12px; width: 12px; border-radius: 6px; background-color: #979797; position: absolute; display: none; margin-top: 4px; margin-left: 4px; } .ce-quiz input[type="radio"]:checked + label { display: block; } .ce-quiz .login-zone { width: 435px; margin: 0 auto 60px; } .ce-quiz .login-zone span { font-weight: 600; size: 14px; margin-bottom: 12px; display: block; } .ce-quiz .login-zone input { width: 100%; height: 55px; line-height: 55px; text-indent: 20px; font-weight: 400; font-size: 14px; } .ce-quiz .send-input { width: 215px; margin: 0 auto 30px; padding: 0; display: block; } .ce-quiz .not-enough { display: none; color: red; font-family: "Averta", "Helvetica", Arial, Sans-serif; font-weight: 600; font-size: 14px; line-height: 17px; margin-bottom: 20px; } .ce-quiz .quiz-send, .ce-quiz .retake-button { background: #000; color: #fff; width: 230px; text-align: center; font-weight: 600; padding: 20px 45px; display: block; box-sizing: border-box; border: 1px solid #000; line-height: 1em; float: left; margin-right: 40px; } .ce-quiz .quiz-send:hover, .ce-quiz .retake-button:hover { background-color: #fff; color: #000; } .ce-quiz .prev-quiz { float: left; line-height: 58px; display: inline; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #238ED8; } .ce-quiz .quiz-send { margin: 60px auto 0; } .ce-quiz .quiz-results { display: none; width: 100%; height: 100%; padding: 0 90px; } .ce-quiz hr { border-bottom: 1px solid #000; width: 100%; } .ce-quiz .quiz-result-message-body { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .mobile-hide { display: none; } .accredation-id-screen { padding: 0; } .accredation-id-screen .login-zone { width: 100%; } .ce-quiz h3 { font-size: 16px; } .ce-quiz .bsp-carousel .slick-prev, .ce-quiz .bsp-carousel .slick-next { display: block!important; height: 40px; width: 40px; top: 20px; } .ce-quiz .bsp-carousel .slick-prev:before, .ce-quiz .bsp-carousel .slick-next:before { font-size: 30px; } .ce-quiz .slick-prev { right: 80px; left: inherit; } .ce-quiz .slick-next { right: 0px; left: inherit; } .not-enough { margin-top: 60px; } .ce-quiz .quiz-results { padding: 60px 0 0; } } .cequiz-banner { font-family: averta-semibold, sans-serif; } .carousel-wrapper .bsp-carousel .slick-next, .carousel-wrapper .bsp-carousel .slick-prev { top: 50%; background-color: #000; } .carousel-wrapper .bsp-carousel .slick-next:before, .carousel-wrapper .bsp-carousel .slick-prev:before { opacity: 1; } .carousel-wrapper .bsp-carousel .slick-next { right: 20px; } .carousel-wrapper .bsp-carousel .slick-prev { left: 20px; } .carousel-wrapper .gallery-module { position: relative; } .carousel-wrapper .gallery-module:after { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #e0e0e0; margin: 0 20px; padding-top: 10px; } @media only screen and (min-width: 970px) { .carousel-wrapper .gallery-module:after { margin: 0 120px; } } .carousel-wrapper .bsp-carousel-slide { padding: 20px 20px 60px 20px; } .carousel-wrapper .gallery-module .slick-dots, .carousel-wrapper .gallery-module-horizontal .slick-dots { display: block !important; margin-top: 1rem; bottom: -20px; width: 95%; left: 0; margin: 0 20px; padding-top: 25px; } @media only screen and (min-width: 970px) { .carousel-wrapper .gallery-module .slick-dots, .carousel-wrapper .gallery-module-horizontal .slick-dots { display: none !important; } } .carousel-wrapper .slick-dots li { margin: 0; } .carousel-wrapper .slick-dots button:before { font-size: 9px; } .carousel-wrapper .col-right img { width: auto; max-height: 187px; margin-bottom: 10px; } .carousel-wrapper .col-right .component-footer, .carousel-wrapper .col-right .mod-related-content .small-print { position: absolute; bottom: 10px; width: 100%; } .carousel-wrapper .col-right .component-footer .tag a, .carousel-wrapper .col-right .mod-related-content .small-print .tag a { display: block; } @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 969px) { .bsp-container .carousel-wrapper { margin: 0 -20px; } } @media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 969px) { .bsp-container .carousel-wrapper.FollowCarousel { margin: 0px; } } .carousel-wrapper .gallery-module { background-color: #fff; } @media only screen and (min-width: 768px) { .carousel-wrapper .col-left { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; } .carousel-wrapper .bsp-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .carousel-wrapper .col-left { padding-right: 20px; } .carousel-wrapper .col-right { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0; } .carousel-wrapper .col-right img { max-height: 335px; margin-bottom: 10px; } .carousel-wrapper .item-meta { margin-bottom: 0; } } @media only screen and (min-width: 970px) { .carousel-wrapper { min-height: 346px; } .carousel-wrapper .bsp-row { margin: 0 100px; } } @media only screen and (max-width: 767px) { .carousel-wrapper { padding: 0; } } .carousel-sponsor .sponsored-by { padding-right: 60px; padding-bottom: 20px; } .carousel-sponsor .sponsored-by span, .carousel-sponsor .sponsored-by a { font-size: 11px; line-height: 13px; } .carousel-sponsor .sponsored-by img { margin: 0; } @media only screen and (max-width: 767px) { .carousel-sponsor .sponsored-by { padding-bottom: 10px; } .carousel-sponsor .sponsored-by a, .carousel-sponsor .sponsored-by span { font-size: 11px; } } .carousel-sponsor .sponsored-by a { color: #777; font-weight: 600; } .carousel-heading { margin-bottom: 20px; margin-top: 0; text-align: center; padding-top: 20px; } .homepage .carousel-heading.module-title { padding-top: 0; margin-bottom: 20px; } .carousel-heading.module-title span.sponsored-underline { background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#BF9741, #BF9741); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#BF9741, #BF9741); } .carousel-slide-heading { font-size: 26px; font-weight: 900; line-height: 30px; margin-bottom: 10px; margin-right: 0; } .carousel-slide-heading a { color: #333; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } .carousel-slide-heading a:active, .carousel-slide-heading a:hover { color: #1969a0; } @media only screen and (min-width: 768px) { .carousel-slide-heading { margin-top: -6px; margin-bottom: 30px; font-size: 36px; font-weight: 800; line-height: 38px; } } @media only screen and (min-width: 970px) { .carousel-slide-heading { font-size: 50px; line-height: 52px; } } .carousel-slide-text { color: #777; } .carousel-slide-text .component-footer, .carousel-slide-text .mod-related-content .small-print { position: absolute; bottom: 10px; width: 100%; } @media only screen and (min-width: 970px) { .carousel-slide-text .component-footer a, .carousel-slide-text .mod-related-content .small-print a { display: inherit; } } .carousel-slide-caption { color: #666; font-size: 16px; line-height: 24px; max-height: 190px; overflow: hidden; margin: 0 0 10px 0; display: none; margin-bottom: 0px; } @media only screen and (min-width: 768px) { .carousel-slide-caption { display: block; } } .hidden-xs { display: block; } @media only screen and (max-width: 767px) { .hidden-xs { display: none; } } .visible-xs { display: none; } @media only screen and (max-width: 767px) { .visible-xs { display: block; } } .topics-wrapper > .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1024px) { .topics-wrapper > .list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .topics-wrapper > .list > li { margin-bottom: 20px; } .topics-wrapper > .list > li:last-child { margin-bottom: 0; } @media only screen and (min-width: 1024px) { .topics-wrapper > .list > li { width: 32%; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: baseline; padding: 3px; } } @media only screen and (min-width: 1024px) { .topics-wrapper > .list > li { margin-bottom: 0; } } .topics-heading { font-size: 30px; font-weight: 900; margin-top: 30px; margin-bottom: 40px; text-align: center; } @media only screen and (min-width: 768px) { .topics-heading { text-align: left; margin-bottom: 2rem; } } .topics-subheading { font-size: 14px; line-height: 1.167em; color: #999; } .topic-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; background-color: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); width: 100%; } .topic-card img { float: right; width: 100px; } .topic-card > div { padding: 20px; } .topic-card .link-list ol li a, .topic-card .link-list ul li a { color: #000; } .topic-card--promoted { padding: 20px; background-color: #fff; border-top: 4px solid #1969a0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); padding: 0; border: none; } .topic-card--promoted .topic-card-header { border-top: 4px solid #1969a0; padding: 16px 20px 20px 20px; } .topic-card--promoted .topic-card-header.theme-eba { border-top-color: #CC3333; } .topic-card--promoted .topic-card-header.theme-ebn { border-top-color: #662D91; } .topic-card--promoted .topic-card-header.theme-hdm { border-top-color: #D64032; } .topic-card--promoted .topic-card-header.theme-bic { border-top-color: #25508e; } .topic-card--promoted .topic-card-header.theme-ows { border-top-color: #25508e; } .topic-card--promoted .topic-card-header.theme-fp { border-top-color: #25508e; } .topic-card--promoted .topic-card-header.theme-ab { border-top-color: #1969a0; } .topic-card--promoted .topic-card-header.theme-cuj { border-top-color: #25508e; } .topic-card--promoted .topic-card-header.theme-pso { border-top-color: #01903B; } .topic-card--promoted .topic-card-header.theme-act { border-top-color: #0093d0; } .topic-card--promoted .topic-card-header.theme-tpt { border-top-color: #0093d0; } .topic-card--promoted .topic-card-header.theme-im { border-top-color: #CC3333; } .topic-card--promoted .topic-card-header.theme-inn { border-top-color: #1d8c44; } .topic-card--promoted .topic-card-header.theme-nmn { border-top-color: #005d9e; } .topic-card--promoted .topic-card-header.theme-ma { border-top-color: #006838; } .topic-card--promoted .topic-card-header.theme-bb { border-top-color: #1969a0; } .topic-card-header { border-bottom: 1px solid #e0e0e0; } @media only screen and (min-width: 970px) { .topic-card-header { min-height: 107px; } } @media only screen and (min-width: 1200px) { .topic-card-header { min-height: 85px; } } .topic-card-heading { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0; line-height: 22px; font-size: 18px; font-weight: 900; } .theme-eba .topic-card-heading a { color: #CC3333; } .theme-ebn .topic-card-heading a { color: #662D91; } .theme-hdm .topic-card-heading a { color: #D64032; } .theme-bic .topic-card-heading a { color: #25508e; } .theme-ows .topic-card-heading a { color: #25508e; } .theme-fp .topic-card-heading a { color: #25508e; } .theme-ab .topic-card-heading a { color: #1969a0; } .theme-cuj .topic-card-heading a { color: #25508e; } .theme-pso .topic-card-heading a { color: #01903B; } .theme-act .topic-card-heading a { color: #0093d0; } .theme-tpt .topic-card-heading a { color: #0093d0; } .theme-im .topic-card-heading a { color: #CC3333; } .theme-inn .topic-card-heading a { color: #1d8c44; } .theme-nmn .topic-card-heading a { color: #005d9e; } .theme-ma .topic-card-heading a { color: #006838; } .theme-bb .topic-card-heading a { color: #1969a0; } .topic-card-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .theme-eba .topic-card-body .link-list a:hover { color: #CC3333; } .theme-ebn .topic-card-body .link-list a:hover { color: #662D91; } .theme-hdm .topic-card-body .link-list a:hover { color: #D64032; } .theme-bic .topic-card-body .link-list a:hover { color: #25508e; } .theme-ows .topic-card-body .link-list a:hover { color: #25508e; } .theme-fp .topic-card-body .link-list a:hover { color: #25508e; } .theme-ab .topic-card-body .link-list a:hover { color: #1969a0; } .theme-cuj .topic-card-body .link-list a:hover { color: #25508e; } .theme-pso .topic-card-body .link-list a:hover { color: #01903B; } .theme-act .topic-card-body .link-list a:hover { color: #0093d0; } .theme-tpt .topic-card-body .link-list a:hover { color: #0093d0; } .theme-im .topic-card-body .link-list a:hover { color: #CC3333; } .theme-inn .topic-card-body .link-list a:hover { color: #1d8c44; } .theme-nmn .topic-card-body .link-list a:hover { color: #005d9e; } .theme-ma .topic-card-body .link-list a:hover { color: #006838; } .theme-bb .topic-card-body .link-list a:hover { color: #1969a0; } .topic-card-footer { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .topic-card-footer a { font-weight: bold; position: absolute; bottom: 2rem; line-height: 1; } .theme-eba .topic-card-footer a { color: #CC3333; } .theme-ebn .topic-card-footer a { color: #662D91; } .theme-hdm .topic-card-footer a { color: #D64032; } .theme-bic .topic-card-footer a { color: #25508e; } .theme-ows .topic-card-footer a { color: #25508e; } .theme-fp .topic-card-footer a { color: #25508e; } .theme-ab .topic-card-footer a { color: #1969a0; } .theme-cuj .topic-card-footer a { color: #25508e; } .theme-pso .topic-card-footer a { color: #01903B; } .theme-act .topic-card-footer a { color: #0093d0; } .theme-tpt .topic-card-footer a { color: #0093d0; } .theme-im .topic-card-footer a { color: #CC3333; } .theme-inn .topic-card-footer a { color: #1d8c44; } .theme-nmn .topic-card-footer a { color: #005d9e; } .theme-ma .topic-card-footer a { color: #006838; } .theme-bb .topic-card-footer a { color: #1969a0; } .search-module form { margin: -2rem -2rem 0; padding: 2rem 2rem 0; background-color: #fff; } .search-module label { display: block; font-family: "averta"; font-weight: 600; font-size: 15px; color: #999; margin-bottom: 2rem; } .search-module input { border: none; width: 100%; font-family: "averta"; font-weight: 900; font-size: 90px; } @media only screen and (max-width: 767px) { .search-module input { font-family: "averta"; font-weight: 900; font-size: 30px; } } .search-module input:focus { outline: none; } .search-module .search-trending { margin-top: 3rem; } .search-module .search-trending .trending-label { font-family: "averta"; font-weight: 600; font-size: 15px; color: #999; margin-bottom: 2rem; } .search-module .search-trending .list { font-family: "averta"; font-weight: 900; font-size: 26px; } .search-results-page .result-count-label { font-family: "averta"; font-weight: 600; font-size: 15px; color: #999; margin-bottom: 2rem; } .search-results-page .headline { margin: 0 -20px 3rem; background-color: #fff; padding: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "averta"; font-weight: 900; font-size: 90px; } @media only screen and (max-width: 767px) { .search-results-page .headline { font-family: "averta"; font-weight: 900; font-size: 30px; } } .search-results-page .search-filters-module { border-bottom: solid 1px #e0e0e0; margin-bottom: 3rem; } .search-results-page .search-filters-module .styled-select { position: relative; margin-right: 1rem; padding-right: 1rem; } .search-results-page .search-filters-module .styled-select:not(:last-child) { border-right: solid 1px #e0e0e0; } .search-results-page .search-filters-module select { font-family: "averta"; font-weight: 600; font-size: 15px; color: #999; margin-bottom: 2rem; margin-bottom: 1rem; color: #000; } .search-results-page .search-filters-module label { font-family: "averta"; font-weight: 600; font-size: 15px; color: #999; margin-bottom: 2rem; } .search-results-page .search-filters-module label select { margin-left: 2rem; } .search-results-page .search-filters-module form { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .search-results-page .search-filters-module form div { display: none; width: 48%; position: relative; height: 35px; } .search-results-page .search-filters-module form .styled-select-dropdown { line-height: 13px; } .search-results-page .search-filters-module form div:nth-child(1) { display: block; padding-right: 0; } .search-results-page .search-filters-module form div:nth-child(1) select { position: absolute; margin-left: 0; width: 100%; opacity: 0; top: 0; display: table-cell; } .search-results-page .search-filters-module form div:nth-child(2) { display: block; border: none !important; margin-right: 0; padding-right: 0; } .search-results-page .search-filters-module form div:nth-child(2) select { position: absolute; display: table-cell; margin-left: 0; width: 100%; opacity: 0; top: 0; } } .search-results-page .no-results-list, .search-results-page .no-results-message { color: #999; font-weight: bold; font-size: 15px; } .search-results-page .no-results-list { font-weight: 900; font-size: 3em; line-height: 1.1em; } @media only screen and (min-width: 768px) and (max-width: 969px) { .search-results-page .search-filters-module { width: 100%; display: table; } .search-results-page .search-filters-module form { display: table-row; } .search-results-page .search-filters-module form .styled-select { display: table-cell; padding-right: 0; padding-left: 1rem; } .search-results-page .search-filters-module form .styled-select select { margin-left: 0; width: auto; margin-right: -3rem; } .search-results-page .search-filters-module form i.styled-select-dropdown { padding-right: 0; } .search-results-page .search-filters-module form div:nth-child(1) { padding-left: 0 !important; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .search-results-page .search-filters-module { width: 100%; display: table; } .search-results-page .search-filters-module form { display: table-row; } .search-results-page .search-filters-module form .styled-select { display: table-cell; padding-right: 0; padding-left: 1rem; } .search-results-page .search-filters-module form .styled-select select { margin-left: 0; width: auto; margin-right: -3rem; } .search-results-page .search-filters-module form i.styled-select-dropdown { padding-right: 0; } .search-results-page .search-filters-module form div:nth-child(1) { padding-left: 0 !important; } } .drop-element { position: absolute; display: none; } .drop-element.drop-open { display: block; } .action-bar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 3rem; } @media (max-width: 480px) { .action-bar { width: 100%; border-bottom: solid 1px #E0E0E0; } } .action-bar .action { border-left: dotted 1px #999; display: block; } @media (max-width: 480px) { .action-bar .action { border: none; width: 33%; text-align: left; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding-bottom: 10px; line-height: 16px; } } .action-bar .action:only-child { border-left: none; border-right: none; } .action-bar .action:last-child { border-right: dotted 1px #999; } @media (max-width: 480px) { .action-bar .action:last-child { border: none; width: auto; } } @media (max-width: 480px) { .action-bar .action .label { display: none; } } .action, .podcast-subscribe .title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-flex-item-align: center; align-self: center; text-align: center; padding: 1rem 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; } .action:hover .label, .action:hover .icon, .action:hover .filter-bar form i.styled-select-dropdown, .action:hover .feed-page .search-filters-module i.styled-select-dropdown, .action:hover .mod-newsletter i.styled-select-dropdown, .action:hover .search-results-page .search-filters-module i.styled-select-dropdown, .action:hover .user-profile .form-select.styled-select i.styled-select-dropdown { color: #1969a0; } .action-size--small { border-left: none; border-right: none; } .action-size--small .label { display: none; } .action-size--large .icon, .action-size--large .filter-bar form i.styled-select-dropdown, .action-size--large .feed-page .search-filters-module i.styled-select-dropdown, .action-size--large .mod-newsletter i.styled-select-dropdown, .action-size--large .search-results-page .search-filters-module i.styled-select-dropdown, .action-size--large .user-profile .form-select.styled-select i.styled-select-dropdown { font-size: 20px; } .action .label { text-transform: capitalize; color: #000; font-size: 15px; font-weight: 600; } .skin-dark .action .label { color: #f9f9f9; } .action .icon, .action .filter-bar form i.styled-select-dropdown, .action .feed-page .search-filters-module i.styled-select-dropdown, .action .mod-newsletter i.styled-select-dropdown, .action .search-results-page .search-filters-module i.styled-select-dropdown, .action .user-profile .form-select.styled-select i.styled-select-dropdown { color: #999; vertical-align: text-bottom; } .skin-dark .action .icon, .skin-dark .action .filter-bar form i.styled-select-dropdown, .skin-dark .action .feed-page .search-filters-module i.styled-select-dropdown, .skin-dark .action .mod-newsletter i.styled-select-dropdown, .skin-dark .action .search-results-page .search-filters-module i.styled-select-dropdown, .skin-dark .action .user-profile .form-select.styled-select i.styled-select-dropdown { color: inherit; } .action .icon-email:before, .action .filter-bar form i.styled-select-dropdown-email:before, .action .feed-page .search-filters-module i.styled-select-dropdown-email:before, .action .mod-newsletter i.styled-select-dropdown-email:before, .action .search-results-page .search-filters-module i.styled-select-dropdown-email:before, .action .user-profile .form-select.styled-select i.styled-select-dropdown-email:before { content: "\e554"; } .action .icon-share, .action .filter-bar form i.styled-select-dropdown-share, .action .feed-page .search-filters-module i.styled-select-dropdown-share, .action .mod-newsletter i.styled-select-dropdown-share, .action .search-results-page .search-filters-module i.styled-select-dropdown-share, .action .user-profile .form-select.styled-select i.styled-select-dropdown-share { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: inline-block; } .action .icon-share:before, .action .filter-bar form i.styled-select-dropdown-share:before, .action .feed-page .search-filters-module i.styled-select-dropdown-share:before, .action .mod-newsletter i.styled-select-dropdown-share:before, .action .search-results-page .search-filters-module i.styled-select-dropdown-share:before, .action .user-profile .form-select.styled-select i.styled-select-dropdown-share:before { content: "\e15e"; } .action .icon-print:before, .action .filter-bar form i.styled-select-dropdown-print:before, .action .feed-page .search-filters-module i.styled-select-dropdown-print:before, .action .mod-newsletter i.styled-select-dropdown-print:before, .action .search-results-page .search-filters-module i.styled-select-dropdown-print:before, .action .user-profile .form-select.styled-select i.styled-select-dropdown-print:before { content: "\e8ad"; } .action .icon-download:before, .action .filter-bar form i.styled-select-dropdown-download:before, .action .feed-page .search-filters-module i.styled-select-dropdown-download:before, .action .mod-newsletter i.styled-select-dropdown-download:before, .action .search-results-page .search-filters-module i.styled-select-dropdown-download:before, .action .user-profile .form-select.styled-select i.styled-select-dropdown-download:before { content: "\e258"; } .action .icon-reprint, .action .filter-bar form i.styled-select-dropdown-reprint, .action .feed-page .search-filters-module i.styled-select-dropdown-reprint, .action .mod-newsletter i.styled-select-dropdown-reprint, .action .search-results-page .search-filters-module i.styled-select-dropdown-reprint, .action .user-profile .form-select.styled-select i.styled-select-dropdown-reprint { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); display: inline-block; } .action .icon-reprint:before, .action .filter-bar form i.styled-select-dropdown-reprint:before, .action .feed-page .search-filters-module i.styled-select-dropdown-reprint:before, .action .mod-newsletter i.styled-select-dropdown-reprint:before, .action .search-results-page .search-filters-module i.styled-select-dropdown-reprint:before, .action .user-profile .form-select.styled-select i.styled-select-dropdown-reprint:before { content: "\e02f"; } .embargo-content { display: block; position: relative; } .embargo-content:after { position: absolute; content: " "; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(rgba(249, 249, 249, 0), #f9f9f9); background: linear-gradient(rgba(249, 249, 249, 0), #f9f9f9); } .mod-embargo { padding: 40px 20px; margin-bottom: 40px; } .mod-embargo h3 { font-size: 24px; font-weight: 900; line-height: 29px; color: #fff; margin-bottom: 0; } .mod-embargo h3:after { margin-left: 15px; content: "\e905"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0.8em; } .mod-embargo p { color: #fff; font-size: 16px; line-height: 19px; font-weight: 400; margin: 20px 0 0 0; } .mod-embargo h5 { color: #fff; font-weight: 800; font-size: 16px; line-height: 19px; padding-top: 20px; border-top: 1px solid #333; margin: 20px 0; } .mod-embargo ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-left: 0; margin-bottom: 40px; } .mod-embargo li { color: #cccccc; font-size: 16px; line-height: 19px; font-weight: 400; margin-top: 20px; padding-left: 25px; vertical-align: middle; list-style-type: none; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; position: relative; } .mod-embargo li:first-child { margin-top: 0; } .mod-embargo li:before { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; content: "\e86c"; font-size: 18px; vertical-align: top; opacity: 0.8; } .mod-embargo form { position: relative; margin: 20px auto; width: 80%; text-align: right; } @media only screen and (max-width: 767px) { .mod-embargo form button[type="submit"] { padding: 1rem 2rem; line-height: 2rem; height: auto; margin: 0; top: -0.5rem; position: relative; z-index: 1; } } .mod-embargo input { display: block; height: 60px; width: 100%; padding: 0 1ex; line-height: 60px; font-size: 18px; } .mod-embargo input[type="checkbox"] { display: inline-block; width: auto; height: auto; } .mod-embargo .registration a { color: #238ED8; font-weight: 700; } .mod-embargo .registration a:hover { color: #238ED8; } .mod-embargo .remember-me { position: absolute; bottom: 0; max-width: 50%; text-align: left; text-transform: uppercase; } @media only screen and (max-width: 767px) { .mod-embargo .remember-me { max-width: 70%; bottom: -10px; } } .mod-embargo .remember-me label { display: inline-block; } .mod-embargo .remember-me .i-forgot { display: block; } @media only screen and (max-width: 767px) { .mod-embargo .remember-me .i-forgot { line-height: 2rem; max-width: 130px; } } @media only screen and (min-width: 768px) { .mod-embargo { padding: 40px; } .mod-embargo h3 { font-size: 26px; line-height: 31px; } .mod-embargo ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } } .share-links-wrapper { padding: 2rem; } .share-links-title { display: block; margin-bottom: 2rem; } .share-links li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .share-links li .share-link { background: none; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 16px; } .share-links li .share-link.icon-facebook, .share-links li .share-link.share-link .facebook-share { color: #3b5998; } .share-links li .share-link.icon-twitter, .share-links li .share-link.share-link .twitter-share { color: #00aced; } .share-links li .share-link.icon-linkedin, .share-links li .share-link.share-link .linkedin-share { color: #007bb5; } .share-links li .share-link.icon-pinterest, .share-links li .share-link.share-link .pinterest-share { color: #cb2027; } .share-links li .share-link.icon-google { color: #DC4E41; } .share-links li .share-link span { color: #333333; font-weight: 700; font-size: 16px; margin-left: 1rem; text-transform: capitalize; font-family: "averta", sans-serif; } .share-links li > span { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .drop-theme-sharebar .drop-content { margin-top: 10px; padding: 2rem; background: #fff; border: solid 1px #e0e0e0; } .drop-theme-sharebar .drop-content .share-links-wrapper { padding: 0; } .drop-theme-sharebar .drop-content .share-links-wrapper .share-links li { padding: 0; } .drop-theme-sharebar .drop-content .share-links-wrapper .share-links li .share-link { width: auto; } .drop-theme-sharebar .drop-content .share-links-wrapper .share-links li > span { text-transform: capitalize; margin-left: 1rem; font-weight: 700; font-size: 15px; line-height: 1; } .drop-theme-sharebar .drop-content .share-links-wrapper .share-links-title { font-size: 20px; text-transform: capitalize; font-weight: 900; } .drop-theme-sharebar .drop-content:before { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e203"; display: block; position: absolute; top: -18px; color: #fff; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 50px; text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2); } /* ---------------------------------------------------- WRAPPER ---------------------------------------------------- */ .site-header-wrapper-spacer { height: auto !important; } .site-header-wrapper { width: 100%; margin: 0 auto; background: #fff; z-index: 501; border-bottom: solid 1px #e0e0e0; position: relative; } .site-header-wrapper.fixed { position: fixed; top: 0; z-index: 501; } .site-header-wrapper.is_stuck { position: fixed !important; top: 0px !important; bottom: inherit !important; } .site-header-message { margin: auto; width: 100%; text-align: center; background-color: #000; color: #fff; } .site-header-message span { clear: both; display: block; font-weight: 300; } .header-message-text--large { font-size: 3em; } .header-message-text--med-large { font-size: 1.2em; margin-top: 10px; } /* ---------------------------------------------------- TOPHAT ---------------------------------------------------- */ .site-header-tophat { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #000; color: #999; font-size: 14px; font-weight: 700; line-height: 17px; z-index: 503; } @media only screen and (max-width: 767px) { .site-header-tophat { font-size: 10px; } } @media only screen and (min-width: 768px) { .site-header-tophat { font-weight: 400; font-size: 13px; color: #fff; line-height: 16px; height: 25px; } } .tophat-registration-wrapper { padding: 1rem 2rem 2px; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; max-width: 1400px; margin: 0 auto; } @media only screen and (max-width: 767px) { .tophat-registration-wrapper { padding: 1rem 2rem; } } @media only screen and (min-width: 768px) { .tophat-registration-wrapper { padding-bottom: 0.5rem; padding-top: 0.5rem; } } .tophat-registration-wrapper a { color: #fff; font-weight: 900; } @media only screen and (max-width: 767px) { .tophat-registration-wrapper a { font-weight: 100; font-size: 10px; font-style: normal; } } @media only screen and (min-width: 768px) { .tophat-registration-wrapper a { font-weight: 600; } } .tophat-registration-wrapper .sm-col-right { min-width: 90px; } .tophat-registration-wrapper .sm-col-right a { font-weight: 700; color: #fff; margin-right: 2em; } @media only screen and (min-width: 768px) { .tophat-registration-wrapper .sm-col-right a { font-weight: 600; } } .tophat-registration-wrapper .sm-col-right a:nth-child(2), .tophat-registration-wrapper .sm-col-right a:nth-child(4) { margin-right: 0; } .tophat-cta-text strong, .tophat-cta-text b { font-weight: bold; font-family: "averta", sans-serif; font-weight: 700; } .tophat-cta-text--long { display: none; } @media only screen and (min-width: 768px) { .tophat-cta-text--long { display: block; } } .tophat-cta-text--short { display: block; } @media only screen and (min-width: 768px) { .tophat-cta-text--short { display: none; } } /* ----------------------------------------------------- AD ---------------------------------------------------- */ .site-header-ad-wrapper { background-color: #000; padding: 10px 10px 0; width: 100%; } .site-header-ad-wrapper .ad { line-height: 50px; margin: 0 auto; color: #999; text-align: center; } /* ---------------------------------------------------- HEADER ---------------------------------------------------- */ .site-header { position: relative; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; z-index: 500; max-width: 1400px; margin: 0 auto; } @media only screen and (max-width: 767px) { .site-header { height: 45px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .site-header { height: 45px; } } @media only screen and (min-width: 768px) { .site-header { height: 60px; } } @media only screen and (min-width: 970px) { .site-header { padding: 0 2rem; } .site-header .site-header-btn:last-of-type { padding-right: 0; } } /* ---------------------------------------------------- LOGO ---------------------------------------------------- */ .site-header-logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } @media only screen and (min-width: 768px) { .site-header-logo { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 3rem; } } @media only screen and (min-width: 970px) { .site-header-logo { margin: 0 4rem 0 0; } } .site-header-logo a { position: relative; display: block; text-align: center; } @media only screen and (min-width: 768px) { .site-header-logo a { text-align: left; } } .site-header-logo img { width: auto; max-height: 20px; max-width: 200px; vertical-align: middle; } @media only screen and (min-width: 768px) { .site-header-logo img { vertical-align: bottom; max-height: 100%; max-width: initial; } } /* ---------------------------------------------------- NAV LISTS ---------------------------------------------------- */ .header-nav-list { font-size: 18px; font-weight: 800; line-height: 20px; } @media only screen and (min-width: 768px) { .header-nav-list--primary { height: auto; } } .header-nav-list--primary a { color: #000; } .header-nav-list--primary a:hover { color: #1969a0; } .header-nav-list--primary .flexMenu-popup a:hover, .header-nav-list--primary .flexMenu-popup a:active { color: #1969a0; } .header-nav-list--secondary { font-size: 16px; font-weight: 800; line-height: 19px; } @media only screen and (min-width: 1200px) { .header-nav-list--secondary { height: 100%; } } .header-nav-list--secondary a { color: #afafaf; } .header-nav-list--secondary a:hover { color: #1969a0; } /* ---------------------------------------------------- NAV WRAPPER & UNIQUE STYLES FOR DIFFERENT LIST TYPES ---------------------------------------------------- */ .site-header-nav { display: none; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; text-align: center; } @media only screen and (min-width: 768px) { .site-header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 0 0 2rem; } } @media only screen and (min-width: 970px) { .site-header-nav { margin: 0; } } .site-header-nav .header-nav-list { display: none; margin-top: 0.5rem; } .site-header-nav .header-nav-list > li { float: left; } @media only screen and (min-width: 768px) and (max-width: 969px) { .site-header-nav .header-nav-list li { float: right; } } @media only screen and (min-width: 970px) { .site-header-nav .header-nav-list--primary { width: 0px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; overflow: hidden; white-space: nowrap; max-height: 22px; margin-right: 200px; } } .site-header-nav .header-nav-list--primary > li { box-sizing: border-box; padding-left: 3rem; text-transform: capitalize; } .site-header-nav .header-nav-list--primary > li:first-child { padding-left: 0; } @media only screen and (min-width: 768px) { .site-header-nav .header-nav-list--secondary { display: block; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; } } @media only screen and (min-width: 970px) { .site-header-nav .header-nav-list--secondary { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; height: auto; } } .site-header-nav .header-nav-list--secondary > li { margin-left: 2rem; } .site-header-nav--noflex { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-header-nav--noflex .header-nav-list--primary { max-width: 120px; visibility: hidden; width: 100%; } @media only screen and (min-width: 768px) { .site-header-nav--noflex { display: -webkit-box; display: -ms-flexbox; display: flex; } } /* ---------------------------------------------------- NAV MOBILE OVERLAY ---------------------------------------------------- */ .site-header-overlay { display: none; position: fixed; overflow: scroll; width: 100%; height: 100%; background: #f9f9f9; padding: 0 2rem 2rem; border-top: solid 1px #e0e0e0; box-sizing: border-box; box-shadow: 1px 4px 4px #999; } .site-header-overlay[data-toggle-state='off'] { display: none; } .site-header-overlay[data-toggle-state='on'] { display: block; min-height: 350px; } .site-header-overlay--nav { z-index: 502; } .site-header-overlay--nav .header-nav-list { display: block; height: auto; } .site-header-overlay--nav .header-nav-list a { display: block; } .site-header-overlay--nav .header-nav-list li { padding: 2rem 0; border-bottom: solid 1px #d9d9d9; } /* ---------------------------------------------------- NAV BUTTONS ---------------------------------------------------- */ .site-header-btn { 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; font-size: 24px; padding: 1rem 2rem; box-sizing: border-box; cursor: pointer; } @media only screen and (min-width: 768px) { .site-header-btn { padding: 2rem; } } .site-header-btn .icon-star { color: yellow; } .site-header-btn .icon-star_outline { color: black; } .site-header-btn--divider { display: none; margin: 10px 0; box-sizing: border-box; border-left: dotted 1px #e0e0e0; } @media only screen and (min-width: 768px) { .site-header-btn--divider { display: block; } } .site-header-btn--search { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; width: 0; display: none; } @media only screen and (min-width: 768px) { .site-header-btn--search { display: block; } } @media only screen and (min-width: 768px) { .site-header-btn--search { width: auto; visibility: visible; padding: 1.75rem 2rem 1rem; } } .site-header-btn--search .label { display: inline-block; } @media only screen and (min-width: 768px) { .site-header-btn--search .label { display: none; } } .nav-overlay-btn--search { background: #fff; margin: 0 -2rem; font-size: 20px; } .nav-overlay-btn--search i { margin-right: 1rem; } .nav-overlay-btn--search .site-header-btn--search { visibility: visible; display: block; } @media only screen and (min-width: 768px) { .nav-overlay-btn--search { display: none; } } .site-header-btn--menu { height: 45px; position: absolute; } @media only screen and (min-width: 768px) { .site-header-btn--menu { position: relative; height: auto; padding: 2.5rem; border-right: solid 1px #e0e0e0; } } @media only screen and (min-width: 970px) { .site-header-btn--menu { display: none; } } .site-header-btn--menu[data-action-state='open'] .icon::before, .site-header-btn--menu[data-action-state='open'] .filter-bar form i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='open'] .feed-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='open'] .mod-newsletter i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='open'] .search-results-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='open'] .user-profile .form-select.styled-select i.styled-select-dropdown::before { content: "\e20e"; } .site-header-btn--menu[data-action-state='close'] .icon::before, .site-header-btn--menu[data-action-state='close'] .filter-bar form i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='close'] .feed-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='close'] .mod-newsletter i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='close'] .search-results-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='close'] .user-profile .form-select.styled-select i.styled-select-dropdown::before { content: "\e209"; } .site-header-btn--menu[data-action-state='back'] .icon::before, .site-header-btn--menu[data-action-state='back'] .filter-bar form i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='back'] .feed-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='back'] .mod-newsletter i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='back'] .search-results-page .search-filters-module i.styled-select-dropdown::before, .site-header-btn--menu[data-action-state='back'] .user-profile .form-select.styled-select i.styled-select-dropdown::before { content: "\e207"; } /* ---------------------------------------------------- SEARCH OVERLAY ---------------------------------------------------- */ .site-header-overlay--search { z-index: 503; } /* ---------------------------------------------------- Flex Menu Styles ---------------------------------------------------- */ .flexMenu-viewMore > a:after { font-family: 'source-media-iconfont'; content: "\e201"; position: absolute; color: #1969a0; margin-left: 0.5rem; text-indent: -5px; } .flexMenu-popup { top: 75px; padding: 2rem; z-index: 501; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; } .flexMenu-popup li { display: block; float: none; text-align: left; padding: 0; margin: 0; margin-bottom: 1rem; } .flexMenu-popup li:last-child { margin-bottom: 0; } .flexMenu-popup:after { font-family: 'source-media-iconfont'; font-size: 30px; content: "\e203"; position: absolute; top: -3px; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-shadow: 0px -1px 0px #e0e0e0; z-index: 1; } /* --------------------------------------------------------------------------------- SITE FOOTER THe colors used in the footer don't seem to be defined anywhere else and are not part of the regular style guide. There are a lot of one off colors here. --------------------------------------------------------------------------------- */ .site-footer { color: #999; background-color: #000; } .site-footer a { font-weight: 600; } .site-footer a, .site-footer a:visited { color: #666; } .site-footer a:hover, .site-footer a:active { color: #1969a0; } .site-footer .module-header, .mod-promo h3 { color: #fff; } .site-footer .bsp-container .mod-newsletter { padding: 20px; } .site-footer .bsp-row { margin-right: -20px; margin-left: -20px; } .site-footer .bsp-row [class*="bsp-column"] { padding: 20px; border-top: solid 1px #333; } .site-footer .bsp-row [class*="bsp-column"]:last-child { padding-bottom: 0; } .site-footer a { font-weight: 600; } .site-footer a, .site-footer a:visited { color: #666; } .site-footer a:hover, .site-footer a:active { color: #1969a0; } .site-footer .module-header, .mod-promo h3 { color: #fff; } .site-footer .second-col { display: none; } .site-footer .second-col { display: none; } .mod-promo h3 { font-size: 24px; line-height: 1.167em; } .mod-promo a[role="button"] { margin-top: 1em; } /* --------------------------------------------------------------------------------- SITE LINKS --------------------------------------------------------------------------------- */ .footer-links { font-size: 13px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-links .module-header { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .footer-links .list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer-links .list.social-links { -ms-flex-preferred-size: initial; flex-basis: initial; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom: 1em; } @media (max-width: 480px) { .footer-links .list.social-links { clear: both; display: inline-block; vertical-align: text-top; float: none; } } .footer-links .list.social-links li { padding-left: 0em; padding-right: 1.5em; float: left; } .footer-links .list.social-links li:last-child { padding-right: 0em; } .footer-links .list.social-links li a { color: #238ED8; } .footer-links .list li { padding-bottom: 0.5em; overflow: hidden; page-break-inside: avoid; break-inside: avoid-column; -webkit-column-break-inside: avoid; } .footer-links .module-header { clear: both; display: inline-block; margin-bottom: 2em; } @media (max-width: 480px) { .footer-links .module-header { margin-right: 20px; margin-bottom: 20px; } } /* --------------------------------------------------------------------------------- COPYRIGHT --------------------------------------------------------------------------------- */ .copyright { margin-top: 20px; text-align: center; color: #666; width: 100%; } .copyright svg { display: block; width: 155px; margin: 0 auto; } .copyright small { line-height: 22px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .copyright { border-top: 1px solid #333; } } @media only screen and (max-width: 767px) { .site-footer .first-col .button, .site-footer .first-col .sm-user-register-item, .site-footer .first-col .current-issue-title .extra-issue-links a, .site-footer .first-col .comments-show-all a { display: block; } } @media only screen and (min-width: 768px) { .site-footer { position: relative; padding-bottom: 64px; } .site-footer .second-col { display: block; } .site-footer .thrid-col { position: static; } .site-footer .bsp-container { padding: 0; } .site-footer .bsp-container .mod-newsletter { padding: 20px 0; margin: 0 20px; border-bottom: 1px solid #333; } .site-footer .bsp-row { padding-top: 40px; padding-bottom: 20px; margin-right: 0; margin-left: 0; } .site-footer .bsp-row [class*="bsp-column"] { border: none; } .site-footer .thrid-column { position: relative; } .site-footer .thrid-column:after { content: ""; display: block; clear: both; overflow: hidden; } .site-footer .copyright { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 20px; padding: 20px 0; text-align: left; width: 96%; border-top: 1px solid #333; } .site-footer .copyright svg { display: inline-block; margin: 0 1em 0 0; vertical-align: bottom; } .footer-links .list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (min-width: 970px) { .site-footer { padding: 0; position: relative; padding-bottom: 68px; } .site-footer .second-col { display: block; } .site-footer .thrid-col { position: static; } .site-footer .bsp-row { padding-top: 20px; } .site-footer .bsp-container { padding: 0; } .site-footer .bsp-container .mod-newsletter { padding: 40px 0; border-bottom: 1px solid #333; } .site-footer .thrid-column { position: relative; } .site-footer .thrid-column:after { content: ""; display: block; clear: both; overflow: hidden; } .site-footer .copyright { position: absolute; bottom: 0; left: 0; width: 96%; padding: 20px 0; margin: 0 20px; text-align: left; } .site-footer .copyright svg { display: inline-block; margin: 0 20px 0 0; } } @media only screen and (min-width: 1200px) { .site-footer .bsp-container { padding: 0 20px; } .site-footer .copyright { width: 94%; margin-right: 40px; margin-left: 40px; } .site-footer.social-links { float: right; padding-top: 0.3em; } .site-footer.social-links li { padding-left: 2em; padding-right: 0em; } } @media only screen and (min-width: 1400px) { .site-footer { position: static; padding-bottom: 0; } .site-footer .bsp-row .first-col { padding-left: 0; } .site-footer .thrid-col { position: relative; } .site-footer .bsp-container { padding: 0 20px; } .site-footer .bsp-container .mod-newsletter { margin: 0; } .site-footer .copyright { position: static; bottom: initial; left: initial; padding-left: 0; width: 100%; margin-left: 0; margin-right: 0; border-top: 0; } .footer-links .list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .footer-links .list.social-links { float: right; padding-top: 0.3em; } .footer-links .list.social-links li { padding-left: 2em; padding-right: 0em; } } body.vex-open { width: 100%; } .vex-open .vex { z-index: 1202; } .vex.modal-theme-default .vex-overlay { background: rgba(0, 0, 0, 0.85); } .vex.modal-theme-default .vex-content { width: auto; max-width: 66%; padding: 2rem; margin: 0 auto; text-align: center; } @media only screen and (max-width: 767px) { .vex.modal-theme-default .vex-content { max-width: 100%; } } .vex.modal-theme-default .vex-close:before { color: #333; font-size: 51px; font-family: sans-serif; font-weight: 300; top: 35px; right: 35px; height: 38px; width: 35px; } .user-account { padding-top: 70px; } .user-account a { color: #1969a0; position: relative; margin-bottom: 40px; display: inline-block; font-size: 1.1em; font-weight: bold; } .user-account a.user-account-back { left: -60px; } .user-account a.user-account-back.single-link { left: initial; } .user-account a.user-account-skip { right: -60px; } .user-account form { display: inline-block; width: 100%; max-width: 320px; position: relative; } .user-account form.subscription-form { max-width: 600px; } .user-account form input, .user-account form label { text-align: left; display: block; color: #9B9B9B; } .user-account form input:not(input[type=checkbox]) { height: 47px; } .user-account form input[type=submit] { margin: 40px auto; color: #fff; padding: 0; height: 60px; min-width: 5em; width: 13em; text-align: center; border: 1px solid #1969a0; } .user-account form input[type=submit].disabled { color: #666; } .user-account form input[type=submit]:hover { background: #fff; border: 1px solid #1969a0; color: #1969a0; } .user-account form input[type=checkbox] { width: auto; position: relative; top: 5px; float: left; } .user-account form input[type=checkbox] + label { float: left; } .user-account form .input-wrapper { position: relative; } .user-account button.show-password-toggle { position: absolute; top: 0; right: 0; } .user-account button.user-account-nav { background-color: none; color: #1969a0; } .user-account footer { font-weight: bold; margin-bottom: 50px; font-size: 16px; } .user-account footer a { font-size: 16px; } .user-account .heading, .user-account .bsp-page-title { display: block; font-size: 30px; margin-bottom: 35px; } .user-account .subheading { margin: auto; width: 100%; max-width: 320px; display: block; font-size: 14px; text-transform: uppercase; } .user-account .subheading.note { text-transform: none; font-weight: bold; margin-bottom: 30px; } .user-account .form-input-hidden { display: none; } .user-account .form-input-error label { color: #F32800; } .user-account .form-input-error.form-input, .user-account .form-input-error.form-select { border-color: #F32800; margin-bottom: 30px; } .user-account .form-input-error.form-input span, .user-account .form-input-error.form-select span { color: #F32800; position: absolute; display: block; margin-top: 10px; font-size: .9em; } .user-account .form-input, .user-account .form-select { position: relative; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #9B9B9B; margin-bottom: 20px; } .user-account .form-input.form-input-submit, .user-account .form-select.form-input-submit { border: none; font-size: inherit; } .user-account .form-input input, .user-account .form-select input, .user-account .form-input select, .user-account .form-select select { display: block; border: none; height: 50px; margin-bottom: 0; line-height: 20px; font-size: 18px; color: #333; width: 100%; } .user-account .form-input input[type=password], .user-account .form-select input[type=password] { padding: initial; } .user-account .form-input label, .user-account .form-select label { font-size: 1.1em; } .user-account .form-input .btn-pill, .user-account .form-select .btn-pill { color: #9B9B9B; border: 2px solid #9B9B9B; line-height: initial; } .user-account .form-input input { -webkit-padding: 32px 0 18px; } .user-account .form-select.combo-box select { display: none; } .user-account .form-select.combo-box input { -webkit-padding: 32px 0 18px; } .user-account .form-select.styled-select { position: relative; } .user-account .form-select.styled-select select { padding: 18px 0 0px; } .user-account .form-select.styled-select .styled-select-dropdown { font-family: 'source-media-iconfont'; color: #333; font-style: normal; top: inherit; bottom: 0; line-height: initial; } @media only screen and (min-width: 768px) { .user-account .form-select.styled-select .styled-select-dropdown { display: block; } } .user-account .form-select.styled-select .styled-select-dropdown:before { content: "\e20b"; } .user-account .form-input-password input { width: initial; } .user-account .form-input-password a { display: block; } .user-account .form-subscription { border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #e0e0e0; margin-bottom: 30px; padding-bottom: 20px; } .user-account .form-subscription.last { border-bottom: none; } .user-account .form-subscription input[type=checkbox] + label { font-weight: bold; text-transform: uppercase; font-size: 1.2em; margin-left: 25px; color: #333; } .user-account .form-subscription p { clear: left; color: #9B9B9B !important; text-align: left; margin-left: 40px; } .user-account .terms-blurb { clear: both; display: block; margin-top: 60px; font-size: 14px; } .user-account .terms-blurb a { font-size: 14px; } .user-profile { height: 100%; background: #F9F9F9; padding: 0; } .user-profile h2 { cursor: pointer; color: #000; font-size: 28px; line-height: 34px; font-weight: 800; position: relative; width: 100%; margin-bottom: 0; } .user-profile h2 span { position: absolute; right: 0; } .user-profile h2 + .profile-section + hr { margin-top: 40px; } .user-profile h2.collapse .icon-expand_less::before { content: "\e20b"; } .user-profile h2.collapse + .profile-section { display: none; } .user-profile h2.collapse + .profile-section + hr { margin-top: 20px; } .user-profile h3 { color: #999; font-size: 22px; line-height: 26px; font-weight: 800; } .user-profile .profile-section > p { margin: 20px 0 30px; } .user-profile .profile-section .Wrapper { margin: 20px 0; } .user-profile label, .user-profile h5 { font-size: 16px; font-weight: 700; color: #333; line-height: 17px; margin-bottom: 10px; } .user-profile h4 { font-size: 16px; line-height: 22px; font-weight: 600; color: #999; } .user-profile h5 { margin: 20px 0; } .user-profile hr { border-top: 1px solid #000; margin-top: 20px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .user-profile hr { border-top: 1px solid #E0E0E0; } } .user-profile hr.inner-rule { border-color: #ccc; } .user-profile .sm-column-flex, .user-profile .bsp-row.sm-flexbox { height: 100%; } .user-profile .sm-column-flex { padding: 20px 20px 20px 0; } .user-profile .bsp-page-title-wrapper { background: #fff; padding: 20px; } .user-profile .bsp-page-title { font-size: 35px; font-weight: 900; color: #333; line-height: 40px; margin-bottom: 4px; margin-top: 6px; display: block; } .user-profile .e-left-rail { background-color: transparent; height: 100%; display: none; } .user-profile [data-sm-profile-nav] { position: relative; padding-left: 20px; display: block; } .user-profile [data-sm-profile-nav].stuck { position: fixed; top: 105px; } .user-profile [data-sm-profile-nav].stuck.bottom { bottom: 10px; position: absolute; top: initial; } .user-profile [data-sm-profile-nav] li { margin: 10px 0; } .user-profile [data-sm-profile-nav] li:first-of-type { margin-top: 0; } .user-profile [data-sm-profile-nav] li a { font-size: 22px; line-height: 26px; font-weight: 800; } .user-profile [data-sm-profile-nav] li a.selected { color: #000; } .user-profile [data-sm-profile-nav] li a.selected:active, .user-profile [data-sm-profile-nav] li a.selected:focus, .user-profile [data-sm-profile-nav] li a.selected:visited { color: #000; } .user-profile [data-sm-profile-nav] li a:active, .user-profile [data-sm-profile-nav] li a:focus, .user-profile [data-sm-profile-nav] li a:visited { color: #1969a0; } .user-profile button#hiddenSave.hide { display: none; } .user-profile form { display: block; margin-bottom: 175px; padding-left: 20px; } .user-profile form input, .user-profile form label { text-align: left; display: block; } .user-profile form input[type=submit] { margin: 35px auto 0 auto; height: 58px; min-width: 5em; width: auto; font-size: 16px; line-height: 19px; font-weight: 700; color: #fff; } .user-profile form input[type=submit]:hover { background-color: #fff; border: 1px solid #1969a0; color: #1969a0; } .user-profile form .input-wrapper { position: relative; } .user-profile form .user-profile-cancel { float: right; padding: 20px; margin-right: 10px; margin-top: 35px; } .user-profile button.show-password-toggle { font-size: .9em; top: 3px; right: 5px; border: 2px solid #e0e0e0; color: #9B9B9B; position: absolute; } .user-profile .form-input, .user-profile .form-select, .user-profile .ComboBox { display: block; clear: left; margin-bottom: 20px; } .user-profile .form-input input, .user-profile .form-select input, .user-profile .ComboBox input, .user-profile .form-input select, .user-profile .form-select select, .user-profile .ComboBox select, .user-profile .form-input dl.dropdown dt a, .user-profile .form-select dl.dropdown dt a, .user-profile .ComboBox dl.dropdown dt a { height: 47px; margin-bottom: 0; line-height: 22px; font-size: 18px; font-weight: 400; color: #777; width: 100%; padding-left: 15px; } .user-profile .form-input span, .user-profile .form-select span, .user-profile .ComboBox span { display: block; margin-top: 10px; font-size: 14px; font-weight: 400; line-height: 20px; color: #333; } .user-profile .form-input span a, .user-profile .form-select span a, .user-profile .ComboBox span a { font-weight: 700; } .user-profile .form-input + p, .user-profile .form-select + p, .user-profile .ComboBox + p { margin-top: -10px; margin-bottom: 20px; } .user-profile .ProfileCheckbox { display: table; width: 100%; padding-top: 10px; margin: 0 0 30px; position: relative; } .user-profile .ProfileCheckbox .Input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .user-profile .ProfileCheckbox .Input label { visibility: visible; font-size: 16px; line-height: 22px; font-weight: 700; color: #333; display: table-cell; text-align: left; width: auto; margin-left: 50px; margin-bottom: 0; max-width: 600px; display: block; } .user-profile .ProfileCheckbox .Input input { display: none; } .user-profile .ProfileCheckbox .Input input + label:before { display: table-cell; text-align: left; width: auto; position: absolute; left: 0; top: 2px; width: 19px; height: 19px; font-size: 19px; cursor: pointer; visibility: visible; color: #000; content: "\e911"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .user-profile .ProfileCheckbox .Input input:checked + label:before { content: "\e913"; } .user-profile .ProfileCheckbox .Input input:disabled + label { color: #b4b4b4; } .user-profile .ProfileCheckbox .Input input:disabled + label:before { color: #ccc; } .user-profile .ProfileCheckbox-text { text-align: left; display: block; margin-top: 0; font-size: 14px; line-height: 22px; font-weight: 400; color: #666; max-width: 600px; margin-left: 50px; } .user-profile .ProfileCheckbox-tag { font-size: 12px; line-height: 14px; font-weight: 700; color: #999; margin: 7px 0 0 50px; } .user-profile .ProfileCheckbox[data-hide-tag="true"] .ProfileCheckbox-tag { display: none; } .user-profile .ProfileCheckbox[data-hide-tag="false"] .ProfileCheckbox-tag { display: block; } .user-profile .ProfileCheckbox[data-hide-tag="false"] .ProfileCheckbox-text { color: #c7c7c7; } .user-profile .ComboBox { position: relative; margin-bottom: 50px; margin-top: 40px; } .user-profile .ComboBox .typeahead-wrapper { width: 100%; } .user-profile .ComboBox input { width: 100%; margin-top: 0; } .user-profile .ComboBox i.styled-select-dropdown { display: none; } .user-profile .ComboBox .tt-menu { font-size: 16px; line-height: 19px; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; width: 100%; text-align: left; font-weight: 400; color: #777; max-height: 500px; overflow: auto; border-top: none; margin-top: 0px; padding: 10px 20px; } .user-profile .ComboBox .tt-dataset { margin-top: 10px; } .user-profile .ComboBox .tt-suggestion { position: relative; padding: 10px 88px 10px 0; margin: 0 0 10px 0; } .user-profile .ComboBox .tt-suggestion .followButton { position: absolute; right: 0; top: 8px; } .user-profile .ComboBox .tt-suggestion:hover { background: #e6e6e6; } .user-profile .ComboBox .tt-selectable { cursor: pointer; } .user-profile .ComboBox .tt-selectable:hover { color: #000; } .user-profile .ComboBox .tt-cursor { background: #e6e6e6; } .user-profile .ComboBox .tt-highlight { color: #000; } .user-profile .ComboBox select { display: none; } .user-profile .form-select.styled-select { position: relative; } .user-profile .form-select.styled-select select, .user-profile .form-select.styled-select dl.dropdown dt a { border: 1px solid #DADADA; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 5px 3px 15px; border-radius: 0; clear: left; position: relative; background: #fff; } .user-profile .form-select.styled-select.disabled select, .user-profile .form-select.styled-select.disabled dl.dropdown dt a { color: #ccc; } .user-profile .form-select.styled-select select { margin-top: 10px; } .user-profile .form-select.styled-select dl.dropdown { width: 100%; max-width: 510px; margin: 0; } .user-profile .form-select.styled-select dl.dropdown dt a { padding-top: 12px; } .user-profile .form-select.styled-select dl.dropdown dt a i.styled-select-dropdown { right: 10px; top: 8px; } .user-profile .form-select.styled-select dl.dropdown ul { left: 0px; top: -1px; width: 100%; max-width: 510px; } .user-profile .form-select.styled-select i.styled-select-dropdown { right: 10px; top: 36px; z-index: 3; } .user-profile .form-select.styled-select i.styled-select-dropdown::before { content: "\e20b"; color: #ccc; } .user-profile .form-input-password input { width: 100%; } .user-profile .form-input-password a { display: block; } .user-profile .form-input.disabled label, .user-profile .form-input-password.disabled label, .user-profile .form-select.disabled label, .user-profile .form-input.disabled input, .user-profile .form-input-password.disabled input, .user-profile .form-select.disabled input { color: #ccc; } .user-profile .form-input-hidden { display: none; } .user-profile .form-input-error.form-input input, .user-profile .form-input-error.form-select input { border-color: #F32800; margin-bottom: 10px; background-color: #FFF7F7; } .user-profile .form-input-error.form-input span, .user-profile .form-input-error.form-select span { color: #F32800; display: block; font-size: .9em; } .user-profile .newsletter { clear: left; display: inline-block; } .user-profile .btn-pill.newsletter-btn { color: #1969a0; border-color: #1969a0; padding: 0px 10px; height: auto; font-size: 14px; line-height: 22px; font-weight: 500; margin: 0; } .user-profile .btn-pill.newsletter-btn:hover { color: #333; border-color: #333; } .user-profile .sm-right-rail { display: none; width: 0; padding: 0; } @media only screen and (min-width: 768px) { .user-profile .bsp-page-title { font-size: 55px; line-height: 50px; margin-bottom: 30px; margin-top: 30px; } .user-profile h2 { cursor: default; max-width: 510px; } .user-profile h2 span { display: none; } .user-profile h3 { font-size: 28px; line-height: 34px; } .user-profile hr { margin-top: 60px; margin-bottom: 60px; } .user-profile hr.inner-rule { max-width: 510px; } .user-profile hr.inner-rule-full { max-width: 100%; margin: 10px 0; border-color: #E0E0E0; } .user-profile form { width: 75%; float: left; margin-bottom: 131px; } .user-profile .sm-column-flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .user-profile .form-input, .user-profile .form-input-password, .user-profile .form-select { max-width: 510px; } .user-profile .sm-column-flex { padding-right: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .user-profile .ProfileCheckbox { margin-bottom: 50px; } } @media only screen and (min-width: 970px) { .user-profile .e-left-rail { float: left; padding-left: 0; padding-right: 0; width: 25%; display: block; min-height: 100%; position: initial; } } .TopicItem { border: 1px solid #E0E0E0; padding: 15px 88px 15px 20px; display: inline-block; min-width: 193px; margin: 0 6px 10px 0; position: relative; } .TopicItem-topic { font-size: 14px; line-height: 20px; font-weight: 600; margin-right: 15px; } .TopicItem .followButton { position: absolute; right: 20px; top: 15px; } .Wrapper[data-unfollowed-topics="true"] > .TopicItem:nth-of-type(1n+4) { display: none; } @media only screen and (min-width: 768px) { .Wrapper[data-unfollowed-topics="true"] > .TopicItem:nth-of-type(1n+4) { display: inline-block; } .Wrapper[data-followed-topics="true"] { min-height: 62px; } } .SaveProfile { position: fixed; bottom: -155px; z-index: 100; height: 150px; background: #fff; width: 100%; border-top: 1px solid #e0e0e0; left: 0; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SaveProfile-cancel { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .SaveProfile-save { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .SaveProfile a { font-size: 16px; line-height: 19px; font-weight: 600; margin: 0; display: block; text-align: center; padding-top: 20px; height: 60px; cursor: pointer; } .SaveProfile a[data-link-button="true"] { height: 60px; max-width: 100%; font-weight: 700; width: 100%; color: #fff; background: #1969a0; border: solid 1px #1969a0; } .SaveProfile a[data-link-button="true"]:hover { background: #fff; color: #1969a0; } .SaveProfile a[data-link-button="true"]:disabled { background: #C9C9C9; border: 1px solid #C9C9C9; } .SaveProfile a[data-link-button="true"]:disabled:hover { color: #fff; } @media only screen and (min-width: 768px) { .SaveProfile { height: 100px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .SaveProfile-cancel { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 30px; } .SaveProfile-save { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .SaveProfile a { width: auto; } .SaveProfile a[data-link-button="true"] { width: 220px; } } @media only screen and (min-width: 1400px) { .SaveProfile { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } } .comments { text-align: center; } .comments .component-title { margin: 30px 0; color: #333333; font-size: 26px; line-height: 31px; font-weight: 800; } .comments .component-title + .commenting-content { margin-top: 30px; } .comments .commenting-content { text-align: left; } .comments-count { padding-left: 1rem; } .comments-sign-in { padding: 0 0 4rem 0; text-align: center; } .comments-sign-in a { font-weight: 700; } .comments-form { padding: 0; position: relative; } .comments-form.loading * { visibility: hidden; } .comments-form.loading:after { display: block; position: absolute; height: 40px; top: calc(50% - 40px); text-align: center; } .comments-form label { display: block; margin: 0; padding: 0; height: 0; visibility: hidden; } .comments-form .form-input { clear: both; } .comments-form input, .comments-form textarea { float: left; margin-bottom: 1rem; width: 100%; margin-top: 0; } .comments-form textarea { height: 200px; font-size: 15px; line-height: 24px; font-weight: 400; padding: 10px; color: #333333; } .comments-form textarea::-webkit-input-placeholder { color: #777; } .comments-form textarea::-moz-placeholder { color: #777; } .comments-form textarea:-ms-input-placeholder { color: #777; } .comments-form textarea::placeholder { color: #777; } @media only screen and (min-width: 768px) { .comments-form textarea { padding: 40px; } } .comments-form-submit { text-align: right; } .comments-form-submit-input { margin: 20px auto 40px auto; min-width: 100%; display: block; position: relative; top: 10px; padding: 0; text-align: center; } .comments-form-submit-input::-webkit-input-placeholder { font-size: 16px; } .comments-form-submit-input::-moz-placeholder { font-size: 16px; } .comments-form-submit-input:-ms-input-placeholder { font-size: 16px; } .comments-form-submit-input::placeholder { font-size: 16px; } @media only screen and (min-width: 768px) { .comments-form-submit-input { min-width: 214px; } .comments-form-submit-input::-webkit-input-placeholder { font-size: 16px; } .comments-form-submit-input::-moz-placeholder { font-size: 16px; } .comments-form-submit-input:-ms-input-placeholder { font-size: 16px; } .comments-form-submit-input::placeholder { font-size: 16px; } } .comments-show-all { position: relative; text-align: center; } .comments-show-all a { background: #fff !important; display: inline-block; } .comments-show-all.loading * { visibility: hidden; } .comments-show-all.loading:after { display: block; position: absolute; height: 40px; top: calc(50% - 40px); text-align: center; } .comment { border-bottom: 1px solid #e0e0e0; margin-bottom: 2rem; padding-bottom: 2rem; } .comment:last-of-type { border: none; } .comment-date { padding-top: 0.25rem; } .comment-text { line-height: 24px; padding-top: 2rem; } .comment-as-text { color: #333333; font-size: 16px; line-height: 18px; font-weight: 400; margin: 30px 0px 10px 0; } @media only screen and (min-width: 768px) { .comment-as-text { text-align: right; } } .comment-as-text strong { font-weight: 800; } .comment-as-text a { font-weight: 700; margin-left: 10px; float: right; } @media only screen and (min-width: 768px) { .comment-as-text a { float: none; } } .article-page .comments-sign-in { padding-bottom: 0; } @media only screen and (min-width: 768px) { .comment-text { padding-top: 3rem; } } @media only screen and (min-width: 1200px) { .comments { margin-left: 25%; padding-right: 40px; } } .magazine-landing .filter-bar { padding-bottom: 0; } .magazine-landing .filter-bar #magazine-year-select > .styled-select-dropdown { display: none; } .magazine-landing .filter-bar label { color: #aaa; font-size: 15px; line-height: 18px; font-weight: 700; } @media only screen and (max-width: 767px) { .magazine-landing .filter-bar label { font-size: 13px; line-height: 16px; } } .magazine-landing .filter-bar select { margin-bottom: 0; } li.Poll-answer:last-of-type { padding-bottom: 0; border: 0; } article .Poll-button { margin-bottom: 40px; } .Poll { border-bottom: 1px solid #E0E0E0; margin: 0; margin-bottom: 40px; } .Poll .eyebrow { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 900; color: #1969a0; } .Poll-question { display: inline-block; color: #000; } .Poll ul { margin: 0; padding: 0; list-style-type: none; } .Poll-answer input { display: none; } .Poll-answer input[type=radio] + label:before { display: block; width: 20px; height: 20px; margin-right: 8px; top: 2px; font-size: 20px; position: relative; cursor: pointer; visibility: visible; color: #1969a0; content: "\e90f"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Poll-answer input[type=radio]:checked + label:before { content: "\e910"; } .Poll-answer label { display: -webkit-box; display: -ms-flexbox; display: flex; } .Poll-button { text-align: center; } .Poll-button button { height: 50px; line-height: inherit; } .Poll-results { display: none; } .Poll-question { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 20px; } .Poll-answer { font-size: 14px; line-height: 18px; font-weight: 400; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .Poll-button button { margin: 0; padding: 0; width: 100%; max-width: 320px; } .Poll[data-sm-poll-results] form { display: none; } .Poll[data-sm-poll-results] .Poll-results { display: block; } .e-left-rail .Poll { margin: 0; margin-bottom: 40px; } .e-left-rail .Poll-question { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 20px; } .e-left-rail .Poll-answer { font-size: 14px; line-height: 18px; font-weight: 400; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .e-left-rail .Poll-button button { margin: 0; padding: 0; width: 100%; max-width: 320px; } article .mod-enhancement .Poll { border-bottom: none; margin-bottom: 0; } @media only screen and (min-width: 768px) { .Poll { margin: 10px 0 40px; padding: 0 40px; } .Poll-question { font-size: 22px; line-height: 27px; font-weight: 600; } .Poll-answer { border: none; font-size: 16px; } .Poll-answer input { margin-right: 15px; } .Poll-button button { min-width: 188px; width: auto; margin-top: 15px; } .Poll .eyebrow { font-size: 22px; } .e-left-rail .Poll { margin: 10px 0 40px; padding: 0 40px; } .e-left-rail .Poll .eyebrow { font-size: 22px; line-height: 34px; font-weight: 900; } .e-left-rail .Poll-question { font-size: 22px; line-height: 27px; font-weight: 600; } .e-left-rail .Poll-answer { border: none; font-size: 16px; } .e-left-rail .Poll-answer input { margin-right: 15px; } .e-left-rail .Poll-button button { min-width: 188px; width: auto; margin-top: 15px; } } @media only screen and (min-width: 1200px) { .Poll { margin: 10px 0 40px; padding: 0 40px; } .Poll-question { font-size: 22px; line-height: 27px; font-weight: 600; } .Poll-answer { border: none; font-size: 16px; } .Poll-answer input { margin-right: 15px; } .Poll-button button { min-width: 188px; width: auto; margin-top: 15px; } .e-left-rail .Poll { padding: 0; margin: 0; margin-bottom: 40px; } .e-left-rail .Poll .eyebrow { display: block; color: #777; font-size: 14px; line-height: 16px; font-weight: 700; margin-bottom: 10px; } .e-left-rail .Poll-question { font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 20px; } .e-left-rail .Poll-answer { font-size: 14px; line-height: 18px; font-weight: 400; color: #333; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; } .e-left-rail .Poll-button button { margin: 0; padding: 0; width: 100%; max-width: 320px; } .e-left-rail .Poll-question { line-height: 16px; font-weight: 700; } .e-left-rail .Poll-answer:last-of-type { margin-bottom: 20px; } .e-left-rail .Poll .PollItem-answer { font-size: 12px; } .e-left-rail .Poll .PollItem-bar-percent { margin-left: 10px; font-size: 14px; } } .Related-Slideshow { clear: both; } .Related-Slideshow .module-title { margin: 40px 0; } .Related-Slideshow .module-title span { font-size: 26px; line-height: 26px; font-weight: 800; } @media only screen and (max-width: 767px) { .Related-Slideshow .module-title { margin: 20px 0; } .Related-Slideshow .module-title span { font-size: 18px; } } .Related-Slideshow-list .List { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Related-Slideshow-list .List-items { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; list-style-type: none; } @media only screen and (max-width: 767px) { .Related-Slideshow-list .List-items { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-bottom: 36px; } } .Related-Slideshow-list .List-items .sponsored-by { font-size: 13px; line-height: 18px; font-weight: 400; display: block; border-top: none; text-transform: none; margin-top: 0; clear: both; } @media only screen and (max-width: 767px) { .Related-Slideshow-list .List-items .sponsored-by { float: left; clear: none; padding-top: 5px; width: 70%; padding-left: 10px; } } .Related-Slideshow-list .List-items .sponsored-by span { font-weight: normal; display: inline-block; color: #777; } .Related-Slideshow-list .List-items .sponsored-by a { color: #777; } .Related-Slideshow-list .List-items .sponsored-by.sponsor-content span, .Related-Slideshow-list .List-items .sponsored-by.sponsor-content a { color: #BF9741; } .Related-Slideshow-item-title { font-size: 16px; line-height: 20px; font-weight: 800; float: left; max-width: 50%; } @media only screen and (max-width: 767px) { .Related-Slideshow-item-title { max-width: 60%; } } .Related-Slideshow-item-title a { color: #000; } .Related-Slideshow-item-thumbnail { float: left; padding-right: 10px; } .Paywall { text-align: center; padding: 0 20px; } .Paywall-title { font-size: 36px; line-height: 43px; font-weight: 800; margin: 0; color: #333; padding-top: 40px; } .Paywall-subtitle { font-size: 14px; line-height: 17px; font-weight: 600; padding: 5px 0 40px 0; } @media only screen and (max-width: 767px) { .Paywall-subtitle { padding: 10px 0 30px 0; } } .Paywall-subtitle a { color: #1969a0; } .Paywall-help { padding: 40px 0; position: relative; } .Paywall-help:after { background: #f9f9f9; content: ''; z-index: -1; width: 100vw; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .Paywall-help:after { border-top: 1px solid #C9C9C9; } } @media only screen and (max-width: 767px) { .Paywall-help { background: none; padding: 30px 0; text-align: left; } } .Paywall-helpText { font-size: 24px; line-height: 33px; font-weight: 800; color: #4A4A4A; } @media only screen and (max-width: 767px) { .Paywall-helpText { font-size: 22px; line-height: 33px; font-weight: 800; } } .Paywall-helpSubtext { font-size: 16px; line-height: 20px; font-weight: 600; color: #999; padding: 10px 0 30px 0; } @media only screen and (max-width: 767px) { .Paywall-helpSubtext { font-size: 14px; line-height: 20px; font-weight: 600; } } .Paywall-helpNumber { font-size: 16px; line-height: 24px; font-weight: 700; color: #333; float: left; margin-top: 0px; position: relative; } @media only screen and (max-width: 767px) { .Paywall-helpNumber { font-size: 16px; line-height: 24px; font-weight: 700; float: none; padding-bottom: 10px; } } .Paywall-helpNumber:before { content: "\phone"; font-family: 'source-media-iconfont'; speak: none; color: #999; margin-right: 25px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 24px; position: absolute; top: -3px; left: -50px; } @media only screen and (max-width: 767px) { .Paywall-helpNumber:before { position: relative; vertical-align: middle; left: 0; top: 0; } } .Paywall-helpEmail { font-size: 16px; line-height: 24px; font-weight: 700; color: #1969a0; float: right; position: relative; } @media only screen and (max-width: 767px) { .Paywall-helpEmail { font-size: 16px; line-height: 24px; font-weight: 700; float: none; } } .Paywall-helpEmail:before { content: "\e554"; font-family: 'source-media-iconfont'; speak: none; color: #999; margin-right: 25px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 14px; position: absolute; left: -50px; top: 5px; } @media only screen and (max-width: 767px) { .Paywall-helpEmail:before { position: relative; vertical-align: middle; left: 0; top: -2px; } } .Paywall-contact { width: 500px; margin: 0 auto; } .Paywall-contact:after { content: " "; display: block; height: 0; clear: both; } @media only screen and (max-width: 767px) { .Paywall-contact { width: auto; } } .Paywall .bsp-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .Paywall-item { position: relative; margin: 0 40px; max-width: 375px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 48px 30px 40px 30px; text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } @media only screen and (max-width: 767px) { .Paywall-item { padding: 20px 0; margin: 0 auto; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item { padding: 20px; margin: 0 auto; } } .Paywall-item-best-value { text-transform: uppercase; font-weight: 800; font-size: 18px; color: #1969a0; position: absolute; top: 15px; left: 0; right: 0; line-height: 30px; } .Paywall-item.premium { padding-top: 20px; border: 1px solid #e0e0e0; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); } .Paywall-item.premium button { background: #F41A1A; border: 1px solid #F41A1A; color: white; } @media only screen and (max-width: 767px) { .Paywall-item.premium .Paywall-item_details { display: block; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item.premium .Paywall-item_details { display: block; } } @media only screen and (min-width: 1200px) { .Paywall-item.premium { padding-top: 47px; } } .Paywall-item.free button { background: #fff; border: 1px solid #000; color: #000; } .Paywall-item.free button:hover { color: #fff; background: #000; } .Paywall-item_title { font-size: 28px; line-height: 30px; font-weight: 800; margin-bottom: 10px; } .Paywall-item_title-mobile { font-size: 22px; line-height: 24px; font-weight: 800; display: none; float: left; } @media only screen and (max-width: 767px) { .Paywall-item_title-mobile { font-size: 22px; line-height: 24px; font-weight: 800; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item_title-mobile { font-size: 28px; line-height: 30px; font-weight: 800; } } .Paywall-item_title-mobile:before { font-family: 'source-media-iconfont'; content: "\e201"; } .Paywall-item_title-mobile.show-content:before { display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .Paywall-item_mobile-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1200px) { .Paywall-item_mobile-flex { display: block; } } .Paywall-item_button { margin-bottom: 20px; } .Paywall-item_button button { width: 100%; padding: 0; margin: 0; } .Paywall-item_subtext { font-size: 14px; line-height: 22px; font-weight: 600; color: #777; margin-bottom: 40px; } .Paywall-item_subtitle { font-size: 18px; line-height: 22px; font-weight: 400; color: #9B9B9B; margin-bottom: 30px; } .Paywall-item_details { display: block; padding-top: 20px; } @media only screen and (min-width: 1200px) { .Paywall-item_details { padding-top: 0; display: block !important; } } .Paywall-item_list_active { font-size: 14px; line-height: 18px; font-weight: 400; text-align: left; padding-bottom: 20px; margin-left: 35px; position: relative; } .Paywall-item_list_active:before { width: 20px; height: 20px; content: ""; left: -35px; top: 2px; position: absolute; background: url(../../../resource/assets/images/tick.23ca5c5c2ecefbdfb2d3ef998ac229aa.png) no-repeat; } .Paywall-item_list_disabled { font-size: 14px; line-height: 18px; font-weight: 400; margin-left: 35px; text-align: left; color: #e0e0e0; padding-bottom: 20px; } .Paywall-item_price, .Paywall-item-replacementText { font-size: 72px; line-height: 64px; font-weight: 600; } @media only screen and (max-width: 767px) { .Paywall-item_price, .Paywall-item-replacementText { font-size: 18px; line-height: 20px; font-weight: 400; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item_price, .Paywall-item-replacementText { font-size: 24px; line-height: 26px; font-weight: 400; } } @media only screen and (min-width: 1200px) { .Paywall-item_price, .Paywall-item-replacementText { padding-bottom: 20px; } } .Paywall-item_price-text, .Paywall-item-replacementText-text { font-size: 28px; line-height: 64px; font-weight: 600; vertical-align: middle; top: -8px; } @media only screen and (max-width: 767px) { .Paywall-item_price-text, .Paywall-item-replacementText-text { font-size: 18px; line-height: 20px; font-weight: 400; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item_price-text, .Paywall-item-replacementText-text { font-size: 24px; line-height: 26px; font-weight: 400; } } .Paywall-item_price-frequency, .Paywall-item-replacementText-frequency { font-size: 20px; line-height: 20px; font-weight: 600; color: #999; vertical-align: middle; top: -6px; position: relative; display: inline-block; margin-left: 5px; } @media only screen and (max-width: 767px) { .Paywall-item_price-frequency, .Paywall-item-replacementText-frequency { font-size: 18px; line-height: 20px; font-weight: 400; } } @media only screen and (min-width: 768px) and (max-width: 969px), only screen and (min-width: 970px) and (max-width: 1199px) { .Paywall-item_price-frequency, .Paywall-item-replacementText-frequency { font-size: 24px; line-height: 26px; font-weight: 400; } } .Paywall-item-replacementText { font-size: 18px; line-height: 20px; font-weight: 400; color: #999; position: relative; } @media only screen and (min-width: 768px) { .Paywall-item-replacementText { font-size: 24px; line-height: 26px; font-weight: 400; } } @media only screen and (min-width: 1200px) { .Paywall-item-replacementText { font-size: 36px; line-height: 38px; font-weight: 700; width: 155px; margin: 6px auto 0; display: inline-block; } } .Paywall-item-cents { color: #000; margin-left: -5px; } @media only screen and (min-width: 1200px) { .Paywall .hidden-price .Paywall-item_title { min-height: 60px; margin-bottom: 20px; } .Paywall .hidden-price.no-replacement-text .Paywall-item_title { margin-bottom: 123px; } } @media only screen and (max-width: 1199px) { .Paywall .bsp-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .Paywall-item { max-width: none; text-align: left; border-bottom: 1px solid #C9C9C9; width: 100%; } .Paywall-item-best-value { display: none; } .Paywall-item.premium { border: none; box-shadow: none; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .Paywall-item.premium .Paywall-item_title-mobile:before { display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .Paywall-item.premium .show-content:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .Paywall-item_title { display: none; } .Paywall-item_title-mobile { display: inline; color: #000000; } .Paywall-item_subtitle { display: none; } .Paywall-item_details { display: none; } .Paywall-item_subtext { text-align: center; border-bottom: 1px solid #E0E0E0; padding-bottom: 20px; margin-bottom: 20px; } .Paywall-item_price { float: right; color: #9B9B9B; padding-top: 5px; } .Paywall-item_price-text { top: -2px; } .Paywall-item_price-text + .Paywall-item_price-frequency { margin-left: 0; } .Paywall-item_price-frequency { top: -2px; color: #9b9b9b; } .Paywall-item-cents { color: #9b9b9b; margin-left: 0; } } .PollItem-answer { font-size: 14px; line-height: 14px; font-weight: 400; color: #4A4A4A; } .PollItem-bar { display: block; width: 100%; margin: 10px 0 20px; background: #E0E0E0; overflow: hidden; border-radius: 20px; height: 30px; } .PollItem-bar-percent-bar { border-radius: 20px; background: #1969a0; height: 100%; } .PollItem-bar-percent { color: #fff; margin-left: 15px; font-size: 16px; line-height: 18px; font-weight: 700; } .podcast { border-bottom: 1px solid #E0E0E0; padding-bottom: 40px; margin-bottom: 40px; } .podcast-subscribe { line-height: 20px; border-bottom: 1px solid #e0e0e0; margin-bottom: 40px; min-height: 30px; } @media only screen and (max-width: 767px) { .podcast-subscribe { margin-bottom: 30px; } } .podcast-subscribe-actions { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .podcast-subscribe-actions { float: none; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-bottom: none; display: none; background: #f9f9f9; } } .podcast-subscribe-actions .label { font-size: 14px; } @media only screen and (max-width: 767px) { .podcast-subscribe-actions .label { font-size: 16px; } } .podcast-subscribe-actions .action { padding: 0; } @media only screen and (max-width: 767px) { .podcast-subscribe-actions .action { width: 100%; border-bottom: 1px solid #e0e0e0; display: block; padding: 20px 10px; text-align: left; } } .podcast-subscribe-actions .icon, .podcast-subscribe-actions .filter-bar form i.styled-select-dropdown, .podcast-subscribe-actions .feed-page .search-filters-module i.styled-select-dropdown, .podcast-subscribe-actions .mod-newsletter i.styled-select-dropdown, .podcast-subscribe-actions .search-results-page .search-filters-module i.styled-select-dropdown, .podcast-subscribe-actions .user-profile .form-select.styled-select i.styled-select-dropdown { margin-right: 5px; vertical-align: baseline; color: #cccccc; } .podcast-subscribe .title { text-align: left; font-size: 17px; cursor: default; } @media only screen and (max-width: 767px) { .podcast-subscribe .title { display: none; } } .podcast-subscribe .mobile-title { display: none; font-size: 16px; color: black; cursor: pointer; padding-bottom: 10px; } .podcast-subscribe .mobile-title:after { font-family: 'source-media-iconfont'; content: "\e201"; margin-left: 25px; } @media only screen and (max-width: 767px) { .podcast-subscribe .mobile-title { display: block; } } .podcast-toggle { color: #000; font-size: 16px; font-weight: 600; cursor: pointer; margin-left: -5px; } .podcast-toggle:before { font-family: 'source-media-iconfont'; content: "\e201"; } .podcast-toggle.show:before { display: inline-block; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .podcast iframe { width: 100%; border: none; max-height: 45px; } .podcast-body { color: #333; line-height: 30px; font-size: 17px; } @media only screen and (max-width: 767px) { .podcast-body { line-height: 28px; font-size: 16px; } .podcast-body p { margin-bottom: 20px; } } .podcast-transcript { background: #F3F3F3; padding: 20px; display: none; font-size: 14px; line-height: 21px; color: #333; } @media only screen and (max-width: 767px) { .podcast-transcript { padding: 10px; font-size: 14px; } } .Ranking { margin-bottom: 28px; } .Ranking label { font-size: 16px; line-height: 24px; font-weight: 600; color: #666666; } @media only screen and (max-width: 767px) { .Ranking label { font-size: 13px; margin-right: 5px; } } @media only screen and (max-width: 767px) { .Ranking select { font-size: 13px; } } .Ranking-rank { margin-right: 72px; } .Ranking-filters { border-bottom: 1px solid #E0E0E0; margin-bottom: 30px; position: relative; } @media only screen and (max-width: 767px) { .Ranking-filters { margin-bottom: 20px; } } .Ranking-filters label { font-size: 15px; line-height: 24px; font-weight: 700; color: #AAAAAA; top: -1px; } @media only screen and (max-width: 767px) { .Ranking-filters label { font-size: 13px; margin-right: 5px; } } .Ranking-filters .dropdown { margin: 0; } .Ranking-filters .styled-select-dropdown { font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: #1969a0; position: relative; margin-left: 40px; vertical-align: middle; top: -1px !important; } @media only screen and (max-width: 767px) { .Ranking-filters .styled-select-dropdown { position: absolute; } } .Ranking-filters .styled-select-dropdown:before { content: "\e201"; } .Ranking-items { counter-reset: list-counter; padding-top: 10px; } .Ranking-items .RankingItem { border-bottom: 1px solid #E5E5E5; padding: 20px 0 10px 0; -webkit-transition: 0.5s all; transition: 0.5s all; } @media only screen and (max-width: 767px) { .Ranking-items .RankingItem { padding: 10px 0; } } .Ranking-items .RankingItem:before { content: counter(list-counter); counter-increment: list-counter; display: block; font-size: 18px; line-height: 36px; font-weight: 700; float: left; height: 36px; width: 36px; margin-right: 80px; margin-left: 0; text-align: center; color: #fff; background-color: #1969a0; border-radius: 50%; } @media only screen and (max-width: 767px) { .Ranking-items .RankingItem:before { font-size: 13px; line-height: 22px; font-weight: 700; height: 22px; width: 22px; margin-right: 20px; } } .Ranking-items .RankingItem .content-teaser { margin-bottom: 0rem; } .Ranking-items .RankingItem-headline { font-size: 22px; line-height: 34px; font-weight: 800; position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .Ranking-items .RankingItem-headline { font-size: 14px; line-height: 16px; font-weight: 800; } } .Ranking-items .RankingItem-headline a { color: #333333; } .Ranking-items .RankingItem-blurb { font-size: 16px; line-height: 24px; font-weight: 400; position: relative; color: #666666; cursor: pointer; } @media only screen and (max-width: 767px) { .Ranking-items .RankingItem-blurb { font-size: 11px; line-height: 15px; } } .Ranking-items .RankingItem-blurb a { color: #666666; } .gallery-module-ranking .bsp-carousel .slick-dots { display: none !important; } @media (min-width: 1200px) { .gallery-module-ranking .bsp-carousel.slideshow-slide { padding: 0 130px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .gallery-module-ranking .bsp-carousel.slideshow-slide { padding: 0 100px; } } @media only screen and (max-width: 767px) { .gallery-module-ranking .bsp-carousel.slideshow-slide { padding: 0; } } .gallery-module-ranking .bsp-carousel.slideshow-slide .bsp-carousel-slide { width: auto; } .gallery-module-ranking .bsp-carousel .slick-prev, .gallery-module-ranking .bsp-carousel .slick-next { width: 60px; height: 60px; background-color: #ccc; top: 30%; } @media only screen and (min-width: 768px) and (max-width: 969px) { .gallery-module-ranking .bsp-carousel .slick-prev, .gallery-module-ranking .bsp-carousel .slick-next { display: block !important; } } @media only screen and (max-width: 767px) { .gallery-module-ranking .bsp-carousel .slick-prev, .gallery-module-ranking .bsp-carousel .slick-next { display: none !important; } } .gallery-module-ranking .bsp-carousel .slick-next { right: -60px; } @media (min-width: 1200px) { .gallery-module-ranking .bsp-carousel .slick-next { right: -1px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .gallery-module-ranking .bsp-carousel .slick-next { right: 20px; } } .gallery-module-ranking .bsp-carousel .slick-prev { left: -60px; } @media (min-width: 1200px) { .gallery-module-ranking .bsp-carousel .slick-prev { left: -1px; } } @media only screen and (min-width: 768px) and (max-width: 969px) { .gallery-module-ranking .bsp-carousel .slick-prev { left: 20px; } } .gallery-module-ranking .bsp-carousel:after { border-top: none; } .gallery-module-ranking .slideshow-slide-counter { padding-bottom: 20px; } .gallery-module-ranking .slideshow-slide-counter span { font-weight: normal; } .RankOverlay-currentSlide { font-size: 24px; line-height: 30px; font-weight: 700; } @media only screen and (max-width: 767px) { .RankOverlay-currentSlide { font-size: 22px; } } .RankOverlay-share { margin: 0 -90px 0; border-bottom: 1px solid #000; display: inline-block; width: 150%; } @media only screen and (max-width: 767px) { .RankOverlay-share { margin: 0; } } .RankOverlay-share .share-text { display: inline-block; font-size: 14px; color: #000; line-height: 17px; font-weight: 800; } .RankOverlay-share .share-links-wrapper { display: inline-block; padding: 0; } .RankOverlay-share .share-links { display: inline-block; margin: 0; font-size: 15px; font-weight: 400; line-height: 1.6; padding-bottom: 13px; } .RankOverlay-share .share-links-title { display: none; } .RankOverlay-share .share-links span { display: none; } .RankOverlay-share .share-links li { display: inline-block; padding: 0 0.5rem; } .RankOverlay-share .share-links li a { color: #999 !important; } .RankOverlay-share .share-links li a span { display: none; } .RankOverlay-headline { font-size: 28px; line-height: 38px; font-weight: 800; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .RankOverlay-headline { font-size: 18px; line-height: 24px; font-weight: 700; } } .RankOverlay-subtitle { font-size: 22px; line-height: 34px; font-weight: 700; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .RankOverlay-subtitle { font-size: 14px; line-height: 18px; font-weight: 700; letter-spacing: -0.12px; padding-bottom: 15px; } } .RankOverlay-body { font-size: 17px; line-height: 28px; font-weight: 400; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .RankOverlay-body { font-size: 16px; line-height: 24px; font-weight: 400; } } .RankOverlay-close { font-size: 17px; line-height: 30px; font-weight: 700; padding-top: 50px; text-align: center; color: #1969a0; cursor: pointer; } @media only screen and (max-width: 767px) { .RankOverlay-close { font-size: 16px; line-height: 18px; font-weight: 700; padding-top: 30px; } } .RankOverlay-table { padding-bottom: 20px; } .RankOverlay-table table { width: 100%; border: 1px solid #E0E0E0; } .RankOverlay-table table td { border: 1px solid #E0E0E0; padding: 5px 10px 1px 10px; } .RankOverlay-seeMore a { font-size: 14px; line-height: 26px; font-weight: 700; color: #1969a0; } @media only screen and (max-width: 767px) { .RankOverlay-seeMore a { font-size: 13px; line-height: 18px; font-weight: 700; } } .RankOverlay-image { padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .RankOverlay-image { padding-top: 0px; } } .RankOverlay-image img { display: block; margin: 0 auto; } .rankings .floating-sheet-title { font-size: 18px; line-height: 24px; font-weight: 700; } .hiddenFilter { position: absolute; left: -9999px; max-height: 0px; overflow: hidden; opacity: 0; } .modal-theme-subscription.small .vex-content { max-width: 628px; } .modal-theme-subscription .vex-content { max-width: 900px; width: 100%; margin: auto; } .modal-theme-subscription .vex-close { border-radius: 5px; position: absolute; top: 3px; right: 14px; cursor: pointer; } .modal-theme-subscription .vex-close:before { font-size: 31px; font-weight: 300; color: #C9C9C9; font-family: sans-serif; } @media only screen and (min-width: 768px) { .modal-theme-subscription .vex-content { width: 85%; } .modal-theme-subscription .vex-close { right: 29px; top: -10px; } .modal-theme-subscription .vex-close:before { font-size: 51px; } } .SubscriptionFlow { background: #F9F9F9; } .SubscriptionFlow a { cursor: pointer; } .SubscriptionFlow-banner { display: table; width: 100%; } [data-show-banner="true"] .SubscriptionFlow-banner { border-bottom: 1px solid #C9C9C9; background: #fff; height: 60px; } .SubscriptionFlow-banner-logo { display: none; width: 70px; } .SubscriptionFlow-banner-text { padding: 0 45px 0 15px; text-align: left; display: table-cell; vertical-align: middle; background: transparent; font-size: 14px; line-height: 18px; font-weight: 400; } .SubscriptionFlow-banner-text b, .SubscriptionFlow-banner-text strong { font-weight: 800; } .SubscriptionFlow-content, .SubscriptionFlow-contentBottom { padding: 20px; text-align: center; max-width: 530px; margin: auto; } .SubscriptionFlow-contentBottom { max-width: none; } .SubscriptionFlow .divider-text { text-align: left; color: #000; display: block; font-size: 16px; line-height: 25px; font-weight: 700; margin-bottom: 20px; } .SubscriptionFlow-progressTracker { text-transform: uppercase; color: #000; font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 14px; } .SubscriptionFlow-title, .SubscriptionFlow-errorTitle { font-size: 30px; line-height: 36px; font-weight: 800; color: #333; margin-bottom: 10px; } .SubscriptionFlow-errorTitle { margin-top: 80px; } .SubscriptionFlow-subtitle { font-size: 14px; line-height: 17px; font-weight: 600; color: #333; margin-bottom: 27px; } .SubscriptionFlow-errorMessage { color: #F32800; } .SubscriptionFlow-errorText { color: #666; font-size: 16px; line-height: 19px; font-weight: 600; margin-top: 25px; } .SubscriptionFlow-footer { color: #333; font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 20px; } .SubscriptionFlow-footer a { font-weight: 700; line-height: 20px; } .SubscriptionFlow ul[data-subscription-error-list] { width: 100%; margin-top: 30px; } .SubscriptionFlow ul[data-subscription-error-list] li { text-align: left; width: 100%; margin-bottom: 10px; } .SubscriptionFlow ul[data-subscription-error-list] li a { font-size: 16px; line-height: 24px; font-weight: 700; } .SubscriptionFlow ul[data-subscription-error-list] li a.tel { color: #333; } .SubscriptionFlow ul[data-subscription-error-list] li a span.icon, .SubscriptionFlow ul[data-subscription-error-list] li a span.filter-bar form i.styled-select-dropdown, .SubscriptionFlow ul[data-subscription-error-list] li a span.feed-page .search-filters-module i.styled-select-dropdown, .SubscriptionFlow ul[data-subscription-error-list] li a span.mod-newsletter i.styled-select-dropdown, .SubscriptionFlow ul[data-subscription-error-list] li a span.search-results-page .search-filters-module i.styled-select-dropdown, .SubscriptionFlow ul[data-subscription-error-list] li a span.user-profile .form-select.styled-select i.styled-select-dropdown { font-size: 24px; color: #999; margin-right: 20px; position: relative; top: 3px; } .SubscriptionFlow form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SubscriptionFlow form ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SubscriptionFlow form > .Wrapper { background: #F3F3F3; clear: both; display: inline-block; width: 100%; margin: 20px 0 10px; padding-top: 10px; padding-bottom: 10px; } .SubscriptionFlow form > .Wrapper[data-magazine-delivery-section="true"] { background: none; margin-top: 3px; margin-bottom: -20px; padding-bottom: 0; } .SubscriptionFlow form > .Wrapper[data-magazine-delivery-section="true"] span { color: #000; text-align: center; display: block; font-size: 16px; line-height: 25px; font-weight: 700; margin-bottom: 25px; } .SubscriptionFlow form > .Wrapper[data-magazine-delivery-section="true"] .Input { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0; padding-top: 0; margin-bottom: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .SubscriptionFlow form > .Wrapper[data-magazine-delivery-section="true"] .Input label { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .SubscriptionFlow form > .Wrapper[data-magazine-delivery-section="true"] .Input label::before { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .SubscriptionFlow form > .Wrapper > .Wrapper { display: none; } .SubscriptionFlow form > .Wrapper.show-billing > .Wrapper { display: block; } .SubscriptionFlow button, .SubscriptionFlow a[data-link-button="true"] { line-height: 17px; font-size: 14px; font-weight: 600; height: 59px; max-width: 100%; margin: 20px 0 15px; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .SubscriptionFlow button[type="submit"], .SubscriptionFlow a[data-link-button="true"][type="submit"] { background: #1969a0; border: solid 1px #1969a0; } .SubscriptionFlow button[type="submit"]:hover, .SubscriptionFlow a[data-link-button="true"][type="submit"]:hover { background: #fff; color: #1969a0; } .SubscriptionFlow button[type="submit"]:disabled, .SubscriptionFlow a[data-link-button="true"][type="submit"]:disabled { background: #C9C9C9; border: 1px solid #C9C9C9; } .SubscriptionFlow button[type="submit"]:disabled:hover, .SubscriptionFlow a[data-link-button="true"][type="submit"]:disabled:hover { color: #fff; } .SubscriptionFlow button[type="submit"][data-hide="true"], .SubscriptionFlow a[data-link-button="true"][type="submit"][data-hide="true"] { display: none; } .SubscriptionFlow a[data-link-button="true"] { border: solid 1px #000; background: transparent; color: #000; padding: 19px 0 20px; } .SubscriptionFlow a[data-link-button="true"]:hover { color: #fff; background: #000; } .SubscriptionFlow [data-payment-link] { font-size: 12px; line-height: 20px; font-weight: 700; margin-bottom: -20px; margin-top: 20px; display: block; } .SubscriptionFlow button + button[type="submit"], .SubscriptionFlow a[data-link-button="true"] + button[type="submit"] { margin-bottom: -10px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .SubscriptionFlow .Input, .SubscriptionFlow .InputLabelAfter, .SubscriptionFlow .InputPassword, .SubscriptionFlow .ComboBox, .SubscriptionFlow .Select { text-align: left; width: 100%; position: relative; margin-bottom: 10px; display: inline-block; } .SubscriptionFlow .Input[data-small-input="true"], .SubscriptionFlow .InputLabelAfter[data-small-input="true"], .SubscriptionFlow .InputPassword[data-small-input="true"], .SubscriptionFlow .ComboBox[data-small-input="true"], .SubscriptionFlow .Select[data-small-input="true"] { width: 100%; margin-left: 0; margin-right: 0; } .SubscriptionFlow .Input[data-sm-input-label] label, .SubscriptionFlow .InputLabelAfter[data-sm-input-label] label, .SubscriptionFlow .InputPassword[data-sm-input-label] label, .SubscriptionFlow .ComboBox[data-sm-input-label] label, .SubscriptionFlow .Select[data-sm-input-label] label { visibility: hidden; } .SubscriptionFlow .Input[data-sm-input-label].show-label label, .SubscriptionFlow .InputLabelAfter[data-sm-input-label].show-label label, .SubscriptionFlow .InputPassword[data-sm-input-label].show-label label, .SubscriptionFlow .ComboBox[data-sm-input-label].show-label label, .SubscriptionFlow .Select[data-sm-input-label].show-label label { visibility: visible; } .SubscriptionFlow .Input label, .SubscriptionFlow .InputLabelAfter label, .SubscriptionFlow .InputPassword label, .SubscriptionFlow .ComboBox label, .SubscriptionFlow .Select label { width: 100%; font-size: 12px; line-height: 14px; font-weight: 300; color: #9B9B9B; } .SubscriptionFlow .Input button, .SubscriptionFlow .InputLabelAfter button, .SubscriptionFlow .InputPassword button, .SubscriptionFlow .ComboBox button, .SubscriptionFlow .Select button { border-color: #9B9B9B; color: #9B9B9B; background: #fff; position: absolute; right: 10px; font-size: 11px; line-height: 17px; font-weight: 600; padding: 2px 10px; height: auto; bottom: 4px; width: auto; margin: 0px; } .SubscriptionFlow .Input input, .SubscriptionFlow .InputLabelAfter input, .SubscriptionFlow .InputPassword input, .SubscriptionFlow .ComboBox input, .SubscriptionFlow .Select input, .SubscriptionFlow .Input select, .SubscriptionFlow .InputLabelAfter select, .SubscriptionFlow .InputPassword select, .SubscriptionFlow .ComboBox select, .SubscriptionFlow .Select select, .SubscriptionFlow .Input dl.dropdown dt a, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a, .SubscriptionFlow .InputPassword dl.dropdown dt a, .SubscriptionFlow .ComboBox dl.dropdown dt a, .SubscriptionFlow .Select dl.dropdown dt a { font-size: 16px; line-height: 19px; font-weight: 400; border: none; border-bottom: 1px solid #9B9B9B; background: none; padding: 5px 10px; margin: 0; width: 100%; color: #333; height: auto; border-radius: 0; } .SubscriptionFlow .Input input::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter input::-webkit-input-placeholder, .SubscriptionFlow .InputPassword input::-webkit-input-placeholder, .SubscriptionFlow .ComboBox input::-webkit-input-placeholder, .SubscriptionFlow .Select input::-webkit-input-placeholder, .SubscriptionFlow .Input select::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter select::-webkit-input-placeholder, .SubscriptionFlow .InputPassword select::-webkit-input-placeholder, .SubscriptionFlow .ComboBox select::-webkit-input-placeholder, .SubscriptionFlow .Select select::-webkit-input-placeholder, .SubscriptionFlow .Input dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Select dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Input input::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter input::-webkit-input-placeholder, .SubscriptionFlow .InputPassword input::-webkit-input-placeholder, .SubscriptionFlow .ComboBox input::-webkit-input-placeholder, .SubscriptionFlow .Select input::-webkit-input-placeholder, .SubscriptionFlow .Input select::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter select::-webkit-input-placeholder, .SubscriptionFlow .InputPassword select::-webkit-input-placeholder, .SubscriptionFlow .ComboBox select::-webkit-input-placeholder, .SubscriptionFlow .Select select::-webkit-input-placeholder, .SubscriptionFlow .Input dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Select dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Input input::-moz-placeholder, .SubscriptionFlow .InputLabelAfter input::-moz-placeholder, .SubscriptionFlow .InputPassword input::-moz-placeholder, .SubscriptionFlow .ComboBox input::-moz-placeholder, .SubscriptionFlow .Select input::-moz-placeholder, .SubscriptionFlow .Input select::-moz-placeholder, .SubscriptionFlow .InputLabelAfter select::-moz-placeholder, .SubscriptionFlow .InputPassword select::-moz-placeholder, .SubscriptionFlow .ComboBox select::-moz-placeholder, .SubscriptionFlow .Select select::-moz-placeholder, .SubscriptionFlow .Input dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .Select dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .Input input:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter input:-ms-input-placeholder, .SubscriptionFlow .InputPassword input:-ms-input-placeholder, .SubscriptionFlow .ComboBox input:-ms-input-placeholder, .SubscriptionFlow .Select input:-ms-input-placeholder, .SubscriptionFlow .Input select:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter select:-ms-input-placeholder, .SubscriptionFlow .InputPassword select:-ms-input-placeholder, .SubscriptionFlow .ComboBox select:-ms-input-placeholder, .SubscriptionFlow .Select select:-ms-input-placeholder, .SubscriptionFlow .Input dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .Select dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .Input input:-moz-placeholder, .SubscriptionFlow .InputLabelAfter input:-moz-placeholder, .SubscriptionFlow .InputPassword input:-moz-placeholder, .SubscriptionFlow .ComboBox input:-moz-placeholder, .SubscriptionFlow .Select input:-moz-placeholder, .SubscriptionFlow .Input select:-moz-placeholder, .SubscriptionFlow .InputLabelAfter select:-moz-placeholder, .SubscriptionFlow .InputPassword select:-moz-placeholder, .SubscriptionFlow .ComboBox select:-moz-placeholder, .SubscriptionFlow .Select select:-moz-placeholder, .SubscriptionFlow .Input dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .Select dl.dropdown dt a:-moz-placeholder { color: #9B9B9B; } .SubscriptionFlow .Input input::placeholder, .SubscriptionFlow .InputLabelAfter input::placeholder, .SubscriptionFlow .InputPassword input::placeholder, .SubscriptionFlow .ComboBox input::placeholder, .SubscriptionFlow .Select input::placeholder, .SubscriptionFlow .Input select::placeholder, .SubscriptionFlow .InputLabelAfter select::placeholder, .SubscriptionFlow .InputPassword select::placeholder, .SubscriptionFlow .ComboBox select::placeholder, .SubscriptionFlow .Select select::placeholder, .SubscriptionFlow .Input dl.dropdown dt a::placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::placeholder, .SubscriptionFlow .Select dl.dropdown dt a::placeholder, .SubscriptionFlow .Input input::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter input::-webkit-input-placeholder, .SubscriptionFlow .InputPassword input::-webkit-input-placeholder, .SubscriptionFlow .ComboBox input::-webkit-input-placeholder, .SubscriptionFlow .Select input::-webkit-input-placeholder, .SubscriptionFlow .Input select::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter select::-webkit-input-placeholder, .SubscriptionFlow .InputPassword select::-webkit-input-placeholder, .SubscriptionFlow .ComboBox select::-webkit-input-placeholder, .SubscriptionFlow .Select select::-webkit-input-placeholder, .SubscriptionFlow .Input dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Select dl.dropdown dt a::-webkit-input-placeholder, .SubscriptionFlow .Input input::-moz-placeholder, .SubscriptionFlow .InputLabelAfter input::-moz-placeholder, .SubscriptionFlow .InputPassword input::-moz-placeholder, .SubscriptionFlow .ComboBox input::-moz-placeholder, .SubscriptionFlow .Select input::-moz-placeholder, .SubscriptionFlow .Input select::-moz-placeholder, .SubscriptionFlow .InputLabelAfter select::-moz-placeholder, .SubscriptionFlow .InputPassword select::-moz-placeholder, .SubscriptionFlow .ComboBox select::-moz-placeholder, .SubscriptionFlow .Select select::-moz-placeholder, .SubscriptionFlow .Input dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .Select dl.dropdown dt a::-moz-placeholder, .SubscriptionFlow .Input input:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter input:-ms-input-placeholder, .SubscriptionFlow .InputPassword input:-ms-input-placeholder, .SubscriptionFlow .ComboBox input:-ms-input-placeholder, .SubscriptionFlow .Select input:-ms-input-placeholder, .SubscriptionFlow .Input select:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter select:-ms-input-placeholder, .SubscriptionFlow .InputPassword select:-ms-input-placeholder, .SubscriptionFlow .ComboBox select:-ms-input-placeholder, .SubscriptionFlow .Select select:-ms-input-placeholder, .SubscriptionFlow .Input dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .Select dl.dropdown dt a:-ms-input-placeholder, .SubscriptionFlow .Input input:-moz-placeholder, .SubscriptionFlow .InputLabelAfter input:-moz-placeholder, .SubscriptionFlow .InputPassword input:-moz-placeholder, .SubscriptionFlow .ComboBox input:-moz-placeholder, .SubscriptionFlow .Select input:-moz-placeholder, .SubscriptionFlow .Input select:-moz-placeholder, .SubscriptionFlow .InputLabelAfter select:-moz-placeholder, .SubscriptionFlow .InputPassword select:-moz-placeholder, .SubscriptionFlow .ComboBox select:-moz-placeholder, .SubscriptionFlow .Select select:-moz-placeholder, .SubscriptionFlow .Input dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .InputPassword dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .ComboBox dl.dropdown dt a:-moz-placeholder, .SubscriptionFlow .Select dl.dropdown dt a:-moz-placeholder { color: #9B9B9B; } .SubscriptionFlow .Input input:focus, .SubscriptionFlow .InputLabelAfter input:focus, .SubscriptionFlow .InputPassword input:focus, .SubscriptionFlow .ComboBox input:focus, .SubscriptionFlow .Select input:focus, .SubscriptionFlow .Input select:focus, .SubscriptionFlow .InputLabelAfter select:focus, .SubscriptionFlow .InputPassword select:focus, .SubscriptionFlow .ComboBox select:focus, .SubscriptionFlow .Select select:focus, .SubscriptionFlow .Input dl.dropdown dt a:focus, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a:focus, .SubscriptionFlow .InputPassword dl.dropdown dt a:focus, .SubscriptionFlow .ComboBox dl.dropdown dt a:focus, .SubscriptionFlow .Select dl.dropdown dt a:focus { background: #fff; } .SubscriptionFlow .Input input::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputLabelAfter input::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputPassword input::-webkit-contacts-auto-fill-button, .SubscriptionFlow .ComboBox input::-webkit-contacts-auto-fill-button, .SubscriptionFlow .Select input::-webkit-contacts-auto-fill-button, .SubscriptionFlow .Input select::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputLabelAfter select::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputPassword select::-webkit-contacts-auto-fill-button, .SubscriptionFlow .ComboBox select::-webkit-contacts-auto-fill-button, .SubscriptionFlow .Select select::-webkit-contacts-auto-fill-button, .SubscriptionFlow .Input dl.dropdown dt a::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputLabelAfter dl.dropdown dt a::-webkit-contacts-auto-fill-button, .SubscriptionFlow .InputPassword dl.dropdown dt a::-webkit-contacts-auto-fill-button, .SubscriptionFlow .ComboBox dl.dropdown dt a::-webkit-contacts-auto-fill-button, .SubscriptionFlow .Select dl.dropdown dt a::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; } .SubscriptionFlow .Input[data-input-error="true"] label, .SubscriptionFlow .InputLabelAfter[data-input-error="true"] label, .SubscriptionFlow .InputPassword[data-input-error="true"] label, .SubscriptionFlow .ComboBox[data-input-error="true"] label, .SubscriptionFlow .Select[data-input-error="true"] label { color: #F32800; } .SubscriptionFlow .Input[data-input-error="true"] input, .SubscriptionFlow .InputLabelAfter[data-input-error="true"] input, .SubscriptionFlow .InputPassword[data-input-error="true"] input, .SubscriptionFlow .ComboBox[data-input-error="true"] input, .SubscriptionFlow .Select[data-input-error="true"] input, .SubscriptionFlow .Input[data-input-error="true"] select, .SubscriptionFlow .InputLabelAfter[data-input-error="true"] select, .SubscriptionFlow .InputPassword[data-input-error="true"] select, .SubscriptionFlow .ComboBox[data-input-error="true"] select, .SubscriptionFlow .Select[data-input-error="true"] select, .SubscriptionFlow .Input[data-input-error="true"] dl.dropdown dt a, .SubscriptionFlow .InputLabelAfter[data-input-error="true"] dl.dropdown dt a, .SubscriptionFlow .InputPassword[data-input-error="true"] dl.dropdown dt a, .SubscriptionFlow .ComboBox[data-input-error="true"] dl.dropdown dt a, .SubscriptionFlow .Select[data-input-error="true"] dl.dropdown dt a { border-color: #F32800; } .SubscriptionFlow .Input-errorText, .SubscriptionFlow .InputLabelAfter-errorText, .SubscriptionFlow .InputPassword-errorText, .SubscriptionFlow .ComboBox-errorText, .SubscriptionFlow .Select-errorText { color: #F32800; font-size: 10px; line-height: 12px; text-align: right; margin-top: 2px; position: absolute; width: 100%; } .SubscriptionFlow .Input-description { margin: 5px 0 0 30px; font-size: 12px; line-height: 19px; font-weight: 400; color: #999; } .SubscriptionFlow .Input-description strong { font-weight: 700; color: #777; } .SubscriptionFlow .Input[data-radio-input], .SubscriptionFlow .Input[data-checkbox-input] { display: block; padding: 10px 0 0 0px; } .SubscriptionFlow .Input[data-radio-input] input, .SubscriptionFlow .Input[data-checkbox-input] input { display: none; height: auto; } .SubscriptionFlow .Input[data-radio-input] input[type=radio] + label:before, .SubscriptionFlow .Input[data-checkbox-input] input[type=radio] + label:before, .SubscriptionFlow .Input[data-radio-input] input[type=checkbox] + label:before, .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox] + label:before { display: block; width: 19px; height: 19px; font-size: 19px; margin-right: 10px; position: relative; top: -1px; cursor: pointer; visibility: visible; color: #9B9B9B; content: "\e90f"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SubscriptionFlow .Input[data-radio-input] input[type=radio]:checked + label:before, .SubscriptionFlow .Input[data-checkbox-input] input[type=radio]:checked + label:before, .SubscriptionFlow .Input[data-radio-input] input[type=checkbox]:checked + label:before, .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox]:checked + label:before { content: "\e910"; } .SubscriptionFlow .Input[data-radio-input] label, .SubscriptionFlow .Input[data-checkbox-input] label { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 20px; font-weight: 400; color: #333; } .SubscriptionFlow .Input[data-radio-input] { padding-left: 0; } .SubscriptionFlow .Input[data-radio-input] input[type=radio] + label { color: #333; } .SubscriptionFlow .Input[data-radio-input] input[type=radio] + label:before { color: #333; } .SubscriptionFlow .Input[data-checkbox-input] { padding-left: 10px; } .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox] + label { color: #000; font-size: 18px; line-height: 18px; font-weight: 700; } .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox] + label:before { content: "\e911"; color: #000; } .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox]:checked + label:before { content: "\e913"; } .SubscriptionFlow .Select.show-label select, .SubscriptionFlow .Select.show-label dl.dropdown dt a { color: #333; } .SubscriptionFlow .Select select { color: #9B9B9B; } .SubscriptionFlow .Select dl.dropdown dt { display: table; height: 28px; } .SubscriptionFlow .Select dl.dropdown dt a { display: table-cell; height: 30px; color: #9B9B9B; } .SubscriptionFlow .Select dl.dropdown dd ul { max-height: 247px; overflow: scroll; } .SubscriptionFlow .Select dl.dropdown dd ul li a { display: inline-block; } .SubscriptionFlow .Select i.styled-select-dropdown { font-family: 'source-media-iconfont'; font-style: normal; color: #000; bottom: -8px; right: 8px; top: initial; } .SubscriptionFlow .Select i.styled-select-dropdown:before { content: "\e20b"; } .SubscriptionFlow .ComboBox .typeahead-wrapper { width: 100%; } .SubscriptionFlow .ComboBox select { display: none; } .SubscriptionFlow .ComboBox i.styled-select-dropdown { font-family: 'source-media-iconfont'; font-style: normal; color: #000; bottom: -8px; right: 8px; top: initial; } .SubscriptionFlow .ComboBox i.styled-select-dropdown:before { content: "\e20b"; } .SubscriptionFlow .ComboBox .tt-menu { font-size: 16px; line-height: 19px; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; width: 100%; text-align: left; font-weight: 400; color: #777; max-height: 150px; overflow: auto; border-top: none; margin-top: -1px; padding: 10px 20px; } .SubscriptionFlow .ComboBox .tt-menu .tt-dataset div { margin: 10px 0; } .SubscriptionFlow .ComboBox .tt-selectable { cursor: pointer; } .SubscriptionFlow .ComboBox .tt-selectable:hover { color: #000; } .SubscriptionFlow .ComboBox .tt-highlight { color: #000; } .SubscriptionFlow .SubscriptionCheckbox { display: table; border-bottom: 1px solid #E0E0E0; width: 100%; padding: 14px 0; position: relative; } .SubscriptionFlow .SubscriptionCheckbox .Input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } .SubscriptionFlow .SubscriptionCheckbox .Input label { visibility: visible; font-size: 16px; line-height: 20px; font-weight: 700; color: #000; display: table-cell; text-align: left; width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .SubscriptionFlow .SubscriptionCheckbox .Input input { display: none; } .SubscriptionFlow .SubscriptionCheckbox .Input input + label:after { display: table-cell; text-align: right; width: auto; position: absolute; right: 0; top: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 19px; height: 19px; font-size: 19px; cursor: pointer; visibility: visible; color: #000; content: "\e911"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SubscriptionFlow .SubscriptionCheckbox .Input input:checked + label:after { content: "\e913"; } .SubscriptionFlow .SubscriptionCheckbox-text { text-align: left; display: block; margin-top: 10px; font-size: 14px; line-height: 20px; font-weight: 300; color: #777; display: none; max-width: 410px; } .SubscriptionFlow .SubscriptionCheckbox:last-of-type { border-bottom: none; padding-bottom: 0; } .SubscriptionFlow .light-17 { color: #000; font-size: 17px; line-height: 25px; font-weight: 300; margin-bottom: 30px; } .SubscriptionFlow .light-14 { margin-bottom: 0; font-size: 14px; line-height: 21px; font-weight: 300; color: #777; } .SubscriptionFlow p strong, .SubscriptionFlow p b, .SubscriptionFlow p a { font-weight: 700; } .SubscriptionFlow #zuora_payment { min-height: 455px; } @media only screen and (min-width: 768px) { .SubscriptionFlow #zuora_payment { min-height: 410px; } .SubscriptionFlow-banner { margin-bottom: 10px; } [data-show-banner="true"] .SubscriptionFlow-banner { margin-bottom: 0; border-bottom: 1px solid #C9C9C9; background: #fff; } .SubscriptionFlow-banner-logo { display: table-cell; padding: 15px 20px 0; } .SubscriptionFlow-banner-text { text-align: center; padding: 0 80px 0 20px; font-size: 18px; line-height: 30px; } .SubscriptionFlow-title, .SubscriptionFlow-errorTitle { font-size: 40px; line-height: 48px; font-weight: 800; margin-bottom: 18px; } .SubscriptionFlow-subtitle { margin-bottom: 47px; } .SubscriptionFlow [data-payment-link] { margin: 5px -30px 0 0; text-align: right; } .SubscriptionFlow form, .SubscriptionFlow form ul { display: block; } .SubscriptionFlow form .Wrapper .Input[data-radio-input] { padding-left: 10px; } .SubscriptionFlow form .Wrapper .Input[data-radio-input] input[type=radio] + label:before { color: #9B9B9B; } .SubscriptionFlow form .Wrapper[data-magazine-delivery-section="true"] { margin-top: 10x; } .SubscriptionFlow form .Wrapper[data-magazine-delivery-section="true"] span { text-align: left; margin-bottom: 20px; } .SubscriptionFlow form .Wrapper[data-magazine-delivery-section="true"] .Input { border: none; padding-bottom: 0; } .SubscriptionFlow form .Wrapper[data-magazine-delivery-section="true"] .Input label { display: inline-block; } .SubscriptionFlow form .Wrapper[data-magazine-delivery-section="true"] .Input label::before { top: 1px; display: inline-block; } .SubscriptionFlow ul[data-subscription-error-list] { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .SubscriptionFlow ul[data-subscription-error-list] li { width: 50%; } .SubscriptionFlow button, .SubscriptionFlow a[data-link-button="true"] { max-width: 235px; margin: 20px; display: inline-block; } .SubscriptionFlow a[data-link-button="true"] { position: relative; top: -1px; } .SubscriptionFlow button + button[type="submit"], .SubscriptionFlow a[data-link-button="true"] + button[type="submit"] { margin-top: 25px; margin-left: 6px; } .SubscriptionFlow .Input[data-small-input], .SubscriptionFlow .InputLabelAfter[data-small-input], .SubscriptionFlow .InputPassword[data-small-input], .SubscriptionFlow .ComboBox[data-small-input], .SubscriptionFlow .Select[data-small-input] { width: 50%; max-width: 225px; } .SubscriptionFlow .Input[data-small-input="left"], .SubscriptionFlow .InputLabelAfter[data-small-input="left"], .SubscriptionFlow .InputPassword[data-small-input="left"], .SubscriptionFlow .ComboBox[data-small-input="left"], .SubscriptionFlow .Select[data-small-input="left"] { float: left; } .SubscriptionFlow .Input[data-small-input="right"], .SubscriptionFlow .InputLabelAfter[data-small-input="right"], .SubscriptionFlow .InputPassword[data-small-input="right"], .SubscriptionFlow .ComboBox[data-small-input="right"], .SubscriptionFlow .Select[data-small-input="right"] { float: right; } .SubscriptionFlow .Input[data-checkbox-input] input[type=checkbox] + label { font-size: 16px; } .SubscriptionFlow .Select i.styled-select-dropdown { bottom: 4px; } .SubscriptionFlow .SubscriptionCheckbox-text { display: block; } } .SubscriptionFlow[data-subscription-review] .Input[data-checkbox-input] { padding-left: 0; margin-top: 10px; margin-bottom: 0; } .SubscriptionFlow[data-subscription-review] .Input[data-checkbox-input] input[type='checkbox'] + label { display: table; padding-left: 0; position: relative; top: -3px; font-size: 14px; line-height: 20px; font-weight: 400; } .SubscriptionFlow[data-subscription-review] .Input[data-checkbox-input] input[type='checkbox'] + label a { display: inline; font-weight: 700; } .SubscriptionFlow[data-subscription-review] .Input[data-checkbox-input] input[type='checkbox'] + label:before { position: relative; top: 3px; display: table-cell; padding-right: 20px; } .SubscriptionFlow[data-subscription-review] .SubscriptionFlow-footer { width: 100%; padding: 0; text-align: left; } .SubscriptionFlow[data-subscription-review] .SubscriptionFlow-footer-item { color: #777; font-size: 10px; line-height: 15px; font-weight: 400; } @media only screen and (min-width: 768px) { .SubscriptionFlow[data-subscription-review] .Input[data-checkbox-input] input[type='checkbox'] + label { margin-left: -30px; margin-right: -30px; } .SubscriptionFlow[data-subscription-review] .SubscriptionFlow-footer { margin-left: -30px; margin-right: -30px; } } .small.follow .SubscriptionFlow-content { padding-bottom: 30px; } .small.follow .SubscriptionFlow-contentBottom { background: #F9F9F9; border-top: 1px solid #DDD; padding: 30px 20px 15px; } .small.follow .SubscriptionFlow-contentBottom h3 { font-weight: 700; } .small.follow .SubscriptionFlow button[type="submit"] { width: 203px; } .follow .SubscriptionFlow { background: #fff; } .follow .SubscriptionFlow .SubscriptionFlow-content { max-width: none; } .follow .SubscriptionFlow h3 { color: #333; font-size: 22px; line-height: 26px; font-weight: 800; margin-bottom: 20px; } .follow .SubscriptionFlow p { color: #666; font-size: 18px; line-height: 22px; font-weight: 400; } .follow .SubscriptionFlow p + button { margin-top: 0; } .follow .SubscriptionFlow-title { font-size: 30px; line-height: 40px; margin-top: 20px; } .follow .SubscriptionFlow-contentBottom { background: #F9F9F9; border-top: 1px solid #DDD; padding: 30px 20px 15px; } .follow .SubscriptionFlow-contentBottom [data-close-modal-link] { clear: both; display: block; margin-bottom: 20px; font-size: 16ps; line-height: 19px; font-weight: 600; } .follow .SubscriptionFlow .followIcon { text-align: center; } .follow .SubscriptionFlow .TopicItem { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .follow .SubscriptionFlow .TopicItem-topic { font-size: 16px; line-height: 20px; font-weight: 600; float: left; text-align: left; max-width: 65%; } .follow .SubscriptionFlow .TopicItem .followButton { position: relative; right: auto; top: auto; } .follow .SubscriptionFlow .Form .Input { display: none; } .follow .SubscriptionFlow button[type="submit"] { width: 223px; margin: 0px auto 15px; } .follow .SubscriptionFlow a[data-link-button="true"] { background: #1969a0; border-color: #1969a0; color: #fff; width: 223px; display: block; margin: 0px auto 15px; } .follow .SubscriptionFlow a[data-link-button="true"]:hover { color: #1969a0; background: transparent; } @media only screen and (min-width: 768px) { .follow .SubscriptionFlow button[type="submit"] { margin: 0 auto 40px; } .follow .SubscriptionFlow p { line-height: 24px; margin-bottom: 30px; max-width: 490px; margin: 0 auto 30px; } .follow .SubscriptionFlow-title { font-size: 32px; line-height: 38px; margin-top: 30px; } .follow .SubscriptionFlow-contentBottom { padding: 30px 46px 10px; } .follow .SubscriptionFlow .TopicItem { max-width: 330px; width: 48%; margin: 0 18px 20px 0; } .follow .SubscriptionFlow .TopicItem-topic { font-size: 18px; max-width: 55%; } .follow .SubscriptionFlow .TopicItem .followButton { position: relative; right: auto; top: auto; } .follow .SubscriptionFlow .Wrapper { padding: 0 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .follow .SubscriptionFlow .Wrapper li:nth-of-type(even) { margin-right: 0; } } @media only screen and (min-width: 970px) { .follow .SubscriptionFlow .TopicItem-topic { max-width: 69%; } } @media only screen and (min-width: 1200px) { .follow .SubscriptionFlow .TopicItem-topic { max-width: 71%; } } .ReviewPayment { display: table; border: 1px solid #C9C9C9; padding: 20px; text-align: left; } .ReviewPayment-headRow, .ReviewPayment-bodyRow, .ReviewPayment-footRow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; color: #333; } .ReviewPayment-headRow div, .ReviewPayment-bodyRow div, .ReviewPayment-footRow div { display: table-cell; width: 65%; } .ReviewPayment-headRow div + div, .ReviewPayment-bodyRow div + div, .ReviewPayment-footRow div + div { text-align: right; width: 45%; } .ReviewPayment-headRow [data-fs-12], .ReviewPayment-bodyRow [data-fs-12], .ReviewPayment-footRow [data-fs-12] { color: #777; font-size: 12px; line-height: 14px; } .ReviewPayment-headRow [data-fs-14], .ReviewPayment-bodyRow [data-fs-14], .ReviewPayment-footRow [data-fs-14] { font-size: 14px; line-height: 30px; } .ReviewPayment-headRow [data-fs-16], .ReviewPayment-bodyRow [data-fs-16], .ReviewPayment-footRow [data-fs-16] { font-size: 16px; line-height: 30px; } .ReviewPayment-headRow div:first-of-type[data-fs-14], .ReviewPayment-bodyRow div:first-of-type[data-fs-14], .ReviewPayment-footRow div:first-of-type[data-fs-14] { font-weight: 700; } .ReviewPayment .ReviewPriceColumn { width: 100%; display: table; } .ReviewPayment .ReviewPriceColumn span { color: #1969a0; } .ReviewPayment-footRow div:last-of-type[data-fs-14] { font-size: 24px; line-height: 30px; font-weight: 400; } .ReviewPayment section, .ReviewPayment footer { border-top: 1px solid #C9C9C9; width: 100%; padding: 15px 0; } .ReviewPayment header { margin-bottom: 15px; } .ReviewPayment footer { padding-top: 20px; } .ReviewPayment[data-upgrades-style="true"] { border: none; padding-top: 55px; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .ReviewPayment[data-upgrades-style="true"] section, .ReviewPayment[data-upgrades-style="true"] footer { display: none; } .ReviewPayment[data-upgrades-style="true"] .ReviewPriceColumn[data-fs-12] { border-bottom: 1px solid #E0E0E0; padding-bottom: 30px; margin: 10px 0 0 0; } .ReviewPayment[data-upgrades-style="true"] .ReviewPriceColumn[data-fs-12] .ReviewPriceColumn-child { display: block; } .ReviewPayment[data-upgrades-style="true"] .ReviewPayment-headRow + .ReviewPayment-headRow + .ReviewPayment-headRow .ReviewPriceColumn[data-fs-12] { margin: 30px 0 0 0; } @media only screen and (min-width: 768px) { .ReviewPayment { margin: -45px -30px 0 -30px; padding: 30px; } .ReviewPayment[data-upgrades-style="true"] .ReviewPriceColumn[data-fs-12] { margin: 10px 0 0 0; } .ReviewPayment[data-upgrades-style="true"] .ReviewPayment-headRow + .ReviewPayment-headRow + .ReviewPayment-headRow .ReviewPriceColumn[data-fs-12] { margin: 25px 0 0 0; } } .Subscriptions-logo { margin: 40px 0 10px; } .Subscriptions-text { margin-bottom: 20px; font-size: 14px; line-height: 24px; font-weight: 400; color: #777; } .Subscriptions-text-bold { font-size: 16px; line-height: 24px; font-weight: 600; color: #333; } .Subscriptions-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .Subscriptions-links-link a { color: #1969a0; font-size: 16px; line-height: 19px; font-weight: 600; display: block; text-align: center; padding-top: 20px; height: 60px; } .Subscriptions-links-link a[data-link-button="true"], .Subscriptions-links-link a[data-link-button-transparent="true"] { color: #fff; background: #1969a0; border: solid 1px #1969a0; width: 100%; margin-bottom: 10px; } .Subscriptions-links-link a[data-link-button="true"]:hover, .Subscriptions-links-link a[data-link-button-transparent="true"]:hover { color: #1969a0; background: #fff; } .Subscriptions-links-link a[data-link-button-transparent="true"] { color: #000; background: transparent; border: solid 1px #000; } .Subscriptions-links-link a[data-link-button-transparent="true"]:hover { color: #fff; background: #000; } .Subscriptions-links-link a:hover { color: #000; } @media only screen and (min-width: 768px) { .Subscriptions-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .Subscriptions-links-link a { margin-right: 30px; } .Subscriptions-links-link a[data-link-button="true"], .Subscriptions-links-link a[data-link-button-transparent="true"] { width: 256px; } } .SubscriptionPlan, .Purchases { border-top: 1px solid #E0E0E0; padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 5px; } .SubscriptionPlan-type, .Purchases-type { color: #333; font-size: 18px; line-height: 26px; font-weight: 700; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .SubscriptionPlan-type-prefix, .Purchases-type-prefix { color: #1969a0; font-weight: 800; } .SubscriptionPlan[data-suspended="true"] .SubscriptionPlan-type-prefix, .SubscriptionPlan[data-suspended="true"] .Purchases-type-prefix { color: #777; } .SubscriptionPlan-endDate, .Purchases-endDate, .SubscriptionPlan-downloadLink, .Purchases-downloadLink { text-align: left; width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; color: #000; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 20px; } .SubscriptionPlan-description, .Purchases-description { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: inline-block; color: #777; font-size: 14px; line-height: 20px; font-weight: 400; margin-bottom: 10px; } .SubscriptionPlan .UpgradeBox, .Purchases .UpgradeBox { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } @media only screen and (min-width: 970px) { .SubscriptionPlan-type, .Purchases-type { width: 70%; } .SubscriptionPlan-endDate, .Purchases-endDate, .SubscriptionPlan-downloadLink, .Purchases-downloadLink { text-align: right; width: 30%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; } .SubscriptionPlan-description, .Purchases-description { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-bottom: 20px; } } .Purchases { border-top: none; border-bottom: 1px solid #E0E0E0; position: relative; margin-top: 0; } .Purchases-type { font-size: 18px; line-height: 26px; font-weight: 800; } .Purchases-description { font-size: 14px; line-height: 26px; font-weight: 400; } .Purchases:first-of-type { margin-top: 20px; } .Purchases:last-of-type { border: none; } .Purchases-downloadLink { margin-bottom: 0; text-align: center; } @media only screen and (min-width: 768px) { .Purchases { margin-top: 5px; } .Purchases-type { font-size: 20px; } .Purchases-downloadLink { text-align: left; } } @media only screen and (min-width: 970px) { .Purchases { padding-bottom: 10px; } .Purchases-downloadLink { position: absolute; right: 0; text-align: right; } .Purchases-description { margin-bottom: 0; } } .UpgradeBox { display: table; width: 100%; background: #000; color: #fff; padding: 20px; } .UpgradeBox-text { display: row; max-width: 100%; font-size: 18px; line-height: 24px; font-weight: 600; vertical-align: middle; } .UpgradeBox-textstrong, .UpgradeBox-text b { font-weight: 800; } .UpgradeBox-link { margin-top: 0; text-align: center; display: row; } .UpgradeBox-link a { border-radius: 1.25em; color: #fff; font-size: 16px; line-height: 16px; font-weight: 700; padding: 11px 13px; height: 40px; background: #1969a0; display: inline-block; margin-top: 20px; border: 1px solid #1969a0; } .UpgradeBox-link a:hover { background: #fff; color: #1969a0; } @media only screen and (min-width: 768px) { .UpgradeBox-text { display: table-cell; max-width: 447px; width: 70%; } .UpgradeBox-link { width: 100%; display: table-cell; text-align: right; } .UpgradeBox-link a { margin-top: 0; } } .embargo-content + .PaywallModuleContainer { margin: -30px 0 30px; } @media only screen and (max-width: 767px) { .embargo-content + .PaywallModuleContainer { margin: -10px 0 30px; } } .PaywallModuleContainer { background: #f7f7f7f; margin: 30px 0 30px; } @media only screen and (max-width: 767px) { .PaywallModuleContainer { margin: 20px 0 30px; } } .PaywallModuleContainer-sections { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; width: 100%; } .PaywallModuleContainer-login { text-align: center; position: relative; color: #333; font-size: 18px; line-height: 25px; font-weight: 800; margin: 0 0 30px; } @media only screen and (min-width: 768px) { .PaywallModuleContainer { padding: 30px 0; border: 1px solid #E0E0E0; } .PaywallModuleContainer-sections { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 0; } .PaywallModuleContainer-login { top: 43px; background: #f7f7f7; width: 33%; margin: -30px auto 0; } } @media only screen and (min-width: 970px) { .PaywallModuleContainer-login { width: 38%; } } .PaywallModuleSection { text-align: center; border-top: 1px solid #E0E0E0; padding: 30px 0 0; width: 100%; } .PaywallModuleSection:first-of-type { border: none; padding: 0 0 30px; } .PaywallModuleSection-headline { font-size: 28px; line-height: 30px; font-weight: 800; color: #333; margin-bottom: 20px; } .PaywallModuleSection-description { font-size: 14px; line-height: 22px; font-weight: 600; color: #777; margin-bottom: 20px; } .PaywallModuleSection-link a { font-size: 14px; line-height: 17px; font-weight: 700; } .PaywallModuleSection-description + .PaywallModuleSection-link { margin: -15px 0 20px; } .PaywallModuleSection-button a { color: #1969a0; font-size: 16px; line-height: 19px; font-weight: 700; display: block; text-align: center; padding-top: 20px; height: 60px; } .PaywallModuleSection-button a[data-link-button="true"], .PaywallModuleSection-button a[data-link-button-transparent="true"] { color: #fff; background: #F41A1A; border: solid 1px #F41A1A; width: 100%; margin-bottom: 0; cursor: pointer; } .PaywallModuleSection-button a[data-link-button="true"]:hover, .PaywallModuleSection-button a[data-link-button-transparent="true"]:hover { color: #F41A1A; background: #fff; } .PaywallModuleSection-button a[data-link-button-transparent="true"] { color: #000; background: transparent; border: solid 1px #000; } .PaywallModuleSection-button a[data-link-button-transparent="true"]:hover { color: #fff; background: #000; } .PaywallModuleSection-button a:hover { color: #000; } @media only screen and (min-width: 768px) { .PaywallModuleSection { border-top: none; border-left: 1px solid #E0E0E0; padding: 0 30px; } .PaywallModuleSection:first-of-type { border: none; padding: 0 30px; } .PaywallModuleSection a[data-link-button="true"], .PaywallModuleSection a[data-link-button-transparent="true"] { margin: auto; max-width: 280px; } } .PaywallImage, .PaywallContent { position: relative; overflow: hidden; } .PaywallImage img, .PaywallContent img { -webkit-filter: blur(2px); filter: blur(2px); width: 100%; } .PaywallImage-lockedOverlay, .PaywallContent-lockedOverlay { position: absolute; top: 0; background: rgba(0, 0, 0, 0.6); color: #fff; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .PaywallImage-lockedIcon, .PaywallContent-lockedIcon { width: 60px; height: 60px; border-radius: 50%; background: rgba(224, 224, 224, 0.6); margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .PaywallImage-lockedIcon .icon-key, .PaywallContent-lockedIcon .icon-key { -webkit-transform: rotate(-44deg) scaleX(-1); transform: rotate(-44deg) scaleX(-1); font-size: 24px; } .PaywallImage-lockedTitle, .PaywallContent-lockedTitle { font-size: 14px; line-height: 17px; font-weight: 800; margin-bottom: 5px; } .PaywallImage-lockedText, .PaywallContent-lockedText { font-size: 12px; line-height: 19px; font-weight: 400; } @media only screen and (min-width: 768px) { .PaywallImage-lockedTitle, .PaywallContent-lockedTitle { font-size: 16px; line-height: 19px; } .PaywallImage-lockedText, .PaywallContent-lockedText { font-size: 14px; } } .PaywallImage + p, .PaywallContent + p { margin-top: 15px; } @media only screen and (min-width: 768px) { .PaywallImage + p, .PaywallContent + p { margin-top: 30px; } } .PaywallContent-lockedOverlay { z-index: 1; } .PaywallContent-lockedContent { padding: 20px 10px; max-height: 177px; pointer-events: none; -webkit-filter: blur(2px); filter: blur(2px); } @media only screen and (min-width: 768px) { .PaywallContent-lockedContent { max-height: 380px; } } @media only screen and (min-width: 970px) { .PaywallContent-lockedContent { max-height: 340px; } } @media only screen and (min-width: 1200px) { .PaywallContent-lockedContent { max-height: 380px; } } .ProfileView { position: relative; display: inline; } .ProfileView .List { display: none; width: 264px; text-align: left; position: absolute; top: 25px; right: 0; padding: 2rem; z-index: 601; background-color: #fff; border: solid 1px #e0e0e0; box-shadow: 0px 1px 3px #e0e0e0; } .ProfileView .List li { margin-bottom: 20px; } .ProfileView .List li:last-of-type { margin-bottom: 0; } .ProfileView .List::after { font-family: 'source-media-iconfont'; font-size: 30px; content: "\e203"; position: absolute; top: -3px; right: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-shadow: 0px -1px 0px #e0e0e0; z-index: 1; } .ProfileView .List a { color: #000; font-size: 18px; line-height: 22px; font-weight: 900; } .ProfileView .List a:hover { color: #1969a0; } .checkmark { content: "\e909"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 4px; position: relative; } .followText { font-size: 12px; line-height: 14px; font-weight: 600; font-family: "averta", sans-serif; top: 3px; } .followButton { border-radius: 1.25em; color: #1969a0; font-size: 12px; line-height: 14px; font-weight: 600; height: 22px; width: 68px; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #1969a0; cursor: pointer; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; overflow: hidden; } .followButton::before { content: 'Follow'; display: block; vertical-align: middle; text-align: center; width: 100%; position: relative; top: 3px; } .followButton:hover { background-color: #1969a0; color: #fff; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; } .followButton[data-following="true"] { background-color: #1969a0; width: 22px; -webkit-transition: width 0.4s; transition: width 0.4s; } .followButton[data-following="true"].following { background-color: #1969a0; width: 68px; } .followButton[data-following="true"].following::before { content: 'Following'; color: #fff; font-size: 12px; line-height: 14px; font-weight: 600; font-family: "averta", sans-serif; top: 3px; } .followButton[data-following="true"].following:hover { background-color: #1969a0; } .followButton[data-following="true"].following:hover::before { content: 'Following'; color: #fff; font-size: 12px; line-height: 14px; font-weight: 600; font-family: "averta", sans-serif; top: 3px; } .followButton[data-following="true"]::before { color: #fff; content: "\e909"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 4px; position: relative; -webkit-transition: content 0.4s; transition: content 0.4s; } .followButton[data-following="true"]:hover { background-color: #1969a0; color: #fff; width: 68px; -webkit-transition: width 0.4s; transition: width 0.4s; } .followButton[data-following="true"]:hover::before { content: 'Unfollow'; color: #fff; font-size: 12px; line-height: 14px; font-weight: 600; font-family: "averta", sans-serif; top: 3px; -webkit-transition: content 0.4s; transition: content 0.4s; } .followIcon { border-radius: 1.25em; color: #fff; background-color: #1969a0; font-size: 50px; line-height: 14px; font-weight: 300; height: 72px; width: 72px; display: inline-block; } .followIcon::before { content: "\e909"; font-family: 'source-media-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 4px; position: relative; top: 11px; } .ExpandableWrapper-wrapper { display: none; } .ExpandableWrapper-expandLink { font-size: 14px; line-height: 17px; font-weight: 700; margin: 10px 0; } .ExpandableWrapper-expandLink a { cursor: pointer; } .ExpandableWrapper [data-expanded-mobile-list="true"] { display: block; } @media only screen and (min-width: 768px) { .ExpandableWrapper [data-expanded-mobile-list="true"] { display: none; } } .FollowItem { width: 265px; } .FollowItem-title { color: #333; font-size: 24px; line-height: 28px; font-weight: 800; margin-bottom: 10px; min-height: 56px; } .FollowItem-title span { color: #1969a0; } .FollowItem-title a { color: #333; } .FollowItem-title a:hover { color: #1969a0; } .FollowItem-dek { font-size: 16px; line-height: 24px; font-weight: 400; color: #666; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; margin-bottom: 20px; min-height: 141px; } .FollowRecs-title { color: #222; font-size: 16px; line-height: 18px; font-weight: 700; } .FollowRecs-subtitle { font-size: 12px; line-height: 23px; font-weight: 600; color: #999; margin-bottom: 10px; } .FollowTopic { border-radius: 1.25em; color: #333; font-size: 12px; line-height: 14px; font-weight: 700; height: 22px; background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 1px solid #E0E0E0; cursor: pointer; padding: 3px 15px 0 15px; margin-bottom: 7px; margin-right: 4px; min-width: 68px; position: relative; } .FollowTopic span { display: inline; } .FollowTopic:hover { background-color: #1969a0; color: #fff; border: 1px solid #1969a0; } .FollowTopic:hover span { visibility: hidden; } .FollowTopic:hover::before { content: 'Follow'; text-align: center; left: 0; right: 0; position: absolute; color: #fff; } .FollowTopic[data-following="true"] { color: #fff; border: 1px solid #1969a0; background-color: #1969a0; } .FollowTopic[data-following="true"].following { background-color: #1969a0; } .FollowTopic[data-following="true"].following span { visibility: hidden; } .FollowTopic[data-following="true"].following::before { content: 'Following'; text-align: center; left: 0; right: 0; position: absolute; color: #fff; } .FollowTopic[data-following="true"].following:hover { background-color: #1969a0; } .FollowTopic[data-following="true"].following:hover::before { content: 'Following'; color: #fff; } .FollowTopic[data-following="true"]:hover { background-color: #1969a0; color: #fff; } .FollowTopic[data-following="true"]:hover span { visibility: hidden; } .FollowTopic[data-following="true"]:hover::before { content: 'Unfollow'; text-align: center; left: 0; right: 0; position: absolute; color: #fff; } .FollowCarousel { border: 3px solid #1969a0; border-top: none; margin: 28px 10px 0; padding-bottom: 15px; } .FollowCarousel.no-topics .slick-track { margin-bottom: 7px; } .FollowCarousel-heading { color: #333; font-size: 24px; line-height: 52px; font-weight: 900; margin: 0px auto -27px; top: -36px; position: relative; text-align: center; z-index: 1; } .FollowCarousel-heading span { /* to hide the lines from behind the text, you have to set the background color the same as the container */ padding: 0 20px; background: #f9f9f9; } #ad-takeover .FollowCarousel-heading span { background: #fff; } .FollowCarousel-heading:before { border-top: 3px solid #1969a0; content: ""; margin: 0 auto; /* this centers the line to the full width specified */ position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */ top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } .FollowCarousel-description { color: #666; font-size: 16px; line-height: 19px; font-weight: 600; text-align: center; margin: 0 20px 20px; } .FollowCarousel-description a { font-weight: 700; } .FollowCarousel-link { text-align: center; } .FollowCarousel-link a { font-size: 16px; line-height: 29px; font-weight: 800; } .FollowCarousel .gallery-module { background: transparent; margin-bottom: 20px; } .FollowCarousel .gallery-module:after { padding: 0; margin: 0; border: none; } .FollowCarousel .gallery-module .slick-dots { padding: 0; margin: 0; width: 100%; } .FollowCarousel .FollowItem { margin: 0 20px; } .FollowCarousel .slick-list { margin-bottom: 0; } .FollowCarousel .slick-track { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .FollowCarousel { margin: 28px 0px 0; padding-bottom: 20px; } .FollowCarousel-heading { font-size: 30px; margin: 0px auto -13px; top: -26px; } .FollowCarousel-description { margin-bottom: 30px; } .FollowCarousel .gallery-module { margin-bottom: 25px; } .FollowCarousel .FollowItem { margin: 0 15px; } .FollowCarousel .FollowItem-dek { margin-bottom: 25px; } .FollowCarousel .slick-track { margin-bottom: 25px; } } @media only screen and (min-width: 970px) { .FollowCarousel .FollowItem { margin: 0 10px; } .FollowCarousel .gallery-module { padding: 0 120px; margin-bottom: -12px; } .FollowCarousel .slick-list { margin-bottom: 0; } } .FollowFeedPageTitle .followButton { margin-top: 15px; display: block; } @media only screen and (min-width: 768px) { .FollowFeedPageTitle h1.page-title span { margin-right: 30px; } .FollowFeedPageTitle .followButton { display: inline-block; position: relative; top: -7px; margin-top: 0; } } .RelatedDocuments { margin: 40px 0 6px; } .RelatedDocuments-title { font-size: 22px; line-height: 26px; font-weight: 900; margin-bottom: 20px; display: inline-block; } .RelatedDocuments ul { padding-left: 0; list-style-type: none; } .RelatedDocuments-items-item { margin: 0 0 20px; font-weight: 700; } .RelatedDocuments-items-item a { font-size: 16px; line-height: 24px; font-weight: 700; } @media only screen and (min-width: 768px) { .RelatedDocuments-title { font-size: 25px; line-height: 32px; font-weight: 800; } .RelatedDocuments-items { list-style: none; } .RelatedDocuments-items-item a { line-height: 16px; } .RelatedDocuments-items-item:before { content: ''; display: inline-block; margin: 11px 20px 0 0px; width: 10px; height: 8px; float: left; text-align: center; background-color: #1969a0; } } /* ============================================== READING LIST ============================================== */ .ReadingList { padding: 20px; background-color: #fff; border-top: 4px solid #1969a0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); border-color: #E0E0E0; position: relative; z-index: 403; padding: 0; border-top: 1px solid #E0E0E0; height: 60px; } @media only screen and (max-width: 969px) { .ReadingList { display: none; } } .ReadingList .flexMenu-viewMore > a:after { display: none; } .ReadingList-sponsored .ReadingList-progress-bar { background: #BF9741; width: 0; } .ReadingList-sponsored .ReadingList-title { color: #BF9741; } .ReadingList-sponsored .ReadingList-link:not(span):hover { color: #BF9741; } .ReadingList-sponsored .ReadingList-link span { color: #BF9741; display: inline; } .ReadingList .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; } .ReadingList .search-form form { border: none; padding-bottom: 0; height: 21px; } .ReadingList .search-form label { display: none; } .ReadingList .search-form .form-input-submit:before { content: "\e2ca"; font-family: 'source-media-iconfont'; speak: none; position: absolute; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ReadingList .search-form input[type="submit"] { height: 14px; width: 14px; padding: 0; font-size: 0; } .ReadingList .search-form input { border: none; width: 100%; margin: -2px 0 0 0; padding: 0 0 0 10px; height: auto; font-size: 18px; color: #777777; background: none; font-weight: normal; } .ReadingList-search { display: none; } .ReadingList-transition-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 0; -webkit-transition: left 300ms linear; transition: left 300ms linear; position: relative; width: 100%; } .ReadingList-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; -webkit-transition: all .3s; transition: all .3s; padding: 20px; padding-top: 0; padding-bottom: 0; } @media only screen and (min-width: 1400px) { .ReadingList-container { width: 1400px; margin-left: auto; margin-right: auto; } } .ReadingList-container .bsp-container { width: 100%; margin: 0; padding: 0; } @media only screen and (max-width: 969px) { .ReadingList-container { padding: 0; height: 60px; } } @media only screen and (min-width: 1400px) { .ReadingList-container { left: 0px; } } .ReadingList-counter-wrapper { color: #999; font-size: 13px; line-height: 22px; font-weight: 400; } @media only screen and (max-width: 767px) { .ReadingList-counter-wrapper { font-size: 12px; line-height: 16px; } } @media only screen and (max-width: 969px) { .ReadingList-counter-wrapper { display: inline-block; } } .ReadingList-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; bottom: 0; } @media only screen and (max-width: 969px) { .ReadingList-info { display: inline-block; } .ReadingList-info .ReadingList-sponsorshipAttribution { display: block; font-size: 13px; } } @media only screen and (max-width: 767px) { .ReadingList-info { margin-top: 5px; padding-bottom: 0px; } } .ReadingList-title { font-weight: 800; color: #1969a0; font-size: 16px; padding-right: 5px; line-height: 22px; } @media only screen and (max-width: 969px) { .ReadingList-title { background: white; display: inline-block; } } @media only screen and (max-width: 767px) { .ReadingList-title { font-size: 14px; line-height: 16px; } } .ReadingList-title .title { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .ReadingList-title > span { color: #000; padding-right: 3px; text-transform: uppercase; font-size: 9px; line-height: 11px; display: none; } .ReadingList-sponsorshipAttribution { display: none; color: #777; font-weight: 400; } .ReadingList-items { display: none; max-width: none; width: calc(100% - 220px); } @media only screen and (max-width: 969px) { .ReadingList-items { width: 100%; display: block; position: absolute; bottom: 0; padding-left: 75px; } } @media only screen and (max-width: 767px) { .ReadingList-items { padding-top: 14px; padding-left: 0; } } .ReadingList-items-item { width: 238px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; position: relative; } .ReadingList-items-item:not(:first-child):before { content: ''; border-left: 1px solid #e0e0e0; position: absolute; height: 70%; left: -1px; top: 15%; } @media only screen and (max-width: 969px) { .ReadingList-items-item { position: absolute; height: auto; width: 100%; height: 5px; } .ReadingList-items-item .ReadingList-link span, .ReadingList-items-item .ReadingList-link .title { display: none; } } @media only screen and (max-width: 767px) { .ReadingList-items-item { height: 3px; } } .ReadingList-items-item .title { display: inline; } .ReadingList-items .slick-track { height: 59px; } @media only screen and (max-width: 969px) { .ReadingList-items .slick-track { width: 100% !important; height: 1px; } } @media only screen and (max-width: 969px) { .ReadingList-items .slick-track { height: 5px; } } .ReadingList-items .slick-prev, .ReadingList-items .slick-next { width: auto; margin: 0; -webkit-transform: none; transform: none; height: 59px; top: 0px; border-radius: 0; opacity: 1; border: none; font-size: 0; z-index: 2; background: rgba(255, 255, 255, 0.95); } .ReadingList-items .slick-prev:before, .ReadingList-items .slick-next:before { color: #777; line-height: 1; width: 40px; height: 60px; background: rgba(255, 255, 255, 0.2); } .ReadingList-items .slick-prev.slick-disabled, .ReadingList-items .slick-next.slick-disabled { opacity: 1; pointer-events: auto; background: rgba(255, 255, 255, 0.2); } .ReadingList-items .slick-prev.slick-disabled:before, .ReadingList-items .slick-next.slick-disabled:before { opacity: .75; } @media only screen and (min-width: 1400px) { .ReadingList-items .slick-prev.slick-disabled, .ReadingList-items .slick-next.slick-disabled { opacity: 0; pointer-events: auto; } .ReadingList-items .slick-prev.slick-disabled:before, .ReadingList-items .slick-next.slick-disabled:before { opacity: 1; } } .ReadingList-items .slick-prev:hover, .ReadingList-items .slick-next:hover, .ReadingList-items .slick-prev:focus, .ReadingList-items .slick-next:focus { background: rgba(255, 255, 255, 0.95); color: #999; } .ReadingList-items .slick-prev { left: 2px; } .ReadingList-items .slick-next { -webkit-transition: right 300ms linear; transition: right 300ms linear; right: 0; } .ReadingList [data-sponsored-item="true"] .ReadingList-link { width: 210px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 969px) { .ReadingList [data-sponsored-item="true"] .ReadingList-link { display: none; } } .ReadingList-link { font-size: 14px; line-height: 17px; font-weight: 800; } @media only screen and (max-width: 969px) { .ReadingList-link { display: none; } } .ReadingList-link span { color: #1969a0; } .ReadingList-progress-bar { background: #1969a0; height: 5px; width: 0; } .ReadingList-progress-bar-wrapper { position: absolute; bottom: 0; left: 10px; right: 10px; height: 5px; } @media only screen and (max-width: 969px) { .ReadingList-progress-bar-wrapper { left: 0; right: 0; } } .ReadingList.rl_is_stuck { margin-top: -63px; z-index: 500; } .ReadingList.rl_is_stuck .ReadingList-items { width: calc(100% - 370px); } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck .ReadingList-items { width: 100%; } } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck { display: block; border: none; box-shadow: none; position: absolute; left: 0; right: 0; top: 25px; background-color: transparent; z-index: 99; width: 100%; height: auto; margin: 0 auto; } } @media only screen and (max-width: 767px) { .ReadingList.rl_is_stuck { padding-left: 0px; } } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems { left: 20px; opacity: 1; top: 15px; visibility: visible; width: auto; position: absolute; height: auto; } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems { display: none; } } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems-items { width: calc(100% - 310px); } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems .flexMenu-viewMore a { font-size: 0; } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems .flexMenu-viewMore a:after { font-size: 20px; top: 30%; color: black; padding-left: 5px; display: inline-block; } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems .flexMenu-viewMore ul li a { font-size: 18px; } .ReadingList.rl_is_stuck .ReadingList-items .slick-next { right: 0px; opacity: 1; pointer-events: all; background: rgba(255, 255, 255, 0.95); } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck .ReadingList-items .slick-next { display: none !important; } } .ReadingList.rl_is_stuck .ReadingList-items .slick-prev { background: rgba(255, 255, 255, 0.95); } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck .ReadingList-items .slick-prev { display: none !important; } } .ReadingList.rl_is_stuck .ReadingList-transition-wrapper { left: 110px; /*Removed for SOME-3583*/ /* width:~'calc(100% - 110px)';*/ } @media only screen and (max-width: 969px) { .ReadingList.rl_is_stuck .ReadingList-transition-wrapper { left: 0; display: table-cell; vertical-align: middle; text-align: center; position: initial; width: 100%; } } .ReadingList .ReadingList-primaryMenuItems { left: 0; opacity: 0; visibility: hidden; width: 0; } .ReadingList-primaryMenuItems-favicon { float: left; } .ReadingList-primaryMenuItems-favicon img { max-height: 30px; height: 30px; } .ReadingList .bsp-carousel .slick-next, .ReadingList .bsp-carousel .slick-prev { /*background: transparent;*/ } @media only screen and (min-width: 970px) { .ReadingList { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ReadingList-items { display: -webkit-box; display: -ms-flexbox; display: flex; } .ReadingList-counter-wrapper { display: none; } .ReadingList-info { width: 240px; height: 59px; padding: 0 12px 0 20px; background: rgba(236, 236, 236, 0.66); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ReadingList-title { font-weight: 700; padding-right: 0; } .ReadingList-title > span { display: inline-block; min-width: 75px; } .ReadingList-title, .ReadingList-sponsorshipAttribution { font-size: 13px; line-height: 16px; } .ReadingList-sponsorshipAttribution { display: block; } .ReadingList [data-sponsored-item="true"] .ReadingList-link > span { color: #BF9741; display: inline; } .ReadingList [data-sponsored-item="true"] .ReadingList-link .title { display: inline; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .ReadingList [data-sponsored-item="true"] a:hover { color: #BF9741; } } .debug-tab { width: 100%; height: 20px; top: 0px; left: 0px; position: fixed; background-color: #3c3c3c; color: #fff; z-index: 9999; display: none; } .small-side-ad { width: 300px; height: 250px; } .sm-side-ad, .sm-static-ad { height: inherit; width: 300px; } .sm-right-rail:first-of-type.sm-side-ad { margin-top: 375px; } .sm-side-ad.stuck { position: fixed; top: 120px; margin-top: inherit; } .sm-side-ad.bottomed { position: absolute; top: inherit; bottom: 0px; margin-bottom: 0; } .sm-right-rail { min-height: 100%; position: relative; } .article-page .wrapper .bsp-container > .sm-advertisement { padding-bottom: 20px; } article .mod-enhancement, article .author-module { overflow: hidden !important; } @media only screen and (min-width: 1400px) and (max-width: 1500px) { .ReadingList .ReadingList-primaryMenuItems { left: 0; } } @media only screen and (min-width: 970px) { .ReadingList-container .ReadingList-primaryMenuItems .flexMenu-popup { top: 42px; width: 225px; left: -22px; } .ReadingList-container .ReadingList-primaryMenuItems .flexMenu-popup li:nth-last-child(-n+2) a { color: #9F9F9F; } } @media only screen and (min-width: 1400px) { .ReadingList-container { width: 1400px !important; padding: 0; position: relative; } .ReadingList-container .ReadingList-primaryMenuItems { left: 0; height: 0; } } .sm-right-rail { display: none; } @media only screen and (min-width: 970px) { .ReadingList-container { width: auto; padding: 0; position: relative; } .ReadingList-container .ReadingList-primaryMenuItems { left: 0; } .ReadingList-items .slick-prev.slick-disabled { display: none !important; } .sm-right-rail { display: block; } } @media only screen and (max-width: 969px) { .rl_is_stuck .site-header-logo { display: none; } .rl_is_stuck .site-header-nav .header-nav-list--secondary { display: none; } .ReadingList-search { display: block; position: absolute; top: -25px; right: 0; } } @media only screen and (min-width: 970px) and (max-width: 1199px) { .ReadingList.rl_is_stuck .ReadingList-transition-wrapper { left: 90px; } .ReadingList.rl_is_stuck .ReadingList-primaryMenuItems { width: 70px; } .ReadingList .ReadingList-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .homepage { background-color: #f9f9f9; } .homepage .site-footer { margin-top: 40px; } .homepage .module-title { margin: 0 0 40px 0; } .homepage .bsp-column-flex > div { margin-top: 40px; } .homepage .bsp-column-flex > div:first-child { margin-top: 0; } .homepage .sm-right-rail .sm-advertisement { padding-top: 40px; margin: 0 -20px; } .homepage .mod-newsletter { margin: 0 -20px; } .homepage .topics-heading, .homepage .module-title { margin-top: 0; line-height: initial; } @media only screen and (min-width: 970px) { .homepage .title-small { line-height: 55px; } .homepage .title-medium { line-height: 50px; } .homepage .title-large { line-height: 45px; } .homepage .title-xlarge { line-height: 40px; } .homepage .mod-newsletter { margin: 0; } .homepage .sm-right-rail .sm-advertisement { padding-top: 0; margin: 0; } .homepage .brief:not(.brief-skinny) { margin-top: 20px; } .homepage .bsp-container .bsp-row .sm-right-rail { padding: 0; } .homepage .sm-right-rail #gpt-ad-bigbox1, .homepage .sm-right-rail #gpt-ad-bigbox2, .homepage .sm-right-rail .sm-google-ad-item { text-align: right; } } @media only screen and (max-width: 767px) { .homepage .brief:not(.skinny-brief) h2:first-of-type.module-title, .homepage .opinion-module h2:first-of-type.module-title { margin-top: 0; } .homepage .carousel-wrapper { padding-top: 10px; } .homepage .gallery-module, .homepage .gallery-module-horizontal { margin-bottom: 20px; } .homepage .brief .mod-trending-topics, .homepage .brief.brief-skinny.full-width { margin-bottom: 0; } .homepage .feed-item h4, .homepage .brief-skinny .feed-item h4 { font-size: 22px; line-height: 26px; } } .page-404 { position: relative; height: 100%; } .page-404 h1 { font-size: 55px; font-weight: 900; } .page-404 p { font-size: 20px; } .page-404 [role="button"], .page-404 [role="button"]:visited { background-color: #000; border: 1px solid #fff; color: #fff; } .page-404 [role="button"]:hover, .page-404 [role="button"]:active { background-color: #1969a0; } @media only screen and (min-width: 320px) { .page-404 [role="button"] { padding: 1rem 2rem; line-height: 1; white-space: pre-wrap; height: auto; } } .bg-404 { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding-top: 40px; background-repeat: no-repeat; background-position: center center; background-color: #1969a0; background-blend-mode: multiply; background-size: cover; } html, body { min-height: 100%; height: 100%; } /* ---------------------------------------------------- Importing Media Queries for JavaScript ---------------------------------------------------- */ body:before { content: "mq-xs" !important; display: none !important; } @media only screen and (min-width: 768px) { body:before { content: "mq-sm" !important; } } @media only screen and (min-width: 970px) { body:before { content: "mq-md" !important; } } @media only screen and (min-width: 1200px) { body:before { content: "mq-lg" !important; } } @media only screen and (min-width: 1400px) { body:before { content: "mq-xl" !important; } } .MainAsideLayout { padding: 20px; } .MainAsideLayout a[data-sm-action-reprint] { display: none; } .ArticleMain-headline { font-size: 30px; line-height: 36px; font-weight: 800; color: #000; letter-spacing: -0.26px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 30px; } .ArticleMain-headline span { color: #00B5FF; } .ArticleMain-info { font-size: 12px; font-weight: 700; line-height: 20px; margin-bottom: 20px; position: relative; display: inline-block; width: 100%; } .ArticleMain-info a { color: #000; } .ArticleMain-info a:hover { color: #1969a0; } .ArticleMain-info-by, .ArticleMain-info-published, .ArticleMain-info-moreIn { width: 50%; } .ArticleMain-info-by, .ArticleMain-info-published { float: left; clear: left; } .ArticleMain-info-moreIn { position: absolute; left: 50%; } .ArticleMain-info-by-title, .ArticleMain-info-by-authors, .ArticleMain-info-by-authors-author, .ArticleMain-info-published-title, .ArticleMain-info-published-time, .ArticleMain-info-category-title, .ArticleMain-info-category-body, .ArticleMain-info-moreIn-title, .ArticleMain-info-moreIn-tags, .ArticleMain-info-moreIn-tags-tag { display: inline-block; padding-left: 0; clear: left; float: left; } .ArticleMain-info-published-time ul { list-style: none; margin: 0; padding: 0; } .ArticleMain-info-by-authors { margin-top: 0; } .ArticleMain-info-moreIn-tags { margin: 0; } .ArticleMain-info-by-title, .ArticleMain-info-published-title, .ArticleMain-info-category-title, .ArticleMain-info-moreIn-title { color: #777; font-weight: 600; } .ArticleMain-info-by-authors, .ArticleMain-info-moreIn-tags { list-style: none; } .ArticleMain-body { font-size: 16px; line-height: 28px; } .ArticleMain-body .action-bar { clear: both; border: none; margin: 10px 0 30px; } .ArticleMain-body .action-bar .share-links-wrapper { padding: 0; } .ArticleMain-body .action-bar .share-links-wrapper .share-links-title { padding: 0; display: none; } .ArticleMain-body .action-bar .share-links-wrapper .share-links { position: absolute; } .ArticleMain-body h4 { font-size: 24px; font-weight: 800; line-height: 32px; margin: 0; } .ArticleMain-body ol { list-style-type: decimal; } .ArticleMain-body ul { list-style-type: disc; } .ArticleMain-body ol, .ArticleMain-body ul { padding-left: 2em; } .ArticleMain-body p, .ArticleMain-body li { font-size: 18px; line-height: 28px; font-weight: 300; } .ArticleMain-body p { margin-bottom: 30px; } .ArticleMain-body .mod-enhancement { margin-bottom: 28px; display: block; width: 100%; } .ArticleMain-body .mod-enhancement .eyebrow { display: none; font-size: 14px; font-weight: 600; color: #777; } .ArticleMain-body .mod-enhancement figure img { display: block; margin: auto; max-width: 100%; } .ArticleMain-body .mod-enhancement figure figcaption { font-size: 14px; line-height: 20px; font-weight: 400; color: #777; } .ArticleMain-body .mod-enhancement figure figcaption .credit { color: #afafaf; font-weight: 600; } .ArticleMain-body .mod-enhancement figure .credit { font-size: 12px; display: block; font-weight: 400; color: #777; } .ArticleMain-body .mod-enhancement .image .eyebrow { display: none; } .ArticleMain-body .mod-enhancement .image img { margin-bottom: 16px; } .ArticleMain-body .mod-enhancement .image figcaption h5 { font-size: 18px; line-height: 1em; font-weight: 700; color: #424242; margin: 0.3em 0; } .ArticleMain-body .mod-enhancement .image figcaption credit { font-weight: 600; color: #afafaf; } .ArticleMain-body .mod-enhancement .sm-blockquote { margin: 24px 0; } .ArticleMain-body .mod-enhancement .sm-blockquote .content { font-size: 22px; line-height: 32px; font-weight: 700; font-style: italic; padding-left: 0.5em; position: relative; } @media only screen and (min-width: 768px) { .MainAsideLayout { padding-bottom: 40px; padding-top: 40px; } .MainAsideLayout-main .ArticleMain-headline { font-size: 40px; line-height: 48px; font-weight: 800; letter-spacing: -0.38px; padding-bottom: 40px; margin-bottom: 40px; } .MainAsideLayout-main .ArticleMain-info { font-size: 14px; line-height: 26px; margin-bottom: 30px; } .MainAsideLayout-main .ArticleMain-body { font-size: 17px; line-height: 30px; } .MainAsideLayout-main .ArticleMain-body .action-bar { margin: 40px 0; } .MainAsideLayout-main .ArticleMain-body h4 { font-size: 28px; font-weight: 700; line-height: 38px; } } @media only screen and (min-width: 1024px) { .MainAsideLayout { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 40px; padding-right: 40px; } .MainAsideLayout-aside { margin-left: 62px; width: 300px; } .MainAsideLayout-main { width: 100%; } .MainAsideLayout-main .ArticleMain-headline { font-size: 50px; line-height: 60px; font-weight: 800; letter-spacing: -0.46px; padding-bottom: 20px; margin-bottom: 60px; } .MainAsideLayout-main .ArticleMain-info { float: left; width: 225px; } .MainAsideLayout-main .ArticleMain-info-by, .MainAsideLayout-main .ArticleMain-info-published, .MainAsideLayout-main .ArticleMain-info-category, .MainAsideLayout-main .ArticleMain-info-moreIn { margin-bottom: 20px; } .MainAsideLayout-main .ArticleMain-info-by-title, .MainAsideLayout-main .ArticleMain-info-by-authors, .MainAsideLayout-main .ArticleMain-info-by-authors-author, .MainAsideLayout-main .ArticleMain-info-published-title, .MainAsideLayout-main .ArticleMain-info-published-time, .MainAsideLayout-main .ArticleMain-info-category-title, .MainAsideLayout-main .ArticleMain-info-category-body, .MainAsideLayout-main .ArticleMain-info-moreIn-title, .MainAsideLayout-main .ArticleMain-info-moreIn-tags, .MainAsideLayout-main .ArticleMain-info-moreIn-tags-tag { display: block; padding-left: 0; } .MainAsideLayout-main .ArticleMain-info-by, .MainAsideLayout-main .ArticleMain-info-published, .MainAsideLayout-main .ArticleMain-info-moreIn { width: 100%; position: relative; left: initial; } .MainAsideLayout-main .ArticleMain-body { margin-left: 275px; } .MainAsideLayout-main .ArticleMain-body .action-bar { clear: none; } .MainAsideLayout-main .ArticleMain-body h4 { font-weight: 800; } .MainAsideLayout-main .ArticleMain-body .e-left-rail { clear: left; float: left; margin-left: -275px; width: 225px; } .MainAsideLayout-main .ArticleMain-body .e-left-rail .sm-blockquote { margin-left: 0; margin-right: 0; } } /* --------------------------------------------------------- BRAND COLORS Each SM site has a color associated with it that can appear on other source sites. This file contains these brand colors for reference across sites ---------------------------------------------------------- */ /* --------------------------------------------------------- THIRD PARTY BRAND COLORS For social sharing an any other brand colors not associated with Source Media sites ---------------------------------------------------------- */