@charset "UTF-8";

/* ======================================
ARTICLE LISTING STYLES 
========================================
10 Shared
20. Main Feature
30. Stacked
40. Thumb Left
50. Sidebar
60. Miscellaneous
100. Home Page Category
200. Library
300. Author Article List
500. native Ads
*/










/* ======================================
10. Shared
======================================== */

.articleList,
.articleList.thumbLeft .title,
.recommendedOnSA h3.title,
.articleList.pastIssuesPulldown .title,
#Recommended .title,
.articleList.authoredArticles .title,
#TOCarchiveList h2,
#TOCarchiveList .byline {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.articleList.thumbLeft .title,
.articleList.sidebar.smallList .title {
  font-family: 'Roboto', 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

.articleList {
  margin-bottom: 40px;
}

.articleList li {
  margin-left: 0px !important;
  list-style-type: none !important;
}

.articleList .category a,
#sb-adisplay .articleList.thumbLeft h2,
.articleList.sidebar h2,
.articleList.sidebar h2 a,
.articleList .intro a,
.articleList.categoryList .category a {
  color: #116ecf;
  text-decoration: none !important;
}

.articleList .category a:hover,
.articleList .intro a:hover,
.articleList.categoryList .category a:hover,
.articleList.sidebar h2 a:hover {
  text-decoration: underline !important;
}

.articleList li,
.articleList article {
  position: relative;
  list-style-type: none;
  vertical-align: top;
}

.articleList .title,
.articleList .intro {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: normal;
}

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

.articleList .title a:hover {
  text-decoration: underline !important;
}

.articleList.stacked .category,
.articleList.thumbLeft .category {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.articleList .authors,
.articleList .date,
.articleList .tags {
  font-size: 12px;
  color: #999;
  line-height: 14px;
}

.articleList .intro {
  font-size: 14px;
  line-height: 18px;
}

.articleList .intro a {
  text-decoration: underline;
}

.articleList .thumb {
  position: relative;
}

.articleList .thumb img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.articleList .thumb a {
  display: block;
}

.articleList .thumb a:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.articleList .text .title,
.articleList .text .category,
.articleList .text .authors,
.articleList .text .date,
.savedArticles .title,
.savedArticles .authors {
  margin-bottom: 5px !important;
}

/* Feature Type Definitions */

.articleList .featureType {
  position: absolute;
  top: -10px;
  left: -10px;
  font-size: 12px;
  font-weight: bold;
}

.articleList .featureType a {
  text-decoration: none !important;
}

.articleList .featureType span.blog {
  background-color: #c9da29;
  padding: 0px 5px;
  line-height: 25px;
  display: block;
  color: #000;
  position: relative;

}

.articleList .featureType span.blog:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #c8da29 transparent transparent;
  position: absolute;
  left: 0px;
  bottom: -10px;
}

.articleList .featureType span.youngprofs,
.articleList .featureType span.sb20years {
  width: 53px;
  height: 53px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.youngprofs:after,
.articleList .featureType span.sb20years:after {
  content: "";
  width: 53px;
  height: 53px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 53px 53px;
  background-position: 0px 0px;
}

.articleList .featureType span.youngprofs:after {
  background-image: url(/media/image/sb-t-young-profs_mainpg-icon.jpg);
}

.articleList .featureType span.sb20years:after {
  background-image: url(/media/image/sb-t-20_years_mainpg-icon.gif);
}

.articleList .featureType span.bestbooks {
  display: none;
}

.articleList .featureType span.capabledealmaker {
  width: 92px;
  height: 45px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.capabledealmaker:after {
  content: "";
  width: 92px;
  height: 45px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 92px 45px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-capable_dealaker-icon.gif);
}

.articleList .featureType span.outlook {
  width: 65px;
  height: 35px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.outlook:after {
  content: "";
  width: 65px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 65px 35px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-outlook-icon.gif);
}

.articleList .featureType span.outlook201721 {
  width: 65px;
  height: 35px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.outlook201721:after {
  content: "";
  width: 65px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 65px 35px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-outlook201721-icon.png);
}

.articleList .featureType span.digitalleadership {
  width: 84px;
  height: 45px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.digitalleadership {
  content: "";
  width: 84px;
  height: 45px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 84px 45px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-digilandscape-icon.gif);
}

.articleList .featureType span.criticalfew {
  width: 104px;
  height: 48px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.criticalfew:after {
  content: "";
  width: 104px;
  height: 48px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 104px 48px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-TheCriticalFew-icon-104x48.png);
}

.articleList .featureType span.talkingmybook {
  width: 47px;
  height: 35px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.talkingmybook:after {
  content: "";
  width: 47px;
  height: 35px;
  position: absolute;
  top: 1px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 47px 35px;
  background-position: 0px 0px;
/*  background-image: url(/media/image/sb-t-talking_my_book-47x35b.png);  */
}

.articleList .featureType span.insidethemindoftheceo {
    width: 45px;
    height: 50px;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    position: relative;
}

.articleList .featureType span.insidethemindoftheceo {
    content: "";
    width: 45px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: 45px 50px;
    background-position: 0px 0px;
    background-image: url(/media/image/sb-t-inside-the-mind-logo.gif);
}

.articleList .featureType span.pwcsEntertainmentMediaOutlook {
  width: 101px;
  height: 35px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  position: relative;
}

.articleList .featureType span.pwcsEntertainmentMediaOutlook:after {
  content: "";
  width: 101px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-size: 101px 35px;
  background-position: 0px 0px;
  background-image: url(/media/image/sb-t-pwc_outlook_logo-icon.png);
}





/* Authors punctuation */

/* .articleList .authors .author:before {
  content: ", and ";
  margin-left: -2px;
}

.articleList .authors .author:not(:last-child):before {
  content: ", ";
  margin-left: -2px;
}

.articleList .authors .author:first-child:before {
  content: "by ";
  margin-left: 0px;
} */









/* ======================================
20. Main Feature
======================================== */

.articleList.mainFeature {
  background-color: #000;
}

.articleList.mainFeature .thumb a:before {
  -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
}

.articleList.mainFeature .text {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 15px 20px 30px;
}

.articleList.mainFeature .text { /* BLENDS */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,1) 40%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(40%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 40%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 40%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 40%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 40%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.articleList.mainFeature .text .title {
  font-size: 28px;
  line-height: 28px;
}

.articleList.mainFeature .text .intro {
  font-size: 16px;
}

.articleList.mainFeature .text .title a,
.articleList.mainFeature .text .intro,
.articleList.mainFeature .text .intro a {
  color: #fff !important;
}

.articleList.mainFeature .text .title,
.articleList.mainFeature .text .authors {
  margin-bottom: 8px;
}

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

.articleList.mainFeature .text {
  position: relative;
  top: auto;
  margin-top: -10%;
}

.articleList.mainFeature .text { /* BLENDS */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,1) 20%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(20%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 20%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 20%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 20%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 20%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

}

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

.alistSection.feature {
  margin-left: -10px;
  margin-right: -10px;
}

.articleList.mainFeature .text {
  padding: 10px 10px 20px;
}

}

/* Carousel Version */

.articleList.mainFeature.carousel {
  width: 654px;
}

.articleList.mainFeature.carousel .rsDefault,
.articleList.mainFeature.carousel .rsOverflow,
.articleList.mainFeature.carousel .rsContainer {
  width: 100% !important;
  height: 375px !important;
}

.articleList.mainFeature.carousel .articleList li, 
.articleList.mainFeature.carousel .articleList article {
  position: initial;
}

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

.articleList.mainFeature.carousel {
  max-width: 100%;
  width: auto;
}

}

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

.articleList.mainFeature.carousel .rsDefault,
.articleList.mainFeature.carousel .rsOverflow,
.articleList.mainFeature.carousel .rsContainer {
  height: 380px !important;
}

}

.articleList.mainFeature.carousel li {
  position: absolute;
  width: 100%;
  height: 100%;
}

.articleList.mainFeature.carousel article {
  width: 100%;
  height: 100%;
}

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

.articleList.mainFeature.carousel .rsDefault,
.articleList.mainFeature.carousel .rsOverflow,
.articleList.mainFeature.carousel .rsContainer {
  height: 340px !important;
}

.articleList.mainFeature.carousel .text {
  position: absolute;
}

}








/* ======================================
30. STACKED
======================================== */

.articleList.stacked {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0px;
}

.articleList.stacked li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px !important;
}

.articleList.stacked.oneColumn li {
  width: 100%;
  margin-bottom: 20px !important;
}

.articleList.stacked article {
  padding: 0px 20px;
}

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

.articleList.stacked .thumb a:before {
  -webkit-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 100px 0px rgba(0,0,0,0.1);
}

.articleList.stacked .title,
.savedArticles .title {
  font-size: 20px !important;
  line-height: 24px !important;
}

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

.articleList.stacked {
  margin-left: -10px;
  margin-right: -10px;
}

.articleList.stacked article {
  padding: 0px 10px;
}

}

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

.articleList.stacked {
  margin-left: -5px;
  margin-right: -5px;
}

.articleList.stacked article {
  padding: 0px 5px;
}

}

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

.articleList.stacked li {
  display: block;
  width: 100%;
}

.articleList.stacked {
  margin-left: 0;
  margin-right: 0;
}

.articleList.stacked article {
  padding: 0;
}

}





/* For Table of Contents */

.coverInfo .articleList.stacked li {
  display: block;
  width: 100%;
  padding-right: 20px;
}










/* ======================================
40. THUMB LEFT
======================================== */

.articleList.thumbLeft article {
  margin-bottom: 30px;
}

.articleList.thumbLeft .thumb {
  float: left;
  width: 140px;
  height: 75px;
  background-image: url(/media/image/sb-t-default-thumb-140x75.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.articleList.thumbLeft .thumb.autoheight {
  height: auto;
}

.articleList.thumbLeft .thumb a:before {
  -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
}

.articleList.thumbLeft .title {
  font-size: 15px !important;
  line-height: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
}

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

.articleList.thumbLeft .text {
  overflow: hidden;
  border-top: solid 1px #ccc;
  padding-top: 10px;
  margin-left: 170px;
}

/* IN-ARTICLE-OVERRIDES */

#sb-adisplay .articleList.thumbLeft h2 {
  font-size: 15px !important;
  text-transform: uppercase !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
}

#sb-adisplay .articleList.thumbLeft .thumb {
  width: 150px;
}

#sb-adisplay .articleList.thumbLeft.noThumb .thumb {
  display: none;
}

#sb-adisplay .articleList.thumbLeft .text {
  margin-left: 160px;
}

#sb-adisplay .articleList.thumbLeft.noThumb .text {
  margin-left: 0px;
}

#sb-adisplay .articleList.thumbLeft.fullWidth .text {
  margin-left: 170px;
}

#sb-adisplay .articleList.thumbLeft .text .title {
  margin-bottom: 8px !important;
  line-height: 18px !important;
}

#sb-adisplay .articleList.thumbLeft {
  width: 310px;
  margin-right: 35px;
  float: left;
  clear: left;
}

#sb-adisplay .articleList.thumbLeft .authors {
  line-height: 14px !important;
}

#sb-adisplay .articleList.thumbLeft {
  margin-bottom: 0px;
}

#sb-adisplay .articleList.thumbLeft.related .thumb a {
  position: relative;
}



/* GRID STYLE */

.articleList.thumbLeft.grid .title {
  white-space: pre;
}

.articleList.thumbLeft.grid .title .break {
  white-space: normal;
}

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

.articleList.thumbLeft.grid li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.articleList.thumbLeft.grid article {
  padding: 0px 20px;
}

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

.articleList.thumbLeft.grid .text {
  margin-left: 150px;
}

}

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

.articleList.thumbLeft.grid .text {
  margin-left: 170px;
}

.articleList.thumbLeft.grid {
  margin: 0px;
}

.articleList.thumbLeft.grid li {
  width: 100%;
  display: block;
  margin-bottom: 0px;
}

.articleList.thumbLeft.grid article {
  padding: 0px;
}

}

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

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

.articleList.thumbLeft.grid li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
}

.articleList.thumbLeft.grid article {
  padding: 0px 20px;
}

}

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

.articleList.thumbLeft.grid .text {
  margin-left: 150px;
}

}

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

.articleList.thumbLeft.grid .text {
  margin-left: 170px;
}

.articleList.thumbLeft.grid {
  margin: 0px;
}

.articleList.thumbLeft.grid li {
  width: 100%;
  display: block;
  margin-bottom: 0px;
}

.articleList.thumbLeft.grid article {
  padding: 0px;
}

}

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

#sb-adisplay .articleList.thumbLeft {
  width: 100%;
  float: none;
  margin-right: 0px;
  padding-top: 10px;
  margin-bottom: 40px;
  overflow: hidden;
  border-bottom: 1px dashed #ccc;
}

}

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

.articleList.thumbLeft li {
  border-top: solid 1px #ccc;
  padding-top: 20px;
}

.articleList.thumbLeft li:first-child {
  border-top: none;
  padding-top: 0px;
}

.articleList.thumbLeft article {
    margin-bottom: 20px;
}

.articleList.thumbLeft .thumb {
  float: none;
  margin-bottom: 8px;
}

#sb-adisplay .articleList.thumbLeft .thumb {
  float: left;
}

.articleList.thumbLeft .text {
  margin-left: 0px;
  border-top: none;
  padding-top: 0px;
}

.articleList.thumbLeft.grid .thumb {
  width: 120px;
  float: left;
}

.articleList.thumbLeft.grid .text {
  margin-left: 140px;
}

#sb-adisplay .articleList.thumbLeft.fullWidth li {
    border-top: none;
    padding-top: 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px !important;
}

#sb-adisplay .articleList.thumbLeft.fullWidth .text {
  margin-left: 170px;
}

#sb-adisplay .articleList.thumbLeft.fullWidth .thumb {
  float: none;
  height: auto;
}

#sb-adisplay .articleList.thumbLeft.fullWidth .text {
  margin-left: 0px;
}

}










/* ======================================
50. SIDEBAR
======================================== */

.articleList.sidebar {
  padding: 20px 10px 0px;
  background-color: #f4f4f4;
  border: solid 1px #b6b6b6;
  position: relative;
  clear: both;
  margin: 0px auto 40px;;
}

.articleList.sidebar article {
  margin-bottom: 40px;
}

.articleList.sidebar li:last-child article {
  margin-bottom: 20px;
}

.articleList.sidebar h2 {
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.articleList.sidebar h2 a:hover {
  text-decoration: underline;
}

.articleList.sidebar .title {
  font-weight: bold;
  line-height: 18px;
}

.articleList.sidebar .authors {
  margin-bottom: 4px;
}

.sidebar-300 .articleList.stacked.oneColumn li {
  padding-bottom: 30px;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #ccc;
}

.sidebar-300 .articleList.stacked.oneColumn li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px !important;
  border-bottom: none;
}


.articleList.sidebar .thumb {
  margin-bottom: 8px;
}

.articleList.sidebar+p {
  display: none;
}

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

.articleList.sidebar {
  margin-bottom: 0px;
}

.articleList.sidebar ul {
  margin: 0px -10px;
}
.articleList.sidebar li {
  width: 50%;
  display: inline-block;
}

.articleList.sidebar li article {
  padding: 0px 10px;
}

}

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

.articleList.sidebar {
  margin-bottom: 30px;
}

}

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

.articleList.sidebar {
  margin-left: -10px;
  margin-right: -10px;
}

.articleList.sidebar ul {
  margin: 0px;
}

.articleList.sidebar li {
  width: 100%;
  display: block;
}

.articleList.sidebar li article {
  padding: 0px;
}

}





/* Article List Small */

.articleList.sidebar.smallList {
  border: none;
  padding: 0px;
  margin: 0px auto;
}

.articleList.sidebar.smallList h2 {
  background-color: #000;
  padding: 10px;
  margin-bottom: 10px;
}

.articleList.sidebar.smallList h2,
.articleList.sidebar.smallList h2 a {
  color: #fff !important;
}

.articleList.sidebar.smallList ul {
  padding: 0px 5px;
}

.articleList.sidebar.smallList li {
  width: 50%;
  display: inline-block;
}

.articleList.sidebar.smallList article {
  padding: 0px 5px;
  margin-bottom: 25px;
}






.articleList .articleType {
  float: left;
/*  width: 22px; */
/*  height: 18px; */
  overflow: hidden;
  display: block;
  position: relative;
/*  margin-right: 5px; */
}

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

.articleList .articleType .podcast,
.articleList .articleType .video,
.articleList .articleType .interactive,
.articleList .articleType .slideshow,
.articleList .articleType .infographic {
  width: 22px;
  margin-right: 5px;
/*  top: -3px; */
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  margin-bottom: 0px !important;
  height: auto !important;
}

#sb-adisplay .articleList .articleType .podcast,
#sb-adisplay .articleList .articleType .video,
#sb-adisplay .articleList .articleType .interactive,
#sb-adisplay .articleList .articleType .slideshow {
  top: -3px;
  height: 25px !important;
}

.articleList .articleType .blog {
  width: 0px;
}

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

.articleList .articleType span:before {
  font-family: FontAwesome;
  position: absolute;
  top: 1px;
  left: 2001px;
  color: #00adee;
  width: 22px;
  font-size: 18px;
}

.articleList .articleType span.video:before {
  content: "\f03d";
}

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

.articleList .articleType span.interactive:before {
  content: "\f0a6";
  left: 2002px;
}

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

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










/* ======================================
60. Miscellaneous
======================================== */

.homeBottom300 {
  float: right;
  padding-left: 25px;
  border-left: solid 1px #ddd;
}

.recommendedOnSA {
  background-color: #eee;
  padding: 30px 20px 20px;
  border: solid 1px #ccc;
  position: relative;
  font-size: 14px;
  margin-right: 350px;
  margin-left: 170px;
}

.recommendedOnSA:before {
  content: "";
  border-top: solid 10px #000;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
}

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

.recommendedOnSA h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}

.recommendedOnSA h3 {
  text-transform: uppercase;
  margin-bottom: 5px;
}

.recommendedOnSA a {
  color: #000 !important;
}

.recommendedOnSA .social {
  font-size: 12px;
}

.recommendedOnSA .social img {
  vertical-align: sub;
  margin-left: 5px;
}

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

.recommendedOnSA {
  margin-left: 0px;
}

}

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

.homeBottom300 {
  float: none;
  padding-left: 0;
  border-left: none;
  width: 300px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  margin: 0px auto 30px;
}

.recommendedOnSA {
  margin-right: 0px;
}

}





/* Past Issues Pulldown */

.issuePulldownNav {
  width: 216px;
  float: right;
  margin-top: 5px;
  position: relative;
  z-index: 5;
  margin-left: 20px;
}

.issuePulldownNav .listMenu,
.issuePulldownNav .listMenu li {
  list-style-type: none !important;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.issuePulldownNav .listMenu > a {
  width: 216px;
  background-color: #333;
  display: block;
  line-height: 26px;
  color: #fff !important;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0px 10px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none !important;
}

.issuePulldownNav .listMenu > a:after {
  content: "\f0d7";
  font-family: FontAwesome;
  float: right;
}

.issuePulldownNav .listMenu.sfHover > a:after {
  content: "\f00d";
}

.issuePulldownNav .browseLink {
  width: 216px;
  background-color: #333;
  padding-top: 10px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff !important;
  font-size: 12px;
  padding-bottom: 7px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.issuePulldownNav .browseLink a,
.issuePulldownNav .browseLink span {
  color: #fff !important;
  padding: 7px;
}

.articleList.pastIssuesPulldown {
  width: 216px;
  background-color: #333;
  overflow: hidden;
  font-size: 10px;
  margin-top: -20px;
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.articleList.pastIssuesPulldown .wrapper {
  padding: 7px;
  float: left;
  min-height: 170px;
}

.articleList.pastIssuesPulldown .thumb {
  width: 94px;
  margin-bottom: 4px;
}

.articleList.pastIssuesPulldown .title {
  white-space: pre;
  font-size: 12px;
  line-height: 14px;
}

.articleList.pastIssuesPulldown .title a {
  color: #fff !important;
}

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

.issuePulldownNav {
  float: none;
  margin-top: 0px;
  margin-left: 0px;
  min-height: 40px;
}

}





/* RECOMMENDED FOR YOU */

section#Recommended {
  background-color: #555555;
  padding: 15px 0px;
  max-width: 100%;
  margin-bottom: 50px;
}

#Recommended .recommendedBar {
  max-width: 994px;
  margin: 0px auto;
  position: relative;
}

#Recommended h2.bucketTitle {
  position: absolute;
  margin-top: -40px;
  padding-left: 60px;
}

#Recommended .articleList {
  margin-bottom: 0px;
}

#Recommended .itemsWrapperOuter {
  margin-left: 60px;
  margin-right: 64px;
  position: relative;
  overflow: hidden;
}

#Recommended .itemsWrapper {
  width: 20000px;
}

#Recommended li {
  width: 290px;
  float: left;
  padding-right: 20px;
}

#Recommended .thumb {
  width: 150px;
  float: left;
}

#Recommended .title {
  margin-left: 160px;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
}

#Recommended .title a {
  color: #fff !important;
}

#Recommended .prevArrow,
#Recommended .nextArrow {
  position: absolute;
  top: 0px;
  width: 60px;
  font-size: 50px;
}

#Recommended .prevArrow a,
#Recommended .nextArrow a {
  line-height: 80px;
  display: block;
  color: #fff;
}

#Recommended .prevArrow {
  left: 0px;
  text-align: left;
}

#Recommended .nextArrow {
  right: 0px;
  text-align: right;
}

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

#Recommended .prevArrow,
#Recommended .nextArrow {
  display: none;
}

#Recommended .itemsWrapperOuter {
  margin-left: 0px;
  margin-right: 0px;
  overflow-x: scroll;
}

#Recommended .recommendedBar {
  max-width: 100%;
}

#Recommended li {
  padding: 10px;
}

}





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

section#Recommended {
  margin-top: 40px;
}

#Recommended .recommendedBar {
  max-width: 768px;
  padding: 0px 10px;
}

#Recommended .itemsWrapperOuter {
  overflow-x: hidden !important;
}

#Recommended h2.bucketTitle {
  padding-left: 10px;
}

#Recommended .itemsWrapper {
  width: auto;
}

#Recommended li {
  padding: 0px 10px;
  margin-bottom: 30px;
  width: 25%;
  float: none;
  display: inline-block;
}

#Recommended .thumb {
  width: 100%;
  float: none;
  margin-bottom: 5px;
}

#Recommended .title {
  margin-left: 0px;
}

}





@media only screen and (max-width: 666px) {
  
#Recommended h2.bucketTitle {
  padding-left: 20px;
}

#Recommended li {
  width: 33%;
}

}





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

#Recommended .recommendedBar {
    padding: 0px;
}

#Recommended li {
  width: 50%;
}

}





/* TOC Archive List */

#TOCarchiveList .sb-articlewrapper {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 30px;
}

#TOCarchiveList .category {
  display: none;
}

#TOCarchiveList h2 {
  font-size: 15px !important;
  line-height: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#TOCarchiveList h2 a {
  color: #000 !important;
}

#TOCarchiveList .byline {
  font-size: 12px;
  color: #999;
  line-height: 14px;
  margin-bottom: 5px;
}

#TOCarchiveList p {
  margin: 0px !important;
}












/* ======================================
100. Home Page Category
======================================== */

.articleList.categoryList {
  overflow: hidden;
  margin-bottom: 0px;
}

.articleList.categoryList ul {
  font-size: 0px;
  margin-left: -18px;
  margin-right: -18px;
  text-align: center;
}

.articleList.categoryList li {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  text-align: left;
}

.articleList.categoryList article {
  padding: 0px 18px;
  margin-bottom: 10px;
}

.articleList.categoryList article:last-child {
  margin-bottom: 0px;
}

.articleList.categoryList .category {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  min-height: 40px;
}

.articleList.categoryList article:not(:first-child) .category, 
.articleList.categoryList article:not(:first-child) .thumb {
  display: none;
}

.articleList.categoryList .thumb {
  margin-bottom: 5px;
}

.articleList.categoryList .thumb a:before {
  -webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.1);
}

.articleList.categoryList article:first-child .title {
  font-weight: bold;
}

.articleList.categoryList .divider {
  height: 1px;
  overflow: hidden;
  background-color: #ccc;
  margin-left: 15px;
  margin-right: 15px;
  border-top: solid 20px #fff;
  border-bottom: solid 20px #fff;
  padding-bottom: 1px;
}

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

.articleList.categoryList {
  border-bottom: solid 1px #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.articleList.categoryList .divider:last-child {
  display: none;
}

}

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

.articleList.categoryList ul {
  margin-top: -21px;
}

.articleList.categoryList .divider {
  display: none;
}

.articleList.categoryList li {
  width: 25%;
}

.articleList.categoryList article:first-child .category {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px #ccc;
  height: 60px;
}

}

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

.articleList.categoryList article {
  padding: 0px 10px;
}

.articleList.categoryList ul {
  margin-left: -10px;
  margin-right: -10px;
}

}

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

.articleList.categoryList li {
  width: 33.3%;
}

}

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

.articleList.categoryList li {
  width: 50%;
}

}

@media only screen and (min-width: 1024px) {

.articleList.categoryList {
  background-image: url(/media/image/sb-t-home-category-dividers.png);
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

}










/* ======================================
200. LIBRARY
======================================== */

.savedArticles ul {
  margin: 0px -10px;
}

.savedArticles li {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}

.savedArticles article {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 40px;
}

.savedArticles .thumb {
  margin-bottom: 8px;
}

.savedArticles .delete a {
  color: red !important;
  position: absolute;
  top: -10px;
  right: 0px;
}

.savedArticles .delete a:hover {
  color: black;
}

.savedArticles .delete a i {
  background-color: #fff;
  border-radius: 50px;
  font-size: 24px;
  padding: 5px;
  height: 30px;
  width: 30px;
  line-height: 20px;
}

.savedArticles .sharing {
  font-size: 12px;
  color: #999;
  padding-top: 10px;
}

.savedArticles .sharing a {
  display: inline-block;
  font-size: 30px;
}

.savedArticles .sharing .label {
  line-height: 30px;
  display: inline-block;
  display: table-cell;
  float: left;
  margin-right: 6px;
}

.savedArticles .sharing .fa-facebook-square {
  color: #3761a1 !important;
}

.savedArticles .sharing .fa-twitter-square {
  color: #29a9e0 !important;
}

.savedArticles .sharing .fa-linkedin-square {
  color: #066e9c !important;
}

.savedArticles .sharing .fa-google-plus-square {
  color: #dd5543 !important;
}

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

.savedArticles li {
  width: 33%;
}

}

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

.savedArticles li {
  width: 50%;
}

}

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

.savedArticles li {
  width: 100%;
}

.savedArticles {
  background-color: #eee;
  margin: 0px -10px;
  padding: 10px;
}

.savedArticles ul {
  margin: 0;
}

.savedArticles article {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.savedArticles .delete a {
  top: 0px;
}

}











/* ======================================
300. Author Article List
======================================== */

.author-bio {
  overflow: hidden;
  margin-bottom: 30px;
  border-bottom: solid 4px #ccc;
  padding-bottom: 20px;}

.author-bio .thumbnail {
  float: left;
  margin-right: 20px;
}

.author-bio .thumbnail img {
  max-width: 100%;
  height: auto;
}

.author-bio .deck {
  overflow: hidden;
}

.author-bio .link {
  white-space: nowrap;
}

.author-bio .link a {
  display: inline-block;
  margin-right: 15px;
  text-decoration: none !important;
}

.author-bio .link a:hover {
  text-decoration: none !important;
}

.author-bio .link a.email {
  color: #666 !important;
}

.author-bio .link a.twitter {
  color: #55acee !important;
}

.author-bio .link a.rss {
  color: #fa8144 !important;
}

.author-bio .link a:before {
  font-family: FontAwesome;
  padding-right: 4px;
  font-size: 32px;
  vertical-align: -5px;
}

.author-bio .link a.email:before {
  content: "\f199 ";
}

.author-bio .link a.twitter:before {
  content: "\f081 ";
}

.author-bio .link a.rss:before {
  content: "\f143 ";
}

/* Search Results */

h3.articles-header {
  font-size: 20px;
  font-style: italic;
  margin-bottom: 40px;
}

.authoredArticles .title {
  font-size: 15px !important;
  line-height: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.authoredArticles article {
  margin-bottom: 30px;
}

.authoredArticles .tagsLine1,
.authoredArticles .tags {
  padding-top: 6px;
  line-height: 14px;
}

.authoredArticles .tagsLine1 a,
.authoredArticles .tags a {
  padding-top: 6px;
  line-height: 14px;
  white-space: nowrap;
}

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

.author-bio .thumbnail {
  width: 80px;
  margin-right: 10px;
}

.author-bio h1 {
  font-size: 30px !important;
  line-height: 32px !important;
  margin-bottom: 15px !important;
}

.author-bio .deck {
  overflow: initial;
}

}










/* ======================================
500. Native Ads
======================================== */

.articleList li.nativeAd {
  margin-bottom: 0px !important;
}

.articleList .nativeAd + img {
  float: left;
}

.articleList .nativeAd article {
  padding: 0px 10px 0px 0px;
  background-color: #e1f6fa;
}

.articleList.thumbLeft .nativeAd .text {
  border-top: 0px;
}

.articleList.thumbLeft .nativeAd .thumb:before {
  content: "SPONSORED CONTENT";
  background-color: #0c73fa;
  font-size: 11px;
  text-align: center;
  width: 100%;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  height: 16px;
  overflow: hidden;
}

.articleList.thumbLeft .nativeAd .thumb {
  height: auto;
}

.articleList.thumbLeft .nativeAd .intro {
  margin-bottom: 10px;
}

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

.articleList .nativeAd article {
  padding: 0px 10px;
  margin: 0px -10px 20px;
}

}