@charset "UTF-8";
/* right rail module styles - since we're reusing them across multiple types of pages, they should be pulled out into the site wrapper */
.promo {
border-bottom: 1px solid #d8d8d8; }
@media only screen and (min-width: 48em) {
.promo {
border-bottom: 0 none; } }
.promo .divider {
color: #dedede;
padding: 0 3px; }
.promo ul {
margin: 0;
padding: 0; }
@media only screen and (min-width: 48em) {
.promo ul {
border-bottom: 1px solid #d8d8d8; } }
.promo ul li {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
clear: left;
*zoom: 1;
/*&.with-image {
> div, > p {
margin-left:87px;
} 
}*/ }
.promo ul li:before, .promo ul li:after {
content: " ";
display: table; }
.promo ul li:after {
clear: both; }
.promo ul li img {
border: none;
float: left;
margin: 0.25rem 0.75rem 0 0;
padding: 0;
width: 75px;
height: auto; }
.promo ul li .item-eyebrow {
font-size: 0.8125rem;
line-height: 1rem;
text-transform: uppercase; }
.promo ul li .item-eyebrow .sponsored, .promo ul li .item-eyebrow .sponsored-media {
color: #aaa;
font-weight: 400; }
.promo ul li .item-eyebrow .sponsored-media {
text-transform: none; }
.promo ul li .answers {
border-bottom: 0;
color: #e94c31;
font-family: Helvetica, Arial, sans-serif;
font-size: .75rem;
font-weight: 400; }
.promo ul li .answers .ss-redirect {
margin-left: .125rem;
position: relative;
top: 1px; }
.promo ul li .title {
font-size: 1.25rem;
line-height: 1.45rem;
margin: 0; }
.promo ul li p {
margin: 0 0 0.25rem 0;
color: #666; }
.promo ul li a {
text-decoration: none; }
.promo .more {
font-size: 1rem;
margin-top: 10px;
text-transform: uppercase;
display: none; }
@media only screen and (min-width: 48em) {
.promo .more {
display: block; } }
.promo .more a {
text-decoration: none; }
.promo.newsletter {
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
margin-bottom: 20px;
position: relative;
padding: 0 0 10px 0;
text-align: center;
overflow: visible !important; }
.promo.newsletter .hed {
font-size: 1.5rem;
line-height: 1.5rem;
margin: 10px; }
.promo.newsletter p {
font-style: italic;
margin: 10px; }
.promo.newsletter form .btn {
border: 0;
color: #fff;
font-weight: 700;
border: none;
border-radius: 2px;
padding: 7px 10px; }
.promo.newsletter.with-eyebrow {
padding-top: 44px; }
.promo.newsletter .eyebrow {
background: #EEE;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
font-size: 1.1875rem;
font-weight: 700;
line-height: 1rem;
left: -5px;
top: 10px;
margin: 0;
padding: 8px 8px 8px 15px;
position: absolute;
text-transform: capitalize; }
.promo.blogs ul li {
/*&.with-image {
> div, > p {
margin-left:56px;
}
}*/ }
.promo.blogs ul li img {
border-radius: 100%;
height: 44px;
width: 44px; }
.promo.resources {
overflow: hidden; }
.promo.resources ul li .well-img img {
height: auto;
width: 60px; }
.promo.resources ul li.with-image > div, .promo.resources ul li.with-image > p {
margin-left: 72px; }
.promo.resources ul li.with-image figure.well-img .sized-img-teaser {
max-height: 88px;
overflow: hidden;
float: left; }
.promo.resources .more {
float: left;
margin: 1rem 0 1rem 0.75rem;
display: block; }
.promo.resources form {
float: right;
width: 72%;
margin: 1rem 0;
margin-right: .3rem; }
.promo.resources form input[type=text] {
width: 64%;
font-style: italic;
padding-left: 0.5rem;
font-size: 0.875rem; }
.promo.resources form button[type=submit] {
color: #fff;
border: none;
padding: 5px 10px;
border-radius: 0.18rem;
font-weight: bold; }
.apart, .apart-alt {
border-top: 1px solid #dedede;
padding: 10px; }
@media only screen and (min-width: 48em) {
.apart, .apart-alt {
border-top: none;
padding: 0; } }
.apart .hed, .apart-alt .hed {
font-size: 1.25rem;
margin: 0 0 0.75rem 0;
padding-bottom: 0.25rem;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
.apart .hed, .apart-alt .hed {
border-bottom: 1px solid #dedede; } }
.apart .hed .lowercase, .apart-alt .hed .lowercase {
text-transform: lowercase; }
.handle {
display: none; }
#collection-module-top {
clear: left;
display: none;
float: left;
margin: 0 .75rem 0 .625rem;
width: 8.75rem; }
@media only screen and (min-width: 48em) {
#collection-module-top {
display: block; } }
@media only screen and (min-width: 60.625em) {
#collection-module-top {
margin-left: 0; } }
#collection-module-top a {
text-decoration: none; }
#collection-module-top h4 {
font-size: .875rem;
margin-bottom: .25rem; }
#collection-module-top h3 {
font-size: 1rem;
line-height: 1.25rem;
margin: .125rem 0 .5rem 0; }
#collection-module-top img {
max-width: 8.75rem;
margin-bottom: .5rem; }
#collection-module-top ul {
margin: 0 0 .25rem 0;
padding-left: 0; }
#collection-module-top ul li {
border-top: 1px solid #cccccc;
font-size: .8125rem;
line-height: 1.13rem;
list-style: none;
margin-bottom: 0; }
#collection-module-top ul li a {
display: block;
padding: .375rem; }
#collection-module-top ul li.current a {
border-left: 4px solid; }
#collection-module-top ul li .insider {
float: none;
margin: .5rem 1rem 0 .375rem; }
#collection-module-top ul li .insider:after {
border-left: .5625rem solid #6eae00; }
#collection-module-top .collection-show-all {
cursor: pointer;
display: block;
font-size: .875rem;
line-height: 1.125rem;
text-align: center;
text-transform: uppercase; }
#collection-module-top.hidden {
display: none; }
#collection-module-bottom .collection-header {
position: relative;
border-bottom: 1px solid #16161d;
*zoom: 1; }
#collection-module-bottom .collection-header:before, #collection-module-bottom .collection-header:after {
content: " ";
display: table; }
#collection-module-bottom .collection-header:after {
clear: both; }
@media only screen and (min-width: 48em) {
#collection-module-bottom .collection-header {
padding-right: 180px; } }
#collection-module-bottom .collection-header.no-pages {
padding-right: 0; }
#collection-module-bottom .collection-header.no-pages .carousel-nav {
display: none; }
#collection-module-bottom .collection-header img {
float: left;
margin-right: .75rem;
max-height: 60px; }
#collection-module-bottom .collection-header h4 {
margin: 0; }
#collection-module-bottom .collection-header h3 {
margin-top: 0; }
#collection-module-bottom .collection-header .carousel-nav {
float: right;
font-size: 0;
line-height: 1.25rem;
height: 1.25rem;
margin-bottom: 0.5rem; }
@media only screen and (min-width: 48em) {
#collection-module-bottom .collection-header .carousel-nav {
float: none;
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto 0; } }
#collection-module-bottom .collection-header .carousel-nav > div, #collection-module-bottom .collection-header .carousel-nav > a {
display: inline-block; }
#collection-module-bottom .collection-header .carousel-nav a.browse {
cursor: pointer;
font-size: 1rem; }
#collection-module-bottom .collection-header .carousel-nav a.browse.right, #collection-module-bottom .collection-header .carousel-nav a.browse.left {
background-color: transparent;
box-shadow: none;
border-radius: 0;
height: auto;
line-height: normal;
position: static;
width: auto; }
#collection-module-bottom .collection-header .carousel-nav a.browse.disabled {
visibility: hidden; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a {
font-size: 1rem;
margin-left: 5px;
padding-right: 12px;
position: relative;
cursor: pointer; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a.active {
cursor: default; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a:after {
content: '/';
position: absolute;
right: 0;
cursor: default; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a:last-child {
padding-right: 0;
margin-right: 5px; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a:last-child:after {
content: ''; }
#collection-module-bottom .carousel-inside-crop {
width: 100%; }
#collection-module-bottom .carousel-inside-crop .carousel-items {
width: 20000px;
position: relative; }
#collection-module-bottom .carousel-inside-crop .carousel-items > div {
float: left; }
#collection-module-bottom .carousel-items div.excerpt img {
width: 100%; }
#collection-module-bottom .carousel-items div.excerpt p {
font-size: 0.95rem; }
#collection-module-bottom .carousel-items .insider:after {
border-top: .6875rem solid transparent; }
.promo.answers-promo {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
height: auto !important;
padding-top: 0 !important;
background: #fff !important;
border-bottom: 0 none !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important; }
@media only screen and (min-width: 48em) {
.promo.answers-promo {
width: 300px; } }
.promo.answers-promo:before, .promo.answers-promo:after {
content: none !important;
display: none !important; }
.promo.answers-promo .answers-header {
background-color: #2c2c2c;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: 5px solid #f87364;
padding: 14px 0 14px 18px;
*zoom: 1; }
.promo.answers-promo .answers-header:before, .promo.answers-promo .answers-header:after {
content: " ";
display: table; }
.promo.answers-promo .answers-header:after {
clear: both; }
.promo.answers-promo .answers-header .logo {
background: url(http://idge.staticworld.net/ans/logo-answers-nav.png) 0 0 no-repeat;
background-size: 202px 40px;
height: 40px;
width: 202px;
float: left;
text-indent: -9999em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.promo.answers-promo .answers-header .logo {
background: url(http://idge.staticworld.net/ans/logo-answers-nav-retina.png) 0 0 no-repeat;
background-size: 202px 40px;
height: 40px;
width: 202px; } }
.promo.answers-promo .answers-header .more-info {
float: right;
font-size: 0.625rem;
font-weight: 700;
line-height: 0.875rem;
margin: 30px 10px 0 0; }
.promo.answers-promo .answers-header .more-info a {
color: #fff;
text-decoration: none; }
.promo.answers-promo .question .asker-info .avatar {
height: 70px;
width: 70px;
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 62px;
font-size: 2.5rem; }
.promo.answers-promo .question .asker-info .asker-img {
padding: 2px;
border: 1px solid #eee; }
.promo.answers-promo .question .asker-info .default-avatar {
border: 1px solid #dcdfe3;
border-radius: 50%;
padding: 2px; }
.promo.answers-promo .question .asker-info .default-avatar .initial {
background-color: #d3d7dc;
color: #fff;
font-family: "Tahoma", sans-serif;
height: 100%;
width: 100%;
border-radius: 50%;
text-transform: uppercase;
text-align: center; }
.promo.answers-promo .question .asker-info .asker-name {
color: #f87364;
font-size: 0.875rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700; }
.promo.answers-promo .question .asker-info .asker-name a {
text-decoration: none;
color: #f87364 !important; }
.promo.answers-promo .question .asker-info .asker-name a:hover {
color: #f98c80 !important; }
.promo.answers-promo .question .asker-info .timestamp {
color: #939393;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 0.625rem; }
.promo.answers-promo .question .social-icons {
font-size: 0; }
.promo.answers-promo .question .social-icons a {
border-top: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
color: #ccc;
display: inline-block;
font-size: 1rem;
padding: 6px 6px 0;
text-decoration: none; }
.promo.answers-promo .question .social-icons a:first-child {
border-left: 1px solid #f0f0f0; }
.promo.answers-promo .question .social-icons a:hover {
color: #f87364 !important; }
.promo.answers-promo .question span {
display: inline-block; }
.promo.answers-promo .question .num-info {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8125rem;
line-height: 1.0625rem;
text-decoration: none; }
.promo.answers-promo .question .num-info i.ss-icon {
font-size: 1.0625rem;
line-height: 1.0625rem;
vertical-align: middle; }
.promo.answers-promo .question .unanswered {
color: #272727;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.8125rem;
padding: 0 20px 8px 0;
line-height: 1.25rem;
background-image: url(http://idge.staticworld.net/ans/arrow-down-swoop.png);
background-position: bottom right;
background-repeat: no-repeat;
text-decoration: none; }
.promo.answers-promo .question .answer-btn {
background-color: #fff !important;
border: 1px solid #ededed;
border-radius: 2px;
color: #d1d1d1;
display: inline-block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 2rem;
padding: 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 125px; }
.promo.answers-promo .question .answer-btn:hover {
background-color: #f87364 !important;
border-color: #f87364 !important;
color: #fff !important; }
.promo.answers-promo .question.question-module {
border: 1px solid #eee;
border-top: 0 none;
border-radius: 3px;
margin-bottom: 1rem;
padding: 0.75rem 0.75rem 1.125rem;
position: relative; }
.promo.answers-promo .question.question-module .question-info {
padding: 0 0.75rem 1.25rem; }
.promo.answers-promo .question.question-module .question-info h3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 1.375rem !important;
font-weight: 700 !important;
line-height: 1.75rem !important;
margin: 0.5rem 0 !important; }
.promo.answers-promo .question.question-module .question-info h3 a {
color: #424242;
text-decoration: none; }
.promo.answers-promo .question.question-module .question-info h3 a:hover {
color: #f87364 !important; }
.promo.answers-promo .question.question-module .question-info .asker-info {
*zoom: 1; }
.promo.answers-promo .question.question-module .question-info .asker-info:before, .promo.answers-promo .question.question-module .question-info .asker-info:after {
content: " ";
display: table; }
.promo.answers-promo .question.question-module .question-info .asker-info:after {
clear: both; }
.promo.answers-promo .question.question-module .question-info .asker-info .avatar {
float: left; }
.promo.answers-promo .question.question-module .question-info .asker-info .asker-img {
border-radius: 50%; }
.promo.answers-promo .question.question-module .question-info .asker-info div {
margin-left: 80px; }
.promo.answers-promo .question.question-module .question-info .asker-info div.asker-name {
margin-top: 1.125rem; }
.promo.answers-promo .question.question-module .question-info .asker-info div.default-avatar, .promo.answers-promo .question.question-module .question-info .asker-info div.initial {
margin-left: 0; }
.promo.answers-promo .question.question-module .answer-info {
position: relative;
border-top: 1px solid #ecebf0;
text-align: center;
padding-top: 0.875rem; }
.promo.answers-promo .question.question-module .answer-info .social-icons {
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: -30px; }
.promo.answers-promo .question.question-module .answer-info .num-info {
margin: 0 5px;
padding-bottom: 0.75rem; }
.promo.answers-promo .question.question-module .answer-info .unanswered {
padding-left: 25px; }
.promo.answers-promo .question.question-module .answer-btn {
position: absolute;
bottom: -17px;
left: 0;
right: 0;
margin: 0 auto; }
.promo.answers-promo .question.question-module:hover .question-info h3 a {
color: #f87364 !important; }
.promo.answers-promo .question.question-module:hover .answer-info .social-icons {
opacity: 1;
visibility: visible; }
.promo.answers-promo .question.question-module:hover .answer-btn {
background-color: #f87364 !important;
border-color: #f87364 !important;
color: #fff !important; }
.promo.answers-promo.simple {
margin: 0 .625rem 2rem .625rem;
padding: 0 !important; }
@media only screen and (min-width: 48em) {
.promo.answers-promo.simple {
margin-left: 0;
margin-right: 0;
width: 100%; } }
.promo.answers-promo.simple .answers-header {
background-color: #222222; }
@media only screen and (min-width: 48em) {
.promo.answers-promo.simple .answers-header {
padding-right: .5rem; } }
@media only screen and (min-width: 60.625em) {
.promo.answers-promo.simple .answers-header {
padding-right: 0; } }
.promo.answers-promo.simple .question {
border: 1px solid #eeeeee;
border-top: 0;
padding: 1rem;
*zoom: 1; }
.promo.answers-promo.simple .question:before, .promo.answers-promo.simple .question:after {
content: " ";
display: table; }
.promo.answers-promo.simple .question:after {
clear: both; }
.promo.answers-promo.simple .question .excerpt {
margin-bottom: .875rem; }
@media only screen and (min-width: 48em) {
.promo.answers-promo.simple .question .excerpt {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
float: left;
margin-bottom: 0;
padding: 0 1rem 0 1rem;
width: 30%; }
.promo.answers-promo.simple .question .excerpt:first-child {
border: 0;
padding-left: 0; }
.promo.answers-promo.simple .question .excerpt:last-child {
border: 0;
padding-right: 0; } }
@media only screen and (min-width: 60.625em) {
.promo.answers-promo.simple .question .excerpt {
border: 0;
float: none;
margin-right: 0;
margin-bottom: .875rem;
padding: 0;
width: auto; } }
.promo.answers-promo.simple .question .excerpt:last-child {
margin-bottom: 0; }
.promo.answers-promo.simple .question .excerpt .question-text {
color: #424242;
display: block;
font-weight: 500;
line-height: 1.25rem;
margin-bottom: .125rem;
text-decoration: none; }
.promo.answers-promo.simple .question .excerpt .question-text:hover {
color: #f87364 !important; }
.promo.answers-promo.simple .question .excerpt .answer-btn {
border-radius: 3px;
font-size: .6875rem;
line-height: 1.25rem;
width: 78px; }
.pagination {
text-align: center;
font-size: 0px;
line-height: 1.125rem;
margin-top: 2rem;
*zoom: 1; }
.pagination:before, .pagination:after {
content: " ";
display: table; }
.pagination:after {
clear: both; }
.pagination .page-link {
font-size: 1.125rem;
text-decoration: none;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
.pagination .page-link.prev {
border-right: 1px solid #dfdfdf;
padding: 0 10px; }
.pagination .page-link.next {
border-left: 1px solid #dfdfdf;
padding: 0 10px; } }
.pagination .page-link.current {
color: #000; }
.pagination .page-link i.ss-icon {
font-size: 0.875rem; }
.pagination .page-numbers {
display: none; }
@media only screen and (min-width: 48em) {
.pagination .page-numbers {
display: inline; } }
.pagination .page-numbers .page-link {
border-right: 1px solid #dfdfdf;
padding: 0 10px; }
.pagination .page-numbers .page-link:last-child {
border: 0 none; }
.pagination .current-page {
font-size: 1.125rem;
padding: 0 40px; }
@media only screen and (min-width: 48em) {
.pagination .current-page {
display: none; } }
#loginModal {
display: none;
background-color: #fff;
border: 1px solid #999;
padding: 12px;
max-width: 550px;
z-index: 8000;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.24706); }
#loginModal #login_pop {
padding: 20px; }
#loginModal #login_pop .btn-link {
display: inline-block;
margin-top: 0.5rem; }
#loginModal #close {
position: absolute;
right: 5px;
top: 5px; }
#loginModal .popFormHeader {
background-color: #16161d;
padding: 7px;
border-radius: 3px; }
#loginModal .popFormHeader p {
color: #fff;
font-weight: 700;
margin: 0; }
#loginModal .pullquote-container.filled {
border-top: none; }
#loginModal .pullquote-container p {
line-height: 110%; }
#loginModal #network {
margin-bottom: 5px;
background-color: #FFF; }
#loginModal #network h2 {
margin-top: .7em; }
#loginModal #network ul {
clear: both;
list-style: none outside none;
margin: 0;
padding-left: 0; }
#loginModal #network ul li {
padding: 5px 0 10px;
clear: both;
margin-bottom: 25px; }
#loginModal #network input {
float: left; }
#loginModal #network input#banner-search-term {
margin-left: 0; }
#loginModal #network input.inputCheckbox {
margin-left: 0;
margin-right: 10px; }
#loginModal #network label {
width: 120px;
text-align: right;
float: left;
margin-right: 10px; }
#loginModal #extra-nav-toggle {
display: block; }
#loginModal #extra-nav-toggle a {
display: block;
float: left;
height: 18px;
width: 18px; }
#loginModal #extra-nav-toggle a.open {
background-position: 0 -50px; }
#loginModal #banner-search-term {
background: #FFF; }
#loginModal .fontNormal {
font-weight: 100; }
#loginModal #socialComponentDiv {
margin: 20px auto 0;
width: 250px; }
#loginModal #login-link-switch {
margin-top: 10px;
display: inline-block; }
#loginModal .popInput,
#main-content .popInput {
padding: 5px 25px 5px 8px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5); }
@media only screen and (min-width: 48em) {
.article-wide header {
clear: none; } }
@media only screen and (min-width: 48em) {
.article-wide header:after {
clear: none; } }
@media only screen and (min-width: 48em) {
.article-wide header h1 {
clear: none;
float: left;
max-width: 620px;
margin-top: 0rem;
margin-bottom: 0.9375rem; } }
/* BEGIN CROSS-SITE ARTICLE STYLES */
article {
padding: 0;
margin: 0;
position: relative;
/*.handle{
background-color: #FDFDFD;
background-image:url('http://idge.staticworld.net/idge/promo-module-handlegrip_03.gif');
background-position:center center;
background-repeat:no-repeat;
border: 1px solid #ccc;
border-radius: 2px;
height: 25px;
margin: 0 auto;
position: relative;
top: -12px;
width: 25px;
cursor: pointer;
display:block;
&.open{
display: none;
}
@include mq($tablet){
display: none;
}
}
*/ }
@media only screen and (min-width: 60.625em) {
article {
max-width: 970px;
margin: 0 auto; } }
.lt-ie9 article {
width: 970px; }
article .ad {
background-color: #eee; }
article .ticker-ad {
margin: 0 0 1rem 0;
display: none; }
article .ticker-ad img {
max-width: 100%; }
.lt-ie9 article .ticker-ad img {
width: 100%; }
@media only screen and (min-width: 60.625em) {
article .ticker-ad {
display: block; } }
article figcaption {
font-size: 0.9rem;
line-height: 1rem;
margin: 0.5rem 10px 1.2rem 10px; }
@media only screen and (min-width: 48em) {
article figcaption {
margin: 0.5rem 10px 0.5rem 10px; } }
@media only screen and (min-width: 60.625em) {
article figcaption {
margin: 0.5rem 10px 1.3rem 0; } }
article figcaption * {
margin: 0;
padding: 0; }
article figcaption p {
display: inline;
padding-right: 5px !important;
font-style: normal; }
article .zoom {
position: relative;
text-decoration: none;
display: block;
*zoom: 1; }
article .zoom:before, article .zoom:after {
content: " ";
display: table; }
article .zoom:after {
clear: both; }
article .zoom .zoom-icon {
position: absolute;
left: 12px;
bottom: 12px;
background-image: url("http://idge.staticworld.net/idge/icon-image-zoom.png");
height: 33px;
width: 33px; }
article small.credit {
float: left;
font-size: 0.625rem;
line-height: 0.75rem;
margin-top: -0.75rem;
padding: 0 4px;
position: relative;
background-color: rgba(255, 255, 255, 0.8); }
article small.credit a {
color: #000;
text-decoration: none; }
article header {
margin: 0 0 .5rem 0;
padding-top: 20px;
clear: both;
*zoom: 1;
/*.insider{
top: -4px;
}*/ }
@media only screen and (min-width: 48em) {
article header {
padding-top: 10px; } }
article header:before, article header:after {
content: " ";
display: table; }
article header:after {
clear: both; }
article header h1, article header h2, article header h3 {
margin: 0;
padding: 0 10px; }
@media only screen and (min-width: 60.625em) {
article header h1, article header h2, article header h3 {
padding-left: 0; } }
article header .category {
font-size: 1.25rem;
float: left;
line-height: 1.25rem;
text-transform: uppercase;
margin-left: 0.625rem;
width: 60%;
width: -webkit-calc(100% - 130px);
width: -moz-calc(100% - 130px);
width: calc(100% - 130px); }
@media only screen and (min-width: 60.625em) {
article header .category {
margin-left: 0; } }
article header .category a {
display: inline-block;
text-decoration: none; }
article header h1 {
font-size: 1.75rem;
line-height: 2rem;
margin: 0.25rem 0;
clear: both; }
@media only screen and (min-width: 48em) {
article header h1 {
font-size: 2.75rem;
line-height: 2.95rem;
margin: 0.25rem 0 0 0; } }
article .hero-img, article .thm-gallery {
margin: 0 0 10px 0;
/* - don't think this is needed after conversion to img tags */
/*	.outer{
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
font: 0/0 serif;
text-shadow: none;
color: transparent;
vertical-align: middle;
width: 100%;
.inner{
display: block;
height: 0;
padding-top:66.67%;
}
}*/ }
@media only screen and (min-width: 48em) {
article .hero-img, article .thm-gallery {
width: 408px;
width: -webkit-calc(100% - 345px);
width: -moz-calc(100% - 345px);
width: calc(100% - 345px);
margin: 0 0 10px 10px; } }
@media only screen and (min-width: 60.625em) {
article .hero-img, article .thm-gallery {
margin-left: 0;
width: 610px;
width: -webkit-calc(100% - 345px);
width: -moz-calc(100% - 345px);
width: calc(100% - 345px); } }
article .hero-img img, article .thm-gallery img {
margin-top: .75rem;
width: 100%; }
article .deck {
*zoom: 1;
margin-bottom: 10px; }
article .deck:before, article .deck:after {
content: " ";
display: table; }
article .deck:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .deck {
float: left;
width: 408px;
width: -webkit-calc(100% - 335px);
width: -moz-calc(100% - 335px);
width: calc(100% - 335px); } }
@media only screen and (min-width: 60.625em) {
article .deck {
width: 610px;
width: -webkit-calc(100% - 335px);
width: -moz-calc(100% - 335px);
width: calc(100% - 335px); } }
article .deck h2 {
font-size: 1.15rem;
line-height: 1.35rem;
margin: 0 0 0.5rem 0;
padding: 0 10px; }
@media only screen and (min-width: 48em) {
article .deck h2 {
clear: left;
font-size: 1.6rem;
line-height: 1.8rem; } }
@media only screen and (min-width: 60.625em) {
article .deck h2 {
padding-left: 0; } }
@media only screen and (min-width: 48em) {
article .epo {
float: right;
margin: 0 10px 20px 25px;
width: 300px; } }
@media only screen and (min-width: 60.625em) {
article .epo {
margin: 0 0 10px 35px; } }
article .epo .ad {
margin-bottom: 20px;
margin-top: 1.3rem;
display: none; }
@media only screen and (min-width: 48em) {
article .epo .ad {
display: block; } }
article .epo .related-promo-wrapper {
display: none; }
@media only screen and (min-width: 48em) {
article .epo .related-promo-wrapper {
display: block; } }
article .epo .related-promo-wrapper .apart {
border-left: none; }
article .epo .promo.epo-promo {
display: none; }
@media only screen and (min-width: 48em) {
article .epo .promo.epo-promo {
display: block; } }
@media only screen and (min-width: 48em) {
article .epo .promo {
clear: both;
float: none;
margin: 0;
padding: 0; } }
article .epo .promo .about {
font-size: 1.85em;
font-size: 1.85rem;
line-height: 1em;
border-bottom: 1px solid #16161d;
text-transform: none;
margin-bottom: 0.5rem; }
article .epo .promo .about span {
text-indent: -314159px; }
article .epo .promo p {
margin: 0;
padding: 0; }
@media only screen and (min-width: 60.625em) {
article .epo .promo .also {
margin-top: 1rem; } }
article .epo .promo ul {
list-style: none;
margin: 0;
padding: 0; }
article .epo .promo ul li {
margin: 0 0 0.75rem 0;
padding: 0 0 0.75rem 0; }
article .epo .promo ul li:last-child {
margin-bottom: 0.1875rem; }
article .epo .promo-alt {
border-bottom: 1px solid #CCC;
margin-bottom: 2rem;
display: none; }
@media only screen and (min-width: 48em) {
article .epo .promo-alt {
display: block; } }
article .epo .promo-alt .hed {
border-bottom: 1px solid #CCC;
text-transform: uppercase; }
article .epo .promo-alt ul {
list-style: none;
margin: 0;
padding: 0; }
article .epo .promo-alt ul li {
margin: 10px 0;
padding: 0; }
article .epo .promo-alt ul li img {
float: left;
width: 140px;
margin-right: 10px; }
article .epo .promo-alt ul li .item-eyebrow {
font-size: 0.8125rem;
line-height: 1rem;
text-transform: uppercase; }
article .epo .promo-alt ul li .item-eyebrow a {
text-decoration: none; }
article .epo .promo-alt ul li .title {
font-size: 1.25rem;
line-height: 1.45rem;
margin: 0; }
article .epo .promo-alt ul li .title a {
text-decoration: none; }
article .epo .handle {
display: none; }
article .epo.tall-ad .promo {
display: none; }
article .apart {
margin: 0 20px;
padding: 10px 0; }
@media only screen and (min-width: 48em) {
article .apart {
float: right;
clear: right;
margin: 0 10px 10px 35px;
width: 300px;
padding: 0 0 0 1.0625rem;
border-left: 1px solid #e2e2e2; } }
@media only screen and (min-width: 60.625em) {
article .apart {
margin: 0 0 10px 35px; } }
article .apart .hed {
font-size: 1.15rem;
margin-bottom: 0.25rem; }
@media only screen and (min-width: 48em) {
article .apart .hed {
font-size: 1.25rem;
margin-bottom: 0.75rem; } }
@media only screen and (min-width: 48em) {
article .apart.resources {
padding: 0 0 0 1rem;
content: none;
margin: 0 10px 10px 35px; } }
@media only screen and (min-width: 60.625em) {
article .apart.resources {
content: none;
margin: 0 0px 10px 35px; } }
article .apart.promo {
height: auto;
/*overflow: hidden;
position: relative;*/
/*&.open{
height: auto;
&:before{
content: none;
}
}
@include mq($tablet){
height: auto;
}*/ }
article .apart.promo ul {
padding: 0; }
article .apart.promo ul img {
display: none; }
@media only screen and (min-width: 48em) {
article .apart.promo ul img {
display: block; } }
article .apart.promo ul li:last-child {
/*margin-bottom:0;
padding-bottom:0;*/ }
article .apart.promo:before {
/*
content: '';
text-align: center;
padding-top: 20px;
position: absolute;
top: 100px;
right: 0;
width: 100%;
height: 50px;
@include linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 1) 100%);
@include mq($tablet){
content: none;
}
*/ }
article .apart.promo b {
position: absolute;
top: 139px;
left: 35%;
left: -webkit-calc(50% - 32.5px);
left: -moz-calc(50% - 32.5px);
left: calc(50% - 32.5px);
border: 1px solid #d8d8d8;
background: #FFF;
padding: 4px 12px;
width: 65px;
font-weight: normal; }
@media only screen and (min-width: 48em) {
article .apart.promo b {
display: none; } }
article .apart.promo.resources ul li.with-image > div, article .apart.promo.resources ul li.with-image > p {
margin-left: 0; }
article .apart.promo.resources ul li:last-child {
margin-bottom: 8px;
padding-bottom: 12px; }
article .apart.promo.resources .more {
margin-left: 0; }
article .apart.promo.resources form button[type=submit] {
padding: 5px 8px; }
article .apart.ad {
min-height: 50px;
width: 300px;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
background-color: transparent;
padding: 5px 0 20px 0;
margin: 5px auto 4px auto; }
@media only screen and (min-width: 48em) {
article .apart.ad {
min-height: 250px;
margin: 0 20px 10px 31px;
padding: 0 0 0 13px;
border-bottom: none;
border-top: none; } }
@media only screen and (min-width: 60.625em) {
article .apart.ad {
margin: 0 0 10px 31px; } }
article .apart.ad:before {
content: "Content Continues Below";
display: block;
text-align: center;
color: #999;
padding-bottom: 18px;
font-size: 11px;
position: static; }
@media only screen and (min-width: 48em) {
article .apart.ad:before {
content: none; } }
article .apart.ad + .video-fsb {
margin-top: 32px; }
article .bodee {
*zoom: 1;
clear: left;
/* keeping ul.social links outside of .author-info block, to avoid botching pages with no author in end-byline box */
/* end ul.social-links */
/* this is a different pretty-printed code block coming in from github, which some authors (at least on JW) like to use - but let's have it in the global styles just in case. */
/* .pagination {
text-align: center;
margin: 2rem auto 1rem auto;
color: #dedede;
font-size: 1.1rem;
a {
font-weight: 700;
padding: 0 5px;
text-decoration: none;
}
.ss-icon {
font-size: 0.85rem;
}
}
*/
/* styles for anchors
* needed to normalize text on some articles, where anchors
* wrap entire sections and are appearing as linked text 
*/ }
article .bodee:before, article .bodee:after {
content: " ";
display: table; }
article .bodee:after {
clear: both; }
article .bodee #drr-container {
*zoom: 1;
/* styles for twitter embedded iframe to make it play nice in articles */ }
article .bodee #drr-container:before, article .bodee #drr-container:after {
content: " ";
display: table; }
article .bodee #drr-container:after {
clear: both; }
article .bodee #drr-container > p, article .bodee #drr-container > ul, article .bodee #drr-container > ol, article .bodee #drr-container > #article-top-page-number, article .bodee #drr-container > .in-article {
padding: 0 20px;
-webkit-transition: margin 0.3s ease 0;
-moz-transition: margin 0.3s ease 0;
transition: margin 0.3s ease 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > p, article .bodee #drr-container > ul, article .bodee #drr-container > ol, article .bodee #drr-container > #article-top-page-number, article .bodee #drr-container > .in-article {
font-size: 1.0625rem;
margin: 0 60px 16px 60px;
line-height: 1.6rem; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > p, article .bodee #drr-container > ul, article .bodee #drr-container > ol, article .bodee #drr-container > #article-top-page-number, article .bodee #drr-container > .in-article {
margin: 0 0 16px 160px;
max-width: 620px; } }
.lt-ie9 article .bodee #drr-container > p, .lt-ie9 article .bodee #drr-container > ul, .lt-ie9 article .bodee #drr-container > ol, .lt-ie9 article .bodee #drr-container > #article-top-page-number, .lt-ie9 article .bodee #drr-container > .in-article {
width: 620px; }
article .bodee #drr-container > p img, article .bodee #drr-container > ul img, article .bodee #drr-container > ol img, article .bodee #drr-container > #article-top-page-number img, article .bodee #drr-container > .in-article img {
margin: 5px;
max-width: 375px; }
article .bodee #drr-container > .in-article {
overflow: auto; }
article .bodee #drr-container > ul, article .bodee #drr-container > ol {
margin-left: 20px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > ul, article .bodee #drr-container > ol {
margin-left: 100px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > ul, article .bodee #drr-container > ol {
margin-left: 200px; } }
article .bodee #drr-container > ul li, article .bodee #drr-container > ol li {
margin: 0.5rem 0;
list-style-position: inside; }
article .bodee #drr-container > ul li > p, article .bodee #drr-container > ol li > p {
/* fix for imported articles with <p> tags inside list items - appear oddly in FF */
display: inline; }
article .bodee #drr-container > ul li ul, article .bodee #drr-container > ol li ul {
margin-left: 0;
padding-left: 10px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > ul li ul, article .bodee #drr-container > ol li ul {
padding-left: 20px; } }
article .bodee #drr-container > ul li ol, article .bodee #drr-container > ol li ol {
list-style-type: decimal; }
article .bodee #drr-container > iframe {
padding: 0 20px;
-webkit-transition: margin 0.3s ease 0;
-moz-transition: margin 0.3s ease 0;
transition: margin 0.3s ease 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > iframe {
font-size: 1.0625rem;
margin: 0 60px 16px 60px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > iframe {
margin: 0 0 16px 160px;
max-width: 620px; } }
article .bodee #drr-container > #article-top-page-number {
font-style: italic; }
article .bodee #drr-container > h2, article .bodee #drr-container > h3, article .bodee #drr-container > h4, article .bodee #drr-container > h5, article .bodee #drr-container > h6 {
padding: 0 20px;
-webkit-transition: margin 0.3s ease 0;
-moz-transition: margin 0.3s ease 0;
transition: margin 0.3s ease 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > h2, article .bodee #drr-container > h3, article .bodee #drr-container > h4, article .bodee #drr-container > h5, article .bodee #drr-container > h6 {
margin: 0 60px 16px 60px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > h2, article .bodee #drr-container > h3, article .bodee #drr-container > h4, article .bodee #drr-container > h5, article .bodee #drr-container > h6 {
margin: 0 0 16px 160px;
max-width: 620px; } }
.lt-ie9 article .bodee #drr-container > h2, .lt-ie9 article .bodee #drr-container > h3, .lt-ie9 article .bodee #drr-container > h4, .lt-ie9 article .bodee #drr-container > h5, .lt-ie9 article .bodee #drr-container > h6 {
width: 620px; }
article .bodee #drr-container > h3 {
margin-top: 1.625rem;
font-size: 1.125rem;
line-height: 1.4375rem; }
article .bodee #drr-container > h4 {
font-size: 1.0625rem;
line-height: 1.375rem; }
article .bodee #drr-container > h5 {
font-size: .9375rem;
line-height: 1.125rem; }
article .bodee #drr-container > h6 {
font-size: .875rem;
line-height: 1.0625rem; }
article .bodee #drr-container .statsTable {
margin-bottom: 1rem;
padding: 0 20px 0 20px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .statsTable {
padding: 0 20px 0 20px; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .statsTable.tableLarge {
margin-left: 60px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container .statsTable.tableLarge {
margin-left: 160px; } }
article .bodee #drr-container .statsTable h2 {
margin: 0 0 .25rem 0; }
article .bodee #drr-container .statsTable table.stats {
display: block;
empty-cells: hide;
margin-bottom: .3125rem;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden; }
article .bodee #drr-container .statsTable table.stats tr:first-child th {
border-top: 0;
border-right: 0; }
article .bodee #drr-container .statsTable table.stats th {
border: 1px solid #d9d9d9;
border-left: 0;
font-weight: bold;
line-height: 1.25rem;
padding: .3125rem; }
article .bodee #drr-container .statsTable table.stats th:first-child {
min-width: 160px; }
article .bodee #drr-container .statsTable table.stats td {
border: 1px solid #d9d9d9;
border-left: 0;
line-height: 1.25rem;
padding: .3125rem; }
article .bodee #drr-container .statsTable table.stats td:last-child {
border-right: 0; }
article .bodee #drr-container .statsTable .sectionHeader {
background-color: #e0e0e0;
cursor: pointer;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.5rem;
margin: 1rem 0 0.5rem;
padding-left: 0.5rem; }
article .bodee #drr-container .statsTable .caption {
caption-side: bottom;
font-size: .75rem;
margin-top: .5rem;
text-align: left; }
article .bodee #drr-container > .table-wrapper {
padding: 0;
margin: 2rem 20px;
overflow-x: auto;
overflow-y: hidden;
background-color: #000; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > .table-wrapper {
margin-left: 80px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > .table-wrapper {
margin-left: 180px;
margin-right: 0; } }
article .bodee #drr-container > .table-wrapper > * {
background-color: #fff; }
article .bodee #drr-container > .table-wrapper h4 {
background-color: #000;
color: #fff;
margin: 0;
text-align: center;
padding: 10px 0; }
article .bodee #drr-container > .table-wrapper .src_caption {
font-size: 0.75rem;
padding-top: 0.5rem; }
article .bodee #drr-container > .table-wrapper table {
box-sizing: border-box;
-moz-box-sizing: border-box;
border: 0;
display: table;
empty-cells: hide;
margin-bottom: 0;
width: 100%;
max-width: 100%;
border: 1px solid #ccc; }
article .bodee #drr-container > .table-wrapper table figure img, article .bodee #drr-container > .table-wrapper table img {
max-width: 100%;
width: auto; }
article .bodee #drr-container > .table-wrapper table tr th {
border: 0;
line-height: 1.25rem;
padding: 10px;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.15rem;
vertical-align: top; }
article .bodee #drr-container > .table-wrapper table tr th p {
margin-top: 0; }
article .bodee #drr-container > .table-wrapper table tr th:first-child {
min-width: 160px; }
article .bodee #drr-container > .table-wrapper table tr td {
padding: 10px;
vertical-align: top; }
article .bodee #drr-container > .table-wrapper table tr td p {
margin-top: 0; }
article .bodee #drr-container > .table-wrapper table tr.table_odd td, article .bodee #drr-container > .table-wrapper table tr.table_odd th, article .bodee #drr-container > .table-wrapper table tr:nth-child(odd) td, article .bodee #drr-container > .table-wrapper table tr:nth-child(odd) th {
background-color: #fff; }
article .bodee #drr-container > .table-wrapper table tr.table_even td, article .bodee #drr-container > .table-wrapper table tr.table_even th, article .bodee #drr-container > .table-wrapper table tr:nth-child(even) td, article .bodee #drr-container > .table-wrapper table tr:nth-child(even) th {
background-color: #f9f9f9; }
article .bodee #drr-container > .table-wrapper table thead {
background-color: #f9f9f9; }
article .bodee #drr-container > .table-wrapper table thead tr th {
background-color: transparent !important;
font-size: 0.875rem;
line-height: 1.15rem;
text-align: left; }
article .bodee #drr-container > .table-wrapper table tbody tr th {
text-align: left;
border-top: 1px solid #ccc; }
article .bodee #drr-container > .table-wrapper table tbody tr td {
border: 0 none;
font-size: 0.875rem;
line-height: 1.15rem;
border-top: 1px solid #ccc; }
article .bodee #drr-container > .table-wrapper table.tablesorter {
border: 1px solid #ccc;
font-size: 0.85rem;
width: 100%; }
article .bodee #drr-container > .table-wrapper table.tablesorter tr {
border: 1px solid #ccc; }
article .bodee #drr-container > .table-wrapper table.tablesorter tr.even {
background-color: #f9f9f9; }
article .bodee #drr-container > .table-wrapper table.tablesorter tr.selected {
background-color: #ddd; }
article .bodee #drr-container > .table-wrapper table.tablesorter td {
border: 1px solid #ccc;
padding: 10px;
color: #000; }
article .bodee #drr-container > .table-wrapper table.tablesorter td.name {
font-weight: 700; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead {
background-color: #000; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th {
color: #fff;
padding: 10px;
text-transform: uppercase;
position: relative;
/* nearest position ancestor of the sorting carets */
border: 1px solid #ccc;
border-bottom-color: #000;
cursor: pointer;
vertical-align: middle; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th p {
color: #fff;
margin: 0; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th:hover {
background-color: #999 !important; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > .table-wrapper table.tablesorter thead th#name {
min-width: 142px; } }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th.header .ss-icon:after {
content: '';
margin-left: 0.5rem;
font-size: 0.5rem;
position: absolute;
top: 40%;
right: 4%;
background-image: url(http://idge.staticworld.net/ctw/icon-tablesorter.png);
background-repeat: no-repeat;
background-position: center center;
height: 13px;
width: 9px; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortDown, article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortUp {
background-color: #999;
background-image: none; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortDown .ss-icon:after, article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortUp .ss-icon:after {
background-image: none; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortDown .ss-icon:after {
content: "descend"; }
article .bodee #drr-container > .table-wrapper table.tablesorter thead th.headerSortUp .ss-icon:after {
content: "ascend"; }
article .bodee #drr-container > .table-wrapper table.tablesorter tbody tr th {
text-align: left; }
article .bodee #drr-container .bar_graph {
background-image: url("http://idge.staticworld.net/ctw/dots-for-chart.jpg");
background-repeat: repeat-x;
margin-left: 0.625rem;
margin-bottom: 1rem;
margin-top: 1rem;
width: 92%; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph {
width: 97%; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container .bar_graph {
margin-left: 0; } }
article .bodee #drr-container .bar_graph h3.graph_title {
font-size: 1.3rem;
line-height: 1.6rem;
color: #000;
padding: 1.1rem 0 0;
margin: 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph h3.graph_title {
padding: 1.2rem 0 0; } }
article .bodee #drr-container .bar_graph p.graph_desc {
color: #7f7f7f;
font-size: .875rem;
line-height: 1.25rem;
margin: 0.6rem 0 1.2rem 0 !important; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph p.graph_desc {
font-size: 1rem;
line-height: 1.45rem;
margin: .2rem 0 1.1rem 0; } }
article .bodee #drr-container .bar_graph .bar_text {
color: #000;
font-size: .875rem;
line-height: 1.06rem;
padding-bottom: 6px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph .bar_text {
padding-bottom: 8px; } }
article .bodee #drr-container .bar_graph .bar {
background: #b92132;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5MjEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjFmMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #b92132 0%, #a61f2e 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b92132), color-stop(100%, #a61f2e));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b92132 0%, #a61f2e 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b92132 0%, #a61f2e 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #b92132 0%, #a61f2e 100%);
/* IE10+ */
background: linear, to bottom, #b92132 0%, #a61f2e 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92132', endColorstr='#a61f2e',GradientType=0 );
/* IE6-8 */
margin-bottom: 18px;
height: 22px;
color: #fff;
text-align: right;
border-radius: 5px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
padding: 2px 3px 1px 3px;
min-width: 22px;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph .bar {
height: 24px; } }
article .bodee #drr-container .bar_graph .bar span {
padding: 0 20px 0 0; }
article .bodee #drr-container .bar_graph p.src_caption {
color: #666666;
font-size: .65rem;
line-height: .775rem;
font-style: italic;
margin-top: .8rem;
margin-bottom: 1.2rem;
margin-left: 0;
background-image: url("http://idge.staticworld.net/ctw/dots-for-chart.jpg");
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 1.2rem; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .bar_graph p.src_caption {
font-size: .75rem;
line-height: 1.3rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem; } }
article .bodee #drr-container iframe.twitter-tweet {
margin: 0 auto 16px !important; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container iframe.twitter-tweet {
margin: 0 60px 16px 80px !important;
width: 330px;
width: -webkit-calc(100% - 450px);
width: -moz-calc(100% - 450px);
width: calc(100% - 450px);
max-width: 330px !important; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container iframe.twitter-tweet {
margin: 0 0 16px 180px !important;
width: 440px;
width: -webkit-calc(100% - 530px);
width: -moz-calc(100% - 530px);
width: calc(100% - 530px);
max-width: 440px !important; } }
article .bodee #drr-container .download-asset {
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
margin: 0 20px 16px 20px;
padding: 0.5rem 10px 0.5rem 10px;
overflow-x: auto; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .download-asset {
margin: 0 20px 16px 80px;
max-width: 600px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container .download-asset {
margin: 0 20px 16px 180px;
/* format used for article .bodee #drr-container > p */ } }
article .bodee #drr-container .download-asset a.download-icon {
float: left;
margin: 0.1875rem 0.625rem 0 0;
text-decoration: none; }
@media only screen and (min-width: 24.0625em) {
article .bodee #drr-container .download-asset a.download-icon {
margin-bottom: 1.5625rem; } }
article .bodee #drr-container .download-asset a.download-icon .ss-icon {
color: #16161d;
font-size: 2rem; }
article .bodee #drr-container .download-asset .download-title {
margin-left: 2.5rem;
font-weight: bold; }
article .bodee #drr-container .download-asset .download-title a {
text-decoration: none; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .download-asset .download-title a {
font-size: 1.0625rem; } }
article .bodee #drr-container .download-asset .download-desc {
color: #666666;
font-size: 0.9375rem;
margin: 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container .download-asset .download-desc {
margin-left: 2.5rem; } }
article .bodee #drr-container .download-asset .download-desc .download-source {
color: #999999;
font-size: 0.875rem;
font-style: italic; }
article .bodee #drr-container .video-fsb-head {
font-weight: bold;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px; }
article .bodee #drr-container .video-fsb-items {
list-style-type: none;
padding: 0;
margin: 8px 0 12px 0; }
article .bodee #drr-container .video-fsb-items li {
font-size: 17px;
line-height: 21px;
font-weight: bold;
margin: 0 0 0.5rem; }
article .bodee #drr-container .video-fsb-items li > a {
color: #16161d; }
article .bodee #drr-container .video-fsb-items li > span {
color: #999;
font-weight: normal;
font-size: 12px; }
article .bodee #drr-container .video-fsb-items li i.icon-play-btn-white {
padding-left: 1px;
float: left;
height: 30px; }
article .bodee #drr-container .video-fsb-items li .sponsor {
display: block;
font-size: .6875rem;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
text-transform: uppercase;
position: relative;
top: -5px;
padding-left: 26px;
margin-bottom: -5px;
color: #00A8D1; }
article .bodee .mobile-only {
width: 300px;
margin: 10px auto;
float: none; }
@media only screen and (min-width: 48em) {
article .bodee .mobile-only {
display: none; } }
article .bodee .related-promo-wrapper {
display: block; }
@media only screen and (min-width: 48em) {
article .bodee .related-promo-wrapper {
display: none; } }
article .bodee #drr-container > figure {
max-width: 100%;
width: 300px;
margin: 0 auto 16px auto; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure {
width: auto;
float: left;
clear: none;
margin: 0.5rem 1rem 16px 10px; }
article .bodee #drr-container > figure:nth-of-type(n+2) {
/* prevent multiple floated images from stacking */
clear: left; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure {
margin: 0.5rem 1.5rem 1rem 0; } }
article .bodee #drr-container > figure img {
max-width: 375px;
height: auto;
float: none;
margin-top: 1.0rem;
width: 300px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure img {
float: left;
width: auto; } }
article .bodee #drr-container > figure .carousel .item-img > img {
float: none;
margin: auto;
max-width: 100%;
min-height: 100%; }
article .bodee #drr-container > figure .table-wrapper {
overflow-x: auto; }
article .bodee #drr-container > figure.imgborder img {
/* making borders optional - there will be a toggle in the CMS that implements this class */
border: 1px solid #dadada; }
article .bodee #drr-container > figure.inline-large, article .bodee #drr-container > figure.large {
max-width: 620px;
width: auto;
margin: 0 10px 20px;
float: none;
overflow-x: auto;
overflow-y: hidden;
*zoom: 1; }
article .bodee #drr-container > figure.inline-large:before, article .bodee #drr-container > figure.inline-large:after, article .bodee #drr-container > figure.large:before, article .bodee #drr-container > figure.large:after {
content: " ";
display: table; }
article .bodee #drr-container > figure.inline-large:after, article .bodee #drr-container > figure.large:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large, article .bodee #drr-container > figure.large {
margin: 0 0 16px 60px;
padding-left: 20px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure.inline-large, article .bodee #drr-container > figure.large {
margin: 0 0 16px 160px;
padding-left: 20px; } }
article .bodee #drr-container > figure.inline-large > img, article .bodee #drr-container > figure.inline-large a > img, article .bodee #drr-container > figure.large > img, article .bodee #drr-container > figure.large a > img {
width: 100%;
max-width: 620px;
float: none;
margin-top: 0;
box-sizing: border-box;
-moz-box-sizing: border-box; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large .zoom, article .bodee #drr-container > figure.large .zoom {
max-width: 620px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure.inline-large .zoom, article .bodee #drr-container > figure.large .zoom {
max-width: 620px; } }
.lt-ie9 article .bodee #drr-container > figure.inline-large .zoom, .lt-ie9 article .bodee #drr-container > figure.large .zoom {
width: 610px;
margin-right: 20px; }
article .bodee #drr-container > figure.inline-large .zoom > img, article .bodee #drr-container > figure.large .zoom > img {
width: 100%;
max-width: 39rem;
float: left;
height: auto;
box-sizing: border-box;
-moz-box-sizing: border-box; }
article .bodee #drr-container > figure.inline-large .bar_graph, article .bodee #drr-container > figure.large .bar_graph {
width: 92%;
margin-left: 10px;
margin-bottom: 0;
margin-top: 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large .bar_graph, article .bodee #drr-container > figure.large .bar_graph {
width: 96%; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large .bar_graph, article .bodee #drr-container > figure.large .bar_graph {
margin-left: 0; } }
article .bodee #drr-container > figure.inline-large .bar_graph p.src_caption, article .bodee #drr-container > figure.large .bar_graph p.src_caption {
margin-bottom: 0; }
article .bodee #drr-container > figure.inline-large small.credit, article .bodee #drr-container > figure.large small.credit {
clear: left; }
article .bodee #drr-container > figure.inline-large figcaption, article .bodee #drr-container > figure.large figcaption {
margin: 0;
clear: left;
padding-top: 0.3rem; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large figcaption, article .bodee #drr-container > figure.large figcaption {
margin: 0.25rem 0 0.5rem;
max-width: 620px; } }
article .bodee #drr-container > figure.inline-large .apart, article .bodee #drr-container > figure.large .apart {
float: none;
margin: 20px 10px 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large .apart, article .bodee #drr-container > figure.large .apart {
margin: 0 0 0 1.0625rem; } }
article .bodee #drr-container > figure.inline-large .apart.ad, article .bodee #drr-container > figure.large .apart.ad {
display: block;
margin: 20px auto 0; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-large .apart.ad, article .bodee #drr-container > figure.large .apart.ad {
display: inline-block;
margin: 0; } }
article .bodee #drr-container > figure.husky-wide {
float: none;
max-width: 970px;
padding-left: 0; }
article .bodee #drr-container > figure.inline-medium, article .bodee #drr-container > figure.medium {
max-width: 375px;
margin: 20px auto 0;
float: none;
*zoom: 1; }
article .bodee #drr-container > figure.inline-medium:before, article .bodee #drr-container > figure.inline-medium:after, article .bodee #drr-container > figure.medium:before, article .bodee #drr-container > figure.medium:after {
content: " ";
display: table; }
article .bodee #drr-container > figure.inline-medium:after, article .bodee #drr-container > figure.medium:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium, article .bodee #drr-container > figure.medium {
margin: 0.5rem 1rem 16px 10px;
max-width: 265px;
float: left; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure.inline-medium, article .bodee #drr-container > figure.medium {
margin: 0.5rem 1.5rem 1rem 0; } }
article .bodee #drr-container > figure.inline-medium img, article .bodee #drr-container > figure.medium img {
display: block;
float: none;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium img, article .bodee #drr-container > figure.medium img {
float: left;
margin: 0; } }
article .bodee #drr-container > figure.inline-medium figcaption, article .bodee #drr-container > figure.medium figcaption {
margin: 0;
clear: left;
padding-top: 0.3rem; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium figcaption, article .bodee #drr-container > figure.medium figcaption {
margin: 0.25rem 0 0.5rem 10px;
float: left;
padding-top: 0; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium figcaption, article .bodee #drr-container > figure.medium figcaption {
margin-left: 0; } }
article .bodee #drr-container > figure.inline-medium .apart, article .bodee #drr-container > figure.medium .apart {
float: none; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium.inline, article .bodee #drr-container > figure.medium.inline {
width: auto;
max-width: 620px;
float: none;
margin: 0 0 16px 60px;
padding-left: 20px;
text-align: center; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure.inline-medium.inline, article .bodee #drr-container > figure.medium.inline {
margin: 0 0 16px 160px; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium.inline img, article .bodee #drr-container > figure.medium.inline img {
float: none;
width: auto;
max-width: 265px;
display: block;
margin: 0 auto; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium.inline small.credit, article .bodee #drr-container > figure.medium.inline small.credit {
display: inline-block;
width: 100%;
float: none; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-medium.inline figcaption, article .bodee #drr-container > figure.medium.inline figcaption {
width: 100%;
max-width: 265px;
display: inline-block;
float: none;
text-align: left; } }
article .bodee #drr-container > figure.inline-small, article .bodee #drr-container > figure.small {
width: 40%;
max-width: 220px;
float: left;
margin-right: 1rem;
margin-left: 10px;
*zoom: 1; }
article .bodee #drr-container > figure.inline-small:before, article .bodee #drr-container > figure.inline-small:after, article .bodee #drr-container > figure.small:before, article .bodee #drr-container > figure.small:after {
content: " ";
display: table; }
article .bodee #drr-container > figure.inline-small:after, article .bodee #drr-container > figure.small:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-small, article .bodee #drr-container > figure.small {
margin: 0.5rem 1rem 16px 10px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container > figure.inline-small, article .bodee #drr-container > figure.small {
margin: 0.5rem 1.5rem 1rem 0; } }
article .bodee #drr-container > figure.inline-small img, article .bodee #drr-container > figure.small img {
max-width: 100%;
height: auto;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box; }
article .bodee #drr-container > figure.inline-small figcaption, article .bodee #drr-container > figure.small figcaption {
margin: 0.5rem 10px 0.5rem 0;
clear: left;
padding-top: 0.3rem;
text-align: right; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container > figure.inline-small figcaption, article .bodee #drr-container > figure.small figcaption {
margin: 0.25rem 0 0.5rem 0;
float: left;
padding-top: 0;
text-align: left; } }
article .bodee #drr-container > figure.inline-small .apart, article .bodee #drr-container > figure.small .apart {
float: none; }
article .bodee #drr-container {
/* import embedded-video */ }
article .bodee #drr-container figure.large.video {
max-width: 100%;
margin-left: 0;
padding-right: 10px;
padding-left: 20px; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large.video {
padding-left: 10px;
padding-right: 10px; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large.video {
max-width: 620px;
margin: 0 0 16px 160px;
padding-left: 20px;
padding-right: 0px; } }
article .bodee #drr-container figure.large > .embed-wrapper {
width: 100%;
max-width: 100%;
float: none; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large > .embed-wrapper {
float: left;
margin: 0 1.0rem 10px 0; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large > .embed-wrapper {
max-width: 620px; } }
.lt-ie9 article .bodee #drr-container figure.large > .embed-wrapper {
margin-right: 20px; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container {
position: relative;
padding-bottom: 56.25%;
/* 16/9 ratio */
height: 0;
overflow: hidden;
max-width: 100%; }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container {
max-width: 620px; } }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container iframe, article .bodee #drr-container figure.large > .embed-wrapper .embed-container embed, article .bodee #drr-container figure.large > .embed-wrapper .embed-container object, article .bodee #drr-container figure.large > .embed-wrapper .embed-container video, article .bodee #drr-container figure.large > .embed-wrapper .embed-container .video-js {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
cursor: pointer; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text {
display: block;
z-index: 2;
color: #fff;
cursor: pointer;
background-image: url(http://idge.staticworld.net/idgtv/btn-play-default.svg);
background-position: 14px 75%;
background-repeat: no-repeat;
background-size: 35px 37px;
position: absolute;
bottom: 15px;
padding-left: 65px;
padding-top: 30px; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text:hover {
background-image: url(http://idge.staticworld.net/idgtv/btn-play-hover.svg); }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text {
bottom: 0px;
background-size: 65px 68px;
padding: 85px 25px 35px 100px;
margin-left: 20px; } }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text.no-show {
display: none; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .heading {
position: relative;
margin-right: 20px; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .heading .title {
font-size: 1.2rem;
line-height: 1.3;
font-weight: 600;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.54); }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .heading .duration {
font-size: .9rem;
color: #ccc; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .heading .duration {
font-size: 1rem; } }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .eyebrow {
position: relative;
font-size: 0.75rem;
line-height: 1.3;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 4px;
margin-right: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.54); }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .eyebrow {
width: inherit; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .eyebrow {
width: auto; } }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .sponsor {
margin-bottom: 2px;
margin-right: 20px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.54); }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .sponsor span {
text-transform: uppercase;
color: #00abd1;
font-weight: 700; }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .sponsor span img {
margin-top: 0;
max-width: 90px;
margin-left: 5px;
margin-top: 0;
float: none;
display: none; }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .item-text .sponsor span img {
max-width: 120px; } }
article .bodee #drr-container figure.large > .embed-wrapper .embed-container .over {
cursor: pointer; }
article .bodee #drr-container figure.large .related-carousel {
clear: both;
margin: 0 29px;
padding-top: 1rem; }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large .related-carousel {
margin: 0; } }
article .bodee #drr-container figure.large .related-carousel .slick-prev,
article .bodee #drr-container figure.large .related-carousel .slick-next {
background-color: rgba(0, 0, 0, 0.3);
height: 3.625rem;
line-height: 3.625rem;
width: 3.625rem;
top: 15%; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large .related-carousel .slick-prev,
article .bodee #drr-container figure.large .related-carousel .slick-next {
top: 25%; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large .related-carousel .slick-prev,
article .bodee #drr-container figure.large .related-carousel .slick-next {
top: 20%; } }
article .bodee #drr-container figure.large .related-carousel .slick-prev:before,
article .bodee #drr-container figure.large .related-carousel .slick-next:before {
color: #fff;
opacity: 1; }
article .bodee #drr-container figure.large .related-carousel .slick-prev {
left: -29px; }
article .bodee #drr-container figure.large .related-carousel .slick-next {
right: -29px; }
article .bodee #drr-container figure.large .related-carousel .list-item {
padding: 0 3px; }
article .bodee #drr-container figure.large .related-carousel .list-item:hover {
cursor: pointer; }
article .bodee #drr-container figure.large .related-carousel .list-item:hover .item-img:before {
opacity: 1; }
article .bodee #drr-container figure.large .related-carousel .list-item .sponsor {
color: #00A8D1;
font-size: 0.625rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 5px; }
article .bodee #drr-container figure.large .related-carousel .list-item .item-info {
font-size: 0.875rem;
margin-top: 0.5rem; }
article .bodee #drr-container figure.large .related-carousel .list-item .duration {
color: #999;
font-size: .8125rem; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-play .item-img:before {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
content: '';
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 43%;
margin: auto;
background-image: url(http://idge.staticworld.net/idgtv/btn-play-default.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
opacity: 0; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-play .item-img:hover:before {
opacity: 1; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-play .item-img img {
float: none;
margin: auto;
max-width: 100%;
min-height: 100%; }
article .bodee #drr-container figure.large .related-carousel .list-item.now-playing .item-img:before {
content: none; }
article .bodee #drr-container figure.large .related-carousel .list-item.now-playing .item-img:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
color: #fff;
background-color: #666;
content: 'Now Playing';
height: 1.875rem;
line-height: 2;
text-align: center;
font-size: 0.9375rem; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-channel .item-img {
background-color: #666; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-channel .item-img a:after {
content: none; }
article .bodee #drr-container figure.large .related-carousel .list-item.video-channel .item-img .overlay-name .name {
background-color: transparent;
font-size: 0.8rem;
line-height: 1.1;
padding-top: 4%; }
@media only screen and (min-width: 24.0625em) {
article .bodee #drr-container figure.large .related-carousel .list-item.video-channel .item-img .overlay-name .name {
font-size: 0.85rem;
line-height: 1rem; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large .related-carousel .list-item.video-channel .item-img .overlay-name .name {
font-size: 0.9rem;
line-height: 1.15rem;
padding-top: 6%; } }
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 50%; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item {
width: 33%; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item {
width: 20%; } }
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item:nth-child(n+3) {
display: none; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item:nth-child(n+3) {
display: block; } }
@media only screen and (min-width: 48em) {
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item:nth-child(n+4) {
display: none; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large .related-carousel.no-carousel .list-item:nth-child(n+4) {
display: block; } }
article .bodee #drr-container figure.large.video-loaded {
border-bottom: 1px solid #999;
padding-bottom: 20px; }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container figure.large.video-loaded {
margin: 0 0 16px;
max-width: none;
padding-left: 0;
width: auto; } }
article .bodee #drr-container figure.large.video-loaded > .embed-wrapper {
max-width: none;
float: none; }
article .bodee #drr-container figure.large.video-loaded > .embed-wrapper .embed-container {
max-width: none; }
article .bodee .sidebar {
border: 1px solid #cccccc;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
margin: 0 20px 16px 20px;
overflow-x: auto; }
@media only screen and (min-width: 48em) {
article .bodee .sidebar {
margin: 0 20px 16px 80px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .sidebar {
margin-left: 180px;
max-width: 600px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .sidebar.medium {
float: left;
margin-left: 0;
max-width: 370px; } }
article .bodee .sidebar h3 {
border-bottom: 1px solid #cccccc;
font-size: 1.125rem;
line-height: 1.4375rem;
margin: 0;
padding: .625rem .75rem .5rem .75rem; }
article .bodee .sidebar h4, article .bodee .sidebar h5, article .bodee .sidebar h6 {
margin: 0.75rem 0 !important;
padding: 0 0.75rem; }
article .bodee .sidebar p {
font-size: 1rem;
margin: .75rem 0 .75rem 0;
padding: 0 .75rem 0 .75rem; }
@media only screen and (min-width: 48em) {
article .bodee .sidebar p {
font-size: 1.0625rem; } }
article .bodee .sidebar ul {
margin-top: .75rem;
padding: 0 .875rem 0 1.875rem; }
article .bodee .sidebar ul li {
margin-bottom: .3125rem; }
article .bodee .sidebar.links ul, article .bodee .sidebar.links ol {
margin: 0;
padding: 0; }
article .bodee .sidebar.links ul li, article .bodee .sidebar.links ol li {
border-bottom: 1px solid #cccccc;
list-style: none;
margin-bottom: 0;
padding: .375rem .75rem .375rem .75rem; }
article .bodee .sidebar.links ul li:last-child, article .bodee .sidebar.links ol li:last-child {
border-bottom: 0; }
article .bodee .sidebar.links ul li:hover, article .bodee .sidebar.links ol li:hover {
background-color: #f5f5f5; }
article .bodee .sidebar.links ul li a, article .bodee .sidebar.links ol li a {
display: block;
font-size: 1rem;
text-decoration: none; }
@media only screen and (min-width: 48em) {
article .bodee .sidebar.links ul li a, article .bodee .sidebar.links ol li a {
font-size: 1.0625rem; } }
article .bodee .sidebar.links ol {
padding-left: 0; }
article .bodee .sidebar.links ol li {
list-style: decimal;
padding-left: 10px; }
article .bodee .sidebar.links ol li a {
display: inline; }
article .bodee .sidebar a {
text-decoration: none; }
article .bodee .sidebar .dossier_img {
float: left;
margin: 0 0.75rem; }
article .bodee .fakesidebar {
margin: 0 20px 16px 20px;
overflow-x: auto; }
@media only screen and (min-width: 48em) {
article .bodee .fakesidebar {
margin: 0 20px 16px 80px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .fakesidebar {
margin-left: 180px;
max-width: 600px; } }
article .bodee .fakesidebar a {
text-decoration: none; }
article .bodee .nativo-promo {
overflow: hidden;
margin-left: 20px;
margin-right: 20px; }
@media only screen and (min-width: 48em) {
article .bodee .nativo-promo {
margin: 0 60px 16px 60px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .nativo-promo {
margin: 0 20px 16px 180px;
max-width: 620px; } }
article .bodee .nativo-promo .sponsored-blog {
color: #e29001;
font-style: italic;
font-weight: bold;
padding-right: 0.25rem; }
article .bodee .nativo-promo .post-meta {
margin-bottom: 0; }
article .bodee .nativo-promo .crawl-headline {
margin: 0; }
article .bodee .nativo-promo .crawl-headline a {
text-decoration: none; }
article .bodee .nativo-promo .crawl-summary {
display: none; }
@media only screen and (min-width: 48em) {
article .bodee .nativo-promo .crawl-summary {
display: block; } }
article .bodee .nativo-promo .excerpt-img img {
max-height: 75px;
width: auto; }
article .bodee .articleBloxAd {
display: none; }
article .bodee .articleBloxAd.smartphone {
display: block; }
@media only screen and (min-width: 48em) {
article .bodee .articleBloxAd.smartphone {
display: none; } }
@media only screen and (min-width: 48em) {
article .bodee .articleBloxAd.tablet {
display: block; } }
@media only screen and (min-width: 60.625em) {
article .bodee .articleBloxAd.tablet {
display: none; } }
@media only screen and (min-width: 60.625em) {
article .bodee .articleBloxAd.desktop {
display: block; } }
article .bodee blockquote {
font-size: 1rem;
border-left: 5px solid #efefef;
padding: 5px 20px;
margin-left: 20px; }
@media only screen and (min-width: 48em) {
article .bodee blockquote {
margin: 19px 60px 16px 80px; } }
@media only screen and (min-width: 60.625em) {
article .bodee blockquote {
margin: 19px 0 16px 180px;
max-width: 620px; } }
article .bodee blockquote cite {
font-size: 0.875rem;
color: #999;
font-style: normal;
display: block;
clear: left;
padding-top: 5px; }
article .bodee blockquote cite a {
text-decoration: none; }
article .bodee code {
color: #7c1806;
font-family: Monaco, monospace, serif;
font-size: .875rem; }
article .bodee .lazyload_ad code,
article .bodee .lazyload_ad_article code {
display: none; }
article .bodee pre {
background: #f5f5f5;
overflow-x: auto;
padding: 10px;
margin: 20px;
word-wrap: normal;
border-radius: 0.25em;
/* 4px / 16px */ }
@media only screen and (min-width: 48em) {
article .bodee pre {
max-height: 100%;
clear: left;
margin: 20px 80px 16px 80px; } }
@media only screen and (min-width: 60.625em) {
article .bodee pre {
margin: 20px 0 16px 180px;
max-width: 620px; } }
article .bodee pre code {
background: none;
overflow-wrap: normal;
white-space: pre;
line-height: 1.5em; }
article .bodee .brand-social {
border: 1px solid #cccccc;
padding: 1rem 1.5rem 1rem 1.5rem;
margin-left: 10px;
margin-right: 10px;
clear: both;
/* added b/c the pseudo-element clearfix doesn't ensure images don't float next to this box */
*zoom: 1; }
article .bodee .brand-social:before, article .bodee .brand-social:after {
content: " ";
display: table; }
article .bodee .brand-social:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee .brand-social {
margin: 20px 80px 16px 80px;
text-align: left; } }
@media only screen and (min-width: 60.625em) {
article .bodee .brand-social {
clear: none;
width: 60%;
width: -webkit-calc(55% - 65px);
width: -moz-calc(55% - 65px);
width: calc(55% - 65px);
margin-left: 30%;
margin-left: -webkit-calc(25% - 20px);
margin-left: -moz-calc(25% - 20px);
margin-left: calc(25% - 20px); } }
@media only screen and (min-width: 60.625em) {
article .bodee .brand-social ul.social-links {
margin-top: .525rem;
margin-left: 98px; } }
article .bodee .brand-social .follow-text {
font-size: 1.125rem;
font-weight: 700;
float: none;
text-align: center; }
@media only screen and (min-width: 24.0625em) {
article .bodee .brand-social .follow-text {
float: left;
font-size: 1.125rem;
font-weight: 700; } }
@media only screen and (min-width: 60.625em) {
article .bodee .brand-social .follow-text {
float: none;
text-align: center; } }
article .bodee .vcard {
padding: 1.25rem .75rem 1.25rem .75rem; }
@media only screen and (min-width: 48em) {
article .bodee .vcard {
padding: 1.25rem; } }
article .bodee .vcard img {
margin-right: .625rem; }
@media only screen and (min-width: 48em) {
article .bodee .vcard img {
margin-right: 1.25rem; } }
article .bodee .vcard p {
font-size: 1rem;
line-height: 1.375rem; }
article .bodee .vcard p.author-name {
font-size: 1.0625rem;
margin-bottom: .75rem; }
article .bodee .vcard p.author-name .author-title {
font-style: italic; }
article .bodee .author-info.with-image {
margin-left: 4.375rem; }
@media only screen and (min-width: 48em) {
article .bodee .author-info.with-image {
margin-left: 5rem; } }
article .bodee .author-info p.author-name, article .bodee .author-info p.bio {
margin-left: 0; }
article .bodee ul.social-links {
float: left;
margin: .125rem 0 0 0; }
article .bodee ul.social-links li {
float: left;
list-style: none;
margin: 0 1.5rem 0 0;
max-width: 1.125rem; }
article .bodee ul.social-links li a {
text-decoration: none; }
article .bodee ul.social-links li a .ss-icon {
font-size: 1.125rem; }
article .bodee ul.social-links.author {
margin: .5rem 0 0 0;
padding: 0; }
article .bodee .gist {
overflow-x: auto; }
@media only screen and (min-width: 48em) {
article .bodee .gist {
clear: left; } }
article .bodee .pagination .current-page {
display: none; }
article .bodee .pagination .page-numbers {
display: inline; }
article .bodee .pagination .page-link.prev {
border-right: 1px solid #dfdfdf;
padding: 0 10px; }
article .bodee .pagination .page-link.next {
border-left: 1px solid #dfdfdf;
padding: 0 10px; }
article .bodee .article-intercept {
padding: 0 0 0.25rem;
font-size: 1.125rem;
margin: 1rem 20px;
font-weight: 700;
display: inline-block; }
@media only screen and (min-width: 60.625em) {
article .bodee .article-intercept {
margin: 40px 0 16px 180px;
max-width: 620px;
width: 100%; } }
article .bodee .article-intercept a {
text-decoration: none;
color: inherit; }
article .bodee .article-intercept em {
font-style: normal; }
article .bodee .article-intercept .ss-icon {
margin: 0 10px;
vertical-align: middle; }
article .bodee .article-intercept .answers-intercept {
border-top: 1px solid #cccccc;
padding: .5rem .625rem 0 0; }
@media only screen and (min-width: 60.625em) {
article .bodee .article-intercept .answers-intercept {
padding-right: 2.5rem;
width: 100%; } }
article .bodee .article-intercept .answers-intercept img {
float: left;
margin-right: 1.25rem; }
article .bodee .article-intercept .answers-intercept p {
color: #424242;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0625rem;
line-height: 1.25rem;
margin: 0 0 0 10.5rem; }
article .bodee .article-intercept .answers-intercept p a {
color: #424242; }
article .bodee .article-intercept .answers-intercept p a:hover {
color: #f87364; }
article .bodee .apart-alt {
border-bottom: 1px solid #d8d8d8;
margin: 0 0 10px 0;
*zoom: 1; }
article .bodee .apart-alt:before, article .bodee .apart-alt:after {
content: " ";
display: table; }
article .bodee .apart-alt:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt {
float: left;
clear: left;
margin: 0 20px 10px 10px;
width: 8.75rem; } }
@media only screen and (min-width: 60.625em) {
article .bodee .apart-alt {
margin: 0; } }
.lt-ie9 article .bodee .apart-alt {
width: 140px; }
article .bodee .apart-alt p {
margin: 0; }
article .bodee .apart-alt.tags {
border: none;
margin: 0 10px 0 10px;
width: auto;
float: none; }
.lt-ie9 article .bodee .apart-alt.tags {
width: 140px; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.tags {
margin-left: 60px;
padding: 0 20px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .apart-alt.tags {
display: none;
margin-left: 0;
float: left; } }
article .bodee .apart-alt.tags:nth-child(2) {
display: none;
padding: 0; }
@media only screen and (min-width: 60.625em) {
article .bodee .apart-alt.tags:nth-child(2) {
display: block;
margin-bottom: 20px;
width: 8.75rem; } }
article .bodee .apart-alt.tags ul li {
margin: 0.4rem 0.1rem 0 0; }
article .bodee .apart-alt.whitepaper, article .bodee .apart-alt.insider-left {
display: none; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper, article .bodee .apart-alt.insider-left {
display: block;
border-bottom: none; } }
article .bodee .apart-alt.whitepaper a, article .bodee .apart-alt.insider-left a {
text-decoration: none; }
article .bodee .apart-alt.whitepaper img, article .bodee .apart-alt.insider-left img {
display: none; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper img, article .bodee .apart-alt.insider-left img {
float: none;
display: block;
margin: 0 0 .5rem 0;
overflow: hidden;
width: auto;
max-width: 140px;
max-height: none; } }
article .bodee .apart-alt.whitepaper h5, article .bodee .apart-alt.whitepaper h4, article .bodee .apart-alt.whitepaper p, article .bodee .apart-alt.insider-left h5, article .bodee .apart-alt.insider-left h4, article .bodee .apart-alt.insider-left p {
margin: 0; }
article .bodee .apart-alt.whitepaper .hed, article .bodee .apart-alt.insider-left .hed {
display: inline;
font-size: 1.125rem; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper .hed, article .bodee .apart-alt.insider-left .hed {
display: block;
font-size: 0.875rem; } }
article .bodee .apart-alt.whitepaper .subhed, article .bodee .apart-alt.insider-left .subhed {
display: inline;
font-size: 1.125rem;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper .subhed, article .bodee .apart-alt.insider-left .subhed {
display: block;
font-size: 0.8125rem;
line-height: 1.025rem;
margin: 0.5rem 0 0.25rem 0;
text-transform: none; } }
article .bodee .apart-alt.whitepaper .title, article .bodee .apart-alt.insider-left .title {
font-size: 1.125rem;
line-height: 1.325rem;
margin: 10px 0 0.5rem 0; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper .title, article .bodee .apart-alt.insider-left .title {
margin-top: 0; } }
article .bodee .apart-alt.whitepaper p, article .bodee .apart-alt.insider-left p {
font-size: 0.8125rem;
line-height: 1.025rem;
margin: 0; }
article .bodee .apart-alt.whitepaper a.learn, article .bodee .apart-alt.insider-left a.learn {
display: none; }
@media only screen and (min-width: 48em) {
article .bodee .apart-alt.whitepaper a.learn, article .bodee .apart-alt.insider-left a.learn {
border-radius: 4px;
display: inline-block;
font-size: 1.0625rem;
line-height: 1em;
margin: 1rem 0 0 0;
text-transform: uppercase;
text-align: center;
padding: 0.75rem 0 0.5rem 0;
width: 40px;
width: -webkit-calc(100% - 180px);
width: -moz-calc(100% - 180px);
width: calc(100% - 180px);
max-width: 300px;
width: 100%; } }
.lt-ie9 article .bodee .apart-alt.whitepaper a.learn, .lt-ie9 article .bodee .apart-alt.insider-left a.learn {
margin: 1em 0 0 0;
padding: 0.75em 0 0.5em 0;
width: 140px; }
article .bodee .apart-alt.insider-left {
border: 1px solid #ccc;
background-color: #f2fce1;
background-image: none;
padding-top: 0; }
article .bodee .apart-alt.insider-left span.insider {
display: block;
height: 24px;
width: inherit;
float: none;
margin-bottom: 0.5rem; }
article .bodee .apart-alt.insider-left .learn-insider {
background-color: #6eae00;
color: #fff;
margin: 1rem 0.5rem;
border-radius: 4px;
text-transform: uppercase;
text-align: center;
padding: 0.5rem;
display: block; }
article .bodee .apart-alt.insider-left p, article .bodee .apart-alt.insider-left .title, article .bodee .apart-alt.insider-left .well-img {
padding: 0 0.5rem; }
article .bodee .apart-alt.insider-left img {
width: 100%; }
article .bodee aside.pullquote {
font-size: 1.4rem;
margin: 0 0 16px 0;
padding: 0 20px;
display: none; }
article .bodee aside.pullquote::before {
content: "\201C";
line-height: 1px;
font-size: 3em;
display: inline-block;
position: relative;
vertical-align: text-bottom;
padding-right: 10px; }
article .bodee aside.pullquote::after {
content: attr(data-pullquote); }
article .bodee aside.pullquote q::after {
content: "\201D";
display: inline;
position: relative;
padding-left: .3rem; }
@media only screen and (min-width: 24.0625em) {
article .bodee aside.pullquote {
display: inline-block; } }
@media only screen and (min-width: 48em) {
article .bodee aside.pullquote {
display: block;
font-size: 1.75rem;
line-height: 2.15rem;
margin: 0 60px 16px 0;
padding-left: 46px;
text-indent: -20px;
clear: left; } }
@media only screen and (min-width: 60.625em) {
article .bodee aside.pullquote {
padding-left: 46px;
max-width: 780px; } }
.lt-ie9 article .bodee aside.pullquote {
width: 780px; }
article .bodee aside.pullquote .source, article .bodee aside.pullquote cite {
display: block;
font-size: .9375rem;
text-align: right; }
@media only screen and (min-width: 48em) {
article .bodee aside.pullquote .source, article .bodee aside.pullquote cite {
font-size: 1.0625rem; } }
article .bodee aside.pullquote cite {
color: #000000;
font-style: normal; }
article .bodee aside.pullquote.pullquote-with-image {
padding-left: 0;
margin-left: 20px; }
article .bodee aside.pullquote.pullquote-with-image:before {
content: ""; }
article .bodee aside.pullquote.pullquote-with-image figure {
float: left;
padding-right: 25px;
max-width: 220px; }
article .bodee aside.pullquote.pullquote-with-image figure img {
width: 100%;
height: auto; }
article .bodee aside.pullquote.pullquote-with-image q {
text-indent: -30px; }
article .bodee aside.pullquote.pullquote-with-image q:before {
content: "\201C";
line-height: 1px;
font-size: 3em;
display: inline-block;
position: relative;
vertical-align: text-bottom;
padding-right: 10px; }
article .bodee a[name] {
display: block;
color: inherit; }
article .bodee a[name]:hover {
text-decoration: none;
color: inherit; }
article .bodee#comments {
text-align: center;
width: 95%;
padding-top: 1.5em;
margin: 0 auto 3.0rem auto; }
@media only screen and (min-width: 48em) {
article .bodee#comments {
width: 96%;
clear: both; } }
@media only screen and (min-width: 60.625em) {
article .bodee#comments {
width: 100%;
margin: 0 0 3.0rem 0; } }
article .bodee#comments > * {
text-align: left; }
article .bodee#comments .comments-hed {
line-height: 2.875rem;
margin-bottom: 1.5rem; }
article .bodee#comments .comments-hed .head {
float: left;
font-size: 1.5rem; }
article .bodee#comments .comments-hed .subhead {
display: none;
float: right;
font-size: 1.25rem; }
@media only screen and (min-width: 48em) {
article .bodee#comments .comments-hed .subhead {
display: block; } }
article .bodee#comments .comments-hed .subhead a {
font-size: 0.875rem;
text-decoration: none; }
article .bodee#comments .comments-body {
text-align: center; }
@media only screen and (min-width: 48em) {
article .bodee#comments .comments-body {
float: left;
width: 528px;
width: -webkit-calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: calc(100% - 320px); } }
@media only screen and (min-width: 60.625em) {
article .bodee#comments .comments-body {
width: 730px;
width: -webkit-calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: calc(100% - 320px); } }
article .bodee#comments .comments-body > * {
text-align: left; }
article .bodee#comments .comments-body #disqus_thread {
border-bottom: 1px solid #eee;
height: 500px;
margin-bottom: 1rem;
overflow: hidden;
position: relative;
transition: height 2s;
-webkit-transition: height 2s; }
article .bodee#comments .comments-body #disqus_thread:before {
content: '';
text-align: center;
padding-top: 20px;
position: absolute;
top: 450px;
right: 0;
width: 100%;
height: 50px;
background-color: rgba(255, 255, 255, 0.1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.1) 0%, #eeeeee 100%); }
article .bodee#comments .comments-body #disqus_thread.open {
border-bottom: 0 none;
height: auto; }
article .bodee#comments .comments-body #disqus_thread.open:before {
content: none; }
article .bodee#comments .comments-body .click-to-open {
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-bottom: 1rem;
padding: 10px;
text-align: center;
text-transform: uppercase; }
article .bodee#comments .lazyload_ad {
display: inline-block; }
@media only screen and (min-width: 48em) {
article .bodee#comments .lazyload_ad {
float: right; } }
article .bodee#comments #commentsDiv *.gig-comments-linksContainer li:after {
/* override grey background on these padding pixel thingies - to keep dots between items from appearing*/
background-color: transparent;
width: 5px; }
article .bodee#comments #commentsDiv *.gig-comment-data {
padding-left: 0; }
@media only screen and (min-width: 48em) {
article .bodee#comments #commentsDiv *.gig-comment-data {
padding-left: 46px; } }
article .bodee#comments #commentsDiv .gig-comment-content {
padding-left: 46px; }
@media only screen and (min-width: 48em) {
article .bodee#comments #commentsDiv .gig-comment-content {
padding-left: 0; } }
article .bodee#comments #commentsDiv .gig-comment-content .gig-comment-body {
text-align: left; }
article .bodee#comments #commentsDiv .gig-comments-comments {
margin-bottom: 1rem;
overflow: hidden;
position: relative;
transition: height 2s;
-moz-transition: height 2s;
-webkit-transition: height 2s; }
article .bodee#comments #commentsDiv .gig-comments-comments:before {
content: '';
text-align: center;
padding-top: 20px;
position: absolute;
top: 350px;
right: 0;
width: 100%;
height: 50px;
background-color: rgba(255, 255, 255, 0.1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.1) 0%, #eeeeee 100%); }
article .bodee#comments #commentsDiv .gig-comments-comments.open {
height: auto; }
article .bodee#comments #commentsDiv .gig-comments-comments.open:before {
content: none; }
article .bodee#comments #commentsDiv .gig-comments-more {
border-radius: 3px;
cursor: pointer;
display: inline-block;
font-weight: 700;
margin-bottom: 1rem;
padding: 10px;
text-align: center;
text-transform: uppercase;
background-color: #338cc5;
border: 0 none;
color: #fff;
font-family: helvetica, sans-serif; }
article .bodee#comments #commentsDiv .gig-composebox-share .gig-composebox-share-text {
top: 3px;
position: relative;
margin-right: 2px; }
article .bodee#comments #commentsDiv .gig-comment-replybox-open {
margin-bottom: 10px; }
article .bodee .comments-cta {
display: block;
text-align: center;
margin: 20px;
padding: 10px;
*zoom: 1;
color: #fff;
line-height: 1rem;
font-size: 1.25rem;
text-decoration: none; }
article .bodee .comments-cta:before, article .bodee .comments-cta:after {
content: " ";
display: table; }
article .bodee .comments-cta:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .bodee .comments-cta {
margin: 20px 80px 16px 80px;
padding-left: 1.25rem;
padding-right: 1.25rem; } }
@media only screen and (min-width: 60.625em) {
article .bodee .comments-cta {
margin: 20px 0 16px 160px;
max-width: 620px; } }
article .bodee .comments-cta .ss-chat {
margin-right: 10px;
line-height: 1rem; }
article .bodee div#gpt-pin {
position: fixed;
bottom: 0;
margin-left: -15px;
z-index: 10;
display: none; }
article #taboola {
margin: 0 10px;
padding-bottom: 15px;
padding-top: 24px; }
@media only screen and (min-width: 48em) {
article #taboola {
margin-left: 0;
margin-right: 0; } }
article .tags ul {
list-style: none;
padding: 0;
margin: 0; }
article .tags li {
background: #333;
border-radius: 4px;
display: inline-block;
font-size: 0.85rem;
padding: 3px 7px 2px 7px; }
@media only screen and (min-width: 48em) {
article .tags li {
margin: 0.25rem 0 0 0; } }
article .tags li a {
text-decoration: none; }
article p.orig {
font-style: italic; }
article .end-byline {
border: 1px solid #CCC;
height: auto;
width: auto;
background: #EEE;
margin: 20px;
padding: 10px;
*zoom: 1; }
article .end-byline:before, article .end-byline:after {
content: " ";
display: table; }
article .end-byline:after {
clear: both; }
@media only screen and (min-width: 48em) {
article .end-byline {
clear: both;
margin: 20px 80px 16px 80px;
text-align: left; } }
@media only screen and (min-width: 60.625em) {
article .end-byline {
margin: 20px 0 16px 160px;
max-width: 620px; } }
.lt-ie9 article .end-byline {
width: 620px; }
article .end-byline img {
border-radius: 50%;
display: block;
height: 60px;
width: 60px;
float: left;
margin: 0 10px 10px 0;
position: relative; }
article .end-byline p, article .end-byline p.name {
font-weight: normal;
margin: 0;
float: none;
display: block; }
article .end-byline p.author-more, article .end-byline p.name.author-more {
margin-top: 1rem; }
article.blog header .blog-byline {
padding: 10px 10px 10px 0;
margin: 0 10px 20px 10px;
*zoom: 1; }
article.blog header .blog-byline:before, article.blog header .blog-byline:after {
content: " ";
display: table; }
article.blog header .blog-byline:after {
clear: both; }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline {
margin-left: 0;
margin-right: 0; } }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline .brand {
float: left;
width: 60%; } }
article.blog header .blog-byline .brand.sponsored img {
border-radius: 0;
max-height: 80px;
max-width: 80px;
height: initial;
width: initial; }
article.blog header .blog-byline .divider {
font-weight: 400;
padding: 0 3px;
color: #dedede; }
article.blog header .blog-byline img {
border-radius: 50%;
float: left;
height: 60px;
width: 60px;
margin: 0 15px 0 10px; }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline img {
height: 80px;
width: 80px; } }
@media only screen and (min-width: 60.625em) {
article.blog header .blog-byline img {
margin-left: 0; } }
article.blog header .blog-byline .blog-title {
font-size: 1.25rem;
line-height: 1.2em;
margin: 10px 0 0 0;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline .blog-title {
font-size: 1.5rem;
max-width: 500px; } }
article.blog header .blog-byline a {
text-decoration: none; }
article.blog header .blog-byline p {
margin: 0; }
article.blog header .blog-byline .name {
margin-right: 6px;
margin-bottom: 6px;
float: left;
max-width: 400px; }
article.blog header .blog-byline .meta {
display: inline-block;
border-left: 1px solid #dedede;
font-size: 0.75rem;
float: left;
margin: 0 7px 0 0;
padding: 0 8px;
position: relative; }
@media only screen and (min-width: 24.0625em) {
article.blog header .blog-byline .meta {
margin-left: 5px; } }
article.blog header .blog-byline .meta ul {
display: none; }
article.blog header .blog-byline .meta.open {
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
border: none; }
article.blog header .blog-byline .meta.open ul {
border-top: none;
background: #FFF;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
display: inline;
list-style: none;
margin: 0;
padding: 5px;
position: absolute;
width: auto;
left: 0;
z-index: 1; }
article.blog header .blog-byline .meta.open ul li {
display: inline-block;
padding: 4px 12px;
margin: 0;
font-size: 1rem; }
article.blog header .blog-byline .meta.open ul li a {
color: #a3acb3; }
article.blog header .blog-byline .about {
border-left: 1px solid #d7d7d7;
display: none;
padding: 0 10px; }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline .about {
display: block;
float: right;
width: 35%;
max-width: 300px; } }
article.blog header .blog-byline .about .about-title {
font-size: 1rem; }
article.blog header .blog-byline .about .about-title .ss-icon {
font-size: 0.625rem; }
article.blog header .blog-byline .about p {
font-size: 0.8125rem;
margin: 0; }
article.blog header .blog-byline.with-image .blog-branding-text {
margin-left: 75px; }
@media only screen and (min-width: 48em) {
article.blog header .blog-byline.with-image .blog-branding-text {
margin-left: 95px; } }
article.blog header .breadcrumbs {
clear: both; }
article.blog .byline {
margin-bottom: 2rem; }
article.blog .byline > .dateline {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 7px 10px;
margin: 0 10px; }
@media only screen and (min-width: 48em) {
article.blog .byline > .dateline {
margin-left: 0;
margin-right: 0; } }
article.blog .prev-next {
position: relative; }
@media only screen and (min-width: 48em) {
article.blog .prev-next {
margin: 30px 0 40px 0; } }
article.blog .prev-next a.blog-nav {
text-decoration: none;
display: block;
font-size: 1.0rem;
font-weight: 700;
margin: 1.15rem 10px 10px 10px;
width: 43%; }
@media only screen and (min-width: 48em) {
article.blog .prev-next a.blog-nav {
width: auto;
font-size: 1.125rem; } }
article.blog .prev-next a.blog-nav .title {
text-transform: uppercase; }
article.blog .prev-next a.blog-nav .title .ss-icon {
font-size: 0.875rem; }
article.blog .prev-next a.blog-nav p {
margin: 0;
color: #16161d;
font-size: 1.0rem;
line-height: 1.25rem; }
@media only screen and (min-width: 48em) {
article.blog .prev-next a.blog-nav p {
font-size: 1.125rem;
line-height: 1.25rem; } }
article.blog .prev-next a.blog-nav.prev {
float: left;
text-align: right; }
@media only screen and (min-width: 48em) {
article.blog .prev-next a.blog-nav.prev {
width: 25%; } }
@media only screen and (min-width: 60.625em) {
article.blog .prev-next a.blog-nav.prev {
width: 20%; } }
article.blog .prev-next a.blog-nav.next {
text-align: left;
float: right; }
@media only screen and (min-width: 48em) {
article.blog .prev-next a.blog-nav.next {
width: 25%; } }
@media only screen and (min-width: 60.625em) {
article.blog .prev-next a.blog-nav.next {
width: 20%; } }
article.blog .end-byline {
clear: both;
float: left;
margin: 2rem 10px 0 10px;
height: auto;
padding: 10px; }
article.blog .end-byline p.name {
font-weight: 400; }
@media only screen and (min-width: 48em) {
article.blog .end-byline {
clear: none;
float: none;
margin-top: 0;
position: relative;
top: 10px;
width: 40%;
width: -webkit-calc(45% - 45px);
width: -moz-calc(45% - 45px);
width: calc(45% - 45px);
margin-left: 40%;
margin-left: -webkit-calc(30% - 10px);
margin-left: -moz-calc(30% - 10px);
margin-left: calc(30% - 10px); } }
@media only screen and (min-width: 60.625em) {
article.blog .end-byline {
margin: 0;
width: 40%;
width: -webkit-calc(55% - 45px);
width: -moz-calc(55% - 45px);
width: calc(55% - 45px);
margin-left: 30%;
margin-left: -webkit-calc(25% - 10px);
margin-left: -moz-calc(25% - 10px);
margin-left: calc(25% - 10px); } }
.article-wide article .bodee #drr-container > .table-wrapper {
clear: both; }
.article-wide article .bodee #drr-container > .table-wrapper h4 {
padding: 10px 0; }
.article-wide article .bodee #drr-container iframe {
max-width: 95%;
padding: 0 10px 0 10px; }
@media only screen and (min-width: 48em) {
.article-wide article .bodee #drr-container iframe {
margin-left: 0;
max-width: 98%; } }
@media only screen and (min-width: 60.625em) {
.article-wide article .bodee #drr-container iframe {
margin-left: 0;
max-width: 100%;
padding-left: 0; } }
article .bodee #drr-container > figure.large .list-item .item-img a > img {
margin-top: auto; }
/* INSIDER STUB/PREVIEW FORMATTING */
.insider-signup {
margin: 0 0 1rem 0;
max-width: 100%;
padding: 0 1.25rem; }
@media only screen and (min-width: 48em) {
.insider-signup {
margin: 0 0 1rem 60px;
max-width: 28.75rem;
padding: 0 1.25rem; } }
@media only screen and (min-width: 60.625em) {
.insider-signup {
margin: 0 0 5rem 160px; } }
.lt-ie9 .insider-signup {
width: 28.75em; }
.insider-signup .head {
margin-bottom: 0;
font-weight: 700; }
.insider-signup p {
margin: 0;
font-size: 1rem;
text-align: center;
font-weight: 700; }
.insider-signup p span {
color: #dedede;
padding: 0 0.3rem;
font-weight: 400; }
.insider-signup p a {
text-decoration: none; }
.insider-signup form {
margin: 1em auto 0.75em auto;
text-align: center; }
.insider-signup input[type=text] {
font-style: normal;
color: #666;
font-size: 1rem;
border-radius: 0.25rem;
border: 1px solid #dedede;
padding: 8px;
width: 50%;
height: 1.3rem;
margin: 0 0.5rem 0.5rem 0;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.insider-signup .btn {
padding: 7px 20px;
text-decoration: none;
font-size: 1.1rem;
color: #fff;
text-transform: uppercase;
border-radius: .25rem;
border: none;
margin: 0 auto;
font-weight: 600; }
.insider-info {
display: none; }
@media only screen and (min-width: 48em) {
.insider-info {
display: block;
float: right;
margin: 0 10px 20px 10px;
width: 300px; } }
.insider-info .promo {
margin-top: 0;
padding: 1.2rem 0.9rem; }
.insider-info .promo h3, .insider-info .promo h4, .insider-info .promo h5, .insider-info .promo p {
margin: 0;
padding: 0; }
.insider-info .promo .head {
font-size: 1.5rem;
line-height: 1em;
padding: 0 0 .4em 0;
margin: 0 0 .4em 0;
border-bottom: 1px solid #dedede;
text-transform: uppercase; }
.insider-info .promo .head span {
text-indent: -314159px; }
.insider-info .promo p {
margin: 0;
line-height: 1.25em; }
@media only screen and (min-width: 60.625em) {
.insider-info .promo .title {
margin-top: 1rem;
font-size: 1rem;
border-bottom: 1px solid #dedede;
padding-bottom: 0.3em;
margin-bottom: 0.3em; } }
.insider-info .promo h5 {
font-size: 1rem;
line-height: 1.15rem;
margin-bottom: 0.5rem; }
.insider-preview .insider-wrapper {
float: left;
clear: none;
max-width: auto; }
@media only screen and (min-width: 48em) {
.insider-preview .insider-wrapper {
max-width: 27rem; } }
@media only screen and (min-width: 60.625em) {
.insider-preview .insider-wrapper {
max-width: 39rem; } }
.lt-ie9 .insider-preview .insider-wrapper {
width: 39em; }
.insider-preview .byline, .insider-preview .deck {
width: 100%; }
.insider-preview .bodee p {
margin-right: 0; }
@media only screen and (min-width: 48em) {
.item-carousel {
position: relative;
height: auto;
max-width: 728px;
margin: 0 auto; } }
@media only screen and (min-width: 60.625em) {
.item-carousel {
max-width: 970px; } }
.item-carousel .carousel-inside-crop {
display: block;
width: auto;
height: auto;
position: relative;
clear: both;
overflow: visible; }
@media only screen and (min-width: 48em) {
.item-carousel .carousel-inside-crop {
width: 95%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: auto;
left: 0;
overflow: hidden; } }
.item-carousel .carousel-items {
width: auto;
height: auto;
position: relative;
clear: both;
overflow: visible;
display: block;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.item-carousel .carousel-items {
height: auto;
width: 20000px; } }
.item-carousel .carousel-items > div {
float: left; }
.item-carousel div.excerpt {
*zoom: 1;
float: left;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
margin-bottom: 20px; }
.item-carousel div.excerpt:before, .item-carousel div.excerpt:after {
content: " ";
display: table; }
.item-carousel div.excerpt:after {
clear: both; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt {
width: 120px;
margin-left: 19px; }
.item-carousel div.excerpt:first-child {
margin-left: 0 !important; } }
@media only screen and (min-width: 60.625em) {
.item-carousel div.excerpt {
width: 168px; } }
.item-carousel div.excerpt:nth-child(odd) {
clear: left;
margin-right: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt:nth-child(odd) {
clear: none;
margin-right: 0; } }
.item-carousel div.excerpt:nth-child(even) {
margin-left: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt:nth-child(even) {
margin-left: 20px; } }
.item-carousel div.excerpt .excerpt-img {
display: block;
width: 100%;
margin-bottom: 5px;
position: relative;
height: 0;
overflow: hidden;
padding-top: 66%;
background-color: #999; }
.item-carousel div.excerpt .excerpt-img img {
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
min-height: 100%; }
.item-carousel div.excerpt .excerpt-img .video-timestamp {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: absolute;
bottom: 0;
right: 0;
display: block;
background: #000;
font-size: 0.75rem;
font-weight: 700;
padding: 2px 4px;
color: #fff; }
.item-carousel div.excerpt .excerpt-text p {
font-size: 1rem;
margin: 0; }
.item-carousel div.excerpt .excerpt-text p a {
text-decoration: none; }
.item-carousel a.right, .item-carousel a.left {
display: none;
background-color: #ccc;
border-radius: 2px;
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
height: 47px;
line-height: 52px;
overflow: visible;
position: absolute;
text-align: center;
top: 15px;
width: 32px;
z-index: 5; }
@media only screen and (min-width: 48em) {
.item-carousel a.right, .item-carousel a.left {
display: block; } }
@media only screen and (min-width: 60.625em) {
.item-carousel a.right, .item-carousel a.left {
top: 32px; } }
.item-carousel a.right.disabled, .item-carousel a.left.disabled {
background-color: #222;
color: #4b4b4b;
cursor: default; }
.item-carousel a.right {
right: 0; }
.item-carousel a.left {
left: 0; }
.item-carousel.three-across div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 33.3333%;
margin: 0;
padding-left: 20px;
padding-right: 20px; }
.item-carousel.two-across div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 50%;
margin: 0;
padding-left: 20px;
padding-right: 20px; }
.item-carousel.one-across div.excerpt {
max-width: 767px;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.one-across div.excerpt {
max-width: 929px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.one-across div.excerpt {
max-width: 795px; } }
.item-carousel.one-across.loaded div.excerpt {
max-width: none; }
.item-carousel.no-carousel div.excerpt {
width: 100%;
margin: 0; }
.item-carousel.no-carousel a.left,
.item-carousel.no-carousel a.right {
display: none; }
.item-carousel.video-carousel div.excerpt.selected {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:before {
background: #333;
opacity: 0.3; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:after {
font-size: 1rem;
height: 1rem;
width: auto;
border-radius: 0;
box-shadow: none;
background-color: transparent;
line-height: 1rem;
display: inline-block;
color: #fff;
text-align: center;
content: 'Now Playing';
opacity: 1;
visibility: visible; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:hover:after {
font-size: 1rem;
height: 1rem;
width: auto;
border-radius: 0;
box-shadow: none;
background-color: transparent;
line-height: 1rem;
display: inline-block;
color: #fff;
text-align: center;
content: 'Now Playing';
opacity: 1;
visibility: visible; }
.item-carousel.video-carousel div.excerpt .excerpt-img {
font-family: "SSStandard"; }
.item-carousel.video-carousel div.excerpt .excerpt-img:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1; }
.item-carousel.video-carousel div.excerpt .excerpt-img:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: auto;
font-size: 1rem;
height: 44px;
width: 54px;
border-radius: 2px;
box-shadow: 0 0 5px black;
background-color: #999;
line-height: 48px;
display: inline-block;
color: #fff;
content: '▶';
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s ease 0.3s,opacity 0.3s ease;
transition: visibility 0s ease 0.3s,opacity 0.3s ease; }
.item-carousel.video-carousel div.excerpt .excerpt-img:hover:after {
opacity: 0.75;
visibility: visible;
transition-delay: 0s; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel {
max-width: none;
width: 100%; } }
.item-carousel.hero-carousel .carousel-inside-crop {
padding: 0;
margin: 0;
width: 100%; }
.item-carousel.hero-carousel div.excerpt {
width: 100%;
margin: 0 0 1px; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel div.excerpt {
margin: 0; } }
.item-carousel.hero-carousel div.excerpt:nth-child(n+3) {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel div.excerpt:nth-child(n+3) {
display: block; } }
.item-carousel.hero-carousel div.excerpt .sized-img img {
width: 100%; }
.item-carousel.hero-carousel .hero-nav {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel .hero-nav {
display: block;
position: absolute;
bottom: 0;
right: 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
line-height: 2.5rem;
height: 2.5rem; } }
.item-carousel.hero-carousel .hero-nav a.right,
.item-carousel.hero-carousel .hero-nav a.left {
background-color: transparent;
border-radius: 0;
box-shadow: none;
color: #fff;
cursor: pointer;
display: block;
float: left;
height: auto;
line-height: 2.5rem;
position: static;
padding: 0 0.8125rem;
width: auto;
font-size: 2rem; }
.item-carousel.hero-carousel .hero-nav a.right.disabled,
.item-carousel.hero-carousel .hero-nav a.left.disabled {
color: #999; }
.item-carousel.hero-carousel .hero-nav a.left {
border-right: 1px solid #ccc; }
.item-carousel.hero-carousel .hero-nav a.right {
border-left: 1px solid #ccc; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums {
display: block;
float: left;
font-size: 0.875rem; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a {
display: inline-block;
color: #fff;
padding-left: 1rem;
cursor: pointer; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a:last-child {
padding-right: 1rem; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a.active {
font-weight: 700; }
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; }
@media only screen and (min-width: 48em) {
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; } }
@media only screen and (min-width: 60.625em) {
#homepage .video-carousel div.excerpt {
width: 227px; }
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; } }
#homepage .video-carousel div.excerpt .excerpt-img:after {
opacity: 0.8;
visibility: visible;
content: '📹'; }
#homepage .video-carousel div.excerpt .excerpt-img:hover:after {
opacity: 1; }
#slideshowsCarousel .carousel-items .insider {
top: 14px; }
article .ad {
width: 300px;
margin: 10px auto;
float: none; }
@media only screen and (min-width: 48em) {
article .ad {
float: right;
background: none;
text-align: center;
width: auto;
margin: 0; } }
article .ad.mobile {
display: block;
clear: both;
width: 100%;
margin: 0 auto 1.0rem auto; }
@media only screen and (min-width: 48em) {
article .ad.mobile {
display: none; } }
article .ad.desktop {
display: none; }
@media only screen and (min-width: 48em) {
article .ad.desktop {
display: block;
margin-right: 10px; } }
@media only screen and (min-width: 60.625em) {
article .ad.desktop {
margin-right: 0; } }
.tech-debate .td-head {
background-color: #ccc;
margin: 1rem 0 1.25rem; }
.tech-debate .td-head a {
background-image: url(http://idge.staticworld.net/idge/techdebate.png);
background-position: 16px 14px;
background-repeat: no-repeat;
display: block;
text-indent: -9999rem;
height: 25px;
width: 147px;
padding: 14px 16px; }
.tech-debate .experts-module {
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
padding: 0 !important;
margin: 0 20px 16px 20px;
overflow: auto; }
@media only screen and (min-width: 48em) {
.tech-debate .experts-module {
margin: 0 80px 16px 80px !important; } }
@media only screen and (min-width: 60.625em) {
.tech-debate .experts-module {
margin: 0 0 16px 180px !important; } }
.tech-debate .experts-module .head {
font-size: 1.125rem;
font-weight: 700;
padding: 1rem 0.875rem 0; }
.tech-debate .experts-module .expert {
padding: 1rem 0.875rem; }
.tech-debate .experts-module .expert .expert-name {
margin-left: 85px;
font-size: 1.375rem;
line-height: 1.875rem;
font-weight: 700; }
.tech-debate .experts-module .expert .expert-position {
margin: 0 0 0 85px; }
.tech-debate .experts-module .expert:last-child {
border-top: 1px solid #ccc; }
.tech-debate .debate-header {
padding: .5rem 0 0 !important;
margin: 30px 20px 16px 20px;
border-top: 6px solid #000;
overflow: auto; }
@media only screen and (min-width: 48em) {
.tech-debate .debate-header {
margin: 30px 80px 16px 80px !important; } }
@media only screen and (min-width: 60.625em) {
.tech-debate .debate-header {
margin: 30px 0 16px 180px !important; } }
.tech-debate .debate-header h3 {
margin: 10px 0 0 85px;
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 5px; }
.tech-debate .debate-header .debate-byline {
margin: 0 0 0 85px;
color: #333; }
.tech-debate .expert-img {
background-color: #ccc;
height: 65px;
width: 65px;
border-radius: 50%;
overflow: hidden;
float: left; }
.tech-debate .expert-img img {
width: 100%;
min-height: 100%;
margin: 0 !important; }
.tech-debate .expert-bio {
font-style: italic; }
/* FIXES FOR BETWEEN-BREAKPOINT FORMATTING (SMALL DESKTOPS, NETBOOKS, FOR SLIDESHOW AND INSIDER STUB TEMPLATES) */
@media only screen and (min-width: 800px) and (max-width: 919px) {
.insider-signup {
margin: 0 0 1rem 60px; }
.insider-preview .insider-wrapper {
max-width: 37rem;
width: 60%; } }
@media only screen and (min-width: 920px) and (max-width: 959px) {
.insider-signup {
margin: 0 0 1rem 60px; }
.insider-preview .insider-wrapper {
max-width: 37rem;
width: 65%; } }
.slideshow .bodee a {
text-decoration: none; }
.slideshow article.blog .byline {
margin-bottom: 10px; }
.slideshow article.blog .byline.with-image {
margin-bottom: 0; }
.slideshow article .ad.mobile {
width: 300px;
margin: 15px auto 5px; }
.slideshow article header {
margin: 0; }
.slideshow article header h1 {
margin-bottom: .75rem; }
@media only screen and (min-width: 60.625em) {
.slideshow article header h1 {
margin-bottom: 0; } }
.slideshow article .byline {
clear: both;
margin-bottom: .5rem;
height: 50px;
width: 97%; }
@media only screen and (min-width: 48em) {
.slideshow article .byline {
width: 98%; } }
@media only screen and (min-width: 60.625em) {
.slideshow article .byline {
width: 100%; } }
.slideshow article .byline .byline-wrapper {
padding: 0.12rem 0 0 0; }
@media only screen and (min-width: 24.0625em) {
.slideshow article .byline .byline-wrapper {
height: 38px; } }
.slideshow article .byline div {
padding: 0;
margin: 0; }
.slideshow article .byline div.name {
display: inline-block;
font-weight: 700;
font-size: 1rem;
line-height: 1.2rem;
margin-top: 0.35rem; }
@media only screen and (min-width: 48em) {
.slideshow article .byline div.name {
line-height: 1.0rem;
margin-top: 0.65rem; } }
.slideshow article .byline div.name span.dateline {
font-weight: normal;
font-size: .95rem;
color: #666; }
.slideshow article .byline div.name span.dateline .divider {
padding: 0 .25rem 0 .25rem;
color: #dedede; }
@media only screen and (min-width: 48em) {
.slideshow article .byline.with-image .byline-wrapper {
margin-left: 54px; }
.slideshow article .byline img {
width: 42px;
height: 42px; } }
.slideshow article h2 {
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
margin: 0 10px 1rem; }
.slideshow article #ad-overlay-wrapper {
position: relative;
z-index: 1; }
@media only screen and (min-width: 48em) {
.slideshow article #ad-overlay-wrapper {
*zoom: 1; }
.slideshow article #ad-overlay-wrapper:before, .slideshow article #ad-overlay-wrapper:after {
content: " ";
display: table; }
.slideshow article #ad-overlay-wrapper:after {
clear: both; } }
.slideshow article .item-carousel {
position: relative;
margin: 0 10px;
z-index: 5; }
@media only screen and (min-width: 48em) {
.slideshow article .item-carousel {
margin: 0 0 0 10px;
float: left;
width: 50%;
width: -webkit-calc(100% - 340px);
width: -moz-calc(100% - 340px);
width: calc(100% - 340px);
max-width: 620px; } }
.slideshow article .item-carousel.loaded .carousel-items {
width: 200000px; }
.js .slideshow article .item-carousel.loaded div.excerpt:nth-child(n+2) {
display: block; }
.slideshow article .item-carousel .carousel-inside-crop {
height: auto;
left: 0;
overflow: hidden;
margin: 0;
width: 100%; }
.slideshow article .item-carousel .carousel-items {
width: auto; }
.slideshow article .item-carousel .slideshow-nav.overlay {
display: none; }
@media only screen and (min-width: 60.625em) {
.slideshow article .item-carousel .slideshow-nav.overlay {
display: block;
position: absolute;
top: 0;
height: 0;
padding-top: 75%;
background-color: #333;
opacity: 0;
z-index: 15;
width: 150px; }
.slideshow article .item-carousel .slideshow-nav.overlay:hover {
opacity: 0.55; }
.slideshow article .item-carousel .slideshow-nav.overlay i {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
font-size: 3rem;
height: 3rem;
width: 3rem;
text-align: center;
color: #fff; }
.slideshow article .item-carousel .slideshow-nav.overlay.prev.disabled, .slideshow article .item-carousel .slideshow-nav.overlay.next.ss-disabled {
display: none; }
.slideshow article .item-carousel .slideshow-nav.overlay.prev {
left: 0; }
.slideshow article .item-carousel .slideshow-nav.overlay.next {
right: 0; }
.no-js .slideshow article .item-carousel .slideshow-nav.overlay {
display: none; } }
.slideshow article .item-carousel div.excerpt {
width: 100%;
clear: none;
margin: 0; }
.no-js .slideshow article .item-carousel div.excerpt {
margin-bottom: 30px; }
.js .slideshow article .item-carousel div.excerpt:nth-child(n+2) {
display: none; }
.slideshow article .item-carousel div.excerpt figure {
width: 100%;
padding-top: 75%;
position: relative; }
.slideshow article .item-carousel div.excerpt figure .img-wrapper {
position: absolute;
top: 0;
width: 100%;
height: 0;
padding: 0 0 75% 0;
background-color: #e1e1e1; }
.slideshow article .item-carousel div.excerpt figure .img-wrapper img {
max-height: 100%;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
.slideshow article .item-carousel div.excerpt figure .img-wrapper img.lazyslide {
display: none; }
.js .slideshow article .item-carousel div.excerpt figure .img-wrapper img.lazyslide {
display: block; }
.slideshow article .item-carousel div.excerpt figure .embed-wrapper {
position: absolute;
top: 0;
margin: 0;
z-index: 15; }
.slideshow article .item-carousel div.excerpt figure .embed-wrapper .embed-container {
padding: 0 0 75% 0; }
.slideshow article .item-carousel div.excerpt figure .embed-wrapper .embed-play {
background-color: transparent;
background-image: url("http://idge.staticworld.net/idgtv/btn-play_default-3.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 35px 37px;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 15;
cursor: pointer; }
@media only screen and (min-width: 48em) {
.slideshow article .item-carousel div.excerpt figure .embed-wrapper .embed-play {
background-size: 81px 78px; } }
.slideshow article .item-carousel div.excerpt figure .image-info {
*zoom: 1;
margin: 5px 0 15px;
line-height: 1rem;
position: absolute;
padding-top: 75%;
top: 0;
width: 100%;
z-index: 10; }
.slideshow article .item-carousel div.excerpt figure .image-info:before, .slideshow article .item-carousel div.excerpt figure .image-info:after {
content: " ";
display: table; }
.slideshow article .item-carousel div.excerpt figure .image-info:after {
clear: both; }
.slideshow article .item-carousel div.excerpt figure .image-info .view-large {
float: left;
background: url("http://idge.staticworld.net/idge/see_larger_image14x14.gif") 0 1px no-repeat transparent;
padding-left: 20px;
font-size: 0.75rem; }
.slideshow article .item-carousel div.excerpt figure .image-info .credit {
float: right;
max-width: 80%;
text-align: right;
color: #999;
font-size: 0.6875rem;
font-style: italic; }
@media only screen and (min-width: 24.0625em) {
.slideshow article .item-carousel div.excerpt figure .image-info .credit {
font-size: 0.75rem; } }
.slideshow article .item-carousel div.excerpt figure figcaption {
color: #000;
font-style: normal;
font-size: 1rem;
line-height: 1.4;
padding: 80px 0 0 0;
margin: 0; }
.no-js .slideshow article .item-carousel div.excerpt figure figcaption {
padding-top: 30px; }
.slideshow article .item-carousel div.excerpt figure figcaption .title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.6rem;
margin: 0 0 0.5rem;
padding: 0; }
.slideshow article .item-carousel div.excerpt figure figcaption p, .slideshow article .item-carousel div.excerpt figure figcaption ol, .slideshow article .item-carousel div.excerpt figure figcaption ul, .slideshow article .item-carousel div.excerpt figure figcaption dl {
display: block;
margin: 0 0 1rem; }
.slideshow article .item-carousel div.excerpt figure figcaption ol, .slideshow article .item-carousel div.excerpt figure figcaption ul {
padding: 0 0 0 40px; }
.slideshow article .item-carousel .slideshow-bottom-nav {
position: absolute;
padding: 75% 5px 0;
top: 0;
margin-top: 40px;
width: 95%;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: calc(100% - 10px);
z-index: 1; }
.no-js .slideshow article .item-carousel .slideshow-bottom-nav {
display: none; }
.slideshow article .item-carousel .slideshow-bottom-nav .prev {
float: left; }
.slideshow article .item-carousel .slideshow-bottom-nav .next {
float: right; }
.slideshow article .item-carousel .slideshow-bottom-nav .slideshow-nav {
background-color: #edf5fb;
border: 1px solid #edf5fb;
border-radius: 4px;
color: #338cc5;
font-size: 1rem;
font-weight: 700;
outline: none;
padding: 0px 5px;
text-transform: uppercase; }
.slideshow article .item-carousel .slideshow-bottom-nav .slideshow-nav:hover {
background-color: #338cc5;
border: 1px solid #338cc5;
color: #fff; }
.slideshow article .item-carousel .slideshow-bottom-nav .slideshow-nav .ss-icon {
font-size: 0.75rem; }
.slideshow article .item-carousel .slideshow-bottom-nav .slideshow-nav.prev.disabled, .slideshow article .item-carousel .slideshow-bottom-nav .slideshow-nav.next.ss-disabled {
background-color: transparent;
border: 1px solid transparent;
color: #999;
cursor: default; }
.slideshow article .item-carousel .slideshow-bottom-nav .slide-count {
text-align: center;
width: 100px;
margin: 0 auto;
color: #999; }
@media only screen and (min-width: 48em) {
.slideshow .epo {
margin: 0 10px 20px 10px;
margin-top: 56px; } }
.slideshow #ss-ad-overlay {
background: #fff;
display: none;
padding: 0;
position: absolute;
height: 100%;
min-width: 100%;
top: 0;
left: 0;
text-align: center;
z-index: 5; }
.slideshow #ss-ad-overlay #ss-close-ad {
border-radius: 4px;
padding: 2px 5px;
background-color: #edf5fb;
color: #338cc5;
text-transform: uppercase;
font-weight: 700;
margin: 20px auto 50px;
display: inline-block; }
.slideshow #ss-ad-overlay #ss-close-ad .ss-icon {
font-size: 0.75rem; }
.slideshow #ss-ad-overlay #ss-close-ad:hover {
background-color: #338cc5;
color: #fff; }
.slideshow #ss-ad-overlay .overlay-ad {
margin: 0 auto;
width: 300px; }
.slideshow #nextSlideshow {
display: block;
padding: 75% 0 0;
position: absolute;
width: 100%;
z-index: 20;
background: #000;
background: rgba(0, 0, 0, 0.7);
top: 0; }
.slideshow #nextSlideshow .slideshow-module {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.slideshow #nextSlideshow .title {
color: #fff;
font-family: sans-serif;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 0.75rem;
margin: 14px auto 5px;
line-height: 0.75rem;
width: 80%; }
@media only screen and (min-width: 24.0625em) {
.slideshow #nextSlideshow .title {
font-size: 1rem;
margin: 18px auto 10px;
line-height: 1rem; } }
@media only screen and (min-width: 48em) {
.slideshow #nextSlideshow .title {
font-size: 0.875rem;
margin: 20px auto 5px;
line-height: 0.875rem; } }
@media only screen and (min-width: 60.625em) {
.slideshow #nextSlideshow .title {
font-size: 1.125rem;
margin: 30px auto 10px;
line-height: 1.125rem; } }
.slideshow #nextSlideshow .image-crop {
position: relative;
max-width: 60%;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.slideshow #nextSlideshow .image-crop {
max-width: 66%; } }
.slideshow #nextSlideshow .next-title {
width: 80%;
margin: 0 auto;
position: relative;
font-size: 0.875rem;
line-height: 1rem;
margin-top: 5px; }
@media only screen and (min-width: 24.0625em) {
.slideshow #nextSlideshow .next-title {
font-size: 1.125rem;
line-height: 1.25rem;
margin-top: 1rem; } }
@media only screen and (min-width: 48em) {
.slideshow #nextSlideshow .next-title {
font-size: 1.0625rem;
line-height: 1.1875rem;
margin-top: 10px; } }
@media only screen and (min-width: 60.625em) {
.slideshow #nextSlideshow .next-title {
font-size: 1.375rem;
line-height: 1.5rem;
margin-top: 20px; } }
.slideshow #nextSlideshow .next-title a {
color: #fff;
font-weight: 700; }
.slideshow #nextSlideshow .ss-icon {
position: absolute;
font-size: 2.25rem;
line-height: 3rem;
height: 3rem;
color: #ffffff;
right: 5%;
top: 0;
bottom: 0;
margin: auto 0; }
@media only screen and (min-width: 24.0625em) {
.slideshow #nextSlideshow .ss-icon {
font-size: 2.75rem; } }
@media only screen and (min-width: 48em) {
.slideshow #nextSlideshow .ss-icon {
font-size: 2.5rem; } }
.slideshow #nextSlideshow .ss-icon a {
color: #fff; }
.slideshow .six-column {
clear: both;
padding-top: 0;
margin: 0 auto !important;
overflow: hidden;
max-width: 970px; }
.slideshow #resources-sponsored-links {
clear: both;
margin: 3rem auto; }
@media only screen and (min-width: 48em) {
.slideshow article #collection-module-bottom.six-column.item-carousel {
max-width: 728px;
float: none; } }
@media only screen and (min-width: 60.625em) {
.slideshow article #collection-module-bottom.six-column.item-carousel {
max-width: 970px;
float: left; } }
.slideshow article #collection-module-bottom.six-column.item-carousel div.excerpt:nth-child(n+2) {
display: block; }
.slideshow article #collection-module-bottom.six-column.item-carousel div.excerpt figure.well-img {
width: 114px;
max-height: 85px;
padding-top: 0; }
@media only screen and (min-width: 48em) {
.slideshow article #collection-module-bottom.six-column.item-carousel div.excerpt figure.well-img {
width: 114px;
max-height: 85px; } }
@media only screen and (min-width: 60.625em) {
.slideshow article #collection-module-bottom.six-column.item-carousel div.excerpt figure.well-img {
width: 100%;
max-height: 105px; } }
section[role="main"] .subnet .subnet-header {
background-color: #999;
-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
height: 80px;
margin-bottom: 1.5rem;
padding: 0 33px;
position: relative; }
section[role="main"] .subnet .subnet-header h1, section[role="main"] .subnet .subnet-header span.subnet-name {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.5rem;
margin: 0;
padding-top: 20px; }
@media only screen and (min-width: 48em) {
section[role="main"] .subnet .subnet-header h1, section[role="main"] .subnet .subnet-header span.subnet-name {
font-size: 2rem;
line-height: 2rem;
padding-top: 12px; } }
@media only screen and (min-width: 60.625em) {
section[role="main"] .subnet .subnet-header h1, section[role="main"] .subnet .subnet-header span.subnet-name {
display: inline-block;
font-size: 3rem;
line-height: 80px;
padding-top: 0; } }
section[role="main"] .subnet .subnet-header .subnet-desc {
color: #fff;
font-size: 1rem;
font-weight: 400;
text-shadow: 1px 1px 1px #000; }
@media only screen and (min-width: 48em) {
section[role="main"] .subnet .subnet-header .subnet-desc {
font-size: 1.125rem; } }
@media only screen and (min-width: 60.625em) {
section[role="main"] .subnet .subnet-header .subnet-desc {
font-size: 1.25rem; } }
section[role="main"] .subnet .subnet-header .more-subnets {
position: absolute;
right: 33px;
top: 28px;
height: 28px;
width: 28px; }
section[role="main"] .subnet .subnet-header .more-subnets .ss-icon {
color: #fff;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
font-size: 1.75rem; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown {
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
color: #454545;
display: none;
font-size: 1rem;
padding: 20px 25px;
width: 210px;
position: absolute;
right: -33px;
top: 46px; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown:before {
border: solid;
border-color: #fff transparent;
border-width: 0 8px 8px 8px;
content: "";
right: 36px;
position: absolute;
top: -8px; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list {
list-style: none;
padding: 0;
margin: 1rem 0 0; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list li {
*zoom: 1;
line-height: 50px;
margin-bottom: 0.75rem; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list li:before, section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list li:after {
content: " ";
display: table; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list li:after {
clear: both; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown .subnet-list li .subnet-icon {
background-color: #999;
-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.2);
float: left;
font-size: 1.25rem;
margin-right: 15px;
text-align: center;
height: 50px;
width: 50px; }
section[role="main"] .subnet .subnet-header .more-subnets .subnet-dropdown.open {
display: block; }
section[role="main"] .bodee .subnet-name {
color: #fff;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase; }
section[role="main"] .bodee .subnet-name .subnet-brand {
font-weight: 700;
color: #fff;
color: white; }
section[role="main"] .bodee .subnet {
padding-top: 0.9rem; }
@media only screen and (min-width: 60.625em) {
section[role="main"] .bodee .subnet {
padding-top: 0; } }
section[role="main"] .bodee .subnet .other-subnets {
*zoom: 1;
border: 1px solid #ccc;
-webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2);
padding: 20px 0 20px 20px; }
section[role="main"] .bodee .subnet .other-subnets:before, section[role="main"] .bodee .subnet .other-subnets:after {
content: " ";
display: table; }
section[role="main"] .bodee .subnet .other-subnets:after {
clear: both; }
section[role="main"] .bodee .subnet .other-subnets .head {
color: #454545;
font-size: 1.375rem;
font-weight: 700;
line-height: 1.375rem;
margin-bottom: 1.5rem; }
section[role="main"] .bodee .subnet .other-subnets .subnet-promo {
*zoom: 1;
background-color: #999;
-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.5);
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
padding: 28px 0 12px;
width: 95%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
section[role="main"] .bodee .subnet .other-subnets .subnet-promo:before, section[role="main"] .bodee .subnet .other-subnets .subnet-promo:after {
content: " ";
display: table; }
section[role="main"] .bodee .subnet .other-subnets .subnet-promo:after {
clear: both; }
@media only screen and (min-width: 48em) {
section[role="main"] .bodee .subnet .other-subnets .subnet-promo {
float: left;
margin-bottom: 0;
width: 45%;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px); } }
section[role="main"] .bodee .subnet .other-subnets .subnet-promo .subnet-name {
font-size: 1.625rem;
line-height: 1.625rem; }
section[role="main"] .bodee .subnet .other-subnets ul.blogger-heads {
margin-top: 20px; }
section[role="main"] .bodee .subnet ul.blogger-heads {
*zoom: 1;
margin: 0;
padding: 0; }
section[role="main"] .bodee .subnet ul.blogger-heads:before, section[role="main"] .bodee .subnet ul.blogger-heads:after {
content: " ";
display: table; }
section[role="main"] .bodee .subnet ul.blogger-heads:after {
clear: both; }
section[role="main"] .bodee .subnet ul.blogger-heads li {
border: 0 none;
display: inline-block;
margin: 0 2px 0 0;
padding: 0 !important; }
section[role="main"] .bodee .subnet ul.blogger-heads li img {
height: 28px !important;
width: 28px !important;
margin: 0;
padding: 0;
border-radius: 100%; }
section[role="main"] .bodee .subnet .right-rail .promo .insider {
margin-bottom: 0; }
section[role="main"] .bodee .subnet .right-rail .promo.news li {
border-bottom: 1px solid #d5d3d3;
font-size: 0.9375rem;
margin: 0 0 0.5rem 0;
padding: 0 0 0.5rem 0; }
section[role="main"] .bodee .subnet .right-rail .promo.news h4 {
font-size: 0.9375rem;
font-weight: 400;
margin: 0; }
/* END CROSS-SITE ARTICLE STYLES */
#sharer {
font-family: sans-serif;
font-size: 1.375rem;
float: right;
width: 92px;
line-height: 1rem; }
@media only screen and (min-width: 71.25em) {
#sharer {
line-height: normal;
opacity: 0;
transition: opacity 0.5s; }
#sharer.show {
opacity: 1; } }
#sharer .close-btn {
display: none; }
#sharer ul {
list-style: none;
padding: 0;
margin: 0; }
#sharer ul li {
padding: 0;
margin: 0;
display: none; }
#sharer ul li.mob {
display: inline-block; }
@media only screen and (min-width: 48em) {
#sharer ul li.mob {
display: none; } }
@media only screen and (min-width: 48em) {
#sharer ul li.mob.desk {
display: inline-block; } }
@media only screen and (min-width: 71.25em) {
#sharer ul li.mob.desk.car {
display: none; } }
@media only screen and (min-width: 60.625em) {
#sharer ul li.stumble {
display: none; } }
#sharer ul li.sosh {
position: relative; }
#sharer ul li.sosh > .socialite, #sharer ul li.sosh ul {
display: none; }
#sharer ul li.sosh .facebook-like > div > span {
height: 61px !important;
width: 46px !important; }
#sharer ul li.sosh.open {
border-right: none; }
#sharer ul li.sosh.open > .socialite, #sharer ul li.sosh.open ul {
background: #FFF;
border: 1px solid #dedede;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
clip: rect(0, 900px, 900px, 0);
border-left: none;
display: block;
position: absolute;
top: -1px;
left: 62px;
padding: 10px; }
#sharer ul li.sosh.open > ul {
left: 63px;
/* top:-213px; - size with GPlus button */
top: -138px;
/* size w/o GPlus button */
clip: rect(0, 120px, auto, 0);
padding-bottom: 0;
text-align: center; }
.slideshow #sharer ul li.sosh.open > ul, .videoIndex #sharer ul li.sosh.open > ul {
top: -98px; }
#sharer ul li.sosh.open .facebook-like {
min-height: 61px;
min-width: 46px; }
#sharer ul li .sidecar-icon {
height: 25px;
width: 25px; }
#sharer ul li .sidecar-icon:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
@media only screen and (min-width: 24.0625em) {
#sharer ul li .sidecar-icon {
height: 28px;
width: 28px; } }
#sharer a {
text-decoration: none;
color: #a3acb2; }
@media only screen and (min-width: 71.25em) {
#sharer a.comment {
position: relative; }
#sharer a.comment:after {
background: #da1215;
border: 2px solid #FFF;
color: #FFF;
content: attr(data-comment-count);
font-size: 12px;
padding: 3px 6px 2px;
border-radius: 100%;
position: absolute;
top: -16px;
left: 13px; } }
#sharer a.comment .sidecar-icon {
height: 35px; }
#sharer a i {
display: inline-block;
margin: 0 10px; }
#sharer a .vhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
#sharer.modal {
float: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 6000000; }
@media only screen and (min-width: 71.25em) {
#sharer.modal {
display: none; } }
#sharer.modal ul {
background: #FFF;
border: 1px solid #CCC;
border-radius: 4px;
height: 75%;
margin: 12% auto 0 auto;
width: 90%;
max-width: 400px;
max-height: 500px;
position: relative; }
#sharer.modal ul li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#sharer.modal ul li.close-btn {
border-radius: 50%;
display: block;
position: absolute;
width: 20px;
height: 20px;
background: #CCC;
color: #FFF;
top: 0;
right: 5px;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
padding: 2px 0 0 3px;
z-index: 6000001;
cursor: pointer; }
#sharer.modal ul li.grid1, #sharer.modal ul li.grid3 {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC; }
#sharer.modal ul li.grid2, #sharer.modal ul li.grid4 {
border-bottom: 1px solid #CCC; }
#sharer.modal ul li.grid5 {
border-right: 1px solid #CCC; }
#sharer.modal ul li.mob {
display: none; }
#sharer.modal ul li.sosh {
display: block;
width: 50%;
height: 33%;
padding: 12.5% 12.5%;
float: left; }
#sharer.modal ul li.sosh i {
display: none; }
#sharer.modal ul li.sosh .socialite {
display: block;
text-align: center; }
#sharer.modal ul li.sosh ul {
display: block;
border: 0 none; }
#sharer.modal ul li.sosh ul li {
display: none; }
#sharer.modal ul li.sosh ul li.showmob {
display: block; }
@media only screen and (min-width: 71.25em) {
#sharer {
position: absolute;
width: 3.75rem;
width: 64px;
left: -80px;
top: 147px;
border-bottom: 1px solid #dedede;
background: #fff;
z-index: 5000000; }
#sharer.sticky {
position: fixed;
top: 10px; }
#sharer ul li {
border: 1px solid #dedede;
border-bottom: none;
display: inline-block;
padding: 15px 10px 10px 10px; }
#sharer ul li.mob {
display: none; }
#sharer ul li.mob.desk {
display: inline-block; }
#sharer ul li ul li {
border: 0 none;
padding: 0 0 10px 0; } }
.slideshow #sharer .print-icon, .videoIndex #sharer .print-icon {
display: none; }
#sharer.sidecar {
border: 0;
float: none;
width: 100%; }
@media only screen and (min-width: 48em) {
#sharer.sidecar {
width: 408px;
width: -webkit-calc(100% - 335px);
width: -moz-calc(100% - 335px);
width: calc(100% - 335px); } }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar {
float: right;
width: 64px; } }
#sharer.sidecar ul li {
border: 0;
display: inline-block;
float: left;
padding: .3125rem .3125rem .625rem .3125rem; }
#sharer.sidecar ul li.close-btn {
display: none; }
#sharer.sidecar ul li.comment {
padding: .125rem .375rem .625rem .625rem; }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar ul li.comment {
padding-left: .375rem;
padding-right: .625rem; } }
#sharer.sidecar ul li.hide {
opacity: 0;
padding: 0;
transition: opacity 1s; }
#sharer.sidecar ul li.hide .sidecar-icon {
height: 0;
width: 0; }
#sharer.sidecar ul li.more {
cursor: pointer;
padding: .75rem .375rem 0 .375rem; }
@media only screen and (min-width: 60.625em) {
#sharer.sidecar ul li.more {
padding-top: .3125rem;
padding-left: .0625rem; } }
#sharer.sidecar ul li.more .more-icon {
background: transparent url("http://idge.staticworld.net/images/more.svg") no-repeat 0 0;
height: 15px;
width: 29px; }
#sharer.sidecar ul li.more .more-icon:hover {
background-image: url("http://idge.staticworld.net/images/more-hover.svg"); }
#sharer.sidecar ul li.print {
display: none; }
@media only screen and (min-width: 24.0625em) {
#sharer.sidecar ul li.print {
display: inline-block; } }
@media only screen and (min-width: 24.0625em) {
#sharer.sidecar ul li {
padding: .3125rem .375rem .625rem .375rem; } }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar ul li {
float: none; } }
#sharer.sidecar ul.expand li.hide {
opacity: 1;
padding: 0.3125rem 0.375rem 0.625rem; }
#sharer.sidecar ul.expand li.hide .sidecar-icon {
height: 25px;
width: 25px; }
@media only screen and (min-width: 24.0625em) {
#sharer.sidecar ul.expand li.hide .sidecar-icon {
height: 28px;
width: 28px; } }
#sharer.sidecar ul.expand li.more {
display: none; }
.mediaresource #sharer.sidecar ul {
/* display: none; */ }
@media only screen and (min-width: 71.25em) {
.mediaresource #sharer.sidecar ul {
display: block; } }
#bottom-sharer {
font-size: 22px;
font-size: 1.375rem;
display: none; }
@media only screen and (min-width: 48em) {
#bottom-sharer {
clear: both;
display: block;
margin: 20px auto;
width: 430px;
padding-top: 20px; } }
@media only screen and (min-width: 71.25em) {
#bottom-sharer {
display: none; } }
#bottom-sharer a {
text-decoration: none;
color: #a3acb2; }
#bottom-sharer ul {
border: 1px solid #dedede;
display: block;
list-style: none;
margin: 20px 0 0 0;
padding: 0; }
#bottom-sharer ul li {
border-right: 1px solid #dedede;
margin: 0;
padding: 10px;
display: inline-block;
width: 60px; }
#bottom-sharer ul li.email {
position: relative;
border-right: none;
top: -12px;
left: 9px;
font-size: 32px;
padding-bottom: 0; }
#bottom-sharer ul li.email a {
display: block;
position: relative; }
.eml-friend, .eml-ty, .eml-friend-error {
position: relative;
margin: 5% auto 0;
border: 1px solid #16161d;
background-color: #fff;
width: 80%;
min-height: 30rem;
padding-bottom: 20px;
font-size: 0.875rem; }
@media only screen and (min-width: 71.25em) {
.eml-friend, .eml-ty, .eml-friend-error {
width: 48%; } }
.eml-friend hr, .eml-ty hr, .eml-friend-error hr {
margin: 0.6875rem 0;
clear: both; }
.eml-friend h3, .eml-ty h3, .eml-friend-error h3 {
font-size: 1.7rem;
margin: 1rem 2rem 1.5rem 2rem; }
.eml-friend .input-row, .eml-ty .input-row, .eml-friend-error .input-row {
overflow: hidden;
margin: 0.5rem 2rem; }
.eml-friend .input-row .input-label, .eml-ty .input-row .input-label, .eml-friend-error .input-row .input-label {
float: left;
margin: 0; }
.eml-friend .input-row input, .eml-friend .input-row textarea, .eml-ty .input-row input, .eml-ty .input-row textarea, .eml-friend-error .input-row input, .eml-friend-error .input-row textarea {
display: block;
float: right;
width: 80%;
border: 1px solid #dedede;
border-radius: .18rem;
background-color: #fff;
margin: 0 5px;
padding: 6px;
outline: none;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }
.eml-friend .input-row input:focus, .eml-friend .input-row textarea:focus, .eml-ty .input-row input:focus, .eml-ty .input-row textarea:focus, .eml-friend-error .input-row input:focus, .eml-friend-error .input-row textarea:focus {
background-color: #f3f9fe; }
.eml-friend .input-row .addl-text, .eml-ty .input-row .addl-text, .eml-friend-error .input-row .addl-text {
font-size: 0.6875rem;
color: #999;
text-align: right;
margin: 0.25rem 0 0 0;
clear: both; }
.eml-friend .submit, .eml-ty .submit, .eml-friend-error .submit {
overflow: hidden;
margin: 0.5rem 2rem; }
.eml-friend .submit input, .eml-ty .submit input, .eml-friend-error .submit input {
float: left;
margin-left: 15%;
width: 20%; }
.eml-friend .submit .submit-privacy, .eml-ty .submit .submit-privacy, .eml-friend-error .submit .submit-privacy {
float: left;
width: 18%;
font-size: 0.6875rem;
text-decoration: none;
font-style: italic;
text-align: right;
margin-top: 0.6875rem; }
.eml-friend .msg-sent, .eml-ty .msg-sent, .eml-friend-error .msg-sent {
font-style: italic;
margin: 0 2rem;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.eml-friend #recaptcha_widget_div, .eml-ty #recaptcha_widget_div, .eml-friend-error #recaptcha_widget_div {
width: 82%;
float: right; } }
.eml-friend #recaptcha_widget_div .recaptchatable, .eml-ty #recaptcha_widget_div .recaptchatable, .eml-friend-error #recaptcha_widget_div .recaptchatable {
border: none !important;
display: block; }
.eml-friend #recaptcha_widget_div .recaptchatable #recaptcha_response_field, .eml-ty #recaptcha_widget_div .recaptchatable #recaptcha_response_field, .eml-friend-error #recaptcha_widget_div .recaptchatable #recaptcha_response_field {
width: 285px !important;
margin-left: 0;
border: 1px solid #dedede !important; }
.eml-friend .error-msg, .eml-ty .error-msg, .eml-friend-error .error-msg {
color: #f00;
margin-bottom: 10px; }
.comment-count-mobile {
float: right;
width: 40px; }
.comment-count-mobile #comment-bubble-idge {
height: 2rem;
margin-top: .3125rem; }
.comment-count-mobile #comment-bubble-idge .comment #comment-count {
color: #fff;
display: block;
line-height: .875rem;
padding: .3125rem 0 0 .1875rem;
text-align: center;
width: 35px; }
.comment-count-mobile #comment-bubble-idge .comment #comment-text {
display: none; }
@media only screen and (min-width: 48em) {
.comment-count-mobile {
display: none; } }
.comment-count-main {
display: none; }
@media only screen and (min-width: 48em) {
.comment-count-main {
display: block; } }
.comment-count-slideshow {
float: right;
margin: .375rem 0 0 0;
width: 40px; }
@media only screen and (min-width: 48em) {
.comment-count-slideshow {
margin-right: 4.5rem; } }
.comment-count-slideshow #comment-bubble-idge {
background-size: auto;
height: 2rem;
margin: 0;
width: 40px; }
.comment-count-slideshow #comment-bubble-idge .comment #comment-count {
float: left;
padding: .3125rem 0 0 .625rem;
width: 1.25rem; }
.comment-count-slideshow #comment-bubble-idge .comment #comment-text {
color: inherit;
display: none;
font-weight: bold; }
@media only screen and (min-width: 48em) {
.comment-count-slideshow #comment-bubble-idge .comment #comment-text {
display: block;
margin: .1875rem 0 0 2.375rem; } }
#comment-bubble-idge {
background: transparent url(http://idge.staticworld.net/images/speechbubble.svg) no-repeat 0 0;
clear: left;
float: right;
height: 4rem;
margin: .75rem .5rem 1.25rem 0;
width: 40px; }
@media only screen and (min-width: 48em) {
#comment-bubble-idge {
background-size: 80px 64px;
float: left;
margin-left: .625rem;
margin-right: 1.25rem;
width: 8.75rem; } }
@media only screen and (min-width: 60.625em) {
#comment-bubble-idge {
margin-left: 0; } }
#comment-bubble-idge .comment {
text-decoration: none; }
#comment-bubble-idge .comment #comment-count {
color: #fff;
display: block;
line-height: .875rem;
padding: .625rem 0 0 .25rem;
text-align: center;
width: 72px; }
#comment-bubble-idge .comment #comment-text {
color: #fff;
display: block;
font-size: .75rem;
padding: 0 .125rem 0 .25rem;
text-align: center;
text-transform: uppercase;
width: 72px; }
section[role=main] .six-column {
display: block;
width: 95%;
overflow: hidden;
clear: left;
padding-top: 1.5em;
margin: 0 auto 3.0rem auto; }
@media only screen and (min-width: 48em) {
section[role=main] .six-column {
width: 96%;
clear: both; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column {
width: 100%;
margin: 0 0 3.0rem 0; } }
section[role=main] .six-column .head {
text-transform: none;
margin: 0;
padding-bottom: 0.3rem;
font-weight: 700;
font-size: 1.375rem;
border-bottom: 1px solid #e2e2e2; }
section[role=main] .six-column ul, section[role=main] .six-column div {
list-style: none;
margin: 0;
padding: 0; }
section[role=main] .six-column ul li, section[role=main] .six-column ul > div.excerpt, section[role=main] .six-column div li, section[role=main] .six-column div > div.excerpt {
display: inline-block;
width: 100%;
padding: 0;
margin: 1rem 0; }
@media only screen and (min-width: 48em) {
section[role=main] .six-column ul li, section[role=main] .six-column ul > div.excerpt, section[role=main] .six-column div li, section[role=main] .six-column div > div.excerpt {
float: left;
width: 45%;
width: -webkit-calc(50% - 2rem);
width: -moz-calc(50% - 2rem);
width: calc(50% - 2rem);
margin: 1rem 2rem 1rem 0;
min-height: 6.5em; }
section[role=main] .six-column ul li:nth-child(odd), section[role=main] .six-column ul > div.excerpt:nth-child(odd), section[role=main] .six-column div li:nth-child(odd), section[role=main] .six-column div > div.excerpt:nth-child(odd) {
clear: left; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li, section[role=main] .six-column ul > div.excerpt, section[role=main] .six-column div li, section[role=main] .six-column div > div.excerpt {
width: 143px;
margin: 1rem 0 0;
padding: 0 10px; }
section[role=main] .six-column ul li:nth-child(odd), section[role=main] .six-column ul > div.excerpt:nth-child(odd), section[role=main] .six-column div li:nth-child(odd), section[role=main] .six-column div > div.excerpt:nth-child(odd) {
clear: none; } }
.lt-ie9 section[role=main] .six-column ul li, .lt-ie9 section[role=main] .six-column ul > div.excerpt, .lt-ie9 section[role=main] .six-column div li, .lt-ie9 section[role=main] .six-column div > div.excerpt {
margin: 0 15px 0 0; }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li:first-child, section[role=main] .six-column ul > div.excerpt:first-child, section[role=main] .six-column div li:first-child, section[role=main] .six-column div > div.excerpt:first-child {
padding-left: 0; } }
section[role=main] .six-column ul li:last-child, section[role=main] .six-column ul > div.excerpt:last-child, section[role=main] .six-column div li:last-child, section[role=main] .six-column div > div.excerpt:last-child {
margin-right: 0; }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li:last-child, section[role=main] .six-column ul > div.excerpt:last-child, section[role=main] .six-column div li:last-child, section[role=main] .six-column div > div.excerpt:last-child {
padding-right: 0; } }
@media only screen and (min-width: 48em) {
section[role=main] .six-column ul li.sponsored, section[role=main] .six-column ul > div.excerpt.sponsored, section[role=main] .six-column div li.sponsored, section[role=main] .six-column div > div.excerpt.sponsored {
border-top: 1px solid #e2e2e2;
margin-top: 0;
padding-top: 1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li.sponsored, section[role=main] .six-column ul > div.excerpt.sponsored, section[role=main] .six-column div li.sponsored, section[role=main] .six-column div > div.excerpt.sponsored {
border-top: 0 none;
margin-top: 1rem;
padding-top: 0; } }
section[role=main] .six-column ul li.sponsored.first, section[role=main] .six-column ul > div.excerpt.sponsored.first, section[role=main] .six-column div li.sponsored.first, section[role=main] .six-column div > div.excerpt.sponsored.first {
border-top: 1px solid #e2e2e2;
margin-top: 0;
padding-top: 1rem; }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li.sponsored.first, section[role=main] .six-column ul > div.excerpt.sponsored.first, section[role=main] .six-column div li.sponsored.first, section[role=main] .six-column div > div.excerpt.sponsored.first {
border-top: 0 none;
border-left: 1px solid #e2e2e2;
margin-top: 1rem;
padding-left: 10px;
padding-top: 0; } }
section[role=main] .six-column ul li .title, section[role=main] .six-column ul > div.excerpt .title, section[role=main] .six-column div li .title, section[role=main] .six-column div > div.excerpt .title {
font-size: 1.17rem;
line-height: 1.2rem;
text-transform: none;
margin: 0; }
section[role=main] .six-column ul li .title a, section[role=main] .six-column ul > div.excerpt .title a, section[role=main] .six-column div li .title a, section[role=main] .six-column div > div.excerpt .title a {
text-decoration: none; }
section[role=main] .six-column ul li .site, section[role=main] .six-column ul li .item-eyebrow, section[role=main] .six-column ul > div.excerpt .site, section[role=main] .six-column ul > div.excerpt .item-eyebrow, section[role=main] .six-column div li .site, section[role=main] .six-column div li .item-eyebrow, section[role=main] .six-column div > div.excerpt .site, section[role=main] .six-column div > div.excerpt .item-eyebrow {
text-transform: uppercase;
margin: 0;
font-size: 0.83em;
font-weight: 700; }
section[role=main] .six-column ul li .site a, section[role=main] .six-column ul li .item-eyebrow a, section[role=main] .six-column ul > div.excerpt .site a, section[role=main] .six-column ul > div.excerpt .item-eyebrow a, section[role=main] .six-column div li .site a, section[role=main] .six-column div li .item-eyebrow a, section[role=main] .six-column div > div.excerpt .site a, section[role=main] .six-column div > div.excerpt .item-eyebrow a {
text-decoration: none; }
section[role=main] .six-column ul li .site .sponsored, section[role=main] .six-column ul li .item-eyebrow .sponsored, section[role=main] .six-column ul > div.excerpt .site .sponsored, section[role=main] .six-column ul > div.excerpt .item-eyebrow .sponsored, section[role=main] .six-column div li .site .sponsored, section[role=main] .six-column div li .item-eyebrow .sponsored, section[role=main] .six-column div > div.excerpt .site .sponsored, section[role=main] .six-column div > div.excerpt .item-eyebrow .sponsored {
color: #aaa;
font-weight: 400; }
section[role=main] .six-column ul li .figure-wrapper, section[role=main] .six-column ul > div.excerpt .figure-wrapper, section[role=main] .six-column div li .figure-wrapper, section[role=main] .six-column div > div.excerpt .figure-wrapper {
position: relative; }
section[role=main] .six-column ul li .figure-wrapper .item-current, section[role=main] .six-column ul > div.excerpt .figure-wrapper .item-current, section[role=main] .six-column div li .figure-wrapper .item-current, section[role=main] .six-column div > div.excerpt .figure-wrapper .item-current {
text-transform: uppercase;
font-size: 0.625rem;
line-height: 1.6875rem;
font-weight: normal;
color: #fff;
background-color: #000;
text-align: center;
margin-bottom: 5px;
width: 108px; }
@media only screen and (min-width: 48em) {
section[role=main] .six-column ul li .figure-wrapper .item-current, section[role=main] .six-column ul > div.excerpt .figure-wrapper .item-current, section[role=main] .six-column div li .figure-wrapper .item-current, section[role=main] .six-column div > div.excerpt .figure-wrapper .item-current {
width: 114px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li .figure-wrapper .item-current, section[role=main] .six-column ul > div.excerpt .figure-wrapper .item-current, section[role=main] .six-column div li .figure-wrapper .item-current, section[role=main] .six-column div > div.excerpt .figure-wrapper .item-current {
width: 143px; } }
section[role=main] .six-column ul li p, section[role=main] .six-column ul > div.excerpt p, section[role=main] .six-column div li p, section[role=main] .six-column div > div.excerpt p {
margin: 10px 0;
font-size: 1rem; }
section[role=main] .six-column ul li.with-img .figure-wrapper, section[role=main] .six-column ul > div.excerpt.with-img .figure-wrapper, section[role=main] .six-column div li.with-img .figure-wrapper, section[role=main] .six-column div > div.excerpt.with-img .figure-wrapper {
float: left; }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li.with-img .figure-wrapper, section[role=main] .six-column ul > div.excerpt.with-img .figure-wrapper, section[role=main] .six-column div li.with-img .figure-wrapper, section[role=main] .six-column div > div.excerpt.with-img .figure-wrapper {
float: none; } }
section[role=main] .six-column ul li.with-img .figure-wrapper .item-current, section[role=main] .six-column ul > div.excerpt.with-img .figure-wrapper .item-current, section[role=main] .six-column div li.with-img .figure-wrapper .item-current, section[role=main] .six-column div > div.excerpt.with-img .figure-wrapper .item-current {
position: absolute;
bottom: 0.5rem;
background-color: rgba(0, 0, 0, 0.5);
margin-bottom: 0; }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column ul li.with-img .figure-wrapper .item-current, section[role=main] .six-column ul > div.excerpt.with-img .figure-wrapper .item-current, section[role=main] .six-column div li.with-img .figure-wrapper .item-current, section[role=main] .six-column div > div.excerpt.with-img .figure-wrapper .item-current {
bottom: 0; } }
section[role=main] .six-column figure.well-img {
margin: 0 1em 0.5rem 0;
width: 108px;
display: block;
float: left;
clear: none;
overflow: hidden;
max-height: 81px; }
section[role=main] .six-column figure.well-img img {
max-width: 100%; }
.lt-ie9 section[role=main] .six-column figure.well-img img {
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .six-column figure.well-img {
width: 114px;
max-height: 85px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column figure.well-img {
width: 143px;
margin: 0 0 0.5rem 0;
float: none;
clear: both;
max-height: 105px; } }
.byline {
clear: left;
margin: 0 10px; }
@media only screen and (min-width: 48em) {
.byline {
*zoom: 1;
width: 630px;
width: -webkit-calc(100% - 345px);
width: -moz-calc(100% - 345px);
width: calc(100% - 345px);
margin-bottom: 2rem;
height: 70px;
position: relative;
/* I tried to use overflow:hidden to clear floats, but it cuts off the "Follow" thingies. So back to this solution */ }
.byline:before, .byline:after {
content: " ";
display: table; }
.byline:after {
clear: both; } }
@media only screen and (min-width: 60.625em) {
.byline {
margin-left: 0; } }
.byline .byline-wrapper {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
margin-left: 0;
padding: 0.5rem 0; }
.byline img {
display: none; }
@media only screen and (min-width: 48em) {
.byline img {
border-radius: 50%;
display: block;
margin: 0 0.5rem 0 0;
width: 70px;
height: 70px;
position: absolute;
left: 0;
top: 0; } }
.byline a {
text-decoration: none; }
.byline p {
font-size: 0.875rem;
padding: 0;
margin: 0; }
.byline p span.divider {
color: #dedede;
padding: 0 0.3rem;
font-weight: 400; }
.byline p.name {
display: inline-block;
font-size: 1rem;
line-height: 1.0rem; }
@media only screen and (min-width: 48em) {
.byline p.name {
font-size: 1.1rem; } }
.byline .meta {
display: inline-block;
font-size: 0.8125rem;
margin-left: 4px;
position: relative; }
.byline .meta .follow_btn {
border-left: 1px solid #dedede;
padding: 2px 8px; }
.byline .meta ul {
display: none; }
.byline .meta.open {
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
border: none; }
.byline .meta.open ul {
border-top: none;
background: #FFF;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
display: inline;
list-style: none;
margin: 0;
padding: 5px;
position: absolute;
width: auto;
left: 0;
z-index: 1;
text-align: center; }
.byline .meta.open ul li {
display: inline-block;
padding: 4px 10px;
margin: 0;
font-size: 1rem; }
.byline .meta.open ul li a {
color: #91B2C7; }
.byline p.bio {
font-size: 0.875rem;
line-height: 1.1rem;
margin-bottom: 8px; }
.byline p.dateline {
margin-top: 3px; }
@media only screen and (min-width: 48em) {
.byline.with-image .byline-wrapper {
margin-left: 80px; } }
.end-byline {
max-height: none;
overflow: hidden; }
.end-byline p.name {
display: inline-block;
font-size: 1.0rem;
line-height: 1.2rem; }
#funnel {
clear: both;
margin: 0 auto 2rem auto;
position: relative;
width: 95%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
padding: 0 10px; }
@media only screen and (min-width: 48em) {
#funnel {
width: 90%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
padding: 0 0 0 10px; } }
@media only screen and (min-width: 60.625em) {
#funnel {
max-width: 970px;
width: 100%;
padding-left: 0;
padding-right: 0; } }
.lt-ie9 #funnel {
width: 970px;
margin: 0 auto 2em auto; }
@media only screen and (min-width: 48em) {
#funnel section.popular-brand-cols {
padding: 0 10px 0 0; } }
@media only screen and (min-width: 60.625em) {
#funnel section.popular-brand-cols {
width: 100%;
padding: 0; } }
@media only screen and (min-width: 48em) {
#funnel section.popular-brand-cols section.popular-col {
float: left;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px); } }
@media only screen and (min-width: 60.625em) {
#funnel section.popular-brand-cols section.popular-col {
width: 300px; } }
@media only screen and (min-width: 48em) {
#funnel section.popular-brand-cols section.brand-col {
float: right;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px); } }
@media only screen and (min-width: 60.625em) {
#funnel section.popular-brand-cols section.brand-col {
width: 300px;
margin-right: 10px; } }
@media only screen and (min-width: 48em) {
#funnel section.featured-col {
clear: both; } }
@media only screen and (min-width: 60.625em) {
#funnel section.featured-col {
clear: none;
margin-left: 330px;
width: 300px; } }
@media only screen and (min-width: 48em) {
#funnel section.featured-col .promo {
width: 45%;
width: -webkit-calc(50% - 14px);
width: -moz-calc(50% - 14px);
width: calc(50% - 14px);
margin-right: 10px; } }
@media only screen and (min-width: 60.625em) {
#funnel section.featured-col .promo {
width: 100%;
margin-right: 0; } }
@media only screen and (min-width: 48em) {
#funnel section.featured-col .promo.second {
margin-right: 0; } }
#funnel .promo {
background-color: #fff;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
margin-bottom: 20px;
position: relative;
padding: 0 0 10px 0;
width: 100%; }
@media only screen and (min-width: 60.625em) {
#funnel .promo {
width: 18.75rem; } }
#funnel .promo.with-eyebrow {
padding-top: 44px; }
#funnel .promo.with-eyebrow.with-image {
padding-top: 0; }
#funnel .promo .eyebrow {
background: #EEE;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
font-size: 1.375rem;
font-weight: 700;
line-height: 1rem;
left: -5px;
top: 10px;
margin: 0;
padding: 8px 8px 8px 15px;
position: absolute; }
#funnel .promo img {
width: 100%; }
#funnel .promo .hed, #funnel .promo .title, #funnel .promo p {
margin: 10px; }
#funnel .promo .hed, #funnel .promo .title {
font-size: 1.5rem;
line-height: 1.5625rem; }
#funnel .promo .hed {
margin-top: 0.625rem; }
#funnel .promo p {
font-size: 1.05rem;
line-height: 1.3rem; }
#funnel .promo a {
text-decoration: none;
color: #16161d; }
#funnel .promo .sized-img {
overflow: hidden; }
@media only screen and (min-width: 24.0625em) {
#funnel .promo .sized-img {
max-height: 169px; } }
@media only screen and (min-width: 48em) {
#funnel .promo .sized-img {
max-height: 203px; } }
@media only screen and (min-width: 60.625em) {
#funnel .promo .sized-img {
max-height: 169px; } }
#funnel .promo ul {
border-bottom: 0 none;
list-style: none;
padding: 0;
margin: 10px 0 0; }
#funnel .promo ul li {
padding: 0 10px;
margin: 0 0 10px 0;
clear: left; }
#funnel .promo ul li img {
float: left;
margin-right: 10px;
max-width: 80px; }
#funnel .promo ul li .hed, #funnel .promo ul li .title {
font-size: 1.2rem;
line-height: 1.31rem;
margin: 0; }
#funnel .promo ul li .hed {
margin: 5px 0 0; }
#funnel .promo ul li.more {
color: #333;
font-size: 0.875rem;
margin: 0; }
#funnel .promo ul li .item-eyebrow {
font-size: 0.8125rem;
line-height: 1.2rem;
margin: 0;
color: #666; }
#funnel .promo ul li figure .sized-img-teaser {
overflow: hidden;
max-height: 80px;
float: left; }
#funnel .promo ul li figure .sized-img-teaser img {
width: 80px; }
#funnel .promo.list {
padding-top: 50px; }
#funnel .promo.list ul li {
margin-bottom: 20px; }
#funnel .promo.list form .btn {
border: 0;
color: #fff;
font-weight: 700;
border: none;
border-radius: 2px;
padding: 5px 10px; }
#funnel .promo.newsletter {
text-align: center; }
#funnel .promo.newsletter .hed {
font-size: 1.5rem;
line-height: 1.5rem; }
#funnel .promo.newsletter p {
font-style: italic; }
#funnel .promo.newsletter form .btn {
border: 0;
color: #fff;
font-weight: 700;
border: none;
border-radius: 2px;
padding: 7px 10px; }
#funnel .ad {
margin-bottom: 20px; }
#funnel .ad .adunit {
background: #a4bd99;
height: 250px;
margin: 0 auto;
width: 300px; }
#funnel .promo.brandposts ul li .wrap {
height: 80px;
width: 80px;
overflow: hidden;
float: left;
margin-right: 0.625rem; }
#funnel .promo.brandposts ul li .wrap img {
float: left;
margin-right: 0.625rem;
height: 80px;
width: initial;
max-width: none; }
.four-column {
display: block;
width: 90%;
max-width: 60em;
overflow: hidden;
clear: left;
padding-top: 0;
margin: 0 auto 1.0rem auto; }
@media only screen and (min-width: 48em) {
.four-column {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
.four-column {
width: 100%;
margin-bottom: 2.0rem; } }
.lt-ie9 .four-column {
width: 60em;
margin: 0 auto 1.0em auto; }
.four-column a {
color: #000;
text-decoration: none; }
.four-column .head {
font-size: 1.375rem;
text-transform: none;
margin: 1rem 0 1rem 0; }
.four-column .head .sponsor-logo img {
margin: -0.5rem 0 0 0.5rem;
max-width: 125px;
height: auto; }
.lt-ie9 .four-column .head .sponsor-logo img {
width: 125px; }
.four-column .title {
margin: 0; }
.four-column ul {
list-style: none;
margin: 0;
padding: 0; }
.four-column ul li {
display: inline-block;
width: 100%;
padding: 0;
margin: 0.5em 0 1.0em 0;
float: left; }
@media only screen and (min-width: 48em) {
.four-column ul li {
width: 47%;
margin: 0 3% 3% 0;
min-height: 6.5em; } }
@media only screen and (min-width: 60.625em) {
.four-column ul li {
width: 23%;
margin: 0 2% 0 0; } }
.four-column ul li:last-child {
margin-right: 0; }
.four-column ul li .title a {
font-size: 1.17rem;
line-height: 1.3rem;
text-transform: none;
margin: 0;
text-decoration: none; }
.four-column figure.well-img {
margin: 0 1em 0.5rem 0;
width: 25%;
display: block;
float: left;
clear: none; }
.four-column figure.well-img img {
max-width: 100%; }
.lt-ie9 .four-column figure.well-img img {
width: 100%; }
@media only screen and (min-width: 48em) {
.four-column figure.well-img {
width: 33%; } }
@media only screen and (min-width: 60.625em) {
.four-column figure.well-img {
width: 100%;
margin: 0 0 0.5rem 0;
float: none;
clear: both; } }
.four-column .overlay {
position: relative;
z-index: 10;
width: 30px;
height: 20px;
border-radius: 3px;
display: block;
margin: -50% auto 10% auto;
padding: 5px 3px 3px 3px;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
text-align: center;
color: #fff;
font-size: 1.0rem; }
@media only screen and (min-width: 48em) {
.four-column .overlay {
width: 45px;
height: 30px;
margin: -50% auto 20% auto;
padding: 5px 3px 0 3px;
font-size: 1.3rem; } }
@media only screen and (min-width: 60.625em) {
.four-column .overlay {
width: 60px;
height: 40px;
margin: -45% auto 26% auto;
padding: 10px 5px 0 5px;
font-size: 1.5rem; } }
.insider-promo {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
padding: 10px 10px 25px 10px;
background: #fff url(../../images/badge-free.png) top right no-repeat;
background-size: 65px 65px;
float: left;
width: 17.5rem; }
@media only screen and (min-width: 48em) {
.insider-promo {
float: right;
margin-top: 2rem;
margin-right: 2rem; } }
@media only screen and (min-width: 60.625em) {
.insider-promo {
margin-right: 0;
margin-top: 0; } }
.insider-promo h2 {
color: #5DAF29;
margin: 0 0 10px 0;
text-transform: uppercase; }
.insider-promo .head {
color: #666;
font-size: 1.5rem;
font-weight: 700;
margin: 0 0 10px 0;
text-transform: uppercase;
border-bottom: 1px solid #E8F1F7;
padding-bottom: 5px;
width: 15rem; }
.insider-promo p {
margin: 0 0 20px 0;
line-height: 1.2rem; }
.insider-promo span {
margin: 0;
font-size: 1.17rem;
font-weight: 700; }
.insider-promo a.btn {
color: #fff;
background: #666;
border-radius: 2px;
padding: 10px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 20px 14px; }
.lt-ie9 .insider-promo a.btn {
padding: 6px;
font-size: 0.9em; }
.insider-promo-wrapper .handle {
z-index: 2; }
.insider-promo-wrapper .apart {
border-top: 1px solid #dedede; }
@media only screen and (min-width: 48em) {
.insider-promo-wrapper .apart {
border-top: 0 none; } }
.insider-promo-wrapper .promo {
border-bottom: 1px solid #d8d8d8; }
@media only screen and (min-width: 48em) {
.insider-promo-wrapper .promo {
border: 0 none; } }
.insider-promo-wrapper .promo.apart {
padding: 0; }
.insider-promo-wrapper .promo.apart:before {
z-index: 1; }
.insider-promo-wrapper .promo.apart .insider-both {
border: 0 none;
background-color: #ffffff;
padding: 10px;
position: relative; }
@media only screen and (min-width: 48em) {
.insider-promo-wrapper .promo.apart .insider-both {
background-color: #f1fcdf;
padding: 0; } }
.insider-promo-wrapper .promo.apart .insider-both .other-insider {
padding: 15px 20px 10px 20px; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider {
text-align: center; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider a {
color: #6eae00;
font-weight: 700;
font-size: .85rem;
text-decoration: none; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider a span {
font-size: .8rem;
position: relative;
left: 1px;
bottom: 2px; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider a:hover {
color: #e29001; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .other-insider-title h3 {
border-bottom: 1px solid #edfdfd;
font-size: 1.1rem;
margin: 0 0 0.55rem 0;
text-transform: none;
/*.insider {
margin-right: 15px;
font-size: 15px;
padding-top: 2px;
margin-bottom: 8px;
padding-bottom: 0px;
&:after {
border-top: 11px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 11px solid transparent;
}
}*/ }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-logout-title h3 {
font-size: 1.04rem;
line-height: 1rem;
color: #6eae00;
margin-top: 15px;
margin-bottom: 10px;
text-transform: none;
border-bottom: 1px solid #e0f2f6;
padding-bottom: 10px; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-login-title h3 {
font-size: 1.1rem;
border-bottom: 1px solid #e0f2f6;
margin: 0 0 0.75rem 0;
text-transform: uppercase; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-login-title h3 .insider {
margin-bottom: 8px;
float: none;
width: 76px;
height: 21px;
vertical-align: middle;
/*&:after {
border-top: 9px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 9px solid transparent;
}*/ }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul {
border-bottom: 0 none; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li {
margin-bottom: 0.75rem;
padding-left: 0 !important;
font-size: 1rem;
line-height: 1.2rem;
margin-bottom: 0.25rem; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li a {
font-style: normal;
font-weight: normal; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed {
position: relative;
background-color: transparent;
text-transform: none;
border-bottom: 0;
font-size: 1.125rem !important;
font-weight: 500;
left: 0;
padding: .125rem .625rem .0625rem 0;
top: 0;
margin: 0 0 0.75rem 0;
box-shadow: none;
line-height: normal; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed a {
color: #000; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-green {
background-image: url(http://idge.staticworld.net/images/insider-logo-updated.svg);
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 35px; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-wrapper-red {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: 0;
right: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red {
font-size: 1.45rem;
font-family: 'PT Sans Narrow', sans-serif;
line-height: 1.3;
font-weight: 700;
color: #FFF;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 0;
left: -3px;
top: 15px;
width: 120px;
background-color: #af141d; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:before,
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:after {
content: ""; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:before {
left: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .ribbon-red:after {
right: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-title {
padding: 25px 20px 0 20px; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-title h3 {
font-size: 1.1rem;
font-weight: 700;
color: #3a6b00;
margin: 0 0 5px;
text-transform: none; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
color: #666666;
padding: 0 20px; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a {
text-decoration: none;
color: #338cc5; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a:hover {
color: #000000; }
.insider-promo-wrapper.not-nsdr {
display: none; }
@media only screen and (min-width: 48em) {
.insider-promo-wrapper.not-nsdr {
position: relative;
z-index: 1;
display: block; } }
#drr-container .insider-promo-wrapper {
display: block; }
@media only screen and (min-width: 48em) {
#drr-container .insider-promo-wrapper {
display: none; } }
#drr-top-ad .ad {
width: auto;
float: none; }
#drr-top-ad .insider-promo-wrapper {
display: none; }
@media only screen and (min-width: 48em) {
#drr-top-ad .insider-promo-wrapper {
display: block;
clear: both; } }
#insider_login.insider_tease {
-webkit-transition: margin 0.3s ease 0;
-moz-transition: margin 0.3s ease 0;
transition: margin 0.3s ease 0;
margin: 1em 0;
max-width: 620px;
font-size: 1.0625rem;
padding: 0 20px; }
@media only screen and (min-width: 48em) {
#insider_login.insider_tease {
margin: 0 60px 16px 60px;
max-width: 620px;
font-size: 1.0625rem;
padding: 0 20px; } }
@media only screen and (min-width: 60.625em) {
#insider_login.insider_tease {
margin: 0 0 16px 160px; } }
#insider_login.insider_tease form input[type=text] {
width: 80%;
color: #777;
margin-left: 0px;
width: calc(100% - 160px); }
@media only screen and (min-width: 48em) {
#insider_login.insider_tease form input[type=text] {
width: 36%; } }
@media only screen and (min-width: 60.625em) {
#insider_login.insider_tease form input[type=text] {
width: 52%; } }
#insider_login.insider_tease form h5 {
font-size: 1.05rem;
line-height: 1.35rem;
margin-bottom: 1.2em; }
@media only screen and (min-width: 48em) {
#insider_login.insider_tease form h5 {
font-size: 1.15rem;
line-height: 1.5rem; } }
#insider_login.insider_tease form h5 a {
text-decoration: none; }
#insider_login.insider_tease #insider_extras {
text-align: center; }
#insider_login.insider_tease #insider_extras #insider_learnmore a {
font-size: 1.05rem;
text-decoration: none; }
@media only screen and (min-width: 48em) {
#insider_login.insider_tease #insider_extras #insider_learnmore a {
font-size: 1.1rem; } }
#insider_login.insider_tease #error_box {
color: #af141d;
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
margin-top: 4px; }
.empty-div {
position: relative;
bottom: 70px; }
.empty-div:before {
content: '';
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 65px;
background-color: rgba(255, 255, 255, 0.1);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, white));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 100%);
background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.1) 0%, white 100%); }
section[role=main] .insider.index-page {
width: 125px;
height: 39px; }
section[role=main] .insider.index-page + h2 {
font-weight: 400;
color: #666;
width: 100%;
margin-top: 12px; }
section[role=main] .insider.index-page + h2 a {
color: #338cc5; }
section[role=main] .insider.index-page + h2 a:hover {
color: #000; }
#resources-sponsored-links {
clear: both;
margin: 2rem auto 0;
padding: 0 0 2rem;
overflow: hidden;
max-width: 970px;
display: none; }
#resources-sponsored-links.show {
display: block; }
.lt-ie9 #resources-sponsored-links {
width: 970px;
margin: 0 auto 2em auto; }
#resources-sponsored-links .head {
font-size: 1.375rem;
padding-bottom: 0.3rem;
border-bottom: 1px solid #666;
margin-bottom: 0.5rem; }
#resources-sponsored-links ul {
list-style: none;
padding: 0;
margin: 0; }
#resources-sponsored-links ul li {
margin: 0 0 20px 0;
clear: left; }
#resources-sponsored-links ul li a {
text-decoration: none; }
#resources-sponsored-links ul li img {
float: left;
height: 60px;
margin: 0 10px 10px 0;
width: 60px; }
#resources-sponsored-links ul li .title {
font-size: 1.0rem;
line-height: 1.1rem;
margin: 0 0 .25rem 70px; }
#resources-sponsored-links ul li p {
margin: 0;
font-size: 0.8125rem;
line-height: 1.0625rem;
margin-left: 70px; }
#resources-sponsored-links section {
padding: 0 10px;
clear: both; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links section {
clear: none; } }
@media only screen and (min-width: 48em) {
#resources-sponsored-links section.resources {
width: 300px;
width: -webkit-calc(33.333% - 20px);
width: -moz-calc(33.333% - 20px);
width: calc(33.333% - 20px);
max-width: 300px;
float: left; } }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links section.resources {
padding: 0;
margin-right: 30px; } }
#resources-sponsored-links section.sponsored-links ul li {
font-size: 0.85rem;
margin-bottom: 0.75rem; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links section.sponsored-links {
width: 60%;
width: -webkit-calc(66.666% - 20px);
width: -moz-calc(66.666% - 20px);
width: calc(66.666% - 20px);
float: left; } }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links section.sponsored-links {
padding: 0; }
#resources-sponsored-links section.sponsored-links ul {
width: 45%;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px);
float: left; }
#resources-sponsored-links section.sponsored-links ul.first {
margin-right: 20px;
width: 50%; }
.lt-ie9 #resources-sponsored-links section.sponsored-links ul {
width: 47%; }
#resources-sponsored-links section.sponsored-links ul li {
margin-bottom: 1.0rem; } }
nav.breadcrumbs {
display: none; }
@media only screen and (min-width: 60.625em) {
nav.breadcrumbs {
display: block;
padding: 0 10px 0 0;
margin: 5px 0; } }
nav.breadcrumbs ul li {
font-size: 0.85rem;
padding-right: 5px; }
nav.breadcrumbs ul li::after {
content: ' > ';
padding-left: 5px; }
nav.breadcrumbs ul li:last-child::after {
content: ''; }
nav.breadcrumbs ul li a {
text-decoration: none; }
article .bodee #drr-container {
/* styles for responsive tables -- adapted and Sassified based on ZURB's responsive-tables.css */ }
article .bodee #drr-container table.scorecard {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 0.875rem;
display: inline-block;
margin-bottom: 1rem;
margin-left: 10px;
margin-right: 10px;
float: none; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container table.scorecard {
margin-left: 80px;
clear: none;
display: table;
margin-right: 0; } }
@media only screen and (min-width: 60.625em) {
article .bodee #drr-container table.scorecard {
margin-left: 180px; } }
article .bodee #drr-container table.scorecard tr {
vertical-align: top; }
article .bodee #drr-container table.scorecard tr:nth-child(odd) {
background-color: #fafafa; }
article .bodee #drr-container table.scorecard tr:nth-child(even) {
background-color: #f1f0f0; }
article .bodee #drr-container table.scorecard tr th {
border-right: 1px solid #cccccc;
font-weight: normal;
padding: 0 0 0.625rem 0;
line-height: normal; }
article .bodee #drr-container table.scorecard tr th:last-child {
border-right: none; }
article .bodee #drr-container table.scorecard tr th.scorecard-title {
background-color: #ccc;
vertical-align: bottom;
padding: 0 0.625rem 0.625rem 0.625rem;
text-align: right;
font-weight: bold;
max-width: 10rem; }
article .bodee #drr-container table.scorecard tr th.rotate {
height: 18.75rem;
white-space: nowrap;
vertical-align: middle; }
article .bodee #drr-container table.scorecard tr th.rotate > div {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 3rem; }
article .bodee #drr-container table.scorecard tr th.rotate > div > span {
display: block;
-webkit-transform: translateX(-120px);
-moz-transform: translateX(-120px);
-ms-transform: translateX(-120px);
-o-transform: translateX(-120px);
transform: translateX(-120px); }
article .bodee #drr-container table.scorecard tr th.rotate:last-child > div > span {
padding-top: 1.25rem; }
@media only screen and (min-width: 48em) {
article .bodee #drr-container table.scorecard tr th.rotate:last-child > div > span {
padding-top: 2.625rem; } }
article .bodee #drr-container table.scorecard tr td {
border: 0;
border-right: 1px solid #ccc;
text-align: center;
padding: 0.625rem 0; }
article .bodee #drr-container table.scorecard tr td:last-child {
border-right: none;
width: 6.25rem; }
article .bodee #drr-container table.scorecard tr td:last-child .rating {
border-bottom: 1px solid #ccc;
margin-bottom: 0.25rem;
padding-bottom: 0.25rem;
width: 77px;
display: inline-block; }
article .bodee #drr-container table.scorecard tr td:last-child .stars {
display: inline-block;
background-image: url(http://idge.staticworld.net/idge/starbomb_sprites_154x162_a.png);
width: 77px;
height: 13px;
background-size: 77px 81px;
background-position: 0 0;
background-repeat: no-repeat; }
article .bodee #drr-container table.scorecard tr td:last-child .stars.two {
background-position: 0 -14px; }
article .bodee #drr-container table.scorecard tr td:last-child .stars.three {
background-position: 0 -28px; }
article .bodee #drr-container table.scorecard tr td:last-child .stars.four {
background-position: 0 -41px; }
article .bodee #drr-container table.scorecard tr td:last-child .stars.five {
background-position: 0 -55px; }
article .bodee #drr-container table.scorecard tr td:last-child .stars.zero {
background-position: 0 -68px; }
article .bodee #drr-container table.scorecard tr td:first-child {
white-space: normal;
text-align: right;
padding-right: 0.625rem;
padding-left: 0.625rem;
max-width: 10rem; }
article .bodee #drr-container .responsive-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
border-right: 1px solid #ccc; }
article .bodee #drr-container .responsive-wrapper table.responsive {
margin-bottom: 0; }
article .bodee #drr-container .responsive-wrapper table.responsive td, article .bodee #drr-container .responsive-wrapper table.responsive th {
position: relative;
white-space: nowrap;
overflow: hidden; }
article .bodee #drr-container .responsive-wrapper table.responsive td:first-child, article .bodee #drr-container .responsive-wrapper table.responsive th:first-child {
display: none; }
article .bodee #drr-container .responsive-wrapper table.responsive.pinned td {
display: none; }
article .bodee #drr-container .responsive-wrapper .pinned {
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc; }
article .bodee #drr-container .responsive-wrapper .pinned table {
border-right: none;
border-left: none;
width: 100%;
margin-bottom: 0; }
article .bodee #drr-container .responsive-wrapper .pinned table th, article .bodee #drr-container .responsive-wrapper .pinned table td {
white-space: nowrap; }
article .bodee #drr-container .responsive-wrapper .pinned table td:last-child {
border-bottom: 0; }
article .bodee #drr-container .responsive-wrapper .scrollable {
margin-left: 35%;
overflow: scroll;
overflow-y: hidden; }
article .bodee #drr-container .responsive-wrapper table.scorecard tr td:first-child {
white-space: nowrap; }
article .bodee #drr-container .responsive-wrapper table.scorecard tr td:last-child .rating {
border-bottom: none;
padding: 0 0.5rem;
margin-bottom: 0;
width: auto; }
article .bodee .proscons-wrapper {
margin: 1rem; }
article .bodee .proscons-wrapper .proscons {
border-top: 8px solid #16161d;
border-bottom: 1px solid #16161d;
overflow: hidden; }
article .bodee .proscons-wrapper .proscons h3 .proscons-vendor {
font-weight: normal;
font-size: 0.85em;
/* 85% of whatever the parent font is */ }
article .bodee .proscons-wrapper .proscons h4 {
text-transform: uppercase;
margin: 0.625rem 0; }
article .bodee .proscons-wrapper .proscons ul {
margin: 0;
padding: 0;
list-style-type: none; }
article .bodee .proscons-wrapper .proscons ul li {
border-bottom: 2px dotted #ccc;
margin-bottom: 0.625rem;
padding-bottom: 0.625rem; }
article .bodee .proscons-wrapper .proscons ul li:last-child {
border-bottom: none; }
article .bodee .proscons-wrapper .proscons p {
margin: 0.625rem 0; }
article .bodee .proscons-wrapper .proscons p.proscons-price {
border-top: 2px dotted #ccc;
padding-top: 0.625rem; }
article .bodee .proscons-wrapper .proscons .at-a-glance p {
font-size: 1.4rem;
line-height: 1.5rem; }
article .bodee .proscons-wrapper .proscons .pros {
margin-bottom: 1rem; }
article .bodee .proscons-wrapper .proscons .cons {
border-top: 3px solid #666; }
article .bodee .proscons-wrapper .proscons .proscons-left, article .bodee .proscons-wrapper .proscons .proscons-right {
border-top: 3px solid #666;
width: 100%;
float: none;
margin-bottom: 1.5rem; }
@media only screen and (min-width: 48em) {
article .bodee .proscons-wrapper .proscons .proscons-left, article .bodee .proscons-wrapper .proscons .proscons-right {
width: 48%;
float: left; }
article .bodee .proscons-wrapper .proscons .proscons-right {
float: right; }
article .bodee .proscons-wrapper .proscons .cons {
border-top: none; }
article .bodee .proscons-wrapper .proscons ul {
list-style-type: disc;
padding-left: 0.5rem;
margin-left: 0.5rem; }
article .bodee .proscons-wrapper .proscons ul li {
border-bottom: none;
margin-bottom: 0.25rem;
padding-bottom: 0.25rem; } }
@media only screen and (min-width: 48em) {
article .bodee .proscons-wrapper {
margin-left: 60px;
margin-right: 60px; } }
@media only screen and (min-width: 60.625em) {
article .bodee .proscons-wrapper {
margin-left: 180px;
max-width: 620px; } }
article .bodee .proscons-wrapper.multi .proscons {
border-bottom: none; }
article .bodee .proscons-wrapper.multi .proscons h3 {
position: relative; }
article .bodee .proscons-wrapper.multi .proscons h3 .ss-icon {
position: absolute;
top: 0;
right: 0.5rem;
cursor: pointer; }
article .bodee .proscons-wrapper.multi .proscons .proscons-left, article .bodee .proscons-wrapper.multi .proscons .proscons-right {
display: none; }
article .bodee .proscons-wrapper.multi .proscons.active .proscons-left, article .bodee .proscons-wrapper.multi .proscons.active .proscons-right {
display: block; }
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden; }
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
max-width: none; }
#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;
padding: 0;
margin: 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-color: #fff;
opacity: 0.7;
z-index: 6000000; }
#colorbox {
outline: 0;
z-index: 6000000; }
#cboxWrapper {
background-color: #fff;
opacity: 1; }
#cboxTopLeft {
width: 0.8rem;
height: 0.8rem; }
#cboxTopRight {
width: 0.8rem;
height: 0.8rem; }
#cboxBottomLeft {
width: 0.8rem;
height: 0.8rem; }
#cboxBottomRight {
width: 0.8rem;
height: 0.8rem; }
#cboxMiddleLeft {
width: 0.8rem; }
#cboxMiddleRight {
width: 0.8rem; }
#cboxTopCenter {
height: 0.8rem; }
#cboxBottomCenter {
height: 0.8rem; }
#cboxContent {
background: #fff;
overflow: hidden; }
.cboxIframe {
background: #fff; }
#cboxError {
padding: 50px;
border: 1px solid #ccc; }
#cboxLoadedContent {
margin-bottom: 55px;
margin-top: 28px; }
#cboxTitle {
position: absolute;
bottom: 4px;
left: 185px;
text-align: left;
color: #949494; }
#cboxCurrent {
position: absolute;
bottom: 4px;
left: 58px;
color: #949494; }
#cboxLoadingOverlay {
background: url(http://idge.staticworld.net/images/colorbox/loading_background.png) no-repeat center center; }
#cboxLoadingGraphic {
background: url(http://idge.staticworld.net/images/colorbox/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-image: url(http://idge.staticworld.net/images/ss-standard-icon-sprite-7items.svg);
background-size: 25px auto;
background-position: 0 -187px;
background-repeat: no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px; }
#cboxPrevious:hover {
opacity: 0.5; }
#cboxNext {
position: absolute;
bottom: 0;
left: 27px;
background-image: url(http://idge.staticworld.net/images/ss-standard-icon-sprite-7items.svg);
background-size: 25px auto;
background-position: 0 -157px;
background-repeat: no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px; }
#cboxNext:hover {
opacity: 0.5; }
#cboxClose {
position: absolute;
top: 0;
right: 0;
background-image: url(http://idge.staticworld.net/images/ss-standard-icon-sprite-7items.svg);
background-size: 25px auto;
background-position: 0 0;
background-repeat: no-repeat;
width: 25px;
height: 25px;
text-indent: -9999px; }
#cboxClose:hover {
opacity: 0.5; }
@media only screen and (min-width: 48em) {
.item-carousel {
position: relative;
height: auto;
max-width: 728px;
margin: 0 auto; } }
@media only screen and (min-width: 60.625em) {
.item-carousel {
max-width: 970px; } }
.item-carousel .carousel-inside-crop {
display: block;
width: auto;
height: auto;
position: relative;
clear: both;
overflow: visible; }
@media only screen and (min-width: 48em) {
.item-carousel .carousel-inside-crop {
width: 95%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: auto;
left: 0;
overflow: hidden; } }
.item-carousel .carousel-items {
width: auto;
height: auto;
position: relative;
clear: both;
overflow: visible;
display: block;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.item-carousel .carousel-items {
height: auto;
width: 20000px; } }
.item-carousel .carousel-items > div {
float: left; }
.item-carousel div.excerpt {
*zoom: 1;
float: left;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
margin-bottom: 20px; }
.item-carousel div.excerpt:before, .item-carousel div.excerpt:after {
content: " ";
display: table; }
.item-carousel div.excerpt:after {
clear: both; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt {
width: 120px;
margin-left: 19px; }
.item-carousel div.excerpt:first-child {
margin-left: 0 !important; } }
@media only screen and (min-width: 60.625em) {
.item-carousel div.excerpt {
width: 168px; } }
.item-carousel div.excerpt:nth-child(odd) {
clear: left;
margin-right: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt:nth-child(odd) {
clear: none;
margin-right: 0; } }
.item-carousel div.excerpt:nth-child(even) {
margin-left: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel div.excerpt:nth-child(even) {
margin-left: 20px; } }
.item-carousel div.excerpt .excerpt-img {
display: block;
width: 100%;
margin-bottom: 5px;
position: relative;
height: 0;
overflow: hidden;
padding-top: 66%;
background-color: #999; }
.item-carousel div.excerpt .excerpt-img img {
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
min-height: 100%; }
.item-carousel div.excerpt .excerpt-img .video-timestamp {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
position: absolute;
bottom: 0;
right: 0;
display: block;
background: #000;
font-size: 0.75rem;
font-weight: 700;
padding: 2px 4px;
color: #fff; }
.item-carousel div.excerpt .excerpt-text p {
font-size: 1rem;
margin: 0; }
.item-carousel div.excerpt .excerpt-text p a {
text-decoration: none; }
.item-carousel a.right, .item-carousel a.left {
display: none;
background-color: #ccc;
border-radius: 2px;
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
height: 47px;
line-height: 52px;
overflow: visible;
position: absolute;
text-align: center;
top: 15px;
width: 32px;
z-index: 5; }
@media only screen and (min-width: 48em) {
.item-carousel a.right, .item-carousel a.left {
display: block; } }
@media only screen and (min-width: 60.625em) {
.item-carousel a.right, .item-carousel a.left {
top: 32px; } }
.item-carousel a.right.disabled, .item-carousel a.left.disabled {
background-color: #222;
color: #4b4b4b;
cursor: default; }
.item-carousel a.right {
right: 0; }
.item-carousel a.left {
left: 0; }
.item-carousel.three-across div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 33.3333%;
margin: 0;
padding-left: 20px;
padding-right: 20px; }
.item-carousel.two-across div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 50%;
margin: 0;
padding-left: 20px;
padding-right: 20px; }
.item-carousel.one-across div.excerpt {
max-width: 767px;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.one-across div.excerpt {
max-width: 929px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.one-across div.excerpt {
max-width: 795px; } }
.item-carousel.one-across.loaded div.excerpt {
max-width: none; }
.item-carousel.no-carousel div.excerpt {
width: 100%;
margin: 0; }
.item-carousel.no-carousel a.left,
.item-carousel.no-carousel a.right {
display: none; }
.item-carousel.video-carousel div.excerpt.selected {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:before {
background: #333;
opacity: 0.3; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:after {
font-size: 1rem;
height: 1rem;
width: auto;
border-radius: 0;
box-shadow: none;
background-color: transparent;
line-height: 1rem;
display: inline-block;
color: #fff;
text-align: center;
content: 'Now Playing';
opacity: 1;
visibility: visible; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:hover:after {
font-size: 1rem;
height: 1rem;
width: auto;
border-radius: 0;
box-shadow: none;
background-color: transparent;
line-height: 1rem;
display: inline-block;
color: #fff;
text-align: center;
content: 'Now Playing';
opacity: 1;
visibility: visible; }
.item-carousel.video-carousel div.excerpt .excerpt-img {
font-family: "SSStandard"; }
.item-carousel.video-carousel div.excerpt .excerpt-img:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1; }
.item-carousel.video-carousel div.excerpt .excerpt-img:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
margin: auto;
font-size: 1rem;
height: 44px;
width: 54px;
border-radius: 2px;
box-shadow: 0 0 5px black;
background-color: #999;
line-height: 48px;
display: inline-block;
color: #fff;
content: '▶';
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s ease 0.3s,opacity 0.3s ease;
transition: visibility 0s ease 0.3s,opacity 0.3s ease; }
.item-carousel.video-carousel div.excerpt .excerpt-img:hover:after {
opacity: 0.75;
visibility: visible;
transition-delay: 0s; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel {
max-width: none;
width: 100%; } }
.item-carousel.hero-carousel .carousel-inside-crop {
padding: 0;
margin: 0;
width: 100%; }
.item-carousel.hero-carousel div.excerpt {
width: 100%;
margin: 0 0 1px; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel div.excerpt {
margin: 0; } }
.item-carousel.hero-carousel div.excerpt:nth-child(n+3) {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel div.excerpt:nth-child(n+3) {
display: block; } }
.item-carousel.hero-carousel div.excerpt .sized-img img {
width: 100%; }
.item-carousel.hero-carousel .hero-nav {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.hero-carousel .hero-nav {
display: block;
position: absolute;
bottom: 0;
right: 0;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
line-height: 2.5rem;
height: 2.5rem; } }
.item-carousel.hero-carousel .hero-nav a.right,
.item-carousel.hero-carousel .hero-nav a.left {
background-color: transparent;
border-radius: 0;
box-shadow: none;
color: #fff;
cursor: pointer;
display: block;
float: left;
height: auto;
line-height: 2.5rem;
position: static;
padding: 0 0.8125rem;
width: auto;
font-size: 2rem; }
.item-carousel.hero-carousel .hero-nav a.right.disabled,
.item-carousel.hero-carousel .hero-nav a.left.disabled {
color: #999; }
.item-carousel.hero-carousel .hero-nav a.left {
border-right: 1px solid #ccc; }
.item-carousel.hero-carousel .hero-nav a.right {
border-left: 1px solid #ccc; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums {
display: block;
float: left;
font-size: 0.875rem; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a {
display: inline-block;
color: #fff;
padding-left: 1rem;
cursor: pointer; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a:last-child {
padding-right: 1rem; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a.active {
font-weight: 700; }
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; }
@media only screen and (min-width: 48em) {
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; } }
@media only screen and (min-width: 60.625em) {
#homepage .video-carousel div.excerpt {
width: 227px; }
#homepage .video-carousel div.excerpt.first-excerpt {
margin-left: 0; } }
#homepage .video-carousel div.excerpt .excerpt-img:after {
opacity: 0.8;
visibility: visible;
content: '📹'; }
#homepage .video-carousel div.excerpt .excerpt-img:hover:after {
opacity: 1; }
#slideshowsCarousel .carousel-items .insider {
top: 14px; }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-loading .slick-list {
background: #fff url("http://idge.staticworld.net/idgtv/spinner-loading.gif") center center no-repeat; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track {
-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;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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; }
/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
box-shadow: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: 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: 0.25; }
.slick-prev:before, .slick-next:before {
font-family: "SSStandard";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "◅"; }
[dir="rtl"] .slick-prev:before {
content: "▻"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "▻"; }
[dir="rtl"] .slick-next:before {
content: "◅"; }
/* Dots */
.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer; }
.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 {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "SSStandard";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
@media only screen and (min-width: 48em) {
.listing {
*zoom: 1; }
.listing:before, .listing:after {
content: " ";
display: table; }
.listing:after {
clear: both; } }
.listing .list-item {
margin-bottom: 40px;
text-align: left;
width: 100%; }
@media only screen and (min-width: 48em) {
.listing .list-item {
float: left;
width: 30%;
width: -webkit-calc(33.3333% - 32px);
width: -moz-calc(33.3333% - 32px);
width: calc(33.3333% - 32px);
margin-left: 48px; }
.listing .list-item:nth-child(3n+1) {
clear: left;
margin-left: 0; } }
@media only screen and (min-width: 60.625em) {
.listing .list-item {
width: 20%;
width: -webkit-calc(25% - 36px);
width: -moz-calc(25% - 36px);
width: calc(25% - 36px); }
.listing .list-item:nth-child(3n+1) {
clear: none;
margin-left: 48px; }
.listing .list-item:nth-child(4n+1) {
clear: left;
margin-left: 0; } }
@media only screen and (min-width: 48em) {
.nav-listing, .recent-listing {
*zoom: 1; }
.nav-listing:before, .nav-listing:after, .recent-listing:before, .recent-listing:after {
content: " ";
display: table; }
.nav-listing:after, .recent-listing:after {
clear: both; } }
.nav-listing .list-item, .recent-listing .list-item {
margin-bottom: 40px;
width: 100%; }
@media only screen and (min-width: 48em) {
.nav-listing .list-item, .recent-listing .list-item {
float: left;
width: 30%;
width: -webkit-calc(49% - 10px);
width: -moz-calc(49% - 10px);
width: calc(49% - 10px);
margin-left: 25px; }
.nav-listing .list-item:nth-child(2n+1), .recent-listing .list-item:nth-child(2n+1) {
clear: left;
margin-left: 0; } }
@media only screen and (min-width: 60.625em) {
.nav-listing .list-item, .recent-listing .list-item {
width: 30%;
width: -webkit-calc(33.3333% - 22px);
width: -moz-calc(33.3333% - 22px);
width: calc(33.3333% - 22px);
margin-left: 33px; }
.nav-listing .list-item:nth-child(2n+1), .recent-listing .list-item:nth-child(2n+1) {
clear: none;
margin-left: 33px; }
.nav-listing .list-item:nth-child(3n+1), .recent-listing .list-item:nth-child(3n+1) {
clear: left;
margin-left: 0; } }
@media only screen and (min-width: 48em) {
.nav-listing .list-item:nth-child(1), .nav-listing .list-item:nth-child(2) {
margin-bottom: 55px; } }
@media only screen and (min-width: 60.625em) {
.nav-listing .list-item:nth-child(3) {
margin-bottom: 55px; } }
.carousel {
margin: 0 -7px 0 -8px; }
@media only screen and (min-width: 60.625em) {
.carousel {
margin: 0 -24px; } }
.carousel .list-item {
padding: 0 7px 0 8px;
text-align: left; }
@media only screen and (min-width: 60.625em) {
.carousel .list-item {
padding: 0 24px; } }
.carousel .list-item .tooltip {
right: -240px; }
.carousel .list-item .tooltip.show-left {
left: -240px; }
.carousel .slick-prev,
.carousel .slick-next {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 50%;
bottom: 0;
font-size: 1.5625rem;
height: 4.25rem;
line-height: 4.25rem;
margin: 0;
text-align: center;
top: 20%;
width: 4.25rem;
-webkit-transition: left 0.25s ease 0s, right 0.25s ease 0s;
-moz-transition: left 0.25s ease 0s, right 0.25s ease 0s;
transition: left 0.25s ease 0s, right 0.25s ease 0s; }
@media only screen and (min-width: 60.625em) {
.carousel .slick-prev,
.carousel .slick-next {
top: 15%; } }
@media only screen and (min-width: 79.75em) {
.carousel .slick-prev,
.carousel .slick-next {
background-color: transparent; } }
.carousel .slick-prev:before,
.carousel .slick-next:before {
bottom: 0;
font-size: 1.5625rem;
display: block;
height: 25px;
line-height: 30px;
margin: auto 0;
opacity: .5;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%; }
@media only screen and (min-width: 79.75em) {
.carousel .slick-prev:before,
.carousel .slick-next:before {
color: #000;
opacity: .3; } }
@media only screen and (min-width: 79.75em) {
.carousel .slick-prev:hover,
.carousel .slick-next:hover {
background-color: rgba(0, 0, 0, 0.3); } }
.carousel .slick-prev:hover:before,
.carousel .slick-next:hover:before {
opacity: 1; }
@media only screen and (min-width: 79.75em) {
.carousel .slick-prev:hover:before,
.carousel .slick-next:hover:before {
color: #fff; } }
.carousel .slick-prev {
left: -16px; }
@media only screen and (min-width: 60.625em) {
.carousel .slick-prev {
left: 0; } }
@media only screen and (min-width: 79.75em) {
.carousel .slick-prev {
left: -44px; } }
.carousel .slick-next {
right: -16px; }
@media only screen and (min-width: 60.625em) {
.carousel .slick-next {
right: 0; } }
@media only screen and (min-width: 79.75em) {
.carousel .slick-next {
right: -44px; } }
.list-item {
position: relative; }
.list-item a {
text-decoration: none; }
.list-item .item-img {
background-color: #BCBCBC;
height: 0;
padding-top: 56.25%;
position: relative;
overflow: hidden;
width: 100%; }
.list-item .item-img a:after {
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3);
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.list-item .item-img img {
display: block;
position: absolute;
bottom: -100%;
left: 0;
margin: auto;
right: 0;
top: -100%;
width: 100%; }
.list-item .item-img.partner a:after {
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.15); }
.list-item .item-img.partner img {
height: 100%; }
.list-item .item-img .overlay-name {
width: 100%;
height: 100%;
text-align: center;
position: absolute;
top: 0;
font-size: 0; }
.list-item .item-img .overlay-name:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.list-item .item-img .overlay-name .name {
background-color: #000;
background-color: rgba(0, 0, 0, 0.73);
color: #fff;
font-size: 1.063rem;
padding: 6% 10px;
display: inline-block;
vertical-align: middle;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: helvetica; }
.list-item .item-img .overlay-name .name.now-playing {
background-color: #ff5b01;
background-color: rgba(245, 47, 0, 0.95);
padding: 3% 10%; }
.list-item .item-img .overlay-name .name a {
color: #ffffff; }
.list-item .item-meta {
margin-top: .75rem; }
.list-item .item-info {
font-size: 1rem;
margin-top: 0.5rem; }
.list-item .item-meta .sponsor, .list-item .item-info .sponsor {
color: #00A8D1;
display: block;
font-size: .75rem;
font-weight: 700;
line-height: 0.875rem;
margin: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
text-transform: uppercase; }
.list-item .item-meta .sponsor a, .list-item .item-info .sponsor a {
color: #00A8D1;
text-decoration: none; }
.list-item .title a {
color: #000; }
.list-item .series, .list-item .category {
color: #999;
font-size: .75rem;
font-weight: 700;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
line-height: 0.875rem;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
text-transform: uppercase; }
.list-item .series a, .list-item .category a {
color: #999;
text-decoration: none; }
.list-item .duration {
color: #999;
font-size: .8125rem; }
.list-item .desc {
color: #252525;
margin-top: .625rem; }
.list-item .watch {
font-size: 0.875rem;
line-height: 1.25rem;
padding-left: 25px;
position: relative;
text-decoration: none; }
.list-item .watch:before {
content: '';
position: absolute;
background-image: url(http://idge.staticworld.net/idgtv/btn-play-default.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 20px;
left: 0;
width: 19px; }
.list-item .watch:hover:before {
background-image: url(http://idge.staticworld.net/idgtv/btn-play-hover.svg); }
.list-item.video-play .item-img a:before {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
content: '';
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 43%;
margin: auto;
background-image: url(http://idge.staticworld.net/idgtv/btn-play_default-3.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: 100% 100%;
opacity: 0; }
.list-item.video-play:hover .item-img a:before {
opacity: 1; }
.list-item .tooltip {
display: none;
background-color: #252525;
border-radius: 5px;
color: #fff;
font-size: .75rem;
right: -265px;
padding: 1rem;
position: absolute;
width: 224px;
z-index: 10; }
.list-item .tooltip a, .list-item .tooltip p, .list-item .tooltip h4, .list-item .tooltip div {
color: #fff; }
.list-item .tooltip h4 {
font-size: 0.75rem;
margin-top: 0;
margin-bottom: 1rem; }
.list-item .tooltip p {
margin: 0.75rem 0; }
.list-item .tooltip:before, .list-item .tooltip :after {
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.list-item .tooltip:before {
border-color: rgba(37, 37, 37, 0);
border-right-color: #252525;
border-width: .5625rem;
margin-top: -2.25rem; }
.list-item .tooltip.show-left {
right: auto;
left: -265px; }
.list-item .tooltip.show-left:before, .list-item .tooltip.show-left :after {
right: auto;
left: 100%; }
.list-item .tooltip.show-left:before {
border-right-color: rgba(37, 37, 37, 0);
border-left-color: #252525; }
.load-btn {
background-color: #bfbfbf;
border-radius: 2px;
clear: both;
display: block;
font-size: 1.125rem;
margin: 0 auto;
padding: .875rem 5rem;
text-align: center;
text-decoration: none;
width: 6.25rem; }
.load-btn:hover {
background-color: #DCDCDC;
color: #000; }
.load-more {
clear: both;
text-align: center;
margin-bottom: 15px; }
.load-more .load-btn {
display: inline-block;
width: auto; }