@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Barlow:400,400i,500,500i,600,600i,700,700i,800,800i);

/* ====================
strategy+business Screen Styles
====================
001 CSS reset
002 Miscellaneous
003 Structure
004 Header
005 Footer
010 Home Page
090 Page Content
100 Article Lists
110 Registration
120 Table of Contents
130 Archive
150 Misc Portlets
160 Category Pages (new)
500 Advertisements
510 Newsletter ads
1000 Responsive Styles
*/






/* ====================
001 CSS reset
====================*/

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

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

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

input, textarea {
	border-radius: 0;
	-webkit-border-radius:0px;
}

input {
	-webkit-appearance: none;
}

html {
	-webkit-text-size-adjust: 100%; 
	-moz-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}










/* ====================
002 Miscelleneous
====================*/

body,
input,
.nav-Global .search .ui-menu .ui-menu-item a {
	font-family: 'Barlow', Arial, Helvetica, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: subpixel-antialiased;
}

.clearfix:after {
	content: "";
	clear: both;
	display: table;
}

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

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

.column-header {
	color: #006ad0;
}

/* hides broken native ad pixel */

img[src*="awc_hit?p="] {
	display: none;
}

#cboxOverlay {
    background: rgba(0,0,0,0.9);
}

/* ADA */

#skiptocontent a {
    padding: 10px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: #000;
    background: #fff;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 1000;
}

#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

.iconLabel {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

/* GDPR */

#gdpr-cookie-notice-handle {
    background-color: #000 !important;
}

#gdpr-cookie-notice-handle div div:last-child a {
    background-color: #fff !important;
    color: #000 !important;
    text-shadow: none !important;
}










/* ====================
003 Structure
====================*/

.section-inner.fixed {
	max-width: 1292px;
	margin: 0px auto;
	position: relative;
}

.mainContainer {
	padding-top: 137px;
	transition: all 0.3s;
	margin: 0px auto;
transition: blur 1s;
transition: opacity 1s;
}

section.mainSection {
  max-width: 1292px;
  margin: 0px auto;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 60px;
}

/* below added from carry-over */

section.fullwidth {
  max-width: 100%;
}

section.fullwidth .max-width-994 {
  max-width: 994px;
  margin: 0px auto;
}

.utilityColumn section {
  padding: 0px;
}

.utilityColumn section .portlet {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ccc;
}

.utilityColumn section .portlet.noBorder {
  margin-bottom: 0px;
  border-bottom: none;
}

.utilityColumn section .portlet.simple {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 60px;
}

.utilityColumn .nativeAd {
  overflow: hidden;
}

section.featureHero {
  position: relative;
  max-width: 100%;
  height: 550px;
  overflow: hidden;
}

section.featureHero img {
    max-width: initial !important;
}

.contentColumn {
    padding-right: 100px;
    position: relative;
    float: left;
    width: calc(100% - 400px);
}

#Content.contentColumn {
    padding-right: 50px;
    width: calc(100% - 350px);
}

#Feature.interactive .contentColumn {
  padding-right: 0px;
  width: 100%;
  display: block;
  max-width: none;
}

.contentColumn.oneColumn {
  padding-right: 0px;
  width: 100%;
  display: block;
  max-width: none;
}

.utilityColumn {
  display: block;
  width: 300px;
  float: left;
}

.contentColumn.oneColumn.right #Content {
  float: right;
  width: calc(100% - 240px);
}

.contentColumn.oneColumn.right #InPageNav {
  float: left;
  background-color: #eee;
  width: 200px;
  padding: 20px 0px 20px 20px;
  border-right: solid 1px #ccc;
}





/* Section Columns */

.sec-cols-wrapper .col-left,
.sec-cols-wrapper .col-middle {
	float: left;
}

.sec-cols-wrapper .col-right {
	float: right;
}

.sec-cols-wrapper .col-left {
	width: calc((100% - 380px) * .553); /* actual .55372807 */
	margin-right: 4.75%;
}

.sec-cols-wrapper .col-middle {
	width: calc((100% - 380px) * .404); /* actual .44627193 */
}

.sec-cols-wrapper .col-right {
	width: 300px;
}





/* Generic Columns */

.columnsContainer:after {
	content: "";
	display: table;
	clear: both;
}

.outdent {
	margin: 0px -15px;
}

.column {
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box; /* <<< Just added this */
}

.column > .innerPadding,
section > .innerPadding {
	padding: 0px 15px;
}

.column.centered {
	float: none;
	margin: 0px auto;	
}

@media (min-width: 560px) {

.column.sm-12 {
	width: 100%;
}

.column.sm-11 {
	width: 91.66666666%;
}

.column.sm-10 {
	width: 83.33333333%;
}

.column.sm-9 {
	width: 75%;
}

.column.sm-8 {
	width: 66.66666666%;
}

.column.sm-7 {
	width: 58.33333333%;
}

.column.sm-6 {
	width: 50%;
}

.column.sm-5 {
	width: 41.66666666%;
}

.column.sm-4 {
	width: 33.33333333%;
}

.column.sm-3 {
	width: 25%;
}

.column.sm-2 {
	width: 16.66666666%;
}

.column.sm-1 {
	width: 8.33333333%;
}

}

@media (min-width: 768px) {

.column.md-12 {
	width: 100%;
}

.column.md-11 {
	width: 91.66666666%;
}

.column.md-10 {
	width: 83.33333333%;
}

.column.md-9 {
	width: 75%;
}

.column.md-8 {
	width: 66.66666666%;
}

.column.md-7 {
	width: 58.33333333%;
}

.column.md-6 {
	width: 50%;
}

.column.md-5 {
	width: 41.66666666%;
}

.column.md-4 {
	width: 33.33333333%;
}

.column.md-3 {
	width: 25%;
}

.column.md-2 {
	width: 16.66666666%;
}

.column.md-1 {
	width: 8.33333333%;
}

/* Push/pull */

.md-6.content.push {
	left: 50%;
}

.md-6.content.pull {
	left: -50%;
}

}

@media (min-width: 992px) {

.column.lrg-12 {
	width: 100%;
}

.column.lrg-11 {
	width: 91.66666666%;
}

.column.lrg-10 {
	width: 83.33333333%;
}

.column.lrg-9 {
	width: 75%;
}

.column.lrg-8 {
	width: 66.66666666%;
}

.column.lrg-7 {
	width: 58.33333333%;
}

.column.lrg-6 {
	width: 50%;
}

.column.lrg-5 {
	width: 41.66666666%;
}

.column.lrg-4 {
	width: 33.33333333%;
}

.column.lrg-3 {
	width: 25%;
}

.column.lrg-2 {
	width: 16.66666666%;
}

.column.lrg-1 {
	width: 8.33333333%;
}

}

@media (min-width: 1200px) {

.column.xlrg-12 {
	width: 100%;
}

.column.xlrg-11 {
	width: 91.66666666%;
}

.column.xlrg-10 {
	width: 83.33333333%;
}

.column.xlrg-9 {
	width: 75%;
}

.column.xlrg-8 {
	width: 66.66666666%;
}

.column.xlrg-7 {
	width: 58.33333333%;
}

.column.xlrg-6 {
	width: 50%;
}

.column.xlrg-5 {
	width: 41.66666666%;
}

.column.xlrg-4 {
	width: 33.33333333%;
}

.column.xlrg-3 {
	width: 25%;
}

.column.xlrg-2 {
	width: 16.66666666%;
}

.column.xlrg-1 {
	width: 8.33333333%;
}

}





/* Padding Settings */

.padding-top-80 {
	padding-top: 80px;	
}

.padding-top-60 {
	padding-top: 60px;	
}

.padding-top-40 {
	padding-top: 40px;	
}

.padding-top-20 {
	padding-top: 20px;	
}

.padding-bottom-80 {
	padding-bottom: 80px;	
}

.padding-bottom-60 {
	padding-bottom: 60px;	
}

.padding-bottom-40 {
	padding-bottom: 40px;	
}

.padding-bottom-20 {
	padding-bottom: 20px;	
}





/* Margin Settings */

.margin-top-80 {
	margin-top: 80px;	
}

.margin-top-60 {
	margin-top: 60px;	
}

.margin-top-40 {
	margin-top: 40px;	
}

.margin-top-20 {
	margin-top: 20px;	
}

.margin-bottom-80 {
	margin-bottom: 80px;	
}

.margin-bottom-60 {
	margin-bottom: 60px;	
}

.margin-bottom-40 {
	margin-bottom: 40px;	
}

.margin-bottom-20 {
	margin-bottom: 20px;	
}










/* ====================
004 Header
====================*/

#PrimaryNav {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;
transition: blur 1s;
transition: opacity 1s;

}

#PrimaryNav .headerTop {
	position: relative;
	height: 105px;
	width: 100%;
	overflow: hidden;
	background: #18427c;
	background: -moz-linear-gradient(top, #274792 0%, #3c66d6 100%);
	background: -webkit-linear-gradient(top, #274792 0%,#3c66d6 100%);
	background: linear-gradient(to bottom, #274792 0%,#3c66d6 100%);
	z-index: 11;
	transition: height 0.3s;
}

#PrimaryNav .headerTop .logo {
	display: block;
	width: 500px;
	position: absolute;
	left: calc(50% - 250px);
	top: 30px;
	transition: all 0.3s;
	opacity: 1;
}

/* #PrimaryNav .headerTop .logo:before {
	content: url(/media/file/sb-t-2018-strategy-business-logo.svg);
	width: 100%;
} */

#PrimaryNav .headerTop .logo span,
#PrimaryNav .headerTop .logoMobile {
	display: none;
}

#PrimaryNav .headerTop .logoMobile {
	width: 50px;
	display: block;
	position: absolute;
	top: 11px;
	left: calc(50% - 25px);
	transition: all 0.3s;
	opacity: 0
}

/* #PrimaryNav .headerTop .logoMobile:before {
	width: 100%;
	content: url(/media/file/sb-t-2018-sb-logo.svg);
} */

@media (max-width: 1169px) {

#PrimaryNav .headerTop .logo {
	width: 350px;
	left: calc(50% - 175px);
	top: 37px;
}

}

@media (max-width: 767px) {

#PrimaryNav .headerTop .logoMobile {
	opacity: 1;
	left: 60px;
}

#PrimaryNav .headerTop .logo {
	left: 50px !important;
	opacity: 0;
	pointer-events: none;
}

}




#PrimaryNav .headerTop .newsletters a,
#PrimaryNav .headerTop .newsletters2 a,
#PrimaryNav .headerTop .magazine a {
	color: #f2c709;
	text-decoration: none;
	font-size: 18px;
	display: block;
	font-weight: 500;
	transition: color 0.3s;
}

#PrimaryNav .newsletters a:hover,
#PrimaryNav .magazine a:hover {
	color: #ffffff;
}

#PrimaryNav .newsletters {
	width: 100px;
	display: block;
	position: absolute;
	text-align: center;
	left: 15px;
	top: 34px;
	line-height: 21px;
	transition: top 0.3s;
}

#PrimaryNav .newsletters2 {
	position: absolute;
	right: 15px;
	top: -20px;
	transition: top 0.3s;
}

#PrimaryNav .headerTop .newsletters2 a span {
	opacity: 1;
	transition: all 0.3s;
}

@media (max-width: 767px) {

#PrimaryNav .headerTop .newsletters2 a span {
	opacity: 0;
	pointer-events: none;
	font-size: 0;
}

}




/* Subscribe */

#PrimaryNav .magazine {
	position: absolute;
	right: 15px;
	top: 20px;
	transition: top 0.3s;
}

#PrimaryNav .magazine .thumb {
	width: 130px;
	float: right;
}

#PrimaryNav .magazine .thumb img {
	position: relative;
	top: 0px;
	transition: all 0.3s;
}

#PrimaryNav .magazine .thumb a:before {
	content: "Subscribe";
	position: absolute;
	left: -100px;
	top: 28px;
	font-size: 18px;
	color: #f2c709;
	transition: color 0.3s;
	padding-right: 20px;
}

#PrimaryNav .magazine .thumb a:hover img {
	top: -10px;
}

#PrimaryNav .magazine .thumb a:hover:before {
	color: #fff;
}





/* Category/Utility Row */

#PrimaryNav .headerBottom {
	background: #346ad4;
	background: -moz-linear-gradient(left, #3c66d6 0%, #193bb7 50%, #3c66d6 100%);
	background: -webkit-linear-gradient(left, #3c66d6 0%,#193bb7 50%,#3c66d6 100%);
	background: linear-gradient(to right, #3c66d6 0%,#193bb7 50%,#3c66d6 100%);
	height: 32px;
	font-size: 14px;
	transition: all 0.3s;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu {
	text-align: center;
	margin: 0px auto;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu li {
	display: inline-block;
	float: none;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu li.homeLinkWrapper {
    display: none;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu li.homeLinkWrapper {
	display: none;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu > li > a {
	line-height: 32px;
	text-decoration: none;
	color: #fff;
	padding: 0px 10px;
	font-weight: 400;
	transition: background-color 0.3s;
	font-size: 13px;
	letter-spacing: 0.5px;
	height: 32px;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu > li > a:hover, 
#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open > a, 
#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .magazine a:hover, 
#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open .magazine a {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu ul {
	position: absolute;
	width: 10em;
	left: 0px;
	top: 20px;
}

#PrimaryNav .headerBottom .catNav .magazine {
	top: 0px;
	text-align: left;
	background-color: #3c66d6;
	left: 0px;
}

#PrimaryNav .headerBottom .catNav .magazine a {
	color: #fff;
	text-decoration: none;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .sfHover .magazine a:hover {
	background-color: #193bb7;
}

#PrimaryNav .headerBottom .catNav .dropit-trigger > a:after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	margin-left: 5px;
	font-weight: 600;
}

#PrimaryNav .headerBottom .catNav .dropit-trigger.dropit-open > a:after {
	content: "\f00d";
}

/* START COVID-19 UPDATE */

@media (max-width: 1109px) {

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu {
	text-align: left;
}

}

@media (max-width: 1050px) {

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu > li > a {
	padding: 0px 8px;
	letter-spacing: 0.3px;
}

}

/* END COVID-19 UPDATE */





/* Search (Desktop) */

#PrimaryNav .utilNav ul.dropit {
	position: absolute;
	right: 15px;
	top: 0;
	width: 66px;
}

#PrimaryNav .utilNav span.ui-helper-hidden-accessible {
	display: none;
}

#PrimaryNav .utilNav .dropit-submenu {
	background-color: #3c66d6;
	right: -32px;
	width: calc(100vw - 30px);
	max-width: 1292px;
	top: 32px;
}

#PrimaryNav .utilNav ul.dropit > li > a {
	color: #fff;
	line-height: 32px;
	font-size: 18px;
	width: 32px;
	text-align: center;
	transition: background-color 0.3s;
}

#PrimaryNav .utilNav ul.dropit > li > a:hover,
#PrimaryNav .utilNav ul.dropit > li.dropit-open > a {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

#PrimaryNav .utilNav .searchdrop.dropit-open:before {
	content: "";
	position: fixed;
	top: 137px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
	transition: background-color 0.3s;
}

#PrimaryNav .utilNav .searchDesktop {
	padding: 0px;
}

#PrimaryNav .utilNav label {
	display: none;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch {
	background-color: #ddd;
	border: 0;
	padding: 0px 15px;
	font-size: 30px;
	float: left;
	margin-right: 15px;
	color: #666;
	width: calc(100% - 30px);
	height: 80px;
	line-height: 80px;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch::placeholder {
	color: #bbb;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch::-webkit-input-placeholder {
	color: #bbb;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch::-moz-placeholder {
	color: #bbb;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch:-ms-input-placeholder {
	color: #bbb;
}

#PrimaryNav .utilNav .searchDesktop input#SiteSearch:-moz-placeholder {
	color: #bbb;
}

#PrimaryNav .utilNav input#submit {
	border: 0;
	font-size: 30px;
	line-height: 40px;
	height: 40px;
	width: 120px;
	color: #666;
	display: none;
}

#PrimaryNav .utilNav .ui-widget-content {
	border: none;
	padding: 0;
}

#PrimaryNav .utilNav #SBSearchSuggest {
	border-radius: 0px;
	padding: 20px 10px 20px;
	background: none;
	background-color: #274792;
	width: calc(100vw - 50px) !important;
	left: 0px !important;
	max-width: 1272px;
	font-family: inherit;
	top: initial !important;
	max-height: calc(100vh - 308px);
	overflow-y: auto;
}

#PrimaryNav .utilNav .ui-menu .ui-menu-item a {
	padding: 10px;
	border: none !important;
	margin-right: 40px;
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 20px;
	height: 82px;
	color: #ddd;
	border-top: dashed 1px #999 !important;
	border-radius: 0px;
	transition: all 0.3s;
	background: none !important;
	overflow: hidden;
}

#PrimaryNav .utilNav .ui-menu .ui-menu-item a:hover {
	background: none !important;
	background-color: #999 !important;
}

#PrimaryNav .utilNav li.ui-menu-item {
	float: none;
	clear: none;
	width: 25%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	border: none;
}

#PrimaryNav .utilNav .suggestion-thumb.article-thumbnail {
	margin-right: 10px;
	float: left;
	width: 82px;
	height: 82px;
	background-image: url(/media/image/thumb4-default-82x82.jpg);
}

#PrimaryNav .utilNav .suggestion-thumb.author-thumbnail {
	width: 82px;
	height: 82px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 10px;
}

#PrimaryNav .utilNav .ui-menu .ui-menu-item a:after {
	content: "";
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 15px;
	background: -moz-linear-gradient(top, rgba(39,71,146,0) 0%, rgba(39,71,146,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(39,71,146,0) 0%,rgba(39,71,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(39,71,146,0) 0%,rgba(39,71,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: absolute;
	transition: background 0.3s;
}

#PrimaryNav .utilNav .ui-menu .ui-menu-item a:hover:after {
	background: rgb(153,153,153);
	background: linear-gradient(0deg, rgba(153,153,153,1) 0%, rgba(153,153,153,0) 100%);
}

#PrimaryNav .utilNav .dropit-open:before {
	content: "";
	position: fixed;
	top: 67px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
	transition: background-color 0.3s;
}

#PrimaryNav .utilNav .quickLinks {
	padding: 10px;
	clear: both;
	color: #ccc;
}

#PrimaryNav .utilNav .quickLinks .label {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	float: left;
	padding: 7px 10px;
	line-height: 18px;
}

#PrimaryNav .utilNav .quickLinks a {
	float: left;
	color: #fff;
	padding: 9px 10px;
	text-decoration: none;
	transition: background-color 0.3s;
}

#PrimaryNav .utilNav .quickLinks a:hover {
	background-color: #27478D;
}





/* Mobile Nav */

#PrimaryNav .mobilenav {
	position: absolute;
	top: -20px;
	left: 15px;
	z-index: 12;
	opacity: 0;
	transition: all 0.3s;
}

#PrimaryNav .mobilenav .dropit-trigger > a {
	text-decoration: none;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

#PrimaryNav .mobilenav .dropit-trigger.dropit-open > a,
#PrimaryNav .mobilenav .dropit-trigger > a:hover {
	box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
}

#PrimaryNav .mobilenav .dropit-trigger > a:after {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

#PrimaryNav .mobilenav .dropit-trigger.dropit-open > a:after {
	content: "\f00d";
}

/* Mobile Nav Pulldown */

#PrimaryNav .mobilenav .smallNavText {
    overflow: hidden;
    padding: 10px 0px;
}

#PrimaryNav .mobilenav .dropit-submenu {
	background-color: #274792;
	width: 50%;
	left: 0px;
	position: fixed;
	top: 50px;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
}

@media (max-width: 459px) {

#PrimaryNav .mobilenav .dropit-submenu {
	width: 100vw;
}

}

#PrimaryNav .mobilenav .dropit-submenu:before {
	content: "";
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	height: calc(100vh - 50px);
	background-color: rgba(0,0,0,0.8);
	pointer-events: none;
}

#PrimaryNav .mobilenav .ui-widget {
	font-family: inherit;
	z-index: -1;
}

#PrimaryNav .mobilenav .ui-widget * {
	border-radius: 0;
	margin: 0px;
	outline: none;
}

#PrimaryNav .mobilenav .ui-state-default {
	background: none;
	border: none;
	color: #fff;
	border-bottom: dashed 1px #6082dc;
	line-height: 40px;
	padding: 0px 15px;
	font-weight: 400;
	background-color: #274792;
	transition: background-color 0.3s;
}

#PrimaryNav .mobilenav .ui-state-default:hover {
	background-color: #6082dc !important;
}

#PrimaryNav .mobilenav a {
	color: #fff;
	text-decoration: none;
}

#PrimaryNav .dropit-submenu .magazine a {
	padding: 7px 10px;
	transition: background-color 0.3s;
}

#PrimaryNav .dropit-submenu .magazine a:hover {
	background-color: #6082dc !important;
}

#PrimaryNav .mobilenav .normalMobileNavLinks a {
	border-bottom: dashed 1px #6082dc;
	line-height: 40px;
	padding: 0px 15px;
	background-color: #274792;
}

#PrimaryNav .mobilenav .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}

#PrimaryNav .mobilenav h3.ui-state-default:after,
#PrimaryNav .mobilenav h3.ui-state-active:after {
	content: "\f0d7";
	position: absolute;
	right: 20px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#PrimaryNav .mobilenav h3.ui-state-active:after {
	content: "\f0d8";
}

#PrimaryNav .mobilenav .ui-accordion .ui-accordion-content {
	padding: 0;
	background: none;
	background-color: #3C66D3;
	border: 0px;
}

#PrimaryNav .mobilenav .ui-accordion .ui-accordion-content a {
    color: #fff;
    font-size: 15px;
    padding-left: 30px;
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 3px;
}

/* Mobile nav Search */

.mobilenav .dropdownMobile ul {
	padding-top: 40px;
}

.mobilenav .search {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.mobilenav .search input#SiteSearch {
	border: 0;
	position: absolute;
	left: 0;
 	width: calc(100% - 70px);
	font-size: 15px;
	padding: 0px 15px;
	line-height: 40px;
	height: 40px;
}

.mobilenav .search input#submit {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border: 0;
	text-indent: -200px;
	background-color: #ccc;
}

.mobilenav .search form:before {
	content: "\f002";
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	font-family: "Font Awesome 5 Free";
	color: #666;
	z-index: 2;
	font-weight: 600;
	text-align: center;
	line-height: 40px;
	pointer-events: none;
}

.mobilenav .search .quickLinks {
    display: none;
}

.mobilenav .search ul#SBSearchSuggest {
    position: fixed;
    top: 50px !important;
    right: 0px !important;
    left: 50% !important;
    width: 50% !important;
    padding-top: 0px;
    background-color: #eee;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}

.mobilenav .search ul#SBSearchSuggest a {
    color: #333;
    padding: 10px 20px 10px 70px;
    position: relative;
    min-height: 50px;
    border-bottom: dashed 1px #ccc;
}

.mobilenav .search ul#SBSearchSuggest a span {
    width: 50px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}

.mobilenav .search .ui-helper-hidden-accessible {
    display: none;
}

@media (max-width: 459px) {

.mobilenav .search ul#SBSearchSuggest {
	display: none !important;
}

}

@media (min-width: 900px) {

#PrimaryNav .mobilenav .ui-accordion .ui-accordion-content a {
    width: calc(50% - 30px);
    float: left;
}

}






/* Scrolled styles */

#PrimaryNav.scrolled .headerTop {
	height: 50px;
}

#PrimaryNav.scrolled .headerTop .logo {
	width: 268px;
	left: calc(50% - 134px);
	top: 11px;
}

#PrimaryNav.scrolled .magazine {
	top: 60px;
}

#PrimaryNav.scrolled .newsletters {
	top: 54px;
}

#PrimaryNav.scrolled .newsletters2 {
	top: 16px;
}

#PrimaryNav.scrolled .headerBottom {
	margin-top: -32px;
	opacity: 0;
	display: none;
}

#PrimaryNav.scrolled .mobilenav {
	top: 0px;
	opacity: 1;
	left: 0;
}

#PrimaryNav.scrolled + .mainContainer {
	padding-top: 50px;
}





/* Updated styles for mega nav */

#PrimaryNav .headerBottom .topics {
    background-color: #526ccb;
    text-align: left;
    position: fixed;
    width: 1050px;
    left: calc(50% - 555px);
    padding: 30px;
}

#PrimaryNav .headerBottom .topics .column {
    float: left;
    width: initial;
}

#PrimaryNav .headerBottom .topics .column.one {
    width: 240px;
    padding-right: 30px;
}

#PrimaryNav .headerBottom .topics .column.two {
    width: calc(100% - 580px);
    padding: 0px 30px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#PrimaryNav .headerBottom .topics .column.three {
    padding-left: 20px;
}

#PrimaryNav .headerBottom .topics .categories a {
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    display: block;
    margin-bottom: 7px;
    transition: color 0.3s;
}

#PrimaryNav .headerBottom .topics .categories a:hover {
    color: #77daff;
}

#PrimaryNav .headerBottom .topics h3 {
    font-size: 23px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}




.article-list.stack4 article {
    margin-bottom: 30px;
}

#PrimaryNav .headerBottom .topics .column.one .article-list.stack4 article {
    padding-right: 30px;
}

#PrimaryNav .headerBottom .topics .column.two .article-list.stack4 article {
    padding-right: 80px;
}

.article-list.stack4 article:last-child {
    margin-bottom: 0px;
}

.article-list.stack4 .thumb {
    margin-bottom: 8px;
    position: relative;
}

.article-list.stack4 .hed a,
.article-list.stack4 .dek {
    color: #fff;
    transition: color 0.3s;
}

.article-list.stack4.PwC-series .hed a,
.article-list.stack4.PwC-series .dek {
    color: #000;
}

.article-list.stack4 .hed a:hover {
    color: #77daff;
}

.article-list.stack4 .authors {
    color: #fff;
}

.article-list.stack4.PwC-series .authors {
    color: #000;
}

.article-list.stack4 .articleType {
    position: absolute;
    left: 140px;
    top: 0;
    width: 142px;
    height: 80px;
}

.article-list.stack4 .articleType .insidethemindoftheceo:before,
.article-list.stack4 .articleType .pwcsEntertainmentMediaOutlook:before,
.article-list.stack4 .articleType .valuecreation:before,
.article-list.stack4 .articleType .newworldnewskills:before,
.article-list.stack4 .articleType .pwcssucceedinginuncertainty:before,
.article-list.stack4 .articleType .compliancetransformedbypwc:before,
.article-list.stack4 .articleType .hellotomorrow:before,
.article-list.stack4 .articleType .esgbypwc:before,
.article-list.stack4 .articleType .experiencesmatter:before,
.article-list.stack4 .articleType .tenprinciples:before {
    content: "";
    position: absolute;
    left: 0;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.article-list.stack4 .articleType .pwcsEntertainmentMediaOutlook:before {
    top: 12px;
    width: 115px;
    height: 56px;
    background-image: url(/media/image/sb-t-pwc_outlook_logo-icon-new.png);
}

.article-list.stack4 .articleType .valuecreation:before {
    top: 18px;
    width: 115px;
    height: 43px;
    background-image: url(/media/image/sb-t-pwc_value_creation.png);
}

.article-list.stack4 .articleType .hellotomorrow:before {
    top: 10px;
    width: 105px;
    height: 59px;
    background-image: url(/media/image/sb-t-Hello_tomorrow-logo.png);
}

.article-list.stack4 .articleType .esgbypwc:before {
    top: 10px;
    width: 105px;
    height: 59px;
    background-image: url(/media/image/sb-t-ESG-logo-b.png);
}

.article-list.stack4 .articleType .newworldnewskills:before {
    top: 12px;
    width: 100px;
    height: 56px;
    background-image: url(/media/image/sb-t-PwCs_new_world_new_skills-logo-new.png);
}

.article-list.stack4 .articleType .experiencesmatter:before {
    top: 12px;
    width: 100px;
    height: 56px;
    background-image: url(/media/image/sb-t-Experiences_matter_by-PwC-logo.png);
}

.article-list.stack4 .articleType .compliancetransformedbypwc:before {
    top: 12px;
    width: 100px;
    height: 56px;
    background-image: url(/media/image/sb-t-Compliance-Transformed-by-PwC-badge.png);
    background-size: auto 100%;
}

.article-list.stack4 .articleType .pwcssucceedinginuncertainty:before {
    top: 15px;
    width: 140px;
    height: 49px;
    background-image: url(/media/image/sb-t-PwCs_succeeding_in_uncertainty-logo.png);
}

.article-list.stack4 .articleType .insidethemindoftheceo:before {
    top: 7px;
    width: 60px;
    height: 66px;
    background-image: url(/media/image/sb-t-badge-imind-ceo-2.png);
}

.article-list.stack4 .articleType .tenprinciples:before {
    top: 7px;
    width: 60px;
    height: 66px;
    background-image: url(/media/image/sb-t-badge-10_principles.png);
}

@media (max-width: 1110px) {

#PrimaryNav .headerBottom .topics {
    width: calc(100vw - 60px);
    left: 0;
}

}










/* 2020 Update */

#PrimaryNav .headerBottom .catNav .magazine {
    width: 400px;
    display: flex;
    flex-direction: row;
    background-color: #526ccb;
    left: -117px;
}

#PrimaryNav .headerBottom .catNav .magazine .column {
    width: 50%;
}

#PrimaryNav .headerBottom .catNav .magazine.last {
    width: 250px;
    display: flex;
    flex-direction: row;
    left: 0px;
}

#PrimaryNav .headerBottom .catNav .magazine.last .column {
    width: 100%;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open .magazine h3 {
    padding: 20px 10px 10px;
    font-weight: bold;
    color: #fff;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open .magazine .column div:first-child a {
    padding-top: 20px;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open .magazine .column div:last-child a {
    padding-bottom: 20px;
}

#PrimaryNav .headerBottom .topics.update .column.two {
    width: 100%;
    border: none;
    padding: 0px;
}

#PrimaryNav .headerBottom .topics.update .column.two {
    width: 100%;
    border: none;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#PrimaryNav .headerBottom .topics.update .column.two .article-list {
    width: 29%;
    margin-bottom: 30px;
}

#PrimaryNav .headerBottom .topics .column.two .article-list.stack4 article {
    padding-right: 0px;
}

#PrimaryNav .headerBottom .catNav .awcgn-oc-menu .dropit-open .magazine .column a {
    box-shadow: none;
}





/* Mobile */

#PrimaryNav .mobilenav .ui-widget h4 {
    clear: both;
    color: #fff;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 30px !important;
    padding-bottom: 20px;
}










/* ====================
005 Footer
====================*/

#Footer-Main {
	background-color: #18427c;
	color: #bbb;
}

#Footer-Main a {
	color: #fff;
	transition: color 0.3s;
}

#Footer-Main .bp-Sections a:hover,
#Footer-Main .bp-Links a:hover {
	color: #77daff;
}

#Footer-Main .bp-Sections a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 17px;
}

#Footer-Main .bp-Sections .bp-Series a,
#Footer-Main .bp-Sections .bp-Links a {
        text-transform: none;
}

#Footer-Main .bp-Links a {
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
	font-size: 14px;
}

#Footer-Main .bp-Social h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	color: #fff;
}

#Footer-Main .bp-Social .label {
	display: none;
}

#Footer-Main .bp-Social a {
	display: inline-block;
	margin-right: 10px;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 30px;
	margin-bottom: 10px;
}

#Footer-Main .bp-Social a i {
	font-size: 18px;
}

#Footer-Main .bp-Social .facebook {
	background-color: #3b5998;
}

#Footer-Main .bp-Social .twitter {
	background-color: #55acee;
}

#Footer-Main .bp-Social .linkedin {
	background-color: #0976b4;
}

#Footer-Main .bp-Social .googleplus {
	background-color: #dd4b39;
}

#Footer-Main .bp-Social .youtube {
	background-color: #cc3333;
}

#Footer-Main .bp-Social .rss {
	background-color: #ff9933;
}

#Footer-Main .bp-Social .apple {
	background-color: #a8a9ab;
}

#Footer-Main .bp-Social .android {
	background-color: #96cd3d;
}

#Footer-Main .bp-Text {
	font-size: 10px;
	line-height: 13px;
}

#Footer-Main .bp-Text p {
	margin-bottom: 10px;
}

#Footer-Main .bp-Text a {
	text-decoration: none;
}

#Footer-Main .bp-Text .logo-pwc,
#Footer-Main .bp-Text .logo-strategyand{
	display: inline-block;
}

#Footer-Main .bp-Text .logo-pwc {
	margin-right: 30px;
	float: left;
}










/* ====================
010 Home Page
====================*/

.column-header {
	font-weight: 700;
	font-size: 22px;
	position: relative;
	margin-bottom: 20px;
}

.columnists .column-header {
	margin-bottom: 50px;
}





/* Most Popular */

#MostPopular .column-header {
	z-index: 5;
	position: absolute;
	top: 34px;
}

#MostRead {
	counter-reset: most-read-counter;
	font-size: 0;
}

#MostRead li:before {
	content: counter(most-read-counter);
	counter-increment: most-read-counter;
	display: block;
	color: #d7d7d7;
	font-size: 62px;
	font-weight: 600;
	margin-bottom: 5px
}

#MostRead span {
	display: none;
	
}

#MostRead li {
	width: calc((100% - 81px) / 5);
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

#MostRead li:last-child {
	margin-right: 0px;
}

#MostRead a {
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	font-weight: 600;
	color: #000;
	display: block;
	transition: all 0.3s;
	text-align: left;
}

#MostRead a:hover {
	color: #006ad0;
}

#MostRead img {
	margin-bottom: 10px;
	display: block;
}

#MostPopular .thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 0.57;
    overflow: hidden;
    background-image: url(/media/image/thumb5-default-690x400.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}







/* Latest Issues */

#LatestIssues article {
	float: left;
	margin-right: 45px;
	width: calc((100% - 136px) / 4);
}

#LatestIssues article:last-child {
	margin-right: 0px;
}

#LatestIssues .thumb {
	margin-bottom: 10px;
}

#LatestIssues .thumb img {
	width: 100%;
}

#LatestIssues .hed {
	font-size: 12px;
	text-transform: uppercase;
}

#LatestIssues .hed {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#LatestIssues .hed span {
	font-weight: 700;
}

#LatestIssues .thumb {
	margin-bottom: 10px;
	position: relative;
	transition: all 0.3s;
	top: 0px;
}

#LatestIssues .thumb:hover {
	box-shadow: 0 10px 25px rgba(0,0,0,0.25);
	top: -5px;
}











/* ====================
90 Page Content
====================*/

#Content  {
	font-size: 16px;
	line-height: 22px;
}

#Content h1,
#Content #PageName {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 40px;
	text-transform: uppercase;
}

#Content  a {
	color: #000;
}

h2 {
    font-size: 23px;
    margin-bottom: 24px;
}

#Content h3 {
    font-weight: bold;
}

#Content p {
    margin-bottom: 24px;
}

#Content li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
}

#Content li:last-child {
  margin-bottom: 18px;
}

#Content ol li {
    list-style: decimal;
}

#Content a {
    color: #006ACF;
}

#Content i {
    font-style: italic;
}

#Content strong,
#Content b {
    font-weight: bold;
}










/* ====================
100 Article Lists
====================*/

.article-list {
	font-weight: 400;
	/* clear: both; */
}

.article-list a {
	color: #000000 !important;
	text-decoration: none;
	/* display: block; */
	transition: color 0.3s;
}

.article-list a:hover {
	color: #77daff !important;
}

.headerBottom .article-list a {
    color: #fff !important;
}

.headerBottom .article-list a:hover {
    color: #77daff !important;
}

.article-list .dek a {
	display: initial;
	border-bottom: solid 1px #999;
}





/* Shared */

.article-list .authors,
.article-list .date {
	font-size: 12px;
	line-height: 16px;
}

.article-list .date {
	margin-bottom: 10px;
	text-transform: uppercase;
}

.article-list .hed sup {
    vertical-align: 8px;
    position: relative;
    font-size: 75%;
}





/* Stacked 1 */

.article-list.stack1 article {
	margin-bottom: 50px;
}

.article-list.stack1 .thumb {
	margin-bottom: 14px;
	position: relative;
}

.article-list.stack1 .hed {
	font-size: 40px;
	line-height: 42px;
	margin-bottom: 10px;
	font-weight: 500;
}

.article-list.stack1 .hed i.fa-external-link-alt {
    font-size: 50%;
    position: relative;
    top: -7px;
    color: #999;
}

.article-list.stack1 .dek {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}





/* Stacked 2 */

.article-list.stack2 article {
	margin-bottom: 50px;
}

.article-list.stack2 .thumb {
	margin-bottom: 14px;
	position: relative;
}

.article-list.stack2 .hed {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: 500;
}

.article-list.stack2 .hed i.fa-external-link-alt {
    font-size: 65%;
    position: relative;
    top: -1.5px;
    color: #999;
}

.article-list.stack2 .dek,
.article-list.stack4 .dek {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}






/* Stacked 3 */

.article-list.stack3 article {
	width: calc(50% - 31px);
	float: left;
	margin-bottom: 50px;
}

.article-list.stack3 article:nth-child(odd) {
	margin-right: 60px;
}

.article-list.stack3 .thumb {
	margin-bottom: 14px;
	position: relative;
	width: 100%;
/* 	padding-top: 100%;
	overflow: hidden; */
}

/* .article-list.stack3 .thumb a {
	position: absolute;
	top: 0px;
} */

.article-list.stack3 .thumb img {
	width: 100%;
}

.article-list.stack3 .hed {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	font-weight: 500;
}

.article-list.stack3 .hed i.fa-external-link-alt {
    font-size: 18px;
    position: relative;
    top: -2px;
    color: #999;
}

.article-list.stack3 .dek {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}





/* Thumbleft (shared) */

.article-list.thumbLeft1 article,
.article-list.thumbLeft2 article,
.article-list.thumbLeft4 article,
.article-list.thumbLeft5 article,
.article-list.thumbLeft6 article {
	margin-bottom: 50px;
	overflow: hidden;
}

.article-list.thumbLeft4 article,
.article-list.thumbLeft5 article,
.article-list.thumbLeft6 article {
	margin-bottom: 60px;
}

.article-list.thumbLeft1 .thumb,
.article-list.thumbLeft2 .thumb {
	margin-right: 15px;
	float: left;
}

.article-list.thumbLeft1 .text,
.article-list.thumbLeft2 .text,
.article-list.thumbLeft3 .text,
.article-list.thumbLeft4 .text,
.article-list.thumbLeft5 .text,
.article-list.thumbLeft6 .text {
	overflow: hidden;
}

.article-list.thumbLeft1 .hed,
.article-list.thumbLeft2 .hed,
.article-list.thumbLeft5 .hed,
.article-list.stack4 .hed {
	font-weight: 700;
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 6px;
}

.article-list.thumbLeft1 .dek,
.article-list.thumbLeft2 .dek,
.article-list.thumbLeft5 .dek,
.article-list.thumbLeft6 .dek {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 6px;
}

.article-list.thumbLeft1 .hed.lrg,
.article-list.thumbLeft2 .hed.lrg,
.article-list.stack4 .hed.lrg {
	font-size: 21px;
	font-weight: 500;
	line-height: 24px;
}





/* Thumbleft 1 (square) */

.article-list.thumbLeft1 .thumb {
	padding-top: 39.25%;
	position: relative;
	overflow: hidden;
	width: 39.25%;
}

.article-list.thumbLeft1 .thumb a {
	position: absolute;
	top: 0;
}

.article-list.thumbLeft1 .thumb a img {
	width: 100%;
}

/* Native ad */

.article-list.thumbLeft1 article.nativeAd {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 10px 0px 15px;
}

.article-list.thumbLeft1 article.nativeAd .nativeTitle {
	font-weight: 700;
	font-size: 22px;
	position: relative;
	margin-bottom: 10px;
	color: #006ad0;
}





/* Thumbleft 2 (rectangle) */

.article-list.thumbLeft2 .thumb {
	width: 140px;
	position: relative;
}





/* Thumbleft 3 (columnists) */

.article-list.thumbLeft3 article {
	margin-bottom: 20px;
	overflow: hidden;
}

.article-list.thumbLeft3 .thumb {
	overflow: hidden;
	width: 45px;
	height: 45px;
	border-radius: 45px;
	position: relative;
	float: left;
	margin-right: 15px;
}

.article-list.thumbLeft3 .thumb img {
	position: absolute;
	top: -5px;
}

.article-list.thumbLeft3 .hed {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 6px;
	text-transform: uppercase
}

.article-list.thumbLeft3 .dek {
	font-size: 15px;
	line-height: 20px;
}





/* Thumbleft 4 (category top) */

.article-list.thumbLeft4 .thumb {
    width: calc(50% - 20px);
    margin-right: 40px;
    float: left;
}

.article-list.thumbLeft4 .hed {
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 10px;
    font-weight: 500;
}

.article-list.thumbLeft4 .dek {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px;
}





/* Thumbleft 5 (category middle) */

.article-list.thumbLeft5 {
    font-size: 0;
}

.article-list.thumbLeft5 article {
    width: calc(50% - 20px);
    display: inline-block;
    vertical-align: top;
}

.article-list.thumbLeft5 article:nth-child(odd) {
    margin-right: 40px;
}

.article-list.thumbLeft5 .thumb {
    width: 40%;
    margin-right: 25px;
    float: left;
}

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

.article-list.thumbLeft5.fullWidth article:nth-child(odd),
.article-list.thumbLeft5.fullWidth article:nth-child(even) {
    margin-right: 0px;
}

.article-list.thumbLeft5.fullWidth .thumb {
    width: 190px;
}

.article-list.thumbLeft5 table {
    font-size: initial;
}





/* Thumbleft 6 (category bottom) */

.article-list.thumbLeft6 article {
    margin-bottom: 60px;
}

.article-list.thumbLeft6 .thumb {
    width: calc(50% - 19.1%);
    margin-right: 40px;
    float: left;
    padding-left: 17%;
}

.article-list.thumbLeft6 .hed {
    font-size: 24px;
    line-height: 27px;
    font-weight: 500;
    margin-bottom: 6px;
}




/* Misc Category Page Styles */

.archiveLink a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.archiveLink {
    margin-bottom: 100px;
    padding-left: 17%;
}








/* Thumb shadows */

.article-list.thumbLeft1 .thumb:after,
.article-list.stack1 .thumb:after,
.article-list.stack2 .thumb:after,
.article-list.thumbLeft2 .thumb:after,
.article-list.stack3 .thumb:after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 100px rgba(0,0,0,0.1);
	pointer-events: none;
}





/* Article Type */

.article-list .articleType {
	float: left;
	overflow: hidden;
	display: block;
	position: relative;
}

.article-list.media-list .articleType b {
	display: none;
}

.article-list .articleType span {
	text-indent: -2000px;
	display: block;
	position: relative;
}

.article-list .articleType .podcast,
.article-list .articleType .video,
.article-list .articleType .interactive,
.article-list .articleType .slideshow,
.article-list .articleType .infographic {
	width: 20px;
	margin-right: 5px;
	height: 20px;
	top: -2px;
}

.article-list .articleType .blog {
	width: 0px;
}

.article-list .articleType .gmo,
.article-list .articleType .PwC-authored {
	display: none;
}

.article-list .articleType span:before {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 5px;
	left: 2001px;
	color: #77daff;
	width: 20px;
	font-size: 16px;
	font-weight: 900;
}

.article-list .articleType span.video:before {
	/* content: "\f03d"; */
	content: "\f04b";
}

.article-list .articleType span.slideshow:before {
	content: "\f030";
	left: 2001px;
}

.article-list .articleType span.interactive:before {
	content: "\f25a";
	left: 2002px;
}

.article-list .articleType span.podcast:before {
	content: "\f025";
	left: 2002px;
}

.article-list .articleType span.infographic:before {
	content: "\f06e";
	left: 2002px;
}

/* For different article lists */

.article-list.stack1 .articleType span:before {
	font-size: 24px;
}

.article-list.stack1 .articleType .podcast,
.article-list.stack1 .articleType .video,
.article-list.stack1 .articleType .interactive,
.article-list.stack1 .articleType .slideshow,
.article-list.stack1 .articleType .infographic {
	width: 26px;
	height: 30px;
	top: 2px;
}

.article-list.stack3 .articleType span:before {
	font-size: 18px;
}

.article-list.stack3 .articleType .podcast,
.article-list.stack3 .articleType .video,
.article-list.stack3 .articleType .interactive,
.article-list.stack3 .articleType .slideshow,
.article-list.stack3 .articleType .infographic {
	height: 24px;
	top: 0px;
}

.article-list.thumbLeft4 .articleType {
    top: 11px;
}

.article-list.thumbLeft6 .articleType {
    top: 4px;
}

/* For thumbnail overlays */

.article-list.media-list .articleType {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	background-color: #000;
	border-radius: 60px;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0.4;
	pointer-events: none;
	box-shadow: inset 0px 0px 0px 3px #fff;
}

.article-list.media-list .articleType span {
	text-indent: 0;
}

.article-list.media-list .articleType span:before {
	color: #fff;
	line-height: 54px;
	width: 100%;
	left: 0px;
	font-size: 24px;
}

.article-list.media-list .articleType .podcast, 
.article-list.media-list .articleType .video, 
.article-list.media-list .articleType .interactive, 
.article-list.media-list .articleType .slideshow, 
.article-list.media-list .articleType .infographic {
	width: 60px;
	height: 60px;
	margin-right: 0;
	text-align: center;
}

/* Recommended Stories */

#Recommended3 {
    padding: 100px 20px;
}

#Recommended3 h2.bucketTitle {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 25px;
}

.recommendedStories li {
    overflow: hidden;
    width: 33.3%;
    float: left;
}

.recommendedStories .thumb {
    width: 130px;
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

.recommendedStories .title {
    overflow: hidden;
    padding-right: 30px;
}

.recommendedStories .title a {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    line-height: 20px;
    font-weight: 600;
}





/* Badges */

.article-list .youngprofs,
.article-list .bestbooks,
.article-list .sb20years,
.article-list .capabledealmaker,
.article-list .outlook,
.article-list .outlook201721,
.article-list .digitalleadership,
.article-list .criticalfew,
.article-list .talkingmybook,
.article-list .blog {
    display: none;
}


.article-list .badge1 .featureType {
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.article-list .badge1 .featureType .insidethemindoftheceo {
    width: 150px;
    height: 158px;
    background-image: url(/media/image/sb-t-badge-imind-ceo-1.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 150px 158px;
    text-indent: -800px;
    overflow: hidden;
    background-position: 0px 0px;
}

.article-list .badge1 .featureType .tenprinciples {
    width: 150px;
    height: 158px;
    background-image: url(/media/image/sb-t-badge-10_principles-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 150px 158px;
    text-indent: -800px;
    overflow: hidden;
    background-position: 0px 0px;
}

.article-list .badge2 .featureType {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    pointer-events: none;
}

.article-list .badge2 .featureType .insidethemindoftheceo:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #ffff00;
    z-index: 2;
}

.article-list .badge2 .featureType .insidethemindoftheceo:after {
    width: 72px;
    height: 80px;
    background-image: url(/media/image/sb-t-badge-imind-ceo-2.png);
    background-repeat: no-repeat;
    background-size: 72px 80px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge2 .featureType .tenprinciples:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #d7df3e;
    z-index: 2;
}

.article-list .badge2 .featureType .tenprinciples:after {
    width: 72px;
    height: 80px;
    background-image: url(/media/image/sb-t-badge-10_principles.png);
    background-repeat: no-repeat;
    background-size: 72px 80px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge2 .featureType .insidethemindoftheceo,
.article-list .badge2 .featureType .pwcsEntertainmentMediaOutlook,
.article-list .badge2 .featureType .newworldnewskills,
.article-list .badge2 .featureType .pwcssucceedinginuncertainty,
.article-list .badge2 .featureType .compliancetransformedbypwc,
.article-list .badge2 .featureType .hellotomorrow,
.article-list .badge2 .featureType .esgbypwc,
.article-list .badge2 .featureType .experiencesmatter,
.article-list .badge2 .featureType .tenprinciples {
    text-indent: -800px;
    overflow: hidden;
    display: block;
}

.article-list .badge1 .featureType .pwcsEntertainmentMediaOutlook {
    width: 182px;
    height: 96px;
    background-image: url(/media/image/sb-t-entertainment_media_outlook_by_pwc-logo-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge1 .featureType .valuecreation {
    width: 182px;
    height: 96px;
    background-image: url(/media/image/sb-t-pwc_value_creation-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge2 .featureType .pwcsEntertainmentMediaOutlook:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #26b8ec;
    z-index: 2;
}

.article-list .badge2 .featureType .pwcsEntertainmentMediaOutlook:after {
width: 127px;
    height: 62px;
    background-image: url(/media/image/sb-t-pwc_outlook_logo-icon-new.png);
    background-repeat: no-repeat;
    background-size: 127px 62px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge2 .featureType .hellotomorrow:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #f8a519;
    z-index: 2;
}

.article-list .badge2 .featureType .hellotomorrow:after {
    width: 120px;
    height: 67px;
    background-image: url(/media/image/sb-t-Hello_tomorrow-logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge2 .featureType .esgbypwc:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #20b85d;
    z-index: 2;
}

.article-list .badge2 .featureType .esgbypwc:after {
    width: 120px;
    height: 67px;
    background-image: url(/media/image/sb-t-ESG-logo-b.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge1 .featureType .newworldnewskills {
    width: 160px;
    height: 96px;
    background-image: url(/media/image/sb-t-PwCs_new_world_new_skills-logo-new-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge1 .featureType .experiencesmatter {
    width: 160px;
    height: 96px;
    background-image: url(/media/image/sb-t-Experiences_matter-logo-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
/* delete this line below to have it display */
    display: none;
}

.article-list .badge1 .featureType .hellotomorrow {
    width: 160px;
    height: 96px;
    background-image: url(/media/image/sb-t-hello_tomorrow_by_pwc-logo-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge1 .featureType .esgbypwc {
    width: 160px;
    height: 96px;
    background-image: url(/media/image/sb-t-esg_by_pwc-logo-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge2 .featureType .newworldnewskills:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #c66731;
    z-index: 2;
}

.article-list .badge2 .featureType .experiencesmatter:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #20b85d;
    z-index: 2;
/* delete line below to get it to show up */
    display: none;
}

.article-list .badge2 .featureType .newworldnewskills:after {
    width: 110px;
    height: 62px;
    background-image: url(/media/image/sb-t-PwCs_new_world_new_skills-logo-new.png);
    background-repeat: no-repeat;
    background-size: 110px 62px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}

.article-list .badge2 .featureType .experiencesmatter {
    width: 110px;
    height: 62px;
    background-image: url(/media/image/sb-t-Experiences_matter_by-PwC-logo.png);
    background-repeat: no-repeat;
    background-size: 110px 62px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
/* delete line below to get it to show up */
    display: none;
}

.article-list .badge1 .featureType .compliancetransformedbypwc {
    width: 160px;
    height: 96px;
    background-image: url(/media/image/sb-t-Compliance-Transformed-by-PwC-badge-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge2 .featureType .compliancetransformedbypwc:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #ef4036;
    z-index: 2;
}

.article-list .badge2 .featureType .compliancetransformedbypwc:after {
    width: 120px;
    height: 67px;
    background-image: url(/media/image/sb-t-Compliance-Transformed-by-PwC-badge.png);
    background-repeat: no-repeat;
    background-size: 120px 67px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}




.article-list .badge1 .featureType .pwcssucceedinginuncertainty {
    width: 200px;
    height: 85px;
    background-image: url(/media/image/sb-t-PwCs_succeeding_in_uncertainty-logo-white.png);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: -800px;
    background-position: 0px 0px;
}

.article-list .badge2 .featureType .pwcssucceedinginuncertainty:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #1e7751;
    z-index: 2;
}

.article-list .badge2 .featureType .pwcssucceedinginuncertainty:after {
    width: 150px;
    height: 52px;
    background-image: url(/media/image/sb-t-PwCs_succeeding_in_uncertainty-logo.png);
    background-repeat: no-repeat;
    background-size: 150px 52px;
    background-position: 0px 0px;
    position: absolute;
    content: "";
    top: -12px;
    z-index: 3;
    right: 20px;
}





/* Misc Article List Styles */

.alistHeader {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 35px;
    margin-left: calc(19.2% + 25px);
    padding-top: 20px;
    border-top: 2px solid #ccc;
}

.article-list.thumbLeft5.alt article {
    width: 100%;
    margin-right: 0px;
}

#Content .article-list.thumbLeft5.alt a {
    color: #000;
}

.article-list.thumbLeft5.alt .thumb {
    width: 19.2%;
}

@media (max-width: 710px) {

.portlet.simple h2, .alistHeader {
    margin-left: 0px;
}

.article-list.thumbLeft5.alt .thumb {
    float: left;
    margin-right: 25px;
}

}

@media (max-width: 567px) {

.article-list.thumbLeft5.alt .thumb {
    width: 120px;
    margin-right: 15px;
}

}








/* ====================
110 Registration
====================*/

.loginRegistration button, 
.loginRegistration .CMSSubmit, 
.passwordReset .CMSSubmit {
    border: none !important;
    border-radius: 0 !important;
    padding: 10px !important;
}

.social-connections i {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    color: #fff;
    font-style: normal !important;
}

.social-connection {
    margin-bottom: 10px;
}

.social-connections .fa-linkedin-in {
    background-color: #0976B4;
}

.social-connections .fa-google {
    background-color: #4285F4;
}

.social-connections .fa-facebook-f {
    background-color: #3B5998;
}

.social-connection .fa-twitter {
    background-color: #1DA1F2;
}

#Content .social-login i {
    font-style: normal;
}










/* ====================
120 Table of Contents
====================*/

/* Pulldown */

.toc .issuePulldownNav * {
    box-sizing: border-box;
}

.toc .issuePulldownNav {
    float: right;
    position: relative;
    z-index: 5;
}

.toc .issuePulldownNav ul, .toc .issuePulldownNav li {
    list-style: none !important;
}

.toc .issuePulldownNav .listMenu > a {
    display: block;
    text-decoration: none;
    line-height: 36px;
    padding: 0px 20px;
    border: solid 2px #006ACE;
    transition: background-color 0.3s;
    background-color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    width: 320px;
}

.toc .issuePulldownNav .listMenu > a:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    margin-left: 5px;
    font-weight: 600;
    float: right;
}

.toc .issuePulldownNav li {
    margin: 0px !important;
    padding: 0px !important;
}

.toc .issuePulldownNav ul.dropit-submenu {
    background-color: #eee;
    width: 320px;
    position: absolute;
    top: 40px;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.25);
}

.toc .issuePulldownNav .wrapper {
    width: 50%;
    padding: 20px;
    float: left;
}

.toc .issuePulldownNav .thumb {
    margin-bottom: 5px;
}

.toc .issuePulldownNav .title a {
    font-size: 17px;
    font-weight: bold;
    color: #000 !important;
    text-decoration: none;
    white-space: pre;
}

.toc .issuePulldownNav .browseLink a {
    padding: 20px;
    font-weight: bold;
    clear: both;
}





/* Top Section */

.toc h3 {
    font-weight: 500 !important;
}

.toc .coverInfo {
    overflow: hidden;
    margin-bottom: 100px;
}

.toc .coverImage {
    float: left;
    position: relative;
    margin-right: 40px;
}

.toc .coverImage:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 148px rgba(50,50,50,0.1);
    pointer-events: none;
}

.toc .coverInfo {
    font-size: 18px;
    line-height: 24px;
}

.toc .issueDesc {
    margin-bottom: 50px;
}

.toc .coverText h2 {
    color: #006AD3;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.toc .articleList.stacked h3 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 10px;
}

.toc .issueDesc a {
    color: #000 !important;
}







/* Article Lists */

.toc .alistSection * {
    box-sizing: border-box;
}

.toc .alistSection {
    margin-bottom: 50px;
    clear: both;
}

.toc .alistSection h2 {
    color: #006AD3;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 50px;
}

.toc .alistSection ul, 
.toc .alistSection li,
.toc .coverInfo ul, 
.toc .coverInfo li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.toc .alistSection .articleList.stacked .articleType {
    display: none;
}

.toc .alistSection .articleList.stacked h3 a,
.toc .alistSection .articleList.thumbLeft .title a,
.toc .articleList.stacked h3 a {
    text-decoration: none;
    color: #000 !important;
}

.toc .alistSection .articleList .text,
.toc .coverInfo .text {
    display: flex;
    flex-direction: column;
}

.toc .alistSection .articleList.stacked h3,
.toc .alistSection .articleList.thumbLeft h3,
.toc .coverInfo h3 {
    order: 1;
}

.toc .alistSection .articleList.stacked .authors,
.toc .alistSection .articleList.thumbLeft .authors,
.toc .coverInfo .authors {
    order: 3;
    font-size: 12px;
    line-height: 16px;
}

.toc .alistSection .articleList.stacked .intro,
.toc .alistSection .articleList.thumbLeft .intro,
.toc .coverInfo .intro {
    order: 2;
    margin-bottom: 6px;
}

.toc .alistSection .category,
.toc .alistSection .featureType {
    display: none;
}

.toc .alistSection .articleList .thumb a {
    display: block;
    position: relative;
}

.toc .alistSection .articleList .thumb a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 50px rgba(0,0,0,0.10);
    pointer-events: none;
}





/* Middle List */

.toc .alistSection .articleList.stacked {
    margin: 0px -20px;
}

.toc .alistSection .articleList.stacked li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px !important;
    margin-bottom: 50px !important;
}

.toc .alistSection .articleList.stacked .thumb {
    margin-bottom: 10px;
}

.toc .alistSection .articleList.stacked h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 28px;
}

.toc .alistSection .articleList.stacked .intro {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 6px;
}





/* Bottom List */

.toc .alistSection .articleList.thumbLeft {
    margin: 0px -20px;
}

.toc .alistSection .articleList.thumbLeft li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px !important;
    margin-bottom: 50px !important;
}

.toc .alistSection .articleList.thumbLeft .thumb {
    float: left;
    margin-right: 15px;
    max-width: 150px;
}

.toc .alistSection .articleList.thumbLeft .title {
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 5px;
}





/* Responsive styles */

@media (max-width: 600px) {

.toc #Content #PageName {
    clear: both;
}

.toc .issuePulldownNav {
    float: none;
}

.toc .issuePulldownNav .listMenu > a {
    margin-bottom: 50px;
}

}

@media (max-width: 700px) {

.toc .coverImage {
    width: 40%;
}

.toc .alistSection .articleList.thumbLeft li {
    width: 100%;
}

}

@media (max-width: 500px) {

.toc .coverImage {
    width: 300px;
    float: none;
    margin-bottom: 20px;
}

.toc .alistSection .articleList.stacked li {
    width: 100%;
}

}










/* ====================
130 Archive
====================*/

.categoryArchive .archiveYearList {
    margin-bottom: 80px;
    overflow: hidden;
}

.categoryArchive .archiveYearList ul, 
.categoryArchive .archiveYearList li {
    list-style: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.categoryArchive .archiveYearList li {
    float: left;
}

.categoryArchive .archiveYearList a {
    display: block;
    background-color: #006ACF;
    color: #fff !important;
    text-decoration: none;
    width: 50px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 0px;
}

.categoryArchive .alistSection {
    clear: both;
}





/* Bottom List */

.categoryArchive .alistSection li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.categoryArchive .alistSection .articleList.thumbLeft .thumb {
    float: left;
    margin-right: 15px;
    max-width: 150px;
}

.categoryArchive .alistSection .articleList.thumbLeft {
    margin: 0px -20px;
}

.categoryArchive .alistSection .articleList .text {
    display: flex;
    flex-direction: column;
}

.categoryArchive .alistSection * {
    box-sizing: border-box;
}

.categoryArchive .alistSection .articleList.thumbLeft .title a {
    text-decoration: none;
    color: #000 !important;
}

.categoryArchive .alistSection .articleList.thumbLeft h3 {
    order: 1;
    margin-bottom: 5px;
}

.categoryArchive .alistSection .articleList.thumbLeft .authors {
    order: 3;
    font-size: 12px;
    line-height: 16px;
}

.categoryArchive .alistSection .articleList.thumbLeft .intro {
    order: 2;
    margin-bottom: 6px;
}

.categoryArchive .alistSection .category,
.categoryArchive .alistSection .featureType {
    display: none;
}

.categoryArchive .alistSection .articleList .thumb a {
    display: block;
    position: relative;
}

.categoryArchive .alistSection .articleList .thumb a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 50px rgba(0,0,0,0.10);
    pointer-events: none;
}

.categoryArchive .alistSection .articleList.thumbLeft {
    margin: 0px -20px;
}

.categoryArchive .alistSection .articleList.thumbLeft li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px !important;
    margin-bottom: 50px !important;
}

.categoryArchive .alistSection .articleList.thumbLeft .title {
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
}

.categoryArchive .alistSection .articleList.thumbLeft .date {
    font-size: 12px;
    line-height: 16px;
    color: #999;
}

/* Responsive */

@media (max-width: 700px) {

.categoryArchive .alistSection .articleList.thumbLeft li {
    width: 100%;
}

}










/* ====================
150 Misc Portlets
====================*/

/* Most Read */

.portlet.simple h2 {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 25px;
}

.mostReadNew li {
    clear: both;
    min-height: 50px;
    padding-left: 25px;
    position: relative;
}

.mostReadNew .number {
    font-size: 48px;
    font-weight: 500;
    /* color: #d6d6d6; */
    position: absolute;
    text-indent: 10px;
    top: -5px;
    left: -10px;
    text-align: right;
    width: 50px;
    z-index: -1;
}

.mostReadNew a {
    background-color: #fff;
    display: block;
    padding-left: 20px;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    min-height: 50px;
    margin-bottom: 10px;
}

.mostReadNew a sup {
    font-size: 75%;
    position: relative;
    top: -4px;
}

/* Elsewhere, Videos */

.articleList.sidebar.smallList li {
    margin-bottom: 25px;
    overflow: hidden;
}

.articleList.sidebar.smallList .thumb {
    width: 130px;
    float: left;
    margin-right: 10px;
    padding-top: 3px;
}

.articleList.sidebar.smallList a {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    line-height: 20px;
    font-weight: 600;
}

.articleList.sidebar.smallList .articleType {
    display: none;
}

.articleList.sidebar.smallList .text {
    overflow: hidden;
}

.articleList.sidebar.smallList .authors {
    font-size: 12px;
    line-height: 16px;
}

/* Native ad (In article) */

.portlet .nativeAd .nativeTitle {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 25px;
}

.portlet .nativeAd .thumb {
    width: 130px;
    float: left;
    margin-right: 10px;
    padding-top: 3px;
    height: 130px;
    overflow: hidden;
}

.portlet .nativeAd .text {
    overflow: hidden;
}

.portlet .nativeAd .hed a {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    line-height: 20px;
    font-weight: 600;
}

.portlet .nativeAd .hed {
    margin-bottom: 5px;
}

.portlet .nativeAd .dek {
    font-size: 14px;
    line-height: 18px;
}





/* Author bios */

.author-bio {
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 2px #000000;
}

.author-bio h1 {
    color: #006ad0;
    text-transform: initial !important;
}

.author-bio h1:after {
    content: "All articles by ";
}

.author-bio .thumbnail {
    width: 190px;
    height: 190px;
    border-radius: 190px;
    overflow: hidden;
    float: left;
    margin-right: 25px;
}

.author-bio .thumbnail img {
    width: 100%;
    margin-top: -10px;
}

.author-bio .deck {
    padding-top: 60px;
    margin-bottom: 10px;
}

.author-bio .link a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 24px;
    height: 24px;
    border-radius: 3px;
    margin-right: 8px;
}

.author-bio .link a:before {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    font-weight: 600;
    font-size: 15px;
    font-family: "Font Awesome 5 Brands";
    text-align: center;
    line-height: 24px;
}

.author-bio .link a.email:before {
    background-color: #a8a9ab;
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
}

.author-bio .link a.rss:before {
    background-color: #ff9933;
    content: "\f09e";
    font-family: "Font Awesome 5 Free";
}

.author-bio .link a.twitter:before {
    background-color: #55acee;
    content: "\f099";
}

.author-bio .link a.linkedin:before {
    background-color: #0976b4;
    content: "\f0e1";
    line-height: 26px;
}





/* Multimedia pages */

#Content .mmTabs {
    margin-bottom: 80px;
}

#Content .mmTabs li {
    float: left;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

#Content .mmTabs li a {
    color: #006ACE;
    display: block;
    text-decoration: none;
    line-height: 36px;
    padding: 0px 20px;
    margin-right: 10px;
    border: solid 2px #006ACE;
    transition: background-color 0.3s;
    background-color: #fff;
}

#Content .mmTabs li a:hover, 
#Content .mmTabs li.active a {
    color: #fff;
    background-color: #006ACE;
}

@media (min-width: 1023px) and (max-width: 1300px), (max-width: 899px) {

#Content .mmTabs li {
    font-size: 14px;
}

#Content .mmTabs li a {
    padding: 0px 8px;
    margin-right: 5px;
}

}

@media (max-width: 610px) {

#Content .mmTabs li {
    width: 33.3%;
    margin-bottom: 5px;
}

#Content .mmTabs li a {
    text-align: center;
}

#Content .mmTabs li a {
    text-align: center;
    padding: 0;
    font-size: 13px;
}

}










/* ====================
160 Category Pages (new)
====================*/

/* Headings */

#Content h1.large {
    margin-bottom: 30px;
    text-transform: none;
    font-weight: bold;
    font-size: 60px;
    letter-spacing: -2px;
    line-height: 62px;
    font-weight: normal;
}

@media (max-width: 768px) {

#Content h1.large {
    font-size: 50px;
    line-height: 54px;
}

}

@media (max-width: 590px) {

#Content h1.large {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 46px;
}

}

/* Featured article list */

.featured-article-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.featured-article-list article {
    width: 24%;
    margin-bottom: 60px;
}

.featured-article-list article:first-child {
    width: 42%;
    order: 2;
}

.featured-article-list article:nth-child(2) {
    order: 1;
}

.featured-article-list article:nth-child(3) {
    order: 3;
}

.featured-article-list .thumb {
    margin-bottom: 15px;
}

.featured-article-list .geo {
    font-weight: bold;
    font-size: 14px;
}

.featured-article-list .hed {
    font-weight: 700;
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 6px;
    margin-bottom: 10px;
}

.featured-article-list a {
    color: #000000 !important;
    text-decoration: none;
    transition: color 0.3s;
}

.featured-article-list a:hover {
    color: #77daff !important;
}

.featured-article-list .dek {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
}

.featured-article-list .dek p {
    margin: 0px !important;
}

.featured-article-list .authors {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}

.featured-article-list .date {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #666;
}

.featured-article-list article:first-child .hed {
    font-size: 34px;
    line-height: 38px;
}

.featured-article-list article:first-child .dek {
    font-size: 23px;
    line-height: 30px;
}





/* Results list */

.filtered-list .results-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    flex-wrap: wrap;
    clear: both;
}

.filtered-list .results-list p {
    margin-bottom: 0px !important;
}

.filtered-list .results-list article {
    width: 46%;
    margin-bottom: 30px;
}

.filtered-list .results-list .thumbnail {
    float: left;
    width: 150px;
    margin-bottom: 8px;
    background-image: url(/media/image/thumb3-default-150x80-logo.gif);
    height: 80px;
}

.filtered-list .results-list article a {
    color: #000000 !important;
    text-decoration: none;
    transition: color 0.3s;
}

.filtered-list .results-list article a:hover {
    color: #77daff !important;
}

.filtered-list .results-list .category, 
.filtered-list .results-list .title, 
.filtered-list .results-list .intro, 
.filtered-list .results-list .author, 
.filtered-list .results-list .date {
    float: right;
    width: calc(100% - 170px);
    clear: right;
}

.filtered-list .results-list .title {
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 6px;
    margin-top: 6px;
}

.filtered-list .results-list .title sup {
    font-size: 75%;
    position: relative;
    top: -4px;
}

.filtered-list .results-list .intro {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 6px;
}

.filtered-list .results-list .author {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}

.filtered-list .results-list .date {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #666;
}

.filtered-list .results-list .category {
    font-size: 14px;
}

#Content .filtered-list .category i, 
#Content .featured-article-list .category i {
    font-style: normal;
    font-size: 14px;
    margin-left: 5px;
}




/* Filter Tools */

.filtered-list .filter-tools .filter-button-clear-filters:before {
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    top: 15px;
    right: 20px;
    z-index: 5;
    font-weight: 600;
    margin-right: 5px;
}

.filtered-list a.filter-button-clear-filters {
    color: #000 !important;
    text-decoration: none;
    line-height: 50px;
    white-space: nowrap;
}

.filtered-list .filter-tools {
    margin-bottom: 40px;
    overflow: hidden;
}

.filtered-list .filter-tools .select-wrap {
    position: relative;
    float: left;
    margin-right: 20px;
}

.filtered-list .filter-tools select::-ms-expand {
    display: none;
}

.filtered-list .filter-tools .select-wrap:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 5;
    font-weight: 600;
    pointer-events: none;
}

.filtered-list .filter-tools select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 40px;
    margin: 5px 0px;
    padding: 0px 50px 0 25px;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #999;
    -ms-word-break: normal;
    word-break: normal;
    text-transform: uppercase;
    font-family: 'Barlow';
    font-weight: 500;
    border-radius: 0px;
    outline: none;
    cursor: pointer;
}





/* Results buttons */

.filtered-list .filter-buttons {
    margin-bottom: 100px;
    text-align: center;
}

.filtered-list .filter-buttons a {
    display: inline-block;
    color: #000 !important;
    text-decoration: none;
    line-height: 40px;
    padding: 0 75px;
    margin-right: 40px;
    border: 1px solid #999;
    text-transform: uppercase;
    background-color: #fff;
    transition: all 0.3s;
    margin-bottom: 20px;
}

.filtered-list .filter-buttons a:hover {
    color: #fff !important;
    background-color: #000;
}





/* Media queries */

@media (min-width: 1024px) and (max-width: 1199px) {

.filtered-list .results-list .thumbnail,
.filtered-list .results-list .category, 
.filtered-list .results-list .title, 
.filtered-list .results-list .intro, 
.filtered-list .results-list .author, 
.filtered-list .results-list .date {
    float: none;
    width: 100%;
}

}

@media (max-width: 767px) {

.featured-article-list {
    flex-wrap: wrap;
}

.featured-article-list article:first-child {
    width: 100%;
    order: 1;
}

.featured-article-list article:nth-child(2) {
    order: 2;
    width: 46%;
}

.featured-article-list article:nth-child(3) {
    order: 3;
    width: 46%;
}

.filtered-list .results-list article {
    width: 100%;
}

}

@media (max-width: 767px) {

.filtered-list .filter-tools select {
    padding: 0px 30px 0 10px;
    font-size: 15px;
}

.filtered-list .filter-tools .select-wrap:after {
    top: 14px;
    right: 10px;
}

}










/* ====================
500 Advertisements
====================*/

.ad-leaderboard {
	background-color: #d7d7d7;
	padding: 20px 0px;
}

/* shared */

div[id*="google_ads_iframe"]:after,
div[id*="google_ads_iframe"]:before {
	position: absolute;
	font-size: 11px;
	color: #ccc;
}

div[id*="google_ads_iframe"]:after {
	content: "advertisement";
}

div#div-gpt-ad-1406751988345-9 div[id*="google_ads_iframe"]:before {
	content: "sponsored by:";
	position: relative;
}

div#div-gpt-ad-1406751988345-9 div[id*="google_ads_iframe"]:after {
	display: none;
}

.ad-leaderboard div[id*="google_ads_iframe"]:after,
#PageBottom728 div[id*="google_ads_iframe"]:after {
    color: #999;
}

#div-gpt-ad-1456519929216-0,
#div-gpt-ad-1406751988345-6 {
	height: initial !important;
}

div[id*="google_ads_iframe"]:after {
	bottom: -12px;
	left: 0px;
}

.inArticleAdWrapper div[id*="google_ads_iframe"]:after {
    bottom: -15px;
}

/* 728x90 Leaderboard */

#div-gpt-ad-1406751988345-8 {
	margin: 0 auto;
	position: relative;
}

/* 300x250 Top and Middle */

#AdMediumRectangleTop {
	margin-bottom: 60px;
}

#div-gpt-ad-1456519929216-0,
#div-gpt-ad-1406751988345-6 {
	position: relative;
	border-bottom: solid 1px #999;
}

#div-gpt-ad-1456519929216-0 {
	padding: 0px 0px 20px;
	border-bottom: solid 1px #999;
}

#div-gpt-ad-1406751988345-6 {
	padding: 20px 0px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

@media (max-width: 1024px) {

div:not(.portlet) > #AdMediumRectangleTop,
div:not(.portlet) > #AdMediumRectangleMiddle {
    float: right;
}

}

/* In-article triple display */

div[id*="google_ads_iframe"] {
	position: relative;
	display: table !important;
	margin: 0px auto;
}

.articleAd.tripleBreak.showing {
  text-align: center;
}

#sb-adisplay .articleAd.tripleBreak.showing {
  margin-right: -400px;
}

#sb-adisplay .articleAd.showing {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 30px;
    margin-top: 30px;
    height: auto !important;
}

#sb-adisplay .articleAd.showing:before {
    content: "article continues after advertisement";
    font-size: 10px;
    color: #ccc;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.inArticleAdWrapper div[id*="google_ads_iframe"]:after {
    /* bottom: -24px; */
}

@media (max-width: 1023px) {

	#sb-adisplay .articleAd.tripleBreak.showing {
		margin-right: 0px;
	}

}

/* 320x50 */

#div-gpt-ad-1436810603643-0 {
	margin: 0px auto;
}

@media (min-width: 728px) {

	section.leaderboard320 {
		display: none;
	}

}

@media (max-width: 727px) {

	section.leaderboard728 {
		display: none;
	}

}

@media (max-width: 710px) {

	#AdMediumRectangleMiddle {
		width: 100%;
	}

	#div-gpt-ad-1406751988345-6 {
	margin: 0px auto;
	}

}

@media (max-width: 710px) {

#AdMediumRectangleTop {
	float: none;
	width: 100%;
	clear: both;
}

#div-gpt-ad-1456519929216-0 {
	margin: 0px auto;
}

}

@media (max-width: 767px) {

	.ad-leaderboard.bottom.housead,
	#PageBottom728 {
		display: none;
	}

}

/* Sponsored by: */

div#div-gpt-ad-1406751988345-9 {
	margin-bottom: 20px;
}

@media (min-width: 769px) {

	div#div-gpt-ad-1406751988345-9 {
		float: right;
		margin-left: 40px;
	}

}

/* Sidebar portlet overrides */

.portlet #div-gpt-ad-1456519929216-0 {
    border-bottom: none;
}

.portlet #div-gpt-ad-1406751988345-6 {
    padding-top: 0;
    border: none;
}

/* Bottom 728x90 */

#PageBottom728 {
    background-color: #d7d7d7;
    padding: 20px 0;
}










/* ====================
510 Newsletter ads
====================*/

/* NL Home Page Text Version */

#NL-Home-Text {
    overflow: hidden;
}

#NL-Home-Text .left {
    float: left;
    width: 350px;
    margin-right: 50px;
}

#NL-Home-Text .right {
    float: left;
    padding-top: 9px;
}

#NL-Home-Text .left h2 {
    font-size: 40px;
    line-height: 46px;
    font-weight: bold;
    color: #18427c;
}

#NL-Home-Text .right p {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
}

#NL-Home-Text .right .button {
    color: #fff;
    text-decoration: none;
    background-color: #18427c;
    display: inline-block;
    padding: 0px 100px;
    line-height: 60px;
}

#NL-Home-Image .right .button:hover {
    box-shadow: 12px 12px 2px 1px rgb(200 220 250);
}

@media (max-width: 768px) {

    #NL-Home-Text .left,
    #NL-Home-Text .right {
        float: none;
        width: 100%;
    }

}




/* NL Home Page Image Version */

#NL-Home-Image {
    overflow: hidden;
}

#NL-Home-Image .left {
    float: left;
        width: calc(50% - 50px);
    margin-right: 50px;
}

#NL-Home-Image .right {
    float: right;
        width: 50%;
}

#NL-Home-Image .left h2 {
    font-size: 60px;
    line-height: 56px;
    font-weight: bold;
    color: #18427c;
}

#NL-Home-Image .left p {
    font-size: 34px;
    line-height: 37px;
    margin-bottom: 30px;
}

#NL-Home-Image .left .button {
    color: #fff;
    text-decoration: none;
    background-color: #18427c;
    display: inline-block;
    padding: 0px 100px;
    line-height: 60px;
}

#NL-Home-Image .left .button:hover {
    box-shadow: 12px 12px 2px 1px rgb(200 220 250);
}

@media (max-width: 768px) {

    #NL-Home-Image .left,
    #NL-Home-Image .right {
        float: none;
        width: 100%;
    }

    #NL-Home-Image .right {
        margin-bottom: 20px;
    }

    #NL-Home-Image .left h2 {
        font-size: 40px;
        line-height: 40px;
    }

    #NL-Home-Image .left p {
        font-size: 28px;
        line-height: 32px;
    }

}









/* ====================
1000 Media Queries
==================== */





/* Media Queries for Home Page */

@media (max-width: 1119px) {

	.article-list.thumbLeft1 .text {
		overflow: initial;
	}

}

@media (max-width: 1024px) {

	.sec-cols-wrapper .col-left {
		width: calc(100% - 360px);
		margin-right: 0px;
	}

		.sec-cols-wrapper .col-middle {
		width: 300px;
		float: right;
	}
	
	.sec-cols-wrapper .col-right {
		float: none;
		clear: both;
		width: 100%;
	}
	
	.sec-cols-wrapper .col-right .article-list.thumbLeft3 article {
		width: calc(50% - 11px);
		float: left;
	}
	
	.sec-cols-wrapper .col-right .article-list.thumbLeft3 article:nth-child(odd) {
		margin-right: 20px;
	}
	
	.sec-cols-wrapper .col-right .article-list.stack2,
	.sec-cols-wrapper .col-right .article-list.thumbLeft3 {
		width: calc(100% - 360px);
		float: left;
	}	
	
}

@media (max-width: 768px) {
	
	.sec-cols-wrapper .col-left,
	.sec-cols-wrapper .col-right .article-list.stack2, 
	.sec-cols-wrapper .col-right .article-list.thumbLeft3{
		width: calc(100% - 315px);
	}

	#LatestIssues article {
		width: calc((100% - 61px) / 4);
		margin-right: 20px;
	}

	.article-list.stack3 article:nth-child(odd) {
		margin-right: 40px;
	}

	.article-list.stack3 article {
		width: calc(50% - 21px);
	}
	
}

@media (max-width: 710px) {
	
	.sec-cols-wrapper .col-left, 
	.sec-cols-wrapper .col-middle, 
	.sec-cols-wrapper .col-right .article-list.thumbLeft3 {
		width: 100%;
	}

	.article-list.thumbLeft1 .thumb {
		margin-left: 15px;
		float: right;
		margin-bottom: 20px;
		margin-right: 0px;
	}

	.article-list.thumbLeft1 .text {
		overflow: initial;
	}

	.article-list.thumbLeft1 article {
		width: calc(50% - 20px);
		float: left;
	}

	.article-list.thumbLeft1 article:nth-child(odd) {
		margin-right: 40px;
	}

	#MostPopular .column-header {
		position: relative;
		top: 0;
	}

	#MostRead li {
		width: calc(50% - 10px);
		margin-right: 0;
		margin-bottom: 40px;
	}

	#MostRead li:nth-child(odd) {
		margin-right: 20px;
	}

	#MostRead li:before {
		color: #fff;
		background-color: #000;
		text-align: center;
		width: 40px;
		height: 40px;
		overflow: hidden;
		line-height: 38px;
		font-size: 40px;
		position: absolute;
	}

	#LatestIssues article {
		width: calc(50% - 20px);
		margin-right: 0;
	}

	#LatestIssues article:nth-child(odd) {
		margin-right: 20px;
	}

	.sec-cols-wrapper .col-right .article-list.stack2 {
		width: 100%;
	}

}

@media (max-width: 649px) {

	.sec-cols-wrapper .col-right .article-list.stack2 {
		width: 100%;
	}

}

@media (max-width: 590px) {

	.article-list.thumbLeft1 article:not(.nativeAd) .thumb {
		float: none;
		margin-left: 0;
		width: 100%;
		padding-top: 100%;
	}

	.article-list.thumbLeft1 article:not(.nativeAd) .thumb a {
		width: 100%;
	}

	.article-list.thumbLeft1 article:not(.nativeAd) .thumb img {
		width: 100%;
	}

}

@media (max-width: 710px) {

	.article-list.thumbLeft1 article.nativeAd {
		width: 100%;
	}

	.article-list.thumbLeft1 .nativeAd .thumb {
		width: 125px;
		padding-top: 125px;
	}

}





/* Media Queries for Category Pages */

@media (max-width: 710px) {

.article-list.thumbLeft4 .thumb,
.article-list.thumbLeft5 .thumb,
.article-list.thumbLeft5.fullWidth .thumb {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
}

.article-list.thumbLeft6 .thumb {
    width: calc(50% - 20px);
    padding-left: 0px;
}

.archiveLink {
    padding-left: 0px;
}

}

@media (max-width: 567px) {

.article-list.thumbLeft5 article {
    width: 100%;
    display: block;
    margin-right: 0px !important;
}

.article-list.thumbLeft6 .thumb {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-right: 0px !important;
}

.article-list.thumbLeft5 .thumb {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
}

}





/* Media queries for Multimedia pages */

@media (min-width: 711px) {

.article-list.thumbLeft4.alt .thumb {
    width: 53.4%;
}

}

@media (max-width: 550px) {

.article-list.stack3.stackMobile article {
    width: 100%;
    margin-right: 0;
}

}







/* ======================================
1000 Responsive Styles
======================================== */

@media only screen and (max-width: 1289px) {

.recommendedStories li {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}

}

@media only screen and (max-width: 1023px) {

.contentColumn,
.utilityColumn,
#Content.contentColumn {
  display: block;
  width: 100%;
  clear: both;
  float: none;
  padding: 0px;
  margin: 0px auto;
}

.utilityColumn {
    border-top: solid 4px #ccc;
    padding-top: 60px;
/*    padding-bottom: 60px; */
}

.utilityColumn .advertisement {
    float: right;
}

.utilityColumn .sectionMost,
.utilityColumn .sectionMultimedia,
.utilityColumn .sectionNativeAd {
    float: left;
    width: calc(100% - 360px);
}

.utilityColumn .sb-sidebar {
    clear: both;
    overflow: hidden;
    border-bottom: dashed 1px #ccc;
    margin-bottom: 60px;
}

.utilityColumn .sb-sidebar.sb-three {
    border-bottom: none;
}

#AdMediumRectangleBottom {
    margin: 0px auto;
    width: 300px;
}

.recommendedStories {
    padding: 0px 20px;
}

}

@media only screen and (max-width: 767px) {

 .utilityColumn .advertisement {
    float: none;
    width: 300px;
    margin: 0px auto;
}

.utilityColumn .sectionMost, 
.utilityColumn .sectionMultimedia,
.utilityColumn .sectionNativeAd {
    float: none;
    width: 100%;
}

}





@media only screen and (max-width: 767px) {

#Footer-Main .column.sm-12:not(.bp-Social) a {
    width: 25%;
    float: left;
    margin-bottom: 20px;
    padding-right: 30px;
    box-sizing: border-box;
}

#Footer-Main .column.sm-12.md-3 {
    border-bottom: 1px dashed #999;
    margin-bottom: 20px;
}

#Footer-Main .column.sm-12.md-3.bp-Social {
    border-bottom: none;
}

}

@media only screen and (max-width: 710px) {

#Footer-Main .column.sm-12:not(.bp-Social) a {
    width: 50%;
}

}
@charset "UTF-8";

/* ======================================
ARTICLE DISPLAY STYLES 
========================================
1. Miscellaneous
10. Legacy Article
20. Blog Post
30. Feature Article
40. Miscellaneous Features
50. Podcasts
60. Fixed Sharing Bar
70. Newsletter Signup Widget
80. Breakout styles
*/










/* ======================================
1. Miscellaneous
======================================== */

#sb-adisplay h1 {
  font-weight: normal;
}

#sb-adisplay a {
  /* color: #477bc0; */
  color: #000;
}

#sb-adisplay .breakout a {
    color: #fff;
}

/* #sb-adisplay h3,
#sb-adisplay .profiles,
#sb-adisplay .resources,
#sb-adisplay .sidebar-220,
#sb-adisplay .sidebar-300,
#sb-adisplay .sidebar-468,
#sb-adisplay .sidebar-full,
#sb-adisplay .shadebox,
#sb-adisplay .pullquote,
#sb-adisplay .podcastDisplay,
#sb-adisplay .podcastDisplay .date,
.featureArticle #sb-adisplay header .titleIntroByline h1,
.participants {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
} */

#sb-adisplay sup, #sb-adisplay sub {
  font-size: 75%;
  position: relative;
}

#sb-adisplay sup {
  top: -0.5em;
}

#sb-adisplay sub {
  bottom: -0.25em;
}

#sb-adisplay h1 sup {
    font-family: inherit;
    font-size: 70%;
    color: inherit;
    top: -18px;
}

#sb-adisplay h3 sup {
    font-size: 75%;
    color: inherit;
    top: -7px;
}

.anchorShift {
  position: relative;
  top: -175px;
  display: block;
}

#sb-adisplay .zoomable a[class*="cboxElement"] {
    position: relative;
    display: table;
    margin: 0px auto;
}

#sb-adisplay .zoomable a[class*="cboxElement"]:before,
#sb-adisplay .zoomable a[class*="cboxElement"]:after {
    width: 50px;
    height: 50px;
    display: table-cell;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

#sb-adisplay .zoomable a[class*="cboxElement"]:before {
    content: "+";
    background-color: rgba(0,0,0,0.75);
    border-radius: 50px;
    font-size: 36px;
    line-height: 38px;
    transition: all 0.5s;
}

#sb-adisplay .zoomable a[class*="cboxElement"]:after {
    content: "zoom";
    font-size: 11px;
    line-height: 72px;
}

#sb-adisplay .zoomable a[class*="cboxElement"]:hover:before {
    border-radius: 5px;
}










/* ======================================
10. Legacy Article Display
======================================== */

#sb-adisplay {
  position: relative;
  margin-bottom: 70px;
}

#sb-adisplay header {
  padding-top: 0px;
}

#sb-adisplay header:after {
  content: "";
  display: table;
  clear: both;
}

#sb-adisplay .content {
  font-size: 20.5px;
  line-height: 33px;
}

#sb-adisplay h1 {
  font-size: 53px;
  line-height: 60px;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
}

#sb-adisplay h2 {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 20px;
  font-weight: 600;
  /* color: #000; */
}

#sb-adisplay #byline {
  font-size: 15px;
  color: #000;
  margin-bottom: 60px;
  clear: both;
  line-height: 20px;
}

#sb-adisplay #byline a {
  color: #000;
}

#sb-adisplay h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 10px;
  font-weight: 600;
  padding-top: 10px;
}

#sb-adisplay p {
  margin-bottom: 24px;
}

#sb-adisplay a {
  text-decoration: underline;
}

#sb-adisplay .articleList a {
  text-decoration: none;
}

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

#sb-adisplay sup {
  position: relative;
  top: -5px;
  font-family: arial;
  font-size: 11px;
  color: #999;
  margin-left: 1px;
}

#sb-adisplay .details,
#sb-adisplay .byline {
  font-size: 15px;
}

#sb-adisplay .details {
  color: #000;
  margin-bottom:20px;
  line-height: 18px;
  float: left;
  margin-right: 10px;
}

@media only screen and (max-width: 889px) {

#sb-adisplay .category {
    margin-bottom: 20px;
}

}

#sb-adisplay .details .publisher {
  white-space: nowrap;
}

#sb-adisplay .details2 {
  position: relative;
  margin-bottom: 10px;
  float: left;
}

#sb-adisplay .category {
  line-height: 18px;
  margin-bottom: 10px;
  font-size: 17px;
  text-transform: uppercase;
  float: left;
}

#sb-adisplay .category:after {
    content: "  |  ";
    white-space: pre;
}

#sb-adisplay img[src*="end_of_story"] {
  display: none;
}

#sb-adisplay .profiles + p {
  display: none;
}

#sb-adisplay .category a {
  text-decoration: none !important;
  color: #000;
}

#sb-adisplay .content ul,
#sb-adisplay .content ol {
  list-style: initial;
  margin-bottom: 24px;
}

#sb-adisplay .content ol {
  list-style-type: decimal;
}

#sb-adisplay .content ul li,
#sb-adisplay .content ol li {
  margin-left: 20px;
  margin-bottom: 10px;
}

#sb-adisplay .content .smalltext {
    font-size: 16.5px;
    line-height: 24px;
}

#sb-adisplay .articleList.thumbLeft.fullWidth {
  width: 100%;
  margin-right: 0px;
  float: left;
  margin-bottom: 40px;
}

#sb-adisplay table {
  width: auto;
}

#sb-adisplay table td {
  vertical-align: top;
  padding-bottom: 20px;
}

#sb-adisplay table strong {
  font-weight: bold;
}


#sb-adisplay .artTable {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 14px;
  outline: 1px solid #AABCFE;
  border-collapse: collapse;
  margin-bottom: 12px;
  line-height: 18px;
}

#sb-adisplay .artTable thead th {
  background: none repeat scroll 0 0 #B9C9FE;
  border-bottom: 1px solid #FFFFFF;
  border-top: 4px solid #AABCFE;
  color: #111;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}

#sb-adisplay .artTable td {
  background: none repeat scroll 0 0 #E8EDFF;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid;
  color: #333;
  padding: 10px;
  vertical-align: top;
}

#sb-adisplay .artTable ul {
  margin: 0px;
  padding: 0px;
}

#sb-adisplay .artTable ul li {
  margin-bottom: 5px;
}

#sb-adisplay .artTable h2 {
  margin-bottom: 0px;
}





/* Author Profiles */

#sb-adisplay .profiles {
  font-size: 15px;
  line-height: 20px;
}

#sb-adisplay .profiles ul {
  list-style: none !important;
}

#sb-adisplay .profiles li {
  margin-left: 0px !important;
}

#sb-adisplay .profiles li,
#sb-adisplay .profiles h2 {
  margin-bottom: 15px !important;
}

#sb-adisplay .profiles h2 {
  color: #333;
}





/* Resources */

#sb-adisplay .resources {
  font-size: 15px;
  line-height: 20px;
  margin-top: 30px;
}

#sb-adisplay .resources li,
#sb-adisplay .resources h2 {
  margin-bottom: 15px;
}

#sb-adisplay .resources h2 {
  color: #333;
}





/* Sidebars */

#sb-adisplay .sidebar-220,
#sb-adisplay .sidebar-300,
#sb-adisplay .sidebar-468,
#sb-adisplay .sidebar-full {
  font-size: 12px;
  color: #666;
  margin-bottom: 24px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
}

#sb-adisplay .sidebar-220 {
  float: right;
  margin-left: 20px;
/*  padding-top: 5px; */
  width: 220px;
  clear: right;
  transition: width 0.5s ease-in-out;
  position: relative;
}

#sb-adisplay .sidebar-300 {
  float: right;
  width: 300px;
  margin-right: -400px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #ccc;
  display: none;
}

#sb-adisplay.feature .sidebar-300 {
  display: block;
}

#sb-adisplay .sidebar-468 {
  max-width: 468px;
  margin: 0px auto;
}

#sb-adisplay .sidebar-220 p,
#sb-adisplay .sidebar-300 p,
#sb-adisplay .sidebar-468 p,
#sb-adisplay .sidebar-full p {
  margin-bottom: 6px;
}

#sb-adisplay .sidebar-468 img {
  max-width: 100%;
  height: auto;
}

#sb-adisplay .sidebar-220 img {
  width: 100% !important;
  height: auto;
}

#sb-adisplay .image-full img {
    width: 100%;
}

#sb-adisplay .content div.expanded-size {
  width: 100% !important;
}

#sb-adisplay .content div.normal-size:after,
#sb-adisplay .content div.expanded-size:after {
  position: absolute;
  text-indent: -500px;
  overflow: hidden;
  top: 0px;
  right: 0px;
  pointer-events: none;
  width: 38px;
  height: 38px;
  background-image: url(/media/image/sb-2015-expand.png);
  background-repeat: no-repeat;
}

#sb-adisplay .content div.normal-size:after {
  content: "enlarge";
  background-position: 0px 0px
}

#sb-adisplay .content div.expanded-size:after {
  content: "contract";
  background-position: 0px -38px;
}

#sb-adisplay .content div.normal-size img,
#sb-adisplay .content div.expanded-size img {
  cursor: pointer;
}






/* Shadebox */

#sb-adisplay .shadebox {
  background-color: #eee;
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  margin-bottom: 24px;
  color: #666;
  position: relative;
}

#sb-adisplay .shadebox h2 {
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  margin: 0px 0px 24px;
  padding: 0px;
  color: #000;
}

#sb-adisplay .shadebox h2 .credit {
  font-size: 12px;
  color: #999;
}

#sb-adisplay .shadebox p {
    margin-bottom: 18px;
}

#sb-adisplay .shadebox p:last-child {
  margin-bottom: 0px;
}

#sb-adisplay .shadebox img {
    border: 5px solid #fff;
}

#sb-adisplay .video /*,
#Content .video */ {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

#sb-adisplay .video iframe,  
#sb-adisplay .video object,  
#sb-adisplay .video embed,
#Content .video iframe,  
#Content .video object,  
#Content .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Outdented */

#sb-adisplay .shadebox.outdentRight {
  float: right;
  margin-right: -340px;
  width: 300px;
  padding: 0px;
  background-color: transparent;
}





/* Issue Links */

#sb-adisplay .issueLinks {
  width: 215px;
  font-size: 10px;
  color: #999;
  border: solid 1px #ccc;
  padding: 5px 4px 5px 60px;
  position: relative;
  line-height: 14px;
  margin: -10px 10px 30px 50px;
  float: left;
}

@media only screen and (min-width: 1024px) and (max-width: 1289px), (max-width: 900px) {

#sb-adisplay .issueLinks {
    float: none;
    clear: both;
}


}

#sb-adisplay .issueLinks a.subscribeNow {
  text-decoration: none !important;
  color: #ec5a2d !important;
}

#sb-adisplay a.readMoreLink {
  position: absolute;
  left: -50px;
  background-color: #ec5a2d;
  color: #fff !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  padding: 0px 5px;
  top: 50%;
  margin-top: -11px;
}

#sb-adisplay a.readMoreLink:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 11px 8px;
  border-color: transparent transparent transparent #ec5a2d;
  position: absolute;
  left: 100%;
}





/* FEATURE BRANDING TYPE */

#sb-adisplay .introAndByline {
/*  overflow: hidden; */
}

#sb-adisplay .featurebrand .blog {
  display: none;
}

#sb-adisplay .featurebrand .youngprofs,
#sb-adisplay .featurebrand .bestbooks,
#sb-adisplay .featurebrand .sb20years {
  float: left;
  width: 83px;
  height: 83px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 10px;
  margin-bottom: 26px;
  text-indent: -2000px;
}

@media only screen and (min-width: 549px) {

#sb-adisplay.feature .featurebrand .sb20years {
  display: none;
}

#sb-adisplay .featurebrand .youngprofs {
  float: right;
  margin-left: 10px;
  margin-right: 0px;
}

}

#sb-adisplay .featurebrand .youngprofs {
  background-image: url(/media/image/sb-t-young-profs_mainpg-icon.jpg);

}

#sb-adisplay .featurebrand .bestbooks {
  background-image: url(/media/image/sb-t-best_books_mainpg-icon.png);
}

#sb-adisplay .featurebrand .sb20years {
  background-image: url(/media/image/sb-t-20_years_mainpg-icon.gif);
  float: right;
  width: 135px;
  height: 135px;
  margin-left: 10px;
}

#sb-adisplay .featurebrand .capabledealmaker {
  float: left;
  width: 150px;
  height: 62px;
  background-image: url(/media/image/sb-t-capable_dealaker-logo.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 30px;
  text-indent: -200px;
  overflow: hidden;
}

#sb-adisplay .featurebrand .outlook {
  float: left;
  width: 115px;
  height: 62px;
  background-image: url(/media/image/sb-t-outlook_logo-icon.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -200px;
  overflow: hidden;
  background-size: 115px auto;
  margin-top: 4px;
}

#sb-adisplay .featurebrand .outlook201721 {
  float: left;
  width: 115px;
  height: 62px;
  background-image: url(/media/image/sb-t-outlook201721_logo-icon.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -200px;
  overflow: hidden;
  background-size: 115px auto;
  margin-top: 4px;
}

#sb-adisplay .featurebrand .digitalleadership {
  float: left;
  width: 151px;
  height: 63px;
  background-image: url(/media/image/sb-t-digilandscape_logo-icon.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -200px;
  overflow: hidden;
  background-size: 151px auto;
}

#sb-adisplay .featurebrand .criticalfew {
  float: left;
  width: 150px;
  height: 70px;
  background-image: url(/media/image/sb-t-TheCriticalFew-logo-150x70.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 30px;
  text-indent: -200px;
  overflow: hidden;
}

#sb-adisplay .featurebrand .insidethemindoftheceo {
    float: right;
    width: 80px;
    height: 88px;
    background-image: url(/media/image/sb-t-inside-the-mind-logo.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 30px;
    margin-bottom: 30px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 80px 88px;
}

#sb-adisplay .featurebrand .tenprinciples {
    float: right;
    width: 80px;
    height: 88px;
    background-image: url(/media/image/sb-t-badge-10_principles.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 30px;
    margin-bottom: 30px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 80px 88px;
}

#sb-adisplay .featurebrand .pwcsEntertainmentMediaOutlook {
    float: left;
    width: 162px;
    height: 79px;
    background-image: url(/media/image/sb-t-pwc_outlook_logo-icon-new.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 162px 79px;
    margin-top: 4px;
}

#sb-adisplay .featurebrand .valuecreation {
    float: left;
    width: 162px;
    height: 61px;
    background-image: url(/media/image/sb-t-pwc_value_creation.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 162px 61px;
    margin-top: 4px;
}


#sb-adisplay .featurebrand .youngprofs {
    float: left;
    margin-right: 30px;
    margin-left: 0px;
}

#sb-adisplay .featurebrand .newworldnewskills {
    float: left;
    width: 140px;
    height: 79px;
    background-image: url(/media/image/sb-t-PwCs_new_world_new_skills-logo-new.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 100% 100%;
    margin-top: 4px;
}

#sb-adisplay .featurebrand .experiencesmatter {
    float: left;
    width: 140px;
    height: 79px;
    background-image: url(/media/image/sb-t-Experiences_matter_by-PwC-logo.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 100% 100%;
    margin-top: 4px;
/* delete this line below to make it show up on article pages */
    display: none;
}

#sb-adisplay .featurebrand .hellotomorrow {
    float: left;
    width: 130px;
    height: 73px;
    background-image: url(/media/image/sb-t-Hello_tomorrow-logo.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 100% auto;
    margin-top: 4px;
}

#sb-adisplay .featurebrand .esgbypwc {
    float: left;
    width: 130px;
    height: 73px;
    background-image: url(/media/image/sb-t-ESG-logo-b.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 30px;
    margin-bottom: 28px;
    text-indent: -400px;
    overflow: hidden;
    background-size: 100% auto;
    margin-top: 4px;
}

#sb-adisplay .featurebrand .compliancetransformedbypwc {
  float: left;
  width: 120px;
  height: 67px;
  background-image: url(/media/image/sb-t-Compliance-Transformed-by-PwC-badge.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -400px;
  overflow: hidden;
  background-size: 120px auto;
  margin-top: 4px;
}

#sb-adisplay .featurebrand . compliancetransformedbypwc {
  float: left;
  width: 150px;
  height: 84px;
  background-image: url(/media/image/sb-t-Compliance-Transformed-by-PwC-badge.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -400px;
  overflow: hidden;
  background-size: 150px auto;
  margin-top: 4px;
}

#sb-adisplay .featurebrand .pwcssucceedinginuncertainty {
  float: left;
  width: 150px;
  height: 52px;
  background-image: url(/media/image/sb-t-PwCs_succeeding_in_uncertainty-logo.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 28px;
  text-indent: -400px;
  overflow: hidden;
  background-size: 150px auto;
  margin-top: 4px;
}

@media only screen and (max-width: 549px) {

#sb-adisplay .featurebrand .pwcsEntertainmentMediaOutlook,
#sb-adisplay .featurebrand .valuecreation,
#sb-adisplay .featurebrand .newworldnewskills,
#sb-adisplay .featurebrand .pwcssucceedinginuncertainty,
#sb-adisplay .featurebrand .compliancetransformedbypwc,
#sb-adisplay .featurebrand .youngprofs,
#sb-adisplay .featurebrand .hellotomorrow,
#sb-adisplay .featurebrand .esgbypwc,
#sb-adisplay .featurebrand .experiencesmatter {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}

}

@media only screen and (min-width: 549px) {

#sb-adisplay.feature .featurebrand .criticalfew {
  margin-top: 20px;
}

}

#sb-adisplay .featurebrand .talkingmybook {
  float: left;
  width: 100px;
  height: 75px;
  background-image: url(/media/image/sb-t-talking_my_book-100x75.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-right: 30px;
  margin-bottom: 10px;
  text-indent: -200px;
  overflow: hidden;
}

#sb-adisplay .featurebrand .sb20years,
#sb-adisplay .featurebrand .capabledealmaker,
#sb-adisplay .featurebrand .outlook,
#sb-adisplay .featurebrand .outlook201721,
#sb-adisplay .featurebrand .digitalleadership,
#sb-adisplay .featurebrand .criticalfew,
#sb-adisplay .featurebrand .talkingmybook {
  display: none;
}





/* Topics */

#sb-adisplay .tags {
  font-size: 15px;
  line-height: 20px;
}

#sb-adisplay .tags a {
  color: #000;
}



/* Sharing */

.sharing.top {
  margin-bottom: 35px;
  overflow: hidden;
}

.sharing.top .count {
  display: none;
}

.sharing a {
  display: block;
  font-size: 18px;
  color: #333 !important;
  text-decoration: none !important;
}

.sharing a.label {
  padding: 4px 0px;
}

.sharing a.label:after {
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  font-weight: 300;
}

.sharing .facebook a {
  background-color: #3b5998;
}

.sharing .twitter a {
  background-color: #55acee;
}

.sharing .linkedin a {
  background-color: #0976b4;
}

.sharing .google a {
  background-color: #dd4b39;
}

.sharing .library a {
  background-color: #fec802;
}

.sharing .pdf a {
  background-color: #fc9a7e;
  font-size: 13px;
}

.sharing .email a {
  background-color: #819cbf;
}

.sharing .print a {
  background-color: #3b3b3b;
}


.sharing li.library.alreadyAdded a.label .fa-star-o:before {
  content: "\f005" !important;
}





/* SHARING TOP */

.sharing.top a {
    text-align: center;
    color: #333;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    border-radius: 32px;
    padding: 0;
    line-height: 32px;
    color: #fff !important;
    overflow: hidden;
    transition: border-radius 0.5s;
}

.sharing.top li:last-child a {
  border-bottom: none;
}

.sharing.top a:hover {
  border-radius: 5px;
}

.sharing.top a i {
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
}

.sharing.top a i:before {
    position: absolute;
    left: calc(50% - 9px);
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
}





/* SHARING WITH COUNTS */

.sharing.counts {
  margin-bottom: 20px;
  overflow: hidden;
  margin-top: 40px;
  clear: both;
}

.sharing.counts li {
  float: left;
  padding-left: 15px;
}

.sharing.counts li:first-child {
  padding-left: 0px;
}

.sharing.counts li.library,
.sharing.counts li.email,
.sharing.counts li.pdf,
.sharing.counts li.print,
.sharing.counts li.comment {
  display: none;
}

.sharing.counts span.count {
  font-size: 10px;
}

.sharing.counts .fa-fw {
  width: auto;
}

.sharing.counts span.count {
  border-right: solid 1px #999;
  padding-right: 12px;
  font-weight: bold;
  color: #000;
  position: relative;
  top: -3px;
}

.sharing.counts li.google-plus span.count {
    border-right: none;
}

.sharing.counts i.fa.fa-twitter,
.sharing.counts i.fa.fa-linkedin {
  position: relative;
  top: -1px;
}




/* Sharing total counts */

.sharing.counts.total li {
  float: left;
  padding-left: 0px;
  margin-right: 5px;
}

.sharing.counts.total li.total-shares {
  text-align: right;
  color: #aaa;
  margin-right: 10px;
}

.sharing.counts.total li.total-shares .total-share-count {
  font-size: 37px;
  font-weight: 500;
  line-height: 32px;
}

.sharing.counts.total li.total-shares .total-share-label {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 12px;
}

.sharing.counts.total a {
  width: 42px;
  height: 42px;
  text-align: center;
  font-size: 24px;
  line-height: 44px;
  color: #fff;
}

.sharing.counts.total a i {
  color: #fff;
  padding-left: 6px;
}

.sharing.counts.total li.facebook {
  background-color: #3b5998;
}

.sharing.counts.total li.twitter {
  background-color: #55acee;
}

.sharing.counts.total li.linkedin {
  background-color: #0976b4;
}

.sharing.counts.total li.google-plus {
  background-color: #dd4b39;
}





/* PULLQUOTE */

#sb-adisplay .pullquote {
    font-size: 26px;
    line-height: 38px;
    color: #333;
    width: 300px;
    float: left;
    font-weight: 300;
    position: relative;
    overflow: hidden;
    clear: left;
    padding-top: 60px;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding-bottom: 30px;
    margin: 10px 70px 35px 0;
    letter-spacing: -0.01em;
}

#sb-adisplay .pullquote:before {
    content: "“";
    font-size: 100px;
    position: absolute;
    width: 50px;
    height: 30px;
    line-height: 90px;
    top: 20px;
    left: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
}




/* Related Articles */

#sb-adisplay .articleList.related {
    width: 300px;
    float: left;
    margin: 10px 70px 20px 0px;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 20px 0px 0px;
}

#sb-adisplay .articleList.related h2 {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 25px;
}

#sb-adisplay .articleList.related li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 20px;
}

#sb-adisplay .articleList.related .thumb {
    width: 120px;
    margin-right: 10px;
    float: left;
    padding-top: 3px;
}

#sb-adisplay .articleList.related .text {
    overflow: hidden;
}

#sb-adisplay .articleList.related .featureType {
    display: none;
}

#sb-adisplay .articleList.related h3 {
    margin: 0px;
    padding: 0px;
}

#sb-adisplay .articleList.related h3 a i.fa-external-link-alt {
    font-size: 13px;
    position: relative;
    top: -1.5px;
    color: #666;
}

#sb-adisplay .articleList.related .text a {
    font-size: 16px;
    text-decoration: none;
    color: #000;
    line-height: 20px;
    font-weight: 600;
    display: block;
}



#sb-adisplay .articleList.related .text .authors {
    font-size: 12px;
    line-height: 16px;
}











/* ======================================
Article Display Responsive Styles
======================================== */

@media only screen and (max-width: 1023px) {

#sb-adisplay .category.secondRubric {
  display: none;
}

}










@media only screen and (max-width: 889px) {

#sb-adisplay {
/*  border-bottom: 4px solid #ccc;
  margin-bottom: 30px; */
}

#sb-adisplay .shadebox.outdentRight {
  float: none;
  margin-right: auto;
  width: auto;
  padding: 10px;
  margin-top: 0px;
  background-color: #eee;
}

}










@media only screen and (max-width: 666px) {

#sb-adisplay .resources,
.sharing.counts {
  padding-left: 0px;
}

#sb-adisplay .pullquote {
  margin-left: 0px;
  width: auto;
  float: none;
  margin-right: 0px;
  border-top: 1px dashed #ccc;
  padding-top: 20px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 60px;
  position: relative;
  overflow: initial;
  margin-top: 40px;
  padding-left: 50px;
  width: calc(100% - 50px);
}

#sb-adisplay .articleList.related {
    width: 100%;
    float: none;
}

}










@media only screen and (min-width: 549px) and (max-width: 666px) {

#sb-adisplay .content {
  padding-left: 0px;
}

#sb-adisplay .outdentLeft {
  margin-left: 0px;
}

.sharing.top {
  margin-right: 30px;
  margin-bottom: 40px;
}

}






@media only screen and (max-width: 548px) {

#sb-adisplay .content {
  padding-left: 0px;
}

#sb-adisplay .outdentLeft {
  margin-left: 0px;
}

.sharing.top li.pdf,
.sharing.top li.print {
  display: none;
}

#sb-adisplay .featurebrand .bestbooks {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

#sb-adisplay .featurebrand .sb20years {
  float: left;
  width: 70px;
  height: 70px;
  background-size: 70px;
  margin-left: 0px;
  margin-bottom: 20px;
}

#sb-adisplay.feature .featurebrand .sb20years {
  margin-bottom: 10px;
}

#sb-adisplay .issueLinks,
#sb-adisplay .category:after {
  display: none;
}

#sb-adisplay .details2,
#sb-adisplay .category {
  float: none;
}

#sb-adisplay .pullquote {
  margin-left: 0px;
}

}










@media only screen and (max-width: 414px) {

#sb-adisplay .sidebar-220 {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

}










/* ======================================
20. Blog Display
======================================== */

#sb-adisplay .blogBios {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    padding-top: 60px;
}

#sb-adisplay .blogBios .authorBio {
  position: relative;
  width: calc(50% - 40px);
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
}

#sb-adisplay .blogBios .authorBio:after {
    content: "";
    clear: both;
    display: table;
}

#sb-adisplay .blogBios .authorBio+br {
  display: none;
}

#sb-adisplay .blogBios .clearBoth {
  display: none;
}

#sb-adisplay .blogBios .authorText p {
  margin-top: 0px;
  margin-bottom: 12px;
  padding-top: 15px;
}

#sb-adisplay .blogBios .authorText p:last-child {
  margin-bottom: 0px;
  padding-top: 0;
}

#sb-adisplay .blogBios .authorPic {
    width: 115px;
    height: 115px;
    overflow: hidden;
    border-radius: 115px;
    float: left;
    margin-right: 20px;
}

#sb-adisplay .blogBios .authorPic img {
  width: 100%;
  height: auto;
  position: relative;
  top: -5px;
}

#sb-adisplay .blogBios .authorText {
    overflow: hidden;
}

#sb-adisplay .blogBios .authorName {
  display: none;
}

#sb-adisplay .blogBios a.email,
#sb-adisplay .blogBios a.twitter,
#sb-adisplay .blogBios a.linkedin {
  text-transform: uppercase;
  display: inline-block;
  margin-right: 15px;
  text-decoration: none;
  position: relative;
  color: transparent !important;
  width: 20px;
}

#sb-adisplay .blogBios a.email:before,
#sb-adisplay .blogBios a.twitter:before,
#sb-adisplay .blogBios a.linkedin:before {
  font-family: "Font Awesome 5 Brands";
  padding-right: 4px;
  font-size: 18px;
  position: absolute;
  top: 0px;
  left: 1px;
}

#sb-adisplay .blogBios a.email:before {
  content: " \f003";
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    color: #999;
    width: 24px;
}

#sb-adisplay .blogBios a.twitter:before {
  content: " \f099";
  color: #55acee;
}

#sb-adisplay .blogBios a.linkedin:before {
    content: " \f0e1";
    color: #2867B2;
}

@media only screen and (max-width: 699px) {

#sb-adisplay .blogBios .authorBio {
    float: none;
    width: 100%;
    margin-right: 0px;
}

}

#sb-adisplay .blogRubric {
  float: left;
  padding-right: 10px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}

#sb-adisplay .blogRubric a {
  text-decoration: none;
}

#sb-adisplay .typeBlog h1 {
  margin-bottom: 30px;
}





/* BLOG RESPONSIVE STYLES */

@media only screen and (max-width: 548px) {

#sb-adisplay .blogBios .comboBio .authorBio {
  margin-bottom: 10px;
  overflow: hidden;
  width: 50%;
  float: left;
}

}

@media only screen and (max-width: 420px) {

#sb-adisplay .blogBios .comboBio .authorBio {
  width: 100%;
  float: none;
}

}










/* ======================================
30. Feature Article
======================================== */

/* HERO IMAGE */

section.featureArticle {
  margin-top: -550px;
}

.featureThumb {
  display: inline-block;
  position: relative;
  left: 50%;
}

.featureThumb .inner {
  position: relative;
  top: 0px;
  left: -700px;
}

.featureThumb .inner:before,
.featureThumb .inner:after {
/*  content: ""; */
  position: absolute;
  height: 100%;
  width: 100px;
  z-index: 2;
}

.featureThumb .inner:before {
  left: 0px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}

.featureThumb .inner:after {
  right: 0px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}

.featureThumb .inner:after {
  content: "";
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 ); /* IE6-8 */  height: 250px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 0;
}

/* HEADER OVERRIDES */

/* .featureArticle .contentColumn {
  top: -550px;
} */

.featureArticle #sb-adisplay header {
  height: 550px;
  position: relative;
  padding: 0px;
  margin-bottom: 60px;
}

.featureArticle #sb-adisplay header .detailswrapper {
  padding-top: 30px;
}

.featureArticle #sb-adisplay header .titleIntroByline {
  position: absolute;
  bottom: 30px;
  color: #fff;
}

.featureArticle #sb-adisplay header .titleIntroByline h1 {
  font-weight: 300;
  font-size: 76px;
  line-height: 76px;
  letter-spacing: -2px;
  text-shadow: 0 0px 8px rgba(0,0,0,0.6);
  margin-right: -340px;
}

#Feature.interactive .featureArticle #sb-adisplay header .titleIntroByline h1 {
  margin-right: 0px;
}

.featureArticle #sb-adisplay header .titleIntroByline h2,
.featureArticle #sb-adisplay header .titleIntroByline #byline {
  text-shadow: 0 0px 4px rgba(0,0,0,0.8);
}

.featureArticle #sb-adisplay header .titleIntroByline #byline {
  color: #fff;
  margin-bottom: 0px;
}

@media only screen and (min-width: 549px) {

.featureArticle #sb-adisplay .category {
  padding: 10px 0 10px 10px;
}

.featureArticle #sb-adisplay header .titleIntroByline #byline a,
.featureArticle #sb-adisplay header .titleIntroByline .intro a {
  color: #fff;
}

.featureArticle #sb-adisplay header .details .date,
.featureArticle #sb-adisplay header .details .issue {
  float: left;
  padding: 10px !important;
}

.featureArticle #sb-adisplay .category {
  padding-right: 0px !important;
}

.featureArticle #sb-adisplay header .details .date {
  padding-left: 0px !important;
}

.featureArticle #sb-adisplay header .details .issue {
  padding-left: 0px !important;
  margin-left: 0;
}

}

#sb-adisplay .heroImage {
  display: none;
  margin-left: -20px;
  margin-right: -20px;
}

#sb-adisplay .heroImage img {
  max-width: 100%;
  height: auto;
}

/* Slideshow overrides */

#Feature.pictures .featureArticle #sb-adisplay header {
  height: auto;
}

#Feature.pictures .featureArticle .contentColumn {
  padding-right: 0px;
  width: 100%;
  max-width: none;
}

#Feature.pictures section.featureArticle {
  margin-top: 0px;
}

#Feature.pictures .featureArticle #sb-adisplay header .titleIntroByline,
#Feature.pictures .featureArticle #sb-adisplay header .titleIntroByline h1,
#Feature.pictures .featureArticle #sb-adisplay header .titleIntroByline h2 {
  color: #000;
  text-shadow: none;
  position: relative;
}

#Feature.pictures .featureArticle #sb-adisplay header .titleIntroByline a {
  color: #477bc0;
}

#Feature.pictures .featureArticle #sb-adisplay header .titleIntroByline h1 {
  margin-right: 0px;
  padding-right: 50px;
  padding-top: 30px;
}

#Feature.pictures #sb-adisplay .sidebar-full:not(:first-child) {
  margin-top: 30px;
  border-top: dashed 1px #ccc;
  padding-top: 40px;
}

#Feature.pictures #sb-adisplay .inArticleAdWrapper+p+.sidebar-full {
  border-top: none;
  padding-top: 10px;
}

#Feature.pictures #sb-adisplay .sidebar-full .smallImage {
  text-align: center;
  background-color: #f0f0f0;
}

#Feature.pictures #sb-adisplay .sidebar-full .smallImage img {
  vertical-align: middle;
}





/* UTILITY OVERRIDES */

.featureArticle .utilityColumn {
  padding-top: 775px;
}





@media only screen and (min-width: 549px) {

.featureArticle #sb-adisplay header .details,
.featureArticle #sb-adisplay header .details a {
  color: #000;
}

}

@media only screen and (max-width: 1023px) {

.featureArticle .utilityColumn {
    padding-top: 40px;
}

.featureArticle #sb-adisplay header .titleIntroByline h1 {
  margin-right: 0px;
  font-size: 60px;
  line-height: 60px;
  letter-spacing: -1px;
}

#sb-adisplay .sidebar-300 {
  float: none;
  width: auto;
  margin-right: 0px;
}

#sb-adisplay .sidebar-300.hideOnMobile {
  display: none;
}

}





@media only screen and (max-width: 666px) {

.featureArticle #sb-adisplay header .titleIntroByline h1 {
  font-size: 48px;
  line-height: 48px;
}

.featureArticle #sb-adisplay h2 {
  line-height: 21px;
}

}

@media only screen and (max-width: 548px) {

section.featureArticle {
  margin-top: 0px;
}

section.featureHero {
  display: none;
}

.featureArticle .contentColumn {
  top: auto;
}

.featureArticle #sb-adisplay header {
  height: auto;
}

.featureArticle #sb-adisplay header .titleIntroByline {
  position: relative;
  bottom: auto;
  color: #333;
}

.featureArticle #sb-adisplay header .titleIntroByline h1 {
  text-shadow: 0 0px 8px rgba(0,0,0,0.3);
  text-shadow: none;
}

.featureArticle #sb-adisplay header .titleIntroByline h2, 
.featureArticle #sb-adisplay header .titleIntroByline #byline {
  text-shadow: none;
}

.featureArticle #sb-adisplay header .titleIntroByline a {
  color: #477bc0;
}

.featureArticle #sb-adisplay header .titleIntroByline #byline {
  color: #000;
}

#sb-adisplay .heroImage {
  display: block;
}

#sb-adisplay .sidebar-300 {
  padding-bottom: 0px;
  margin-bottom: 0p;
  border-bottom: none;
}

}










/* ======================================
40. Miscellaneous Features
======================================== */

#SurveyReading {
  max-width: 608px;
}

aside.seriesDescription {
    float: right;
    width: 250px;
    padding: 30px;
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    position: relative;
    margin-top: 9px;
    margin-bottom: 20px;
    margin-left: 30px;
    box-sizing: border-box;
}

@media only screen and (max-width: 1099px) {

aside.seriesDescription {
    float: none;
    width: 100%;
    margin-left: 0px;
}

}

.pullquote .social {
  line-height: 36px;
  font-size: 16px;
}

.pullquote .social ul, .pullquote .social li {
  margin: 0px !important;
  list-style-type: none !important;
}

.pullquote .social ul li {
  float: left;
}

.pullquote .social ul li a {
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -10000px;
  background-image: url(/media/image/sb-t-pullquote-share-icons.png);
  background-repeat: no-repeat;
  margin-left: 8px;
  position: relative;
}

.pullquote .social ul li a:hover {
  top: -4px;
}

.pullquote .social ul li.twitter a {
  background-position: 0px 0px;
}

.pullquote .social ul li.linkedin a {
  background-position: -92px 0px;
}

.pullquote .social ul li.facebook a {
  background-position: -46px 0px;
}

.pullquote .social ul li.googleplus a {
  background-position: -138px 0px;
  display: none;
}





/* Image Sharing */

#sb-adisplay .imageShare {
  position: relative;
  padding-top: 40px;
}

#sb-adisplay .imageShare ul.social {
  position: absolute;
  top: 16px;
  right: 0px;
  list-style: none !important;
  margin: 5px !important;
  padding: 3px 3px 3px 0px !important;
  /* background-color: rgba(255,255,255,0.7); */
}

#sb-adisplay .imageShare ul.social li {
  margin: 0px !important;
  padding: 0px !important;
  float: left;
}

#sb-adisplay .imageShare ul.social a {
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -200px;
  display: block;
  margin-left: 3px;
  background-image: url(/media/image/sb-t-image-quote-share-sprites.png);
  background-size: 24px 150px;
  background-repeat: no-repeat;
}

#sb-adisplay .imageShare ul.social li.twitter a {
  background-position: 0px -0px;
}

#sb-adisplay .imageShare ul.social li.linkedin a {
  background-position: 0px -25px;
}

#sb-adisplay .imageShare ul.social li.facebook a {
  background-position: 0px -50px;
}

#sb-adisplay .imageShare ul.social li.googleplus a {
  background-position: 0px -75px;
}

#sb-adisplay .imageShare ul.social li.googleplus {
  display: none;
}




/* Imageshare New */

#sb-adisplay .quoteSlider {
    margin-bottom: 24px;
    color: #fff;
    font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#sb-adisplay .imageShare {
    margin: 0;
    padding: 0;
}

#sb-adisplay div.imageShare {
    margin-bottom: 24px;
    padding-top: 50px;
    text-align: center;
}

#sb-adisplay .imageShare ul.social {
    margin: 0px !important;
    padding: 5px 0px !important;
    text-align: center;
    width: 100%;
    height: 24px;
}

#sb-adisplay .quoteSlider .imageShare ul.social {
    margin-top: -50px !important;
}

#sb-adisplay .imageShare ul.social li {
    display: inline-block;
    float: none;
}

#sb-adisplay .imageShare ul.social:before {
    content: "Share to:";
    font-size: 14px;
    position: relative;
    top: -7px;
    color: #666;
    font-weight: bold;
}

/* #sb-adisplay .imageShare img {
    padding-top: 34px;
} */

#sb-adisplay .quoteSlider .slick-slide {
    padding-top: 40px;
}





/* Participants */

.participants {
    margin: 0px -10px;
    font-size: 0px;
    line-height: 18px;
    color: #999;
    font-family: Roboto;
    overflow: hidden;
    margin-bottom: 20px;
}

.participants .wrapper {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0px 10px;
    display: block;
    vertical-align: top;
}

.participants .thumb {
    float: left;
    margin-right: 10px;
    width: 70px;
}

.participants img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.participants .text {
    overflow: hidden;
    font-size: 13px;
}

.participants.portraits .wrapper {
    width: 50%;
    display: inline-block;
}

@media only screen and (max-width: 480px) {

.participants.portraits .wrapper {
    width: 100%;
    display: block;
}

}





/* In-article Opt-in*/

.inArticleOptIn {
    width: 300px;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 30px 0px;
    float: left;
    margin: 10px 70px 20px 0px;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.inArticleOptIn,
.inArticleOptIn input {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

.inArticleOptIn .thumb {
  width: 175px;
  height: 109px;
  background-image: url(/media/image/email-opt-in-widget-illustration.png);
  background-size: 100%;
  margin: 0px auto;
  background-blend-mode: multiply;
  background-color: #fff;
  margin-bottom: 5px;
}

.inArticleOptIn .title {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.inArticleOptIn p {
  margin-bottom: 10px !important;
}

.inArticleOptIn .field {
  float: left;
  width: calc(100% - 92px);
  margin-right: 10px;
}

.inArticleOptIn .field input {
  border: 0px;
  margin: 0px;
  background-color: #eee;
  font-size: 16px;
  line-height: 30px;
  padding: 0px 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inArticleOptIn .field input.watermark {
  color: #999;
}

.inArticleOptIn .button {
  float: left;
}

.inArticleOptIn .button input {
  font-size: 12px;
  border: 0px;
  margin: 0px;
  line-height: 30px;
  padding: 0px;
  border-radius: 3px;
  background-color: #ec1a22;
  color: #fff;
  text-transform: uppercase;
  width: 80px;
  text-align: center;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.inArticleOptIn .formRow {
    margin: 0px 0px 8px;
    display: table;
}

.inArticleOptIn .formRow .label {
    display: table-cell;
    width: 70px;
    text-align: left;
    color: #666;
    font-size: 14px;
}

.inArticleOptIn .formRow .formField {
    display: table-cell;
    width: 230px;
    text-align: left;
}

.inArticleOptIn input[type="text"] {
    width: 210px;
    background-color: #eee;
    border: none;
    padding: 0px 10px;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
    box-shadow: inset 0 0 1px #999;
}

.inArticleOptIn input[type="text"].watermark {
    color: #aaa;
}

.inArticleOptIn .location select {
    height: 30px;
    font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 14px;
    border-radius: 0px;
    border: 0;
    background-color: #fff;
    color: #555;
    border: solid 1px #ccc;
    background: #eee;
    width: 230px;
}

.inArticleOptIn .error {
    color: red;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
}

@media only screen and (max-width: 666px) {

.inArticleOptIn {
  float: none;
  margin: 7px 0px 20px 0px;
  width: auto;
  background-color: #eee;
  padding: 30px 20px;
}

.inArticleOptIn .thumb {
  background-color: #eee;
}

.inArticleOptIn input[type="text"] {
  background-color: #fff;
}

}





/* Highlight Sharing Tool Tip */

#ShowSBHighlightInfo {
  padding: 20px;
  width: 560px;
  height: 170px;
  font-size: 14px;
  line-height: 19px;
  color: #333;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: #eee;
  z-index: 10;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.30);
}

#ShowSBHighlightInfo .sharetext {
  float: right;
  width: 200px;
}

#ShowSBHighlightInfo .sharetext .title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 6px;
}

#ShowSBHighlightInfo a {
  position: absolute;
  top: -12px;
  right: -12px;
}

@media only screen and (max-width: 586px) {

#ShowSBHighlightInfo {
  width: auto;
  height: auto;
  right: 0px;
}

#ShowSBHighlightInfo .sharetext {
  float: none;
  width: auto;
  margin-bottom: 20px;
}

#ShowSBHighlightInfo .sharetooltip {
  text-align: center;
}

#ShowSBHighlightInfo a {
  right: calc(50% - 12px);
}

}





/* Soundbites */

#sb-adisplay .soundBite {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    width: 300px;
    float: left;
    clear: left;
    font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 70px 20px 0px;
    padding: 20px 0px 20px;
}

#sb-adisplay .soundBite h2 {
    font-size: 22px;
    font-weight: 600;
    color: #006ad0;
    margin-bottom: 25px;
}

@media only screen and (max-width: 447px) {

#sb-adisplay .soundBite {
    float: none;
    width: 100%;
    margin-right: 0;
}

}










/* ======================================
50. Podcasts
======================================== */

.pagename {
  font-size: 36px;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: bold;
}

.podcastPlayer {
  margin-bottom: 30px;
  overflow: hidden;
}

#sb-adisplay .podcastDisplay {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

#sb-adisplay .podcastDisplay .text {
  padding-left: 20px;
  float: right;
  width: 50%;
}

#sb-adisplay .podcastDisplay .thumb {
  width: 50%;
  float: left;
}

#sb-adisplay .podcastDisplay .thumb img {
  width: 100%;
  height: auto;
}

#sb-adisplay .podcastDisplay .date {
  color: #999;
  line-height: 18px;
  font-size: 12px;
  margin-bottom: 20px;
  display: block;
}

#sb-adisplay .podcastDisplay .buttons a {
    color: #ec5a2d !important;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
    border: solid 1px #ccc;
    display: inline-block;
    margin-right: 10px;
    line-height: 34px;
    padding: 0px 10px;
    border-radius: 2px;
}

/* PLAYER */

#sb-adisplay .podcastPlayer .mejs-container,
#sb-adisplay .soundBite .mejs-container {
   background: #fff;
}

#sb-adisplay .podcastPlayer .mejs-container .mejs-controls,
#sb-adisplay .soundBite .mejs-controls {
  background: #fff
}

#sb-adisplay .soundBite .mejs-controls {
  background: #eee
}

#sb-adisplay .podcastPlayer .mejs-container .mejs-controls .mejs-time,
#sb-adisplay .soundBite .mejs-container .mejs-controls .mejs-time {
  color: #000;
}

#sb-adisplay .podcastPlayer .mejs-controls .mejs-button button,
#sb-adisplay .soundBite .mejs-controls .mejs-button button {
  background-image: url(/media/image/podcast-controls-black.svg);
}

#sb-adisplay .podcastPlayer .mejs-controls .mejs-time-rail .mejs-time-total,
#sb-adisplay .podcastPlayer .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
#sb-adisplay .soundBite .mejs-controls .mejs-time-rail .mejs-time-total,
#sb-adisplay .soundBite .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #ccc;
}

#sb-adisplay .podcastPlayer .mejs-controls .mejs-time-rail .mejs-time-loaded,
#sb-adisplay .soundBite .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #aaa;
}

#sb-adisplay .podcastPlayer .mejs-controls .mejs-time-rail .mejs-time-current,
#sb-adisplay .podcastPlayer .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#sb-adisplay .soundBite .mejs-controls .mejs-time-rail .mejs-time-current,
#sb-adisplay .soundBite .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #116ecf;
}

#sb-adisplay .podcastPlayer .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
#sb-adisplay .podcastPlayer .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#sb-adisplay .soundBite .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
#sb-adisplay .soundBite .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  top: 10px;
  height: 10px;
}










/* ======================================
60. Fixed Sharing Bar
======================================== */

.fixedSharingBox {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 50px;
  overflow: hidden;
  background-color: #f6f6f6;
  font-size: 17px;
  color: #333;
  box-shadow: 0 0 8px 0px rgba(0,0,0,0.5);
  z-index: 20;
}

.fixedSharingBox .max-width {
  max-width: 994px;
  margin: 0px auto;
  position: relative;
}

.fixedSharingBox .inner {
}

.fixedSharingBox .title,
.fixedSharingBox .tools {
  vertical-align: top;
}

.fixedSharingBox .title {
  font-weight: bold;
  text-transform: uppercase;
  line-height: 50px;
}

.fixedSharingBox .title:before {
  content: "Reading: ";
  font-weight: normal;
  text-transform: none;
}

.fixedSharingBox .count {
  display: none;
}

.fixedSharingBox .tools {
  position: absolute;
  top: 0px;
  right: 0px;
}

.fixedSharingBox .tools:before {
  content: "";
  width: 40px;
  height: 50px;
  float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&amp;0+0,1+100 */
  background: -moz-linear-gradient(left,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(246,246,246,0)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
  background: linear-gradient(to right,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */
}

.fixedSharingBox .tools li {
  float: left;
  width: 40px;
}

.fixedSharingBox .tools li a {
  display: block;
  text-align: center;
  padding-left: 3px;
  line-height: 51px;
  background-color: #f6f6f6;
  color: #333;
}

.fixedSharingBox .tools li a:hover {
  background-color: #ddd;
}

.fixedSharingBox .tools .pdf,
.fixedSharingBox .tools .print {
  display: none;
}

.fixedSharingBox .tools .facebook a {
  color: #3b5998;
}

.fixedSharingBox .tools .twitter a {
  color: #55acee;
}

.fixedSharingBox .tools .linkedin a {
  color: #0976b4;
}

.fixedSharingBox .tools .google-plus a {
  color: #dd4b39;
}

.fixedSharingBox .tools .library a {
  color: #e9bc29;
  position: relative;
  line-height: 45px;
  padding-bottom: 5px;
}

.fixedSharingBox .tools .library a.label:after {
  content: "save";
  color: #999;
  position: absolute;
  top: 12px;
  left: 0px;
  right: 0px;
  text-align: center;
  font-size: 10px;
}

.fixedSharingBox .tools .library.alreadyAdded a.label .fa-star-o:before {
  content: "\f005" !important;
}

.fixedSharingBox .tools .library.alreadyAdded a.label:after {
  content: "saved";
}





@media only screen and (max-width: 1023px) {

.fixedSharingBox {
  padding-left: 20px;
}

}

@media only screen and (max-width: 666px) {

.fixedSharingBox .title:before {
  display: none;
}

.fixedSharingBox .tools li {
  width: 34px;
}

}

@media only screen and (max-width: 548px) {

.fixedSharingBox {
  padding-left: 10px;
}

}

@media only screen and (max-width: 479px) {

.fixedSharingBox {
  padding-left: 0px;
}

.fixedSharingBox .title,
.fixedSharingBox .tools:before {
  display: none;
}

.fixedSharingBox .tools {
  position: relative;
}

.fixedSharingBox .tools li {
  width: 14.28%;
}

}










/* ======================================
70. Newsletter Sign-up Widget
======================================== */

.newsletterOverlay {
  position: fixed;
  top: calc(50vh - 100px);
  left: 0px;
  width: 200px;
  background-color: #eee;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 20px;
  background: #18427c;
  background: -moz-linear-gradient(top, #18427c 0%, #346ad4 100%);
  background: -webkit-linear-gradient(top, #18427c 0%,#346ad4 100%);
  background: linear-gradient(to bottom, #18427c 0%,#346ad4 100%);
  color: #fff;
  line-height: 20px;
  font-size: 16px;
  z-index: 2;
  box-sizing: border-box;
}

.newsletterOverlay .button {
  text-decoration:none;
  color:#000;
  line-height:36px;
  display: inline-block;
  background-color: #ffb400;
  margin: 10px 0;
  position: relative;
  top: 0;
  transition: all 0.3s;
}

.newsletterOverlay a.button:hover {
  top: -3px !important;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}

.newsletterOverlay a.noThanks {
  display: block;
}

@media only screen and (max-width: 1390px) {

.newsletterOverlay {
  bottom: 0px;
  left: 0 !important;
  top: inherit;
  width: 100%;
  text-align: center;
}

.newsletterOverlay a.button, 
.newsletterOverlay a.noThanks {
  display: inline-block;
  margin: 10px;
}

}

/**
 * Styles for showing / hiding popup.
 */ 
.newsletterOverlay {
  transition: left 1s;
  left: -300px;
}

.newsletterOverlay.showing {
  left: 0;
}

.newsletterOverlay.popup-dismissed {
  left: -300px !important;
}

@media only screen and (max-width: 1390px) {

.newsletterOverlay {
  transition: bottom 1s;
  bottom: -300px;
}

.newsletterOverlay.showing {
  bottom: 0;
}

.newsletterOverlay.popup-dismissed {
  bottom: -300px !important;
}

}





#NewsletterSignup {
    border-top: solid 1px #000;
    clear: both;
}

.footerOptIn h2 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footerOptIn input {
    float: left;
}

.footerOptIn input[type="text"], .footerOptIn input[type="email"] {
    margin: 0;
    padding: 0px 20px;
    line-height: 80px;
    border: none;
    font-size: 17px;
    color: #aaa;
    box-shadow: inset 0 0 0px 1px #000000;
    width: calc(100% - 40px - 160px);
}

.footerOptIn #input-submit {
    margin: 0;
    padding: 0px;
    border: none;
    background-color: #326dc7;
    line-height: 80px;
    width: 120px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
}

.footerOptIn label {
    display: none;
}





/* A/B Testing newsletter signups */

/* Text Version */

.newsletterOverlay.textA {
    background-color: rgba(24,66,130,0.95);
    background-image: none;
    top: initial;
    bottom: 0px;
    width: 100%;
    height: 70px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    line-height: 70px;
    padding: 0px 10px;
}

.newsletterOverlay.textA .inner {
    max-width: 1292px;
    margin: 0px auto;
    text-align: center;
}

.newsletterOverlay.textA span {
    margin-right: 80px;
}

.newsletterOverlay.textA a.noThanks {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.newsletterOverlay.textA .button {
    background-color: #fff;
    margin: 0px;
    padding: 4px 60px;
    color: #18427c;
    margin-right: 20px;
}

.newsletterOverlay.textA {
  transition: left 0s;
  left: 0px;
  transition: bottom 0.5s;
  bottom: -70px;
}

.newsletterOverlay.textA.showing {
  bottom: 0px;
}

.newsletterOverlay.textA.popup-dismissed {
  left: 0px !important;
  bottom: -70px;
}





@media only screen and (max-width: 1390px) {

.newsletterOverlay.textA a.button, 
.newsletterOverlay.textA a.noThanks {
    margin: 0px; 
}

}

@media only screen and (max-width: 980px) {

.newsletterOverlay.textA {
    font-size: 16px;
}

.newsletterOverlay.textA span {
    margin-right: 20px;
}

}





@media only screen and (max-width: 767px) {

.newsletterOverlay.textA {
    width: 300px;
    height: 170px;
    line-height: 20px;
}

.newsletterOverlay.textA .inner {
    text-align: left;
    padding: 20px 10px;
}

.newsletterOverlay.textA span {
    margin-bottom: 10px;
    display: block;
    margin-right: 0px;
}

.newsletterOverlay.textA .button {
    display: block;
    margin-right: 0px;
    padding: 4px 0;
    width: 175px;
    text-align: center;
    margin-bottom: 10px;
}

.newsletterOverlay.textA {
  transition: left 0s;
  left: 0px;
  transition: bottom 0.5s;
  bottom: -175px;
}

.newsletterOverlay.textA.showing {
  bottom: 0px;
}

.newsletterOverlay.textA.popup-dismissed {
  left: 0px !important;
  bottom: -175px;
}

}





/* Image Version */

.newsletterOverlay.imageB {
    background-color: rgba(24,66,130,0.95);
    background-image: none;
    top: initial;
    bottom: 0px;
    width: 100%;
    height: 70px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    line-height: 70px;
    padding: 0px 10px;
}

.newsletterOverlay.imageB .inner {
    max-width: 1292px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

.newsletterOverlay.imageB .inner .image {
    float: right;
    position: relative;
    top: -220px;
}

.newsletterOverlay.imageB span {
    margin-right: 20px;
}

.newsletterOverlay.imageB a.noThanks {
    display: inline-block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.newsletterOverlay.imageB .button {
    background-color: #fff;
    margin: 0px;
    padding: 4px 60px;
    color: #18427c;
    margin-right: 20px;
}

.newsletterOverlay.imageB {
  transition: left 0s;
  left: 0px;
  transition: bottom 0.5s;
  bottom: -210px;
}

.newsletterOverlay.imageB.showing {
  bottom: 0px;
}

.newsletterOverlay.imageB.popup-dismissed {
  left: 0px !important;
  bottom: -210px;
}





@media only screen and (max-width: 1390px) {

.newsletterOverlay.imageB a.button, 
.newsletterOverlay.imageB a.noThanks {
    margin: 0px; 
}

.newsletterOverlay.imageB a.button {
    margin-right: 20px;
    margin-bottom: 10px;
}

}

@media only screen and (max-width: 1300px) {

.newsletterOverlay.imageB {
    font-weight: normal;
}

.newsletterOverlay.imageB .inner .image {
    top: -175px;
    width: 300px;
}

}

@media only screen and (max-width: 1159px) {

.newsletterOverlay.imageB .inner .image {
    display: none;
}

}

@media only screen and (max-width: 980px) {

.newsletterOverlay.imageB {
    font-size: 16px;
}

.newsletterOverlay.imageB span {
    margin-right: 20px;
}

}





@media only screen and (max-width: 767px) {

.newsletterOverlay.imageB {
    width: 300px;
    height: 170px;
    line-height: 20px;
}

.newsletterOverlay.imageB .inner {
    text-align: left;
    padding: 20px 10px;
}

.newsletterOverlay.imageB span {
    margin-bottom: 10px;
    display: block;
    margin-right: 0px;
}

.newsletterOverlay.imageB .button {
    display: block;
    margin-right: 0px;
    padding: 4px 0;
    width: 175px;
    text-align: center;
    margin-bottom: 10px;
}

.newsletterOverlay.imageB {
  transition: left 0s;
  left: 0px;
  transition: bottom 0.5s;
  bottom: -175px;
}

.newsletterOverlay.imageB.showing {
  bottom: 0px;
}

.newsletterOverlay.imageB.popup-dismissed {
  left: 0px !important;
  bottom: -175px;
}

}









/* ======================================
80. Breakout styles
======================================== */

#sb-adisplay .breakout {
    background-color: #3d3d3d;
    color: #fff;
    margin-left: -54px;
    margin-right: -454px;
    padding: 80px 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 30px;
    position: relative;
}

#sb-adisplay .breakout:before,
#sb-adisplay .breakout:after {
    content: "";
    position: absolute;
    left: 0px;
    width:100%;
    height: 80px;
}

#sb-adisplay .breakout:before {
    top: 0px;
    background: -moz-linear-gradient(top, rgba(46,46,46,1) 0%, rgba(46,46,46,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(46,46,46,1) 0%,rgba(46,46,46,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(46,46,46,1) 0%,rgba(46,46,46,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#002e2e2e',GradientType=0 ); /* IE6-9 */
}

#sb-adisplay .breakout:after {
    bottom: 0px;
    background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(124,184,230,0) 1%, rgba(46,46,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(124,184,230,0) 1%,rgba(46,46,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(124,184,230,0) 1%,rgba(46,46,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */
}

#sb-adisplay .breakout h3 {
    font-size: 50px;
    line-height: 52px;
}

#sb-adisplay .breakout h4 {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

@media (max-width: 1399px) {

#sb-adisplay .breakout {
  margin-left: calc(50% - 50vw + 200px);
  margin-right: calc(50% - 50vw - 200px);
}

section.featureArticle {
  overflow: hidden;
}

}

@media (max-width: 1023px) {

#sb-adisplay .breakout {
  margin-left: -20px;
  width: calc(100vw - 40px);
}

#sb-adisplay .breakout h3 {
  font-size: 40px;
  line-height: 42px;
}

}
/* ======================================
10. Structure
1000. Responsive
2000. Registration
3000. What's New
4000. Media Kit
======================================== */









/* ======================================
STRUCTURE
======================================== */

@media only screen and (max-width: 767px) {

.contentColumn.oneColumn.right #Content {
  float: none;
  width: 100%;
}

.contentColumn.oneColumn.right #InPageNav {
  float: none;
  width: 100%;
  border-right: none;
  margin-bottom: 30px;
}

.contentColumn.oneColumn.right #InPageNav nav.list {
  display: none
}

}

@media only screen and (min-width: 768px) {

.contentColumn.oneColumn.right #InPageNav nav.pulldown {
  display: none
}

}

.contentColumn.oneColumn.right #InPageNav h2 {
  margin-bottom: 10px;
}

.contentColumn.oneColumn.right #InPageNav a {
  display: block;
  line-height: 40px;
  color: #116ecf;
}

.contentColumn.oneColumn.right #InPageNav a:hover {
  color: #000;
}

.contentColumn.oneColumn.right #InPageNav .active a {
  background-color: #fff;
  margin-left: -11px;
  padding-left: 10px;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-right: -1px;
}

.contentColumn.oneColumn.right #InPageNav nav.pulldown select {
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: solid 1px #ccc;
  border-radius: 0;
  height: 34px;
}

.contentColumn.oneColumn.right #Content img {
  max-width: 100%;
  height: auto;
}

.contentColumn.oneColumn.right #Content h3 {
  margin-bottom: 6px;
}










/* ======================================
2000. REGISTRATION-RELATED
======================================== */

/* REGISTRATION STEPS */

.loginRegistration .ui-widget-content {
  color: #666;
}

.loginRegistration .ui-widget-content h2, 
.loginRegistration .ui-widget-content h3 {
  color: #000;
}

.loginRegistration input,
.passwordReset input {
  display: block;
  max-width: 400px;
  width: 100%;
  border: 1px solid #ccc;
  line-height: 30px;
  padding: 0px 10px;
  font-weight: bold;
  color: #116ecf;
  font-family: inherit !important;
  font-size: 1em;
}

.loginRegistration .login #LogIn td {
  padding-bottom: 20px;
  vertical-align: middle;
}

.loginRegistration select {
  display: block;
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  height: 30px;
  padding: 0px 10px;
  margin-top: 4px;
  font-weight: bold;
  color: #116ecf;
  font-family: inherit !important;
  font-size: 1em;
}

.loginRegistration button,
.loginRegistration .CMSSubmit,
.passwordReset .CMSSubmit {
  display: block;
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  border: none;
  line-height: 30px;
  padding: 10px;
  margin-top: 4px;
  font-weight: bold;
  background-color: #116ecf;
  font-family: inherit !important;
  color: #fff;
  border-radius: 0px;
  margin: 20px auto;
  font-size: 1em;
}

.loginRegistration .CMSSubmit {
  margin: 0px 0px 20px;
}

.loginRegistration .footnote {
  font-size: 12px;
  max-width: 400px;
  line-height: 15px;
  color: #999;
  margin-bottom: 20px;
}

.loginRegistration .field-container {
  margin-bottom: 20px;
}

.rowContainer {
  clear: both;
  margin-bottom: 40px;
}

.columnHolder {
  margin: 0px -20px;
  overflow: hidden;
  box-sizing: border-box;
}

.columnHolder.shaded {
  background-color: #f2f2f2;
}

.columnHolder.shaded h2 {
  padding-top: 20px;
}

.col-lrg-half {
  width: 50%;
  float: left;
  padding: 0px 20px;
  box-sizing: border-box;
}

.col-lrg-onethird {
  width: 33.3%;
  float: left;
  padding: 0px 20px;
  box-sizing: border-box;
}

.col-lrg-twothird {
  width: 66.6%;
  float: left;
  padding: 0px 20px;
  box-sizing: border-box;
}

.col-lrg-full {
  padding: 0px 20px;
  box-sizing: border-box;
}

.colSignIn .inner {
  background-color: #eaeffa;
  padding: 20px;
  overflow: hidden;
}

.colSignIn .login {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: dashed 1px #999;
}

.colRegister .freeBook {
  width: 165px;
  float: right;
  margin-left: 20px;
  font-weight: bold;
}

.colRegister .freeBook img {
  width: 100%;
  height: auto;
}

#Content .freeBook p {
  margin-bottom: 10px;
}

.loginRegistration .ui-widget-content {
  padding: 0px !important;
}

.loginRegistration .field-spacer {
  border-top: 1px dashed #ccc;
  height: 1px;
  margin: 30px 0;
  display: none;
}

.loginRegistration .control {
  float: left;
}

.loginRegistration .control a {
  text-transform: uppercase;
  font-size: 14px;
}

.loginRegistration .control a i {
  font-size: 18px;
  vertical-align: -1px;
}

.loginRegistration .control a:first-child {
  color: #d27070 !important;
}

.loginRegistration .description {
  margin-left: 130px;
}

.loginRegistration .description .sample {
  font-weight: normal;
}

.loginRegistration #InterestsForm .col-lrg-half {
  margin-bottom: 20px;
}

.loginRegistration #GigyaConnectionsContainer {
  margin-bottom: 20px;
}

.loginRegistration #GigyaConnectionsContainer,
.loginRegistration #GigyaConnectionsContainer .gig-edit-connections {
  width: 100% !important;
  height: 170px !important;
}

.loginRegistration #GigyaConnectionsContainer .gig-edit-connections li {
  margin-left: 0px;
  width: 44%;
  display: inline-block;
  margin-right: 3%;
}

.passwordReset {
  margin-bottom: 40px;
}

.passwordReset td {
  vertical-align: middle;
  padding-right: 5px;
  padding-bottom: 10px;
}

.passwordReset input {
  margin: 0px;
}





@media only screen and (max-width: 889px) {

.loginRegistration .hideSmall {
  display: none;
}

}

@media only screen and (max-width: 767px) {

.col-lrg-half,
.col-lrg-onethird,
.col-lrg-twothird {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}

.loginRegistration .field-spacer {
  display: block;
}

.loginRegistration button {
  margin: 20px 0;
}

}

@media only screen and (max-width: 666px) {

.loginRegistration .number {
  display: none;
}

}

@media only screen and (max-width: 480px) {

.colRegister .freeBook {
  width: 125px;
  margin-bottom: 20px;
}

.colSignIn .login #LogIn td {
  width: 100%;
  display: block;
}

}

@media only screen and (max-width: 1023px) {

.col-lrg-onethird,
.col-lrg-twothird {
  width: 100%;
  float: none;
  margin-bottom: 20px;
}

}





/* SELECTABLE TABS */

.ui-tabs-nav li {
  margin: 0px !important;
}

.registrationStep {
  background: none !important;
  border: none !important;
  border-radius: 0px !important;
  margin: 0px -3px 20px !important;
  border-bottom: solid 4px #000 !important;
}

.registrationStep li {
  border: none !important;
  background: none !important;
  color: #fff !important;
  width: 25% !important;
  display: inline-block !important;
  padding: 0px 3px !important;
}

.registrationStep a {
  color: #fff !important;
  background-color: #ccc;
  display: block;
  text-align: center;
  line-height: 36px;
  padding: 0px !important;
  width: 100%;
}

.registrationStep a:hover {
  background-color: #000;
  text-decoration: none !important;
}

.registrationStep li.current a {
  background-color: #000;
  padding-bottom: 10px;
}

.registrationStep li.ui-state-active a {
  padding-bottom: 5px !important;
  background-color: #000;
}





@media only screen and (max-width: 548px) {

.registrationStep a {
  font-size: 14px;
}

.registrationStep a .hideSmall {
  display: none;
}

}

@media only screen and (max-width: 480px) {

.registrationStep a {
  font-family: 'Roboto Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

}





/* GUIDED TABS */

.ui-corner-all {
  border-radius: 0px !important;
}

.ui-widget-content {
  border: none !important;
}

.ui-widget {
  font-family: inherit !important;
  font-size: inherit !important;
}

.ui-tabs {
  padding: 0px !important;
}

.registrationGuided {
  margin-bottom: 20px !important;
}

.registrationGuided a {
  color: #fff !important;
}

.registrationGuided li {
  border-radius: 0;
  list-style-type: none !important;
  background-color: #fff !important;
  opacity: 1 !important;
}

.registrationGuided a {
  padding: 0px 0px 0px 20px!important;
  line-height: 36px;
  margin: 0px 5px !important;
  display: block;
  float: none !important;
  background-color: #bfbfbf;
  position: relative;
}

.registrationGuided a:hover {
  text-decoration: none !important;
  pointer-events: none;
}

.registrationGuided li.ui-state-active a {
  background-color: #000;
}

.registrationGuided li:before,
.registrationGuided li:after {
  content: "";
  width: 0px;
  height: 0px;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  position: absolute;
  top: 0px;
  z-index: 5;
}

.registrationGuided li:before {
  border-left: 5px solid #fff;
  left: 5px;
}

.registrationGuided li:after {
  border-left: 5px solid #bfbfbf;
  right: 0px;
}

.registrationGuided li.ui-state-active:after {
  border-left: 5px solid #000;
}

@media only screen and (max-width: 539px) {

.registrationGuided a {
  font-family: 'Roboto Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-weight: 300;
  text-align: center;
  padding: 0px !important;
}

}

@media only screen and (max-width: 480px) {

.registrationGuided a {
  font-size: 12px;
  padding-left: 4px !important;
}

}







/* DELETE LIBRARY ITEM CONFIRM */

#AWCMinColorboxContent {
  display: table;
}

#AWCMinColorboxContent > div {
  display: table-cell !important;
  vertical-align: middle !important;
}

#AWCMinColorboxContent a.close {
  color: red !important;
  top: 5px !important;
}

#AWCMinColorboxContent a.close:before {
  content: "close";
  font-size: 12px;
  padding-right: 5px;
  vertical-align: 6px;
}

#AWCMinColorboxContent > div h2 {
  color: #116ecf;
  margin-bottom: 20px;
}

#AWCMinColorboxContent > div a {
  color: #116ecf;
  text-decoration: underline;
}

#AWCMinColorboxContent > div p {
  margin-bottom: 20px;
}

.articleList .close {
  display: none;
}

#LightboxDeleteConfirmation {
  display: table-cell !important;
  vertical-align: middle;
}

#LightboxDeleteConfirmation h2 {
  color: #116ecf;
  margin-bottom: 20px;
}

#LightboxDeleteConfirmation p {
  margin-bottom: 20px;
}

#LightboxDeleteConfirmation button {
  border-radius: 3px;
  font-size: 16px;
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #666;
  box-shadow: none;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  margin: 0px 5px;
  background-color: #ddd;
}

#LightboxDeleteConfirmation button.confirm {
  background-color: #116ecf;
  color: #fff;
}









/* What's New */

/* ======================================
3000. WHAT'S NEW
======================================== */

.whatsNew {
  position: relative;
}

.whatsNew * {
    box-sizing: border-box;
}

.whatsNew .max800 {
  max-width: 800px;
  margin: 0px auto;
}

.whatsNew .margin-bottom-50 {
  margin-bottom: 50px;
}

.whatsNew .text {
  font-size: 22px;
  line-height: 32px;
}

.whatsNew .title {
  font-size: 44px;
  line-height: 44px;
}

.whatsNew .float-right {
  float: right;
}

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

.whatsNew .image {
/*  background-color: #f3f3f3; */
  padding: 20px;
  text-align: center;
}

.whatsNew .image img {
/*  border: solid 1px #333; */
}

.whatsNew .text {
  padding: 56px 40px 0px;
  text-align: right;
}

.whatsNew .text.align-left {
  text-align: left;
}

.whatsNew .text.float-right {
  text-align: left;
}

/* Bottom Section */

.whatsNew .imageholder-one,
.whatsNew .imageholder-two {
  margin: 0px -10px;
  overflow: hidden;
}

.whatsNew .imageholder-two .image {
  width: 50%;
  float: left;
  padding: 10px;
}

.whatsNew .imageholder-one .image {
  padding: 10px;
}

.whatsNew .text.fullwidth {
  padding: 56px 0px 10px;
  text-align: center;
}

@media only screen and (max-width: 767px) {

.whatsNew .float-right {
  float: none;
}

.whatsNew .text,
.whatsNew .text.float-right {
  text-align: center;
  background-color: #f3f3f3;
  margin-bottom: 0px;
  padding-top: 20px;
}

.whatsNew .text.float-right.align-left {
  text-align: left;
}

.whatsNew .text br {
  display: none;
}

.whatsNew .image {
  margin-bottom: 40px;
}

}

@media only screen and (max-width: 666px) {

.whatsNew .imageholder-two .image {
  max-width: 380px;
  float: none;
  width: auto;
  margin: 0px auto;
  padding: 0px;
  margin-bottom: 10px;
}

}

@media only screen and (max-width: 480px) {

.whatsNew .imageholder-one,
.whatsNew .imageholder-two {
  margin: 0px;
  padding: 0px 20px;
}

}

@media only screen and (max-width: 480px) {

.whatsNew .title {
  font-size: 30px;
  line-height: 30px;
}

}

/* Digital and Mobile */

.whatsNew .sectionTitle {
  margin-bottom: 10px;
}

.whatsNew .text .otherContent {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  text-align: left;
}

.whatsNew .wrapper {
  overflow: hidden;
  margin-bottom: 30px;
}

.whatsNew .text .otherContent p {
  margin-bottom:14px;
}

.whatsNew .button {
  margin-bottom:10px !important;
  font-weight: bold;
}

.whatsNew .button a {
  display: block;
  background-color: #116ecf;
  color: #fff !important;
  line-height: 30px;
  text-align: center;
  font-family: Roboto;
  line-height: 16px;
  padding: 8px 5px;
  text-decoration: none !important;
  max-width: 300px;
}

.whatsNew .button a:hover {
  text-decoration: none !important;
  background-color: #999;
  text-shadow: none;
}

.whatsNew .thumb {
  width: 40%;
  max-width: 150px;
  margin-right: 20px;
  float: left;
}

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

@media only screen and (max-width: 480px) {

.whatsNew .thumb {
  width: 90px;
}

.whatsNew .text .otherContent {
  overflow: visible;
}

}










/* ======================================
4000. MEDIA KIT
======================================== */

.navColumn .contentColumn.oneColumn {
    float: right;
    width: calc(100% - 250px);
}

@media only screen and (max-width: 1023px) {
.contentColumn {
    clear: none;
}
}

#InPageNav {
    float: left;
    background-color: #eee;
    width: 200px;
    padding: 20px 0px 20px 20px;
    border-right: solid 1px #ccc;
}

#InPageNav a {
    display: block;
    line-height: 40px;
    color: #116ecf;
    text-decoration: none;
}

#InPageNav .active a {
    background-color: #fff;
    margin-left: -11px;
    padding-left: 10px;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    margin-right: -1px;
}

#InPageNav a:hover {
    color: #000;
}

@media only screen and (min-width: 768px) {
#InPageNav nav.pulldown {
    display: none;
}
}

@media only screen and (max-width: 767px) {
#InPageNav nav.list {
    display: none;
}

#InPageNav {
    float: none;
    width: calc(100% - 20px);
    border-right: none;
    margin-bottom: 30px;
}

.navColumn .contentColumn.oneColumn {
    float: none;
    width: 100%;
}
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    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: 'slick';
    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: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 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: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    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;
}
/* 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);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.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;
}
.slick-arrow.slick-hidden {
    display: none;
}
@media print {
/* Print Styles */

/* Hide Elements */

#PrimaryNav,
.ad-leaderboard,
.sharing.top,
.pullquote .social,
.sharing.counts,
.utilityColumn,
#NewsletterSignup,
#PageBottom728,
#Footer-Main .column.md-9.sm-12,
#Recommended3,
#sb-adisplay .imageShare ul.social,
#sb-adisplay .zoomable a[class*="cboxElement"]:before,
#sb-adisplay .zoomable a[class*="cboxElement"]:after,
inArticleAdWrapper,
#sb-adisplay .breakout:before,
#sb-adisplay .breakout:after,
#sb-adisplay .sponsorButton {
    display: none;
}




.mainContainer {
    padding-top: 20px !important;
}

.contentColumn {
    width: 100%;
    padding-right: 0px;
    float: none;
}

#Footer-Main {
    padding: 20px 0px;
}

#Footer-Main .column.md-3.sm-12 {
    width: 100%;
}




/* .mainContainer:before {
    content: "";
    width: 300px;
    height: 50px;
    background-image: url(/media/image/sb-t-sb_logo_print.gif);
    display: block;
    margin-left: 20px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: contain;
} */

.mainContainer:before {
    content: url(/media/image/sb-t-sb_logo_print.gif);
    margin-left: 20px;
}




/* Recent updates */

.introAndByline .featurebrand,
#gdpr-cookie-notice-handle,
.newsletterOverlay,
#sb-adisplay .articleList.related,
.inArticleOptIn,
#Footer-Main .bp-Series,
#Footer-Main .bp-Links,
#Footer-Main .bp-Social,
#Footer-Main .bp-Categories,
#Footer-Main .bp-Nav,
.bp-Text table {
    display: none;
}

#sb-adisplay .content {
    font-size: 15px;
    line-height: 28px;
}

#Footer-Main {
    background-color: #fff;
    color: #000;
}

#Footer-Main a {
    color: #000;
    text-decoration: underline !important;
}

#Footer-Main {
    padding: 0px 20px;
}

#Footer-Main div {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}

#sb-adisplay h1 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

#sb-adisplay h3 {
    font-size: 24px;
}

#sb-adisplay div.imageShare {
    padding-top: 0px;
}

#sb-adisplay .breakout {
    font-size: 15px;
    color: #000;
    background-color: #fff;
    margin: 0 0 24px !important;
    padding: 30px 0px 10px;
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
}

#sb-adisplay .breakout a {
    color: #000;
}

#sb-adisplay .resources {
    font-size: 13px;
}

}

/*** ESSENTIAL STYLES ***/
.awcgn-oc-menu, .awcgn-oc-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.awcgn-oc-menu {
    line-height:    1.0;
}
.awcgn-oc-menu ul {
    position:       absolute;
    width:          10em; /* left offset of submenus need to match (see below) */
    display: none;
}
.awcgn-oc-menu ul li {
    width:          100%;
}
.awcgn-oc-menu li {
    float:          left;
    position:       relative;
}
.awcgn-oc-menu a {
    display:        block;
    position:       relative;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
.continue span,
.continue svg {
    display: none;
}

.continue:after {
    content: "»";
}

.prestitial-window-block {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity .5s ease-out .1s;
  width: 100%;
  z-index: 200020;
  max-width: 100%;
  cursor: pointer;
}

.prestitial-backdrop-darker {
  background: transparent;
}

.prestitial-iframe {
  border: 0;
  height: 480px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 640px;
}

.prestitial-container {
  left: 50%;
  margin-left: -320px;
  margin-top: -300px;
  min-height: 550px;
  position: absolute;
  text-align: left;
  top: 50%;
background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

.prestitial-container .prestitialHeader {
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
  width: 640px;
    overflow: hidden;
}

.prestitial-container .prestitialHeader:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: #fff;
  display: block;
  position: absolute;
  bottom: -15px;
  right: -15px;
  border-radius: 50px;
  background-image: url(/media/file/sb-t-close_button.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: solid 2px #000;
  display: none; /* added to remove close button */
}

.prestitial-container .prestitialHeader .logo {
  float: left;
  width: 270px;
    height: 30px;
}

.prestitial-container .prestitialHeader .skip {
  float: right;
  font-family: 'Roboto Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 25px;
  padding-top: 3px;
  text-align: right;
  transition: all 0.2s;
  width: 240px;
}

.prestitial-container .adLabel {
  font-size: 10px;
  color: #aaa;
  padding-top: 10px;
}

.prestitial-container .continue span svg {
  width: 7px;
  height: auto;
}

.prestitial-container .continue span svg path {
  fill: #ccc;
}




/* new blur prestitial styles */

.prestitial-blur {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0.8;
}

.prestitial-container .prestitialHeader .logo img {
    display: none;
}

.prestitial-container .prestitialHeader .logo:after {
    content: "advertisement";
    line-height: 30px;
    color: #999;
}

.prestitial-container .prestitialHeader .logo img {
    display: none;
}
/* ************
 * These Styles are Generated From a source file
 * Please do not edit
 */
#SaveToLibraryWidget a.widget {
  display: block;
  padding: 2px 6px;
  width: 1.4rem;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.8rem;
  text-decoration: none;
  background-color: blue;
  color: white;
}
/* ************
 * Lightbox Styles
 */
#AWCMinColorboxContent,
#AWCMinColorboxOverlay {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 9999;
}
/* ************
 * Overlay
 */
#AWCMinColorboxOverlay {
  height: 100%;
  width: 100%;
  position: fixed;
  opacity: 0.85;
  background: black;
}
/* ************
 * Content
 */
#AWCMinColorboxContent {
  background: #f7f7f7;
  border: 4px solid #555;
  border-radius: 4px;
  outline: 0;
  top: 10%;
  height: 80%;
  left: 10%;
  width: 80%;
}
#AWCMinColorboxContent a.close {
  text-decoration: none;
  position: absolute;
  top: 0px;
  right: 12px;
  font-size: 2rem;
  color: #999;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.lightbox-status {
  text-align: center;
}
.lightbox-status h2 {
  font-size: 2rem;
  margin-top: 16px;
}
/* ************
 * Spinner
 */
.spinner {
  margin: 20px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}