@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; }
/* BEGIN CROSS-SITE CATEGORY STYLES */
section[role=main] {
padding: 0;
margin: 0;
/*.insider{
padding: 0 5px;
margin-right: 15px;
margin-bottom: 0;
}*/ }
@media only screen and (min-width: 60.625em) {
section[role=main] {
max-width: 60.625rem;
margin: 0 auto; } }
.mediaresource section[role=main] {
position: relative; }
.lt-ie9 section[role=main] {
width: 970px;
margin: 0 auto 32px auto; }
section[role=main] .ad, section[role=main] .lazyload_ad {
margin-bottom: 20px;
margin-right: 1rem;
width: 100%;
text-align: center;
background: none; }
@media only screen and (min-width: 48em) {
section[role=main] .ad, section[role=main] .lazyload_ad {
float: left;
background: none;
padding: 10px 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .ad, section[role=main] .lazyload_ad {
background: none;
padding: 0; } }
section[role=main] .ad.ticker-ad, section[role=main] .lazyload_ad.ticker-ad {
display: none;
margin: 0;
padding: 0; }
section[role=main] .ad.ticker-ad #ticker, section[role=main] .lazyload_ad.ticker-ad #ticker {
margin: 0 0 1rem 0;
padding: 10px; }
@media only screen and (min-width: 60.625em) {
section[role=main] .ad.ticker-ad #ticker, section[role=main] .lazyload_ad.ticker-ad #ticker {
margin: 10px 0 1.625rem 0;
padding: 0; } }
section[role=main] .ad.ticker-ad img, section[role=main] .lazyload_ad.ticker-ad img {
max-width: 100%; }
@media only screen and (min-width: 60.625em) {
section[role=main] .ad.ticker-ad, section[role=main] .lazyload_ad.ticker-ad {
display: block; } }
section[role=main] header {
margin: 1.5rem 1rem 0;
*zoom: 1; }
@media only screen and (min-width: 60.625em) {
section[role=main] header {
margin: 0 0 .5rem; } }
section[role=main] header:before, section[role=main] header:after {
content: " ";
display: table; }
section[role=main] header:after {
clear: both; }
section[role=main] header h1, section[role=main] header h2, section[role=main] header h3 {
margin: 0;
padding: 0; }
section[role=main] header h2 {
font-size: 18px;
font-size: 1.125rem;
float: left;
line-height: 20px;
line-height: 1.5rem;
text-transform: none;
margin: 0 0 10px 0;
margin: 0 0 .8rem 0;
display: none;
width: 80%;
width: -webkit-calc(100% - 130px);
width: -moz-calc(100% - 130px);
width: calc(100% - 130px); }
@media only screen and (min-width: 48em) {
section[role=main] header h2 {
display: block; } }
section[role=main] header h2 a {
text-decoration: none; }
section[role=main] header .comment-share {
font-size: 1.375rem;
float: right;
width: 100px; }
section[role=main] header .comment-share i {
display: inline-block;
margin: 0 10px; }
section[role=main] header .comment-share i a {
text-decoration: none; }
section[role=main] header h1 {
font-size: 1.75rem;
line-height: 2rem;
margin: 0;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] header h1 {
font-size: 2.75rem;
line-height: 2.95rem; } }
section[role=main] .bodee {
*zoom: 1;
clear: left; }
section[role=main] .bodee:before, section[role=main] .bodee:after {
content: " ";
display: table; }
section[role=main] .bodee:after {
clear: both; }
section[role=main] .bodee > p {
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) {
section[role=main] .bodee > p {
font-size: 1.0625rem;
margin: 0 60px 16px 60px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee > p {
margin: 0 0 16px 160px;
max-width: 620px; } }
section[role=main] .bodee figure.inline {
margin-bottom: 16px; }
section[role=main] .bodee figure.inline img {
width: 100%;
max-width: 610px; }
section[role=main] .bodee figure.inline figcaption {
font-size: 0.9375rem;
line-height: 1.1375rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee figure.inline.merged {
margin: 0 60px 16px 160px;
max-width: 620px; } }
section[role=main] .bodee .apart-alt {
border-bottom: 1px solid #d8d8d8;
margin: 0 0 0.5rem 0;
padding: 0 0 0.75rem 0;
width: 100%;
*zoom: 1; }
section[role=main] .bodee .apart-alt:before, section[role=main] .bodee .apart-alt:after {
content: " ";
display: table; }
section[role=main] .bodee .apart-alt:after {
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt {
float: left;
margin-right: 20px;
width: 8.75rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .apart-alt {
margin: 0; } }
section[role=main] .bodee .apart-alt p {
margin: 0; }
section[role=main] .bodee .apart-alt.tags {
border-bottom: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt.whitepaper {
border-bottom: none; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt.whitepaper h3 {
font-size: 1.05rem; } }
section[role=main] .bodee .apart-alt.whitepaper a {
text-decoration: none; }
section[role=main] .bodee .apart-alt.whitepaper img {
float: left;
margin-right: 0.75rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt.whitepaper img {
float: none; } }
section[role=main] .bodee .apart-alt.whitepaper h5, section[role=main] .bodee .apart-alt.whitepaper h4, section[role=main] .bodee .apart-alt.whitepaper p {
margin: 0; }
section[role=main] .bodee .apart-alt.whitepaper h5, section[role=main] .bodee .apart-alt.whitepaper .eyebrow {
font-size: 0.8125rem;
line-height: 1.025rem;
margin: 0 0 0.25rem 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt.whitepaper h5, section[role=main] .bodee .apart-alt.whitepaper .eyebrow {
margin-top: 0.5rem; } }
section[role=main] .bodee .apart-alt.whitepaper h4 {
font-size: 1.125rem;
line-height: 1.325rem;
margin: 0 0 0.5rem 0; }
section[role=main] .bodee .apart-alt.whitepaper p {
font-size: 0.8125rem;
line-height: 1.025rem;
margin: 0; }
section[role=main] .bodee .apart-alt.whitepaper a.learn {
background: #666;
border-radius: 4px;
color: #FFF;
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% - 160px);
width: -moz-calc(100% - 160px);
width: calc(100% - 160px);
max-width: 300px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .apart-alt.whitepaper a.learn {
width: 100%; } }
section[role=main] .bodee .apart h3, section[role=main] .bodee .apart-alt h3 {
border-bottom: 1px solid #d8d8d8;
font-size: 1.25rem;
margin: 0 0 0.75rem 0;
text-transform: uppercase;
/*.insider {
font-size: 15px;
padding-top: 2px;
&:after {
border-top: 9px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 9px solid transparent;
}
}*/ }
section[role=main] .bodee aside.pullquote {
font-size: 1.4rem;
margin: 0 0 16px 0; }
section[role=main] .bodee aside.pullquote::before {
content: "\201C";
line-height: 1px;
font-size: 3em;
display: inline-block;
position: relative;
vertical-align: text-bottom;
padding-right: 10px; }
section[role=main] .bodee aside.pullquote::after {
content: attr(data-pullquote); }
@media only screen and (min-width: 48em) {
section[role=main] .bodee aside.pullquote {
font-size: 1.75rem;
margin: 0 60px 16px 0;
padding-left: 46px;
text-indent: -23px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee aside.pullquote {
padding-left: 46px;
max-width: 780px; } }
section[role=main] .bodee .promo {
overflow: hidden;
margin: 0 auto;
float: none;
margin: 1.0rem auto 2.0rem auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .promo {
float: left;
width: 48%;
margin: 0 1% 1.2rem 1%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo {
width: 100%;
margin: 1rem 0; } }
section[role=main] .main-col {
width: 94%;
margin: 16px;
margin: 1rem auto; }
@media only screen and (min-width: 48em) {
section[role=main] .main-col {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .main-col {
float: left;
width: 65%;
margin: 0 2rem 0 0; } }
section[role=main] .eyebrow {
font-size: 0.83rem; }
section[role=main] .eyebrow span.sponsored .sponsored-media {
text-transform: capitalize;
font-weight: normal;
color: #aaa; }
section[role=main] .index-promo {
margin-bottom: 1.5rem;
padding: 1.0rem 0;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
@media only screen and (min-width: 48em) {
section[role=main] .index-promo {
float: left;
width: 48%; } }
section[role=main] .index-promo .promo-headline {
padding: 0 0.65rem; }
section[role=main] .index-promo h2, section[role=main] .index-promo h3 {
margin: 0;
font-size: 2.17rem;
line-height: 2.4rem;
word-wrap: break-word; }
section[role=main] .index-promo h3 {
padding-right: 1rem; }
section[role=main] .index-promo .promo-img + .promo-headline h3 {
font-size: 1.17rem;
line-height: 1.4rem; }
section[role=main] .index-promo .eyebrow a {
text-transform: uppercase;
text-decoration: none; }
section[role=main] .index-promo p, section[role=main] .index-promo h4 {
margin: 0.5rem 0 0;
font-weight: 400;
font-size: 1rem; }
section[role=main] .index-promo.with-image {
padding: 0 0 1rem;
position: relative; }
section[role=main] .index-promo.with-image .promo-img {
margin-bottom: 1rem;
position: relative; }
section[role=main] .index-promo.with-image .promo-img .ss-play {
background-image: url("http://idge.staticworld.net/idgtv/btn-play_default-3.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: 0 none;
border-radius: 0;
content: '';
display: block;
padding: 0;
z-index: 100;
position: absolute;
left: 20px;
top: auto;
bottom: 20px;
right: auto;
margin: auto;
height: 42px;
width: 40px; }
section[role=main] .index-promo.with-image .promo-img .ss-play:before {
content: ''; }
section[role=main] .promo-img {
background: #ccc;
min-height: 20px; }
section[role=main] .promo-img img {
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .first {
margin-right: 24px;
margin-right: 1.5rem; } }
section[role=main] .river-well {
border-bottom: 1px solid #F1F1F1;
padding: 20px 0 16px 0;
padding: 1.25rem 0 1rem 0;
overflow: hidden;
clear: both; }
section[role=main] .river-well h3 {
line-height: 20px;
margin: 0 0 4px 0;
line-height: 1.3rem;
margin: 0 0 0.25rem 0; }
section[role=main] .river-well h3 a {
text-decoration: none;
color: #0B0B0B; }
@media only screen and (min-width: 48em) {
section[role=main] .river-well h3 a i.icon-play-btn-white {
display: none; } }
section[role=main] .river-well .eyebrow {
margin: 0 0 5px 0; }
section[role=main] .river-well .eyebrow a {
text-decoration: none;
text-transform: uppercase; }
section[role=main] .river-well .eyebrow span {
color: #aaa; }
section[role=main] .river-well .eyebrow span.sponsored {
font-weight: 400;
padding: 0; }
section[role=main] .river-well .eyebrow span.sponsored .sponsored-media {
text-transform: capitalize;
font-weight: normal; }
section[role=main] .river-well .eyebrow span.bug {
padding: 0;
color: #999; }
section[role=main] .river-well p, section[role=main] .river-well ul, section[role=main] .river-well ol, section[role=main] .river-well div.summary, section[role=main] .river-well h4 {
margin: 0;
color: #838383;
font-weight: 400;
font-size: 1rem;
line-height: 1.25rem; }
section[role=main] .river-well.nativo-promo {
border-bottom: 3px solid #ccc;
border-top: 2px solid #ccc; }
section[role=main] .river-well.nativo-promo p.post-meta {
font-size: 0.83rem;
color: #666; }
section[role=main] .river-well li {
color: #838383;
line-height: 1.25rem; }
section[role=main] .river-well figure.well-img {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .river-well figure.well-img {
float: left;
margin-right: 16px;
margin-right: 1rem;
max-width: 17%;
display: block;
margin-bottom: 5px;
position: relative; } }
section[role=main] .river-well figure.well-img img {
max-width: 100%; }
@media only screen and (min-width: 60.625em) {
section[role=main] .river-well figure.well-img {
max-width: 23.333333333333%; } }
section[role=main] .river-well.mediaresource {
border-top: 2px solid #ccc;
border-bottom: 3px solid #ccc; }
section[role=main] .river-well.article.sponsored {
border-top: 2px solid #ccc;
border-bottom: 3px solid #ccc; }
section[role=main] .river-well .well-img {
position: relative; }
section[role=main] .river-well .well-img .ss-play {
background-image: url("http://idge.staticworld.net/idgtv/btn-play_default-3.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border: 0 none;
border-radius: 0;
content: '';
display: block;
padding: 0;
z-index: 100;
position: absolute;
left: 5px;
top: auto;
bottom: 5px;
right: auto;
margin: auto;
height: 32px;
width: 30px; }
section[role=main] .river-well .well-img .ss-play:before {
content: ''; }
@media only screen and (min-width: 48em) {
section[role=main] .river-well.media .well-img + .post-cont .ss-play {
display: none; } }
section[role=main] .mediaresource + .nativo-promo {
border-top: none; }
section[role=main] hr.rule {
border: 0;
background: #F1F1F1;
margin-bottom: 0; }
section[role=main] .sup-credit {
font-weight: normal;
color: #aaa !important;
text-transform: none !important;
padding-left: 3px; }
section[role=main] .sup-credit a {
text-transform: none !important; }
section[role=main] .sup-credit span {
padding: 0 !important; }
section[role=main] .right-rail {
width: 95%;
width: -webkit-calc(100% - 1rem);
width: -moz-calc(100% - 1rem);
width: calc(100% - 1rem);
margin: 1rem 0.5rem;
*zoom: 1; }
section[role=main] .right-rail:before, section[role=main] .right-rail:after {
content: " ";
display: table; }
section[role=main] .right-rail:after {
clear: both; }
@media only screen and (min-width: 60.625em) {
section[role=main] .right-rail {
width: 30.9%;
float: right;
margin: 0; } }
section[role=main] .right-rail .promo, section[role=main] .right-rail .apart {
margin-bottom: 20px; }
section[role=main] .right-rail .promo, section[role=main] .right-rail .apart, section[role=main] .right-rail .ad {
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] .right-rail .promo, section[role=main] .right-rail .apart, section[role=main] .right-rail .ad {
clear: none;
float: left;
width: 45%;
width: -webkit-calc(50% - 1rem);
width: -moz-calc(50% - 1rem);
width: calc(50% - 1rem);
margin: 0 0.5rem 1rem; }
section[role=main] .right-rail .promo .lazyload_ad, section[role=main] .right-rail .apart .lazyload_ad, section[role=main] .right-rail .ad .lazyload_ad {
width: auto;
float: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .right-rail .promo, section[role=main] .right-rail .apart, section[role=main] .right-rail .ad {
float: none;
width: 100%;
margin: 0 0 20px; } }
@media only screen and (min-width: 48em) {
section[role=main] .right-rail .newsletter-promo, section[role=main] .right-rail .insider-promo {
float: right;
width: 45%;
width: -webkit-calc(50% - 1rem - 20px);
width: -moz-calc(50% - 1rem - 20px);
width: calc(50% - 1rem - 20px);
margin: 0 0.5rem 1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .right-rail .newsletter-promo, section[role=main] .right-rail .insider-promo {
float: none;
width: auto;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
margin: 0 0 20px; } }
section[role=main] a.load-btn {
background: #999;
padding: 7px 20px;
text-decoration: none;
color: #fff;
font-weight: 700;
text-transform: uppercase;
border-radius: 0.18rem;
margin: 2rem auto;
display: block;
width: 86px; }
.lt-ie9 section[role=main] a.load-btn {
width: 100px; }
section[role=main] .icon-wrap h1, section[role=main] .icon-wrap h2, section[role=main] .icon-wrap h3, section[role=main] .icon-wrap h4, section[role=main] .icon-wrap h5, section[role=main] .icon-wrap h6 {
display: inline; }
section[role=main] .icon-wrap i.ss-icon {
margin-left: 5px; }
section[role=main] .ad,
section[role=main] .lazyload_ad {
background: none;
padding: 10px 0; }
@media only screen and (min-width: 48em) {
section[role=main] .ad,
section[role=main] .lazyload_ad {
width: 45%;
float: right; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .ad,
section[role=main] .lazyload_ad {
width: auto;
float: none; } }
#iab1 .ad, #iab1 .lazyload_ad, #iab3 {
width: 100%;
margin: 0 auto 2em auto;
float: none;
clear: both; }
@media only screen and (min-width: 60.625em) {
#iab1 .ad, #iab1 .lazyload_ad, #iab3 {
background: none;
padding: 0; } }
/* AUTHOR INDEX PAGE STYLES */
.author section[role=main] .main-col {
margin-bottom: 2rem; }
.author .bio-data {
width: 138px;
margin: 24px auto;
margin: 0 auto 1.5rem; }
@media only screen and (min-width: 48em) {
.author .bio-data {
margin: 0;
float: left; } }
.author .bio-data .au-avatar {
width: 138px;
height: 138px;
overflow: hidden;
border-radius: 50%; }
.author .bio-data .au-avatar img {
min-height: 100%;
width: 100%; }
.author .bio-intro {
margin-left: 1rem;
margin-right: 1rem;
text-align: center; }
@media only screen and (min-width: 48em) {
.author .bio-intro {
margin: 0;
text-align: left; } }
.author .bio-intro h1 {
padding-left: 0;
text-align: center; }
@media only screen and (min-width: 48em) {
.author .bio-intro h1 {
margin-left: 0px !important;
text-align: left;
clear: none; } }
.author .bio-intro h2 {
font-style: italic;
text-transform: none;
margin-bottom: 20px;
padding-left: 0;
float: none;
/* display: none; */ }
@media only screen and (min-width: 48em) {
.author .bio-intro h2 {
/* display:inline; */
padding-right: 10px; } }
.author .bio-intro p {
color: #333333; }
@media only screen and (min-width: 48em) {
.author .with-image .bio-intro {
margin-left: 168px; } }
.author ul.au-social {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin: 20px auto 0 auto;
margin: 1.25rem auto 0 auto;
text-align: center;
padding: 8px 0 4px 0;
padding: 0.55rem 0 0.35rem 0; }
@media only screen and (min-width: 48em) {
.author ul.au-social {
text-align: left;
margin: 1.25rem 0 0 0; } }
.author ul.au-social li {
display: inline;
padding-right: 16px;
padding-right: 1rem; }
.author .feed-title {
border-bottom: 1px solid #dedede;
padding-bottom: 5px;
font-size: 24px;
margin: 20px 0;
padding-bottom: 0.3rem;
font-size: 1.5em;
margin: 0.83em 0;
font-weight: 700; }
.author .feed-title .ss-icon {
font-size: 16px;
font-size: 1.0rem; }
@media only screen and (min-width: 48em) {
.author .main-col .index-promo {
width: 100%;
padding-bottom: 1rem; }
.author .main-col .index-promo .promo-img {
float: left;
width: 46%;
margin-right: 1%;
margin-bottom: 0; }
.author .main-col .index-promo .promo-headline {
float: left;
width: 100%; }
.author .main-col .index-promo.with-image {
padding-bottom: 0; }
.author .main-col .index-promo.with-image .promo-img {
margin-bottom: 0; }
.author .main-col .index-promo.with-image .promo-headline {
width: 48%;
margin-top: 1rem; } }
.author .newsletter-promo {
padding-bottom: 18px;
padding-bottom: 1.2rem; }
.author .newsletter-promo form button.btn {
margin-top: 10px;
padding: 6px 15px; }
.author section[role="main"] .right-rail {
margin-top: 32px;
margin-top: 2rem; }
/* RESOURCES INDEX-SPECIFIC STYLES */
.resources {
/* 
section[role=main] header {
margin: 0 0 $gutter 0;
padding: 0 $gutter;
}
*/ }
.resources #page-wrapper {
overflow: hidden; }
.resources #page-wrapper header {
margin-left: 10px; }
@media only screen and (min-width: 60.625em) {
.resources #page-wrapper header {
padding-left: 0;
margin-left: 0; } }
.resources #page-wrapper #resources-index.main-col {
margin-bottom: 25px; }
.resources #page-wrapper #resources-index .filter-group {
white-space: nowrap; }
.resources #page-wrapper #resources-index .filter-group .btn {
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
display: inline-block; }
.resources #page-wrapper #resources-index .filter-group .filter-controls {
width: 100%;
clear: both;
display: block;
background-image: url(http://idge.staticworld.net/images/ss-standard-icon-sprite-limited-shapes.svg);
background-size: 17px auto;
background-position: 94% -69px;
background-repeat: no-repeat; }
@media only screen and (min-width: 48em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls {
width: inherit;
display: inline;
background-position: 94% -72px; } }
.resources #page-wrapper #resources-index .filter-group .filter-controls select {
border: 1px solid #ccc;
opacity: 0.7;
color: #444444;
width: 98%;
-webkit-appearance: none;
padding: 6px 24px 6px 10px;
border: 0;
background: #f2f2f2;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls select {
width: 26%; } }
@media only screen and (min-width: 60.625em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls select {
width: 25%; } }
.lt-ie10 .resources #page-wrapper #resources-index .filter-group .filter-controls select {
width: 98%; }
@media only screen and (min-width: 48em) {
.lt-ie10 .resources #page-wrapper #resources-index .filter-group .filter-controls select {
width: 29%; } }
.resources #page-wrapper #resources-index .filter-group .filter-controls.remove {
background-image: none;
margin-right: 5px; }
.resources #page-wrapper #resources-index .filter-group .filter-controls.remove select {
padding-right: 0; }
.resources #page-wrapper #resources-index .filter-group .filter-controls.remove select#topicSelect, .resources #page-wrapper #resources-index .filter-group .filter-controls.remove select#sponsorSelect {
margin-right: 0; }
.resources #page-wrapper #resources-index .filter-group .filter-controls.right {
margin-right: 0;
margin-bottom: 15px; }
@media only screen and (min-width: 48em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls.right {
margin-right: 15px;
margin-bottom: 0; } }
.resources #page-wrapper #resources-index .filter-group .filter-controls.bottom {
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls.bottom {
margin-bottom: 0; } }
.resources #page-wrapper #resources-index .search-usage {
color: #777777;
padding-bottom: 4px; }
.resources #page-wrapper #resources-index hr.rule {
margin-bottom: 10px;
width: 100%; }
.resources #page-wrapper #resources-index #search-form {
background-color: #f2f2f2;
padding: 20px 20px 20px 15px;
margin-bottom: 10px; }
.resources #page-wrapper #resources-index #search-form .btn {
border-radius: 3px;
padding-left: 10px;
padding-right: 10px; }
.resources #page-wrapper #resources-index #search-form input#banner-search-term {
width: 62%;
width: -webkit-calc(62% - 5px);
width: -moz-calc(62% - 5px);
width: calc(62% - 5px); }
@media only screen and (min-width: 24.0625em) {
.resources #page-wrapper #resources-index #search-form input#banner-search-term {
width: 77%;
width: -webkit-calc(77% - 5px);
width: -moz-calc(77% - 5px);
width: calc(77% - 5px); } }
@media only screen and (min-width: 48em) {
.resources #page-wrapper #resources-index #search-form input#banner-search-term {
width: 73%;
width: -webkit-calc(83% - 10px);
width: -moz-calc(83% - 10px);
width: calc(83% - 10px); } }
.resources .resource-carousel {
margin: 0 10px 40px; }
@media only screen and (min-width: 48em) {
.resources .resource-carousel {
max-width: none;
margin: 0 10px 40px; } }
@media only screen and (min-width: 60.625em) {
.resources .resource-carousel {
margin: 0 0 40px; } }
.resources .resource-carousel.no-carousel div.excerpt {
margin-top: 30px; }
.resources .resource-carousel.two-across div.excerpt {
padding: 0;
margin: 0;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px); }
.resources .resource-carousel.two-across div.excerpt:first-child {
margin-right: 20px; }
.resources .resource-carousel.three-across div.excerpt {
padding: 0;
margin: 0;
width: 30%;
width: -webkit-calc(33.333% - 14px);
width: -moz-calc(33.333% - 14px);
width: calc(33.333% - 14px); }
.resources .resource-carousel.three-across div.excerpt:first-child {
margin-right: 21px; }
.resources .resource-carousel.three-across div.excerpt:nth-child(3) {
margin-left: 21px; }
.resources .resource-carousel.loaded .carousel-items {
max-width: none; }
.resources .resource-carousel.loaded .carousel-items > div.excerpt:nth-child(n+4) {
display: block; }
@media only screen and (min-width: 48em) {
.resources .resource-carousel .carousel-inside-crop {
width: 60%;
width: -webkit-calc(100% - 140px);
width: -moz-calc(100% - 140px);
width: calc(100% - 140px);
margin: 0 70px; } }
.resources .resource-carousel .carousel-items {
max-width: 100%; }
@media only screen and (min-width: 48em) {
.resources .resource-carousel .carousel-items > div.excerpt:nth-child(n+3) {
display: none; } }
@media only screen and (min-width: 60.625em) {
.resources .resource-carousel .carousel-items > div.excerpt:nth-child(3) {
display: block; }
.resources .resource-carousel .carousel-items > div.excerpt:nth-child(n+4) {
display: none; } }
.resources .resource-carousel div.excerpt {
position: relative;
margin: 30px 0 0;
width: 100%; }
.resources .resource-carousel div.excerpt:nth-child(n+3) {
display: none; }
@media only screen and (min-width: 48em) {
.resources .resource-carousel div.excerpt:nth-child(n+3) {
display: block; } }
.resources .resource-carousel div.excerpt:nth-child(odd), .resources .resource-carousel div.excerpt:nth-child(even) {
margin-left: 0;
margin-right: 0; }
@media only screen and (min-width: 48em) {
.resources .resource-carousel div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
margin: 0;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px); }
.resources .resource-carousel div.excerpt:first-child {
margin-right: 20px; } }
@media only screen and (min-width: 60.625em) {
.resources .resource-carousel div.excerpt {
width: 30%;
width: -webkit-calc(33.333% - 14px);
width: -moz-calc(33.333% - 14px);
width: calc(33.333% - 14px); }
.resources .resource-carousel div.excerpt:first-child {
margin-right: 21px; }
.resources .resource-carousel div.excerpt:nth-child(3) {
margin-left: 21px; } }
.resources .resource-carousel div.excerpt h3 {
font-size: 1.375rem;
line-height: 1.5625rem;
margin: 5px 0 0;
padding: 0; }
.resources .resource-carousel div.excerpt .img-wrapper {
position: relative;
height: 0;
padding: 56.25% 0 0;
overflow: hidden;
margin-bottom: 10px;
border: 1px solid #d4d1d1; }
.resources .resource-carousel div.excerpt .img-wrapper img {
position: absolute;
width: 100%;
top: 0;
left: 0; }
.resources .resource-carousel div.excerpt .summary {
font-size: 1rem;
line-height: 1.375rem; }
@media only screen and (min-width: 60.625em) {
.resources .resource-carousel div.excerpt:hover .social-icons {
visibility: visible;
opacity: 1; } }
.resources .resource-carousel a.left,
.resources .resource-carousel a.right {
box-shadow: none;
height: 6.25rem;
top: 0;
bottom: 0;
margin: auto 0;
width: 50px;
border-radius: 0;
background-color: #d1cece;
color: #fff;
line-height: 6.25rem;
font-size: 2rem; }
.resources .resource-carousel a.left i,
.resources .resource-carousel a.right i {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 5.5rem;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.resources .resource-carousel a.left.disabled,
.resources .resource-carousel a.right.disabled {
background-color: #f5f5f5;
color: #fff; }
.resources .resource-carousel a.left.disabled i,
.resources .resource-carousel a.right.disabled i {
text-shadow: none; }
.resources .river-well figure.well-img {
margin-top: 5px;
max-width: 185px !important;
width: 185px; }
.resources .river-well figure.well-img img {
display: block;
max-width: 100%;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.resources .river-well.with-image .post-cont {
margin-left: 201px; } }
.index-page {
margin: 0 10px; }
@media only screen and (min-width: 60.625em) {
.index-page {
margin: 0; } }
.index-page .static-left-col {
margin-right: 0; }
@media only screen and (min-width: 48em) {
.index-page .static-left-col {
margin-right: 20px; } }
@media only screen and (min-width: 48em) {
.index-page .static-right-col {
float: right;
width: 82%; } }
.index-page .head {
font-size: 1.5rem;
margin: 0 0 1rem; }
.index-page .author {
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #dedede;
*zoom: 1; }
.index-page .author:before, .index-page .author:after {
content: " ";
display: table; }
.index-page .author:after {
clear: both; }
.index-page .bio-intro {
width: auto;
float: none;
margin: 0; }
.index-page .bio-intro .author-name {
font-size: 1.5rem;
margin: 0; }
.index-page .bio-intro .author-title {
font-size: 1rem;
line-height: 1rem;
margin: 0 0 0.5rem; }
.index-page .bio-intro p {
margin: 0 0 0.5rem; }
.index-page .bio-intro .au-social {
border: 0 none;
margin: 0;
padding: 0; }
.blogs-index > ul {
list-style: none;
padding: 0;
margin: 0; }
.blogs-index > ul > li {
margin: 0 0 20px;
padding: 20px 0 0;
border-top: 1px solid #dedede;
*zoom: 1; }
.blogs-index > ul > li:before, .blogs-index > ul > li:after {
content: " ";
display: table; }
.blogs-index > ul > li:after {
clear: both; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li .blog-intro {
float: left;
width: 74%; } }
.blogs-index > ul > li .latest-post {
font-size: 0.875rem;
margin: 0.25rem 0 0; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li .latest-post {
border-left: 1px solid #e4e4e4;
float: right;
margin: 0;
padding-left: 2%;
width: 22%; } }
.blogs-index > ul > li .latest-post .hed {
font-weight: 700; }
.blogs-index > ul > li .blog-data {
width: 62px;
float: left; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li .blog-data {
width: 75px; } }
.blogs-index > ul > li .blog-data .blog-avatar {
width: 62px;
height: 62px;
overflow: hidden;
border-radius: 50%; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li .blog-data .blog-avatar {
width: 75px;
height: 75px; } }
.blogs-index > ul > li .blog-data .blog-avatar img {
min-height: 100%;
width: 100%; }
.blogs-index > ul > li .blog-data .blog-avatar.sponsored {
border-radius: 0; }
.blogs-index > ul > li .byline-section h3 {
font-size: 1.25rem;
line-height: 1.5rem;
margin-top: 0; }
.blogs-index > ul > li .byline-section p {
font-size: 0.9375rem;
margin: 0.5rem 0 0; }
.blogs-index > ul > li .byline {
margin: 0.5rem 0 0;
font-size: 0.9375rem; }
.blogs-index > ul > li .byline .meta {
display: inline-block;
border-left: 1px solid #dedede;
font-size: 0.875rem;
margin-left: 4px;
padding: 2px 8px;
position: relative; }
.blogs-index > ul > li .byline .meta ul {
display: none; }
.blogs-index > ul > li .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; }
.blogs-index > ul > li .byline .meta.open ul {
border-top: none;
background: #FFF;
clip: rect(0, 800px, 500px, 0);
-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);
display: inline;
list-style: none;
margin: 0;
padding: 5px;
position: absolute;
width: 160px;
left: -60px;
z-index: 1; }
.blogs-index > ul > li .byline .meta.open ul li {
display: inline-block;
padding: 8px 10px 5px 10px;
margin: 0;
font-size: 1rem; }
.blogs-index > ul > li .byline .meta.open ul li a {
color: #a3acb3; }
.blogs-index > ul > li.with-image .byline-section {
margin-left: 77px; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li.with-image .byline-section {
margin-left: 90px; } }
.blogs-index > ul > li.with-image .latest-post {
margin-left: 77px; }
@media only screen and (min-width: 48em) {
.blogs-index > ul > li.with-image .latest-post {
margin-left: 0; } }
.blogs-index > ul:first-child li:first-child {
border: 0 none;
padding-top: 0; }
.blog-index header .blog-byline {
padding: 10px;
margin-bottom: 20px;
*zoom: 1; }
.blog-index header .blog-byline:before, .blog-index header .blog-byline:after {
content: " ";
display: table; }
.blog-index header .blog-byline:after {
clear: both; }
@media only screen and (min-width: 48em) {
.blog-index header .blog-byline .brand {
float: left;
width: 60%; } }
.blog-index header .blog-byline .divider {
font-weight: 400;
padding: 0 3px;
color: #dedede; }
.blog-index header .blog-byline img {
border-radius: 50%;
float: left;
height: 60px;
width: 60px;
margin: 0 15px 0 0; }
@media only screen and (min-width: 48em) {
.blog-index header .blog-byline img {
height: 137px;
width: 137px; } }
.blog-index header .blog-byline h1.blog-title {
clear: none;
font-size: 1.25rem;
line-height: 1.2em;
margin: 10px 0 0 0;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
.blog-index header .blog-byline h1.blog-title {
font-size: 1.75rem;
max-width: 500px;
margin-bottom: 2px; } }
.blog-index header .blog-byline a {
text-decoration: none; }
.blog-index header .blog-byline p {
margin: 0; }
.blog-index header .blog-byline .name {
margin-right: 6px;
float: left;
max-width: 400px; }
.blog-index header .blog-byline .meta {
display: inline-block;
border-left: 1px solid #dedede;
font-size: 0.83rem;
float: left;
margin: 0 0 0 4px;
padding: 0 8px;
position: relative; }
.blog-index header .blog-byline .meta ul {
display: none; }
.blog-index 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; }
.blog-index 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; }
.blog-index header .blog-byline .meta.open ul li {
display: inline-block;
padding: 4px 12px;
margin: 0;
font-size: 1rem; }
.blog-index header .blog-byline .meta.open ul li a {
color: #a3acb3; }
.blog-index header .blog-byline .about {
border-left: 1px solid #d7d7d7;
display: none;
padding: 0 10px;
font-weight: 700; }
@media only screen and (min-width: 48em) {
.blog-index header .blog-byline .about {
display: block;
float: right;
width: 35%;
max-width: 300px;
margin-top: 20px; } }
.blog-index header .blog-byline .about .about-title {
font-size: 1rem; }
.blog-index header .blog-byline .about .about-title .ss-icon {
font-size: 0.625rem; }
.blog-index header .blog-byline .about h2 {
float: none;
font-weight: 400;
font-size: 0.8125rem;
line-height: 1.125rem;
margin: 0;
width: auto; }
.blog-index header .blog-byline.with-image .blog-branding-text {
margin-left: 75px;
padding-top: 2px; }
@media only screen and (min-width: 48em) {
.blog-index header .blog-byline.with-image .blog-branding-text {
margin-left: 152px;
padding-top: 30px; } }
.blog-index .river-well .post-cont div.summary {
margin-top: 0.5rem; }
.blog-index .river-well .post-cont div.summary p {
margin-top: 0.5rem; }
.blog-index .river-well .post-cont .publish-date {
color: #aaa;
font-size: 0.8125rem; }
.blog-index.brandpost .blog-byline .brand img {
border-radius: 0;
height: initial;
width: auto;
max-height: 110px;
max-width: 110px; }
.blog-index.brandpost .blog-byline .brand .blog-branding-text {
padding-top: 0px; }
#search section[role=main] > header {
display: none; }
#search section[role=main] .main-col {
width: auto;
margin: 1rem 0; }
@media only screen and (min-width: 48em) {
#search section[role=main] .main-col {
margin: 1rem; } }
@media only screen and (min-width: 60.625em) {
#search section[role=main] .main-col {
float: left;
width: 65%;
margin: 0 2rem 0 0; } }
#search .search-form {
background-color: #eee;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin-bottom: 1rem;
padding: 10px; }
@media only screen and (min-width: 48em) {
#search .search-form {
border-left: 1px solid #999;
border-right: 1px solid #999; } }
#search .search-form input[type=text] {
width: 80%;
width: -webkit-calc(100% - 75px);
width: -moz-calc(100% - 75px);
width: calc(100% - 75px);
border-radius: 3px; }
#search .search-form input[type=submit] {
padding: 4px 7px;
text-decoration: none;
font-size: 1.1rem;
color: #fff;
background: #ddd;
border-radius: 3px;
font-weight: 700;
text-transform: none;
font-style: normal;
text-transform: none;
width: auto;
margin: 0;
box-shadow: none; }
#search .pagination {
margin: 2rem 10px 0; }
@media only screen and (min-width: 48em) {
#search .pagination {
margin: 2rem 0 0; } }
#search .related-searches, #search .related-filter {
font-size: 1rem;
margin: 0 1rem 1rem; }
@media only screen and (min-width: 48em) {
#search .related-searches, #search .related-filter {
margin: 0 0 1rem; } }
#search .results-count {
font-size: 0.875rem;
margin: 0 0 1rem;
padding: 0 1rem 1rem;
border-bottom: 1px solid #d7d7d7; }
@media only screen and (min-width: 48em) {
#search .results-count {
border: 0 none;
padding: 0;
float: left;
width: 70%; } }
#search .filters-set {
float: left;
width: 45%;
width: -webkit-calc(50% - 1.5rem);
width: -moz-calc(50% - 1.5rem);
width: calc(50% - 1.5rem); }
#search .filters-set .filter-list-controls {
width: 100%; }
#search .results-filters {
margin: 0 1rem 1rem 0.5rem; }
@media only screen and (min-width: 48em) {
#search .results-filters {
width: 8rem;
margin: 0;
float: right; } }
#search .search-filters {
margin: 0 0.5rem 1rem 1rem; }
@media only screen and (min-width: 48em) {
#search .search-filters {
width: auto;
clear: both;
margin: 1rem 0 0; } }
#search .search-filters ul {
list-style-type: none;
margin: 0;
padding: 0; }
#search .search-filters ul li {
display: inline;
font-size: 0.8125rem;
padding-right: 15px;
text-transform: uppercase; }
#search .search-filters ul li a.active {
color: black; }
#search .search-results {
border-top: 1px solid #d7d7d7;
clear: both;
margin-top: 1rem; }
@media only screen and (min-width: 48em) {
#search .search-results {
border-width: 2px;
margin-top: 0; } }
#search .search-results .river-well {
padding-left: 1rem;
padding-right: 1rem; }
@media only screen and (min-width: 48em) {
#search .search-results .river-well {
padding-left: 0;
padding-right: 0; } }
#search .search-results .river-well p, #search .search-results .river-well ul, #search .search-results .river-well ol {
margin-top: 0.5rem; }
#search .search-results .river-well ul.post-meta {
color: #aaa;
font-size: 0;
list-style-type: none;
margin: 0.5rem 0 0;
padding: 0;
*zoom: 1; }
#search .search-results .river-well ul.post-meta:before, #search .search-results .river-well ul.post-meta:after {
content: " ";
display: table; }
#search .search-results .river-well ul.post-meta:after {
clear: both; }
#search .search-results .river-well ul.post-meta li {
border-right: 1px solid #aaa;
float: left;
font-size: 0.8125rem;
margin: 0 5px 0 0;
padding: 0 5px 0 0; }
#search .search-results .river-well ul.post-meta li:last-child {
border: 0 none;
margin: 0;
padding: 0; }
#search .search-results .river-well ul.post-meta li.category {
text-transform: lowercase; }
#search .search-results .river-well ul.post-meta li.category:first-letter {
text-transform: uppercase; }
#search .search-results .river-well ul.post-meta li a {
color: #aaa; }
#search .search-results .search-resource-module {
border-bottom: 1px solid #f1f1f1;
padding: 1rem; }
@media only screen and (min-width: 48em) {
#search .search-results .search-resource-module {
padding-left: 0;
padding-right: 0; } }
#search .search-results .search-resource-module .hed {
font-size: 1.25rem;
margin: 0 0 0.75rem 0;
padding-bottom: 0.25rem;
text-transform: uppercase; }
#search .search-results .search-resource-module .river-well {
border-bottom: 0 none;
padding: 0;
margin-bottom: 1rem; }
#search .search-results .search-resource-module .more {
font-size: 1rem;
text-transform: uppercase; }
#tech-debates_index header {
background-color: #ccc; }
#tech-debates_index header h1 {
background-image: url(http://idge.staticworld.net/idge/techdebate.png);
background-position: 16px 14px;
background-repeat: no-repeat;
text-indent: -9999rem;
height: 25px;
width: 147px;
padding: 14px 16px; }
#tech-debates_index header h2 {
display: none; }
#tech-debates_index p.td-desc {
font-size: 1.0625rem;
line-height: 1.4375rem;
color: #454545; }
#tech-debates_index .index-promo {
border: 0 none;
padding-bottom: 0; }
#tech-debates_index .index-promo .eyebrow {
display: none; }
#tech-debates_index .river-well .post-cont .eyebrow {
display: none; }
.insider-index section[role=main] .river-well.mediaresource {
border-top: none;
border-bottom: 1px solid #F1F1F1; }
/* 'patch' for bug in Doubleclick that makes new-design fireplaces not work */
/* please excuse the ugly !important styles -- they're necessary to override DC cruft */
.has-fireplace {
position: relative; }
.has-fireplace #page-wrapper {
position: static !important; }
.has-fireplace #page-wrapper .ticker-ad {
position: relative;
z-index: 2; }
.has-fireplace #banner {
z-index: auto !important; }
.has-fireplace section[role=main] {
position: relative; }
@media only screen and (min-width: 60.625em) {
.has-fireplace section[role=main] {
max-width: 60.625rem; } }
.static-left-col {
margin: 0; }
@media only screen and (min-width: 48em) {
.static-left-col {
float: left;
margin-right: 20px;
width: 15%; } }
ul.static-nav {
border: 1px solid #cccccc;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
list-style: none;
padding: 0; }
ul.static-nav li {
border-bottom: 1px solid #cccccc;
margin: 0;
padding: 0.5rem 0.625rem; }
ul.static-nav li:hover {
background-color: #f5f5f5; }
ul.static-nav li:last-child {
border-bottom: 0; }
ul.static-nav li a {
/* color: #0067b1; - not sure this is needed at idge-wide level, as it overrides individual site link defaults */
display: block;
text-decoration: none; }
.mobile-static {
border: 1px solid #ccc;
color: #333;
padding: 5px;
width: 100%; }
@media only screen and (min-width: 48em) {
.mobile-static {
display: none; } }
.not-mobile-static {
display: none; }
@media only screen and (min-width: 48em) {
.not-mobile-static {
display: block; } }
@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; }
.curated h2 {
display: none !important; }
.curated .event-img {
margin: 0 20px;
padding-top: 10px;
max-width: 300px;
padding-bottom: 10px; }
@media only screen and (min-width: 60.625em) {
.curated .event-img {
margin: 0;
padding: 0 0 10px 0; } }
.curated .event-img img {
max-width: 100%; }
@media only screen and (min-width: 48em) {
.curated .event-img img {
max-width: none; } }
.curated .event-rule {
border-top: 1px solid #e4e3e3;
margin: 0; }
.curated section[role="main"] header.event-header {
display: inline-block;
padding-top: 10px;
padding-left: 20px;
margin: 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] header.event-header {
padding-left: 0; } }
.curated section[role="main"] header.event-header h1 {
font-weight: 400;
font-size: 1.25rem;
line-height: 1.25rem;
margin: 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] header.event-header h1 {
display: inline-block; } }
.curated section[role="main"] nav.event-nav {
display: inline-block;
padding-top: 10px;
margin: 0 0 0 5px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] nav.event-nav {
margin: 0; } }
.curated section[role="main"] nav.event-nav ul {
display: inline-block;
padding: 0;
margin: 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] nav.event-nav ul {
margin: 0 0 0 20px; } }
.curated section[role="main"] nav.event-nav ul li {
display: inline-block;
padding: 0 15px;
border-right: 1px solid #000;
line-height: 1.25rem; }
.curated section[role="main"] nav.event-nav ul li:last-child {
border-right: 0 none; }
.curated section[role="main"] .hero {
margin-top: 1.25rem;
*zoom: 1; }
.curated section[role="main"] .hero:before, .curated section[role="main"] .hero:after {
content: " ";
display: table; }
.curated section[role="main"] .hero:after {
clear: both; }
.curated section[role="main"] .hero .hero-carousel {
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel {
-webkit-box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.8); } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .hero .hero-carousel {
float: left;
width: 730px;
-webkit-box-shadow: 4px 0 3px 0 rgba(0, 0, 0, 0.8);
box-shadow: 4px 0 3px 0 rgba(0, 0, 0, 0.8);
clip: rect(0px, 800px, auto, 0px); } }
.curated section[role="main"] .hero .hero-carousel div.excerpt {
position: relative; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay {
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 100%;
width: 100%;
padding: 15px 10px;
background-color: transparent;
background-color: rgba(255, 255, 255, 0.5); }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay {
padding: 20px 10px; } }
.curated section[role="main"] .hero .hero-carousel div.excerpt .sized-img {
height: 0;
overflow: hidden;
padding-bottom: 62.5%; }
.curated section[role="main"] .hero .hero-carousel .carousel-items .cloned {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel .carousel-items .cloned {
display: block; } }
.curated section[role="main"] .event-top-right {
overflow: hidden;
padding: 0 1.25rem 0 1.25rem; }
.curated section[role="main"] .event-top-right h2 {
display: block !important;
font-size: 1.25rem;
line-height: 1.5rem; }
.curated section[role="main"] .event-top-story {
margin-top: 20px;
overflow: hidden; }
.curated section[role="main"] .event-top-story .firstItem {
width: 100%;
max-width: 620px;
float: left;
overflow: hidden;
position: relative; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-story .firstItem {
width: 73%;
max-width: 620px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-story .firstItem {
max-width: none; } }
.curated section[role="main"] .event-top-story .firstItem .firstItemText {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: rgba(78, 66, 66, 0.55); }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-story .firstItem .firstItemText {
bottom: 0;
height: 40%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-story .firstItem .firstItemText {
width: 50%;
height: auto;
left: 1rem;
top: 1rem;
background-color: transparent; } }
.curated section[role="main"] .event-top-story .firstItem .firstItemText h3 {
margin: 0.5rem; }
.curated section[role="main"] .event-top-story .firstItem .firstItemText p.summary {
width: 100%;
margin: 0.5rem; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-story .firstItem .firstItemText p.summary {
width: 50%; } }
.curated section[role="main"] .event-top-story .firstItem .sized-img {
float: left;
z-index: 1;
max-width: 620px;
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-story .firstItem .sized-img {
max-width: 620px;
width: 100%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-story .firstItem .sized-img {
float: right;
max-width: 480px;
width: 480px; } }
.curated section[role="main"] .event-top-story .firstItem .sized-img figure {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden; }
.curated section[role="main"] .event-top-story .firstItem .sized-img figure img {
position: absolute;
height: 100%;
width: 100%; }
.curated section[role="main"] .event-top-story .otherItems {
clear: both;
float: none;
padding: 0.5rem;
max-width: 620px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-story .otherItems {
width: 23%;
clear: none;
float: right;
padding: 0;
margin: 0 1rem 0 0; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-story .otherItems {
width: 25%;
margin: 0; } }
.curated section[role="main"] .bodee {
margin: 1.25rem 1rem 0;
border-top: 1px solid #d3d3d3;
padding-top: 1.125rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee {
margin: 0 20px;
border-top: 0 none;
padding: 0; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee {
margin: 0; } }
.curated section[role="main"] .bodee .related-categories {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .related-categories {
display: block;
border-top: 1px solid #d3d3d3;
padding-top: 0.75rem; } }
.curated section[role="main"] .bodee .related-categories .related-label {
text-transform: uppercase;
font-weight: 700; }
.curated section[role="main"] .bodee .related-categories a {
padding: 0 0.5rem; }
.curated section[role="main"] .bodee .hero {
*zoom: 1;
width: 100%;
margin-top: 20px;
background-image: url(http://idge.staticworld.net/idge/bg-curated-editor.png);
background-position: left top;
background-repeat: repeat;
position: relative; }
.curated section[role="main"] .bodee .hero:before, .curated section[role="main"] .bodee .hero:after {
content: " ";
display: table; }
.curated section[role="main"] .bodee .hero:after {
clear: both; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero {
border-top: 5px solid #000; } }
.curated section[role="main"] .bodee .hero .hero-carousel {
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel {
-webkit-box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.8); } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-carousel {
float: left;
width: 795px;
position: absolute;
-webkit-box-shadow: 4px 0 3px 0 rgba(0, 0, 0, 0.8);
box-shadow: 4px 0 3px 0 rgba(0, 0, 0, 0.8);
clip: rect(0px, 800px, auto, 0px); } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt {
position: relative; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay {
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 100%;
width: 100%;
padding: 15px 10px;
background-color: transparent;
background-color: rgba(255, 255, 255, 0.5); }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay {
padding: 20px 10px; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay {
width: 360px;
height: auto;
padding-top: 85px; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons {
display: block;
position: absolute;
right: 0;
top: 0;
background-color: #fff;
font-size: 0; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons a {
display: inline-block;
border-right: 1px solid #ccc;
padding: 0.5625rem 0 0.3125rem;
width: 2.25rem;
text-align: center;
font-size: 1rem; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons a:last-child {
border-right: 0 none; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .insider {
float: none; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 {
font-size: 1.75rem;
line-height: 1.875rem;
text-shadow: 1px 1px 5px #000000;
font-weight: 700;
margin: 0 0 10px; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 {
font-size: 2.375rem;
line-height: 2.5rem; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 {
font-size: 2.5rem;
line-height: 2.6875rem; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 a {
color: #fff; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .byline {
color: #fff;
font-size: 0.8rem;
text-shadow: 1px 1px 2px #000000; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .byline .comment-count {
font-size: 0.875rem;
font-weight: 700;
margin-left: 5px; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay p {
color: #fff;
font-size: 1rem;
margin: 10px 0 0;
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay p {
display: block; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .sized-img {
height: 0;
padding-bottom: 62.5%;
overflow: hidden; }
.curated section[role="main"] .bodee .hero .hero-editor {
*zoom: 1;
padding: 20px 10px;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box; }
.curated section[role="main"] .bodee .hero .hero-editor:before, .curated section[role="main"] .bodee .hero .hero-editor:after {
content: " ";
display: table; }
.curated section[role="main"] .bodee .hero .hero-editor:after {
clear: both; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor {
float: right;
width: 175px;
min-height: 497px; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-info {
float: left;
width: 36%;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-right: 1px solid #000;
padding-right: 25px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-info {
float: none;
width: auto;
border: 0 none;
padding-right: 0; } }
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 10px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
width: 85px;
height: 85px;
float: left;
margin-bottom: 0;
margin-right: 5px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
float: none;
width: 90px;
height: 90px;
margin-bottom: 20px;
margin-right: 0; } }
.curated section[role="main"] .bodee .hero .hero-editor .head {
font-size: 0.75rem;
font-weight: 700;
margin-bottom: 5px;
text-shadow: 1px 1px 1px #fff; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .head {
margin-bottom: 0; } }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline {
font-size: 1.1875rem;
font-weight: 700;
text-shadow: 1px 1px #fff; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-title {
font-size: 0.8125rem;
font-weight: 700;
text-shadow: 1px 1px #fff; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact {
display: inline-block;
font-size: 0.75rem;
margin-bottom: 10px;
text-shadow: 1px 1px #fff; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact {
margin-bottom: 0; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact {
margin-bottom: 20px; } }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .meta {
display: inline-block;
padding: 0 8px;
position: relative; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .meta ul {
display: none; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .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;
background-color: #f0f0f0; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .meta.open ul {
border-top: none;
background: #f0f0f0;
-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);
clip: rect(0, 800px, 500px, -10px);
display: inline;
list-style: none;
margin: 0;
padding: 5px;
position: absolute;
width: auto;
min-width: 30px;
left: 0;
z-index: 1; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .meta.open ul li {
display: inline-block;
padding: 4px 12px;
margin: 0;
font-size: 1rem; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact .editor-email {
display: inline-block;
padding: 0 8px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks {
box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
width: 64%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks {
float: none;
width: auto; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks .head {
display: none; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks .head {
display: block;
margin-bottom: 5px; } }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul {
list-style: none;
margin: 0;
padding: 0; }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li {
font-size: 0.8125rem;
margin-bottom: 10px;
padding-bottom: 10px;
position: relative; }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:after {
height: 1px;
width: 92px;
background-color: #000;
content: ' ';
position: absolute;
bottom: 0;
margin-left: -46px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:after {
display: none; } }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:last-child:after {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li {
float: left;
font-size: 0.875rem;
line-height: 1.125rem;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 20px;
margin: 10px 0;
width: 33%;
text-align: left; }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:first-child {
padding-right: 0; }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:last-child {
padding-left: 0; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li {
float: none;
width: auto;
margin: 0 0 15px 0;
padding: 0;
text-align: center; } }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li .insider {
float: none; }
.curated section[role="main"] .bodee #iab1 {
margin: 20px 0;
padding: 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #iab1 {
float: right;
width: auto; } }
.curated section[role="main"] .bodee .col-section {
margin-top: 20px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section {
*zoom: 1;
margin-top: 40px; }
.curated section[role="main"] .bodee .col-section:before, .curated section[role="main"] .bodee .col-section:after {
content: " ";
display: table; }
.curated section[role="main"] .bodee .col-section:after {
clear: both; } }
.curated section[role="main"] .bodee .col-section .stories {
margin-bottom: 2rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .stories {
float: left;
width: 75%;
width: -webkit-calc(100% - 320px);
width: -moz-calc(100% - 320px);
width: calc(100% - 320px);
margin-bottom: 0; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo {
*zoom: 1;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
float: none;
margin: 0; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:before, .curated section[role="main"] .bodee .col-section .stories .index-promo:after {
content: " ";
display: table; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:after {
clear: both; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo {
padding: 10px; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:first-child {
padding-top: 70px !important; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo {
width: 33%;
float: left;
margin-bottom: 20px; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:nth-child(3n+4) {
clear: left; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:nth-child(-n+3) {
padding-top: 70px !important; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline {
border-bottom: 1px solid #bbb;
margin-bottom: 15px;
position: relative; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline h3 {
font-size: 1.5rem;
line-height: 2rem;
margin-bottom: 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline h3 {
line-height: 1.625rem;
margin-bottom: 10px; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .insider {
top: 5px; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .byline {
font-size: 0.75rem;
padding: 5px 0 10px; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons {
background-color: #f8f8f8;
border: 1px solid #cecfcf;
border-bottom: 0 none;
font-size: 0;
position: absolute;
bottom: 0;
display: inline-block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s,opacity 0.5s ease;
transition: visibility 0s,opacity 0.5s ease; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons a {
display: inline-block;
padding: 0.3125rem 0 0.1875rem;
width: 1.875rem;
text-align: center;
font-size: 1rem;
border-right: 1px solid #cecfcf; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons a:last-child {
border-right: 0 none; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .img {
width: 100%;
margin-bottom: 15px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo .img {
float: left;
margin-right: 15px;
margin-top: 5px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo .img {
float: none;
margin-right: 0;
margin-top: 0; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo .img img {
width: 100%; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .deck {
font-size: 0.9375rem;
line-height: 1.25rem;
color: #242323;
font-weight: 700;
margin-bottom: 10px; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .summary {
color: #737373;
font-size: 0.9375rem;
line-height: 1.25rem; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo:hover {
background-color: #e9e9e9 !important; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:hover .promo-headline .byline {
visibility: hidden; }
.curated section[role="main"] .bodee .col-section .stories .index-promo:hover .promo-headline .social-icons {
visibility: visible;
opacity: 1; } }
.curated section[role="main"] .bodee .col-section .stories .popular-col .hed {
display: none; }
.curated section[role="main"] .bodee .col-section .stories .load-btn {
display: none; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .load-btn {
display: block; } }
.curated section[role="main"] .bodee .col-section .right-rail {
margin: 2rem 0;
width: auto; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .right-rail {
width: 300px;
float: right;
margin: 0; } }
.curated section[role="main"] .bodee .col-section .right-rail .promo, .curated section[role="main"] .bodee .col-section .right-rail .follow-us, .curated section[role="main"] .bodee .col-section .right-rail .ad, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad {
float: none;
width: auto;
margin: 0 0 20px; }
.curated section[role="main"] .bodee .col-section .right-rail .promo.resources, .curated section[role="main"] .bodee .col-section .right-rail .follow-us.resources, .curated section[role="main"] .bodee .col-section .right-rail .ad.resources, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad.resources {
padding: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .promo.resources .eyebrow, .curated section[role="main"] .bodee .col-section .right-rail .follow-us.resources .eyebrow, .curated section[role="main"] .bodee .col-section .right-rail .ad.resources .eyebrow, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad.resources .eyebrow {
font-size: .75rem;
line-height: .875rem;
text-transform: uppercase; }
.curated section[role="main"] .bodee .col-section .right-rail .promo.resources .eyebrow .sponsored, .curated section[role="main"] .bodee .col-section .right-rail .follow-us.resources .eyebrow .sponsored, .curated section[role="main"] .bodee .col-section .right-rail .ad.resources .eyebrow .sponsored, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad.resources .eyebrow .sponsored {
color: #939598;
font-weight: normal;
text-transform: none; }
.curated section[role="main"] .bodee .col-section .right-rail .promo.blogs, .curated section[role="main"] .bodee .col-section .right-rail .follow-us.blogs, .curated section[role="main"] .bodee .col-section .right-rail .ad.blogs, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad.blogs {
padding-bottom: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .ad, .curated section[role="main"] .bodee .col-section .right-rail .lazyload_ad {
margin-top: 20px;
padding: 0; }
.curated section[role="main"] .bodee .curated-carousel {
clear: both; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel {
max-width: none;
margin: 0; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel .carousel-inside-crop {
width: 60%;
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
margin: 0 50px; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt {
position: relative; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt:nth-child(n+3) {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt:nth-child(n+3) {
display: block; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons {
position: absolute;
right: 0;
top: 0;
background-color: #ebeceb;
border: 1px solid #dbdedf;
border-right: 0 none;
font-size: 0;
display: inline-block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s,opacity 0.5s ease;
transition: visibility 0s,opacity 0.5s ease; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons a {
display: inline-block;
padding: 0.3125rem 0 0.1875rem;
width: 1.875rem;
text-align: center;
font-size: 1rem;
border-right: 1px solid #dbdedf; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons a:last-child {
border-right-style: dashed; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt h3 {
font-size: 1.25rem;
line-height: 1.5rem;
margin: 0.75rem 0 0;
padding: 0; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .img {
margin-bottom: 1rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .img {
float: left;
margin: 5px 10px 5px 0;
width: 110px; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .img img {
width: 100%; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .summary {
font-size: 1rem;
line-height: 1.375rem; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt:hover .social-icons {
visibility: visible;
opacity: 1; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.left,
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.right {
box-shadow: none;
height: 100%;
top: 0;
width: 50px;
border-radius: 0;
background-color: #efeded;
color: #878686;
line-height: 2.3125rem;
font-size: 1.875rem; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.left i,
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.right i {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 1.875rem; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.left.disabled,
.curated section[role="main"] .bodee .curated-carousel .item-carousel a.right.disabled {
color: #d9d7d7; }
.curated section[role="main"] .bodee #latest-stories .stories {
background-color: #fcfcfc; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo {
padding-top: 1.5rem;
padding-bottom: 1.5rem; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo {
padding: 10px; } }
.curated section[role="main"] .bodee #latest-stories .stories .index-promo:nth-child(n+5) {
display: none; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo:nth-child(n+5) {
display: block; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo:nth-child(even) {
border-top: 2px dotted #dfdada;
border-bottom: 2px dotted #dfdada;
background-color: #eae9e9; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo:nth-child(even) {
border: 0 none;
background-color: transparent; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo .img {
width: 200px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #latest-stories .stories .index-promo .img {
width: auto; } }
.curated section[role="main"] .bodee #popular-stories .stories .index-promo .promo-headline {
border-bottom: 0 none;
margin-bottom: 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #popular-stories .stories .index-promo .promo-headline {
border-bottom: 1px solid #bbb;
margin-bottom: 15px; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #popular-stories .stories .index-promo .img {
width: 140px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #popular-stories .stories .index-promo .img {
width: auto; } }
.curated section[role="main"] .bodee #popular-stories .stories .index-promo:nth-child(n+4) {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #popular-stories .stories .index-promo:nth-child(n+4) {
display: block; } }
.curated section[role="main"] .bodee #popular-stories .stories .index-promo:nth-child(n+8) {
display: none; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #popular-stories .stories .index-promo:nth-child(n+8) {
display: block; } }
.curated section[role="main"] .bodee #event-stories {
padding-bottom: 20px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee #event-stories .stories .index-promo {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee #event-stories .stories .index-promo {
padding: 10px !important; } }
.curated section[role="main"] .bodee #event-stories .stories .index-promo:nth-child(n+4) {
display: block; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul {
padding: 0; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li {
border-bottom: 0 none; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .event-date {
width: 30px;
height: 30px;
padding: 10px;
border-radius: 5px;
background-color: #ccc;
-webkit-box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, 0.5);
text-align: center;
float: left;
line-height: 0.75rem; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .event-date span {
color: #fff;
text-transform: uppercase;
font-weight: 700; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .event-date span.month {
font-size: 0.625rem; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .event-date span.day {
font-size: 1.125rem; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .title {
margin-left: 70px;
font-size: 1.5rem;
line-height: 1.625rem; }
.curated #resources-sponsored-links {
margin-left: 10px;
margin-right: 10px; }
@media only screen and (min-width: 60.625em) {
.curated #resources-sponsored-links {
margin-left: 0;
margin-right: 0; } }
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; }
.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; } }
.newsletter-promo {
background: #999;
padding: 10px;
text-align: center;
color: #fff;
float: left;
width: 17.5rem;
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
.newsletter-promo {
margin-top: 20px;
margin-bottom: 0;
margin-right: 2rem;
float: right; } }
@media only screen and (min-width: 60.625em) {
.newsletter-promo {
margin-right: 0; } }
.newsletter-promo form button.btn {
background: #333;
border: 0;
color: #fff;
font-weight: 700;
border: none;
border-radius: 2px; }
.newsletter-promo p {
margin: 0;
color: #9fd5f8;
font-style: italic; }
.newsletter-promo p span {
color: #fff;
margin: 0;
text-align: center;
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 700;
font-style: normal; }
.newsletter-promo .head {
color: #fff;
background: #666;
padding: 2px 2px 2px 10px;
margin: 0 0 5px -15px;
width: 7rem;
font-size: 1.17em;
font-weight: 700; }
.newsletter-promo form input {
width: 70%;
font-style: italic; }
.twitter-module {
background: #F5F5F5;
padding: 10px;
margin: 16px auto;
margin: 1rem auto;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 280px; }
@media only screen and (min-width: 48em) {
.twitter-module {
width: 45%;
float: left; } }
@media only screen and (min-width: 60.625em) {
.twitter-module {
width: auto;
float: none; } }
.twitter-module .head {
margin: 4px 0;
margin: 0.25rem 0; }
.twitter-module ul {
margin: 0.5rem 0 1.0rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 8px 0 0 0;
padding: .5rem 0 0 0; }
.twitter-module ul li {
list-style-type: none;
margin-bottom: 8px;
margin-bottom: .5rem; }
.twitter-module ul li a {
text-decoration: none; }
.center-wrap {
width: 17.5rem;
margin: auto; }
@media only screen and (min-width: 48em) {
.center-wrap {
margin: 0 auto; } }
@media only screen and (min-width: 48em) {
.center-wrap {
width: auto; } }
.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; } }
/* Tentpole Featured Content - on category/tag pages */
ul.tentpole-featured {
width: 100%;
padding: 0;
margin: 0 0 2rem 0;
list-style-type: none;
display: flex;
flex-flow: row wrap; }
ul.tentpole-featured li {
flex-grow: 1;
flex-basis: 100%;
position: relative;
border: 1px solid #000; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-featured li {
flex-basis: 33%; } }
@media only screen and (min-width: 48em) {
ul.tentpole-featured li {
border: none;
padding-bottom: 50px; } }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-featured li:first-child {
flex-grow: 2;
flex-basis: 100%; } }
@media only screen and (min-width: 48em) {
ul.tentpole-featured li:first-child {
flex-grow: 1;
flex-basis: 33%; } }
ul.tentpole-featured li:first-child h3 {
font-size: 21px; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-featured li:first-child h3 {
font-size: 25px; } }
@media only screen and (min-width: 48em) {
ul.tentpole-featured li:first-child h3 {
font-size: 21px; } }
@media only screen and (min-width: 60.625em) {
ul.tentpole-featured li:first-child h3 {
font-size: 28px; } }
ul.tentpole-featured li:before {
content: "";
display: block;
padding-top: 56.25%; }
ul.tentpole-featured li a {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
text-decoration: none; }
ul.tentpole-featured li a:hover h3 {
background-color: rgba(0, 0, 0, 0.55); }
ul.tentpole-featured li h3 {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 21px;
line-height: 1.35em;
height: 100%;
height: -webkit-calc(100% - 40px);
height: -moz-calc(100% - 40px);
height: calc(100% - 40px);
display: flex;
align-items: flex-end;
margin: 0;
padding: 20px 20px 20px 30px;
background-image: -webkit-linear-gradient(top, transparent 16%, rgba(0, 0, 0, 0.22) 45%, rgba(0, 0, 0, 0.65) 100%);
background-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.22) 45%, rgba(0, 0, 0, 0.65) 100%);
background-color: rgba(0, 0, 0, 0.3); }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-featured li h3 {
font-size: 17px; } }
@media only screen and (min-width: 48em) {
ul.tentpole-featured li h3 {
font-size: 21px; } }
@media only screen and (min-width: 60.625em) {
ul.tentpole-featured li h3 {
font-size: 28px; } }
/* Tentpole Video Module - on category/tag pages */
@media only screen and (min-width: 60.625em) {
.video-module {
*zoom: 1; }
.video-module:before, .video-module:after {
content: " ";
display: table; }
.video-module:after {
clear: both; } }
.video-module .module-header {
background-color: #999;
height: 52px;
position: relative; }
@media only screen and (min-width: 60.625em) {
.video-module .module-header {
height: 44px; } }
.video-module .module-header .logo {
position: absolute;
left: 15px;
top: 15px;
line-height: 1.5625rem; }
@media only screen and (min-width: 48em) {
.video-module .module-header .logo {
top: 13px;
left: 20px;
line-height: 1.875rem; } }
@media only screen and (min-width: 60.625em) {
.video-module .module-header .logo {
top: 10px;
left: 25px; } }
.video-module .module-header .logo .logo-img {
background-position: left top;
background-repeat: no-repeat;
background-size: auto 22px;
height: 22px;
display: inline-block;
text-indent: -999rem; }
@media only screen and (min-width: 48em) {
.video-module .module-header .logo .logo-img {
background-size: auto 26px;
height: 26px; } }
.video-module .module-header .logo .video-text {
border-left: 1px solid rgba(255, 255, 255, 0.24);
color: #fff;
display: inline-block;
font-size: 1rem;
line-height: 1rem;
margin-left: 15px;
padding-left: 15px;
text-transform: uppercase; }
.video-module .module-header .logo .video-text a {
color: #fff;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.video-module .module-header .logo .video-text {
font-size: 1.25rem;
line-height: 1.25rem; } }
.video-module .module-header .more-videos {
display: none; }
@media only screen and (min-width: 48em) {
.video-module .module-header .more-videos {
color: #fff;
display: inline-block;
font-size: 0.9375rem;
line-height: 1.4375rem;
position: absolute;
right: 20px;
top: 15px; } }
@media only screen and (min-width: 60.625em) {
.video-module .module-header .more-videos {
right: 25px;
top: 10px; } }
.video-module .module-header .more-videos a {
color: #fff; }
.video-module .module-header .more-videos i {
display: inline-block;
font-size: 1.4375rem;
line-height: 1.4375rem;
margin: 0 0 0 5px;
vertical-align: top;
color: #fff; }
.video-module .video-pane {
position: relative;
width: 100%; }
@media only screen and (min-width: 24.0625em) {
.video-module .video-pane {
background-color: #000;
max-height: 360px; } }
@media only screen and (min-width: 60.625em) {
.video-module .video-pane {
float: left;
width: 630px;
width: -webkit-calc(100% - 340px);
width: -moz-calc(100% - 340px);
width: calc(100% - 340px);
max-height: 354px;
max-width: 630px;
overflow: hidden; } }
@media only screen and (min-width: 60.625em) {
.narrow-desktop .video-module .video-pane {
max-width: none;
float: none;
width: auto;
max-height: none; } }
@media only screen and (min-width: 24.0625em) {
.video-module .video-pane .wrap-video {
max-width: 640px;
margin: 0 auto; } }
@media only screen and (min-width: 60.625em) {
.video-module .video-pane .wrap-video {
max-width: none; } }
.video-module .video-pane .video-wrapper {
height: 0;
padding-bottom: 56.25%;
position: relative;
width: 100%; }
.video-module .video-pane .video-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.video-module .video-pane .lead-video-info {
background-image: -webkit-linear-gradient( transparent 0, rgba(0, 0, 0, 0.7) 100%);
background-image: linear-gradient( transparent 0, rgba(0, 0, 0, 0.7) 100%);
bottom: 0;
position: absolute; }
.video-module .lead-video-info {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
padding: 20px;
width: 100%; }
.video-module .lead-video-info .video-eyebrow {
font-size: .75rem;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.54); }
@media only screen and (min-width: 48em) {
.video-module .lead-video-info .video-eyebrow {
font-size: 0.8125rem; } }
.video-module .lead-video-info .video-title {
font-size: 1.125rem;
line-height: 1.25; }
@media only screen and (min-width: 48em) {
.video-module .lead-video-info .video-title {
font-size: 1.795rem; } }
.video-module .video-js {
height: 100% !important;
position: absolute;
top: 0;
width: 100% !important; }
.video-module .video-js .preroll-countdown {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 0.75rem;
left: 0;
padding: 3px;
position: absolute;
top: 0;
z-index: 1; }
.video-module .video-js .vjs-big-play-button {
background-color: transparent;
background-image: url("http://idge.staticworld.net/idgtv/btn-play-default.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
border-radius: 0;
box-shadow: none;
left: 0;
margin: auto;
right: 0;
top: 0;
height: 40px;
width: 38px; }
@media only screen and (min-width: 48em) {
.video-module .video-js .vjs-big-play-button {
width: 78px;
height: 81px; } }
.video-module .video-js .vjs-big-play-button:before {
content: none; }
.video-module .video-js .vjs-big-play-button:hover {
background-image: url("http://idge.staticworld.net/idgtv/btn-play-hover.svg"); }
.video-module .video-js .vjs-share-options li a:hover {
color: #fff; }
.video-module .video-js .vjs-ima3-ad-background object, .video-module .video-js .vjs-ima3-ad-background embed {
background-color: transparent; }
.video-module .video-js .vjs-social-overlay a {
color: #fff; }
.video-module .video-js.vjs-native .vjs-big-play-button {
background-image: none !important; }
.video-module .video-js.vjs-native .vjs-control-bar {
display: none !important; }
.video-module .video-js.vjs-native .vjs-poster {
display: block; }
.video-module .video-js.player-not-started .vjs-big-play-button {
background-image: -webkit-linear-gradient( transparent 0, rgba(0, 0, 0, 0.7) 100%);
background-image: linear-gradient( transparent 0, rgba(0, 0, 0, 0.7) 100%);
height: auto;
width: auto;
top: auto;
padding-top: 10px; }
@media only screen and (min-width: 48em) {
.video-module .video-js.player-not-started .vjs-big-play-button {
padding-top: 15px; } }
.video-module .video-js.player-not-started .vjs-big-play-button .lead-video-info {
background-image: url(http://idge.staticworld.net/idgtv/btn-play-default.svg);
background-position: 14px center;
background-repeat: no-repeat;
background-size: 35px 37px;
position: relative;
bottom: auto;
padding-left: 65px; }
.video-module .video-js.player-not-started .vjs-big-play-button .lead-video-info:hover {
background-image: url(http://idge.staticworld.net/idgtv/btn-play-hover.svg); }
@media only screen and (min-width: 48em) {
.video-module .video-js.player-not-started .vjs-big-play-button .lead-video-info {
background-position: 17px center;
background-size: 65px 68px;
padding: 35px 25px 35px 100px; } }
.touch .video-module .video-js.player-not-started.show-helper-text .vjs-big-play-button {
background-image: url("http://idge.staticworld.net/idgtv/btn-play-default.svg") !important;
background-size: 104px 108px;
background-position: center top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 122px;
height: 135px;
top: 0;
width: 104px; }
.touch .video-module .video-js.player-not-started.show-helper-text .vjs-big-play-button:after {
color: #fff;
content: 'Tap to play';
display: block;
font-size: 0.875rem;
text-align: center;
text-transform: uppercase; }
.video-module .video-js.vjs-paused .vjs-big-play-button {
display: block; }
.video-module .video-js.hide-controls .vjs-control-bar {
display: none !important; }
.video-module .video-listing-wrap {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #c0c0c0; }
@media only screen and (min-width: 60.625em) {
.video-module .video-listing-wrap {
float: right;
width: 340px;
border-right: 1px solid #c0c0c0; } }
@media only screen and (min-width: 60.625em) {
.narrow-desktop .video-module .video-listing-wrap {
border-left: 1px solid #c0c0c0;
float: none;
width: 100%; } }
.video-module .video-listing-wrap:focus {
background-color: #ff0; }
.video-module .video-listing-wrap:after {
background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4) 0, transparent 100%);
background-image: linear-gradient( rgba(0, 0, 0, 0.4) 0, transparent 100%);
content: '';
position: absolute;
top: 0;
left: 0;
height: 22px;
width: 100%;
opacity: 1;
-webkit-transition: z-index 0s ease 0s, opacity 0.2s ease 0.1s;
-moz-transition: z-index 0s ease 0s, opacity 0.2s ease 0.1s;
transition: z-index 0s ease 0s, opacity 0.2s ease 0.1s; }
@media only screen and (min-width: 60.625em) {
.video-module .video-listing-wrap:after {
background-image: -webkit-linear-gradient( transparent 0, rgba(0, 0, 0, 0.4) 100%);
background-image: linear-gradient( transparent 0, rgba(0, 0, 0, 0.4) 100%);
bottom: 0;
top: auto;
height: 42px; } }
@media only screen and (min-width: 60.625em) {
.narrow-desktop .video-module .video-listing-wrap:after {
background-image: -webkit-linear-gradient( rgba(0, 0, 0, 0.4) 0, transparent 100%);
background-image: linear-gradient( rgba(0, 0, 0, 0.4) 0, transparent 100%);
bottom: auto;
top: 0;
height: 22px; } }
.video-module .video-listing-wrap:hover:after {
opacity: 0;
z-index: -1;
-webkit-transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s;
-moz-transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s;
transition: opacity 0.2s ease 0s, z-index 0s ease 0.2s; }
.video-module .video-listing-scroll {
overflow: auto;
max-height: 244px;
-webkit-transform: translateZ(0); }
@media only screen and (min-width: 60.625em) {
.video-module .video-listing-scroll {
max-height: 353px; } }
.video-module .video-listing .video-item {
*zoom: 1;
border-bottom: 1px solid #eee;
padding: 5px 15px 10px 5px; }
.video-module .video-listing .video-item:before, .video-module .video-listing .video-item:after {
content: " ";
display: table; }
.video-module .video-listing .video-item:after {
clear: both; }
.video-module .video-listing .video-item.selected {
background-color: #ebebeb;
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3);
cursor: pointer; }
@media only screen and (min-width: 48em) {
.video-module .video-listing .video-item:hover {
background-color: #ebebeb;
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3);
cursor: pointer; } }
.video-module .video-listing .video-item:hover .poster-wrapper .poster-container: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%; }
.video-module .video-listing .video-item .poster-wrapper {
float: left;
width: 104px; }
.video-module .video-listing .video-item .poster-wrapper .poster-container {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
width: 100%; }
.video-module .video-listing .video-item .poster-wrapper .poster-container: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%; }
.video-module .video-listing .video-item .poster-wrapper .poster-container img {
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
width: 100%; }
.video-module .video-listing .video-item .poster-wrapper .poster-container .duration {
color: #fff;
font-size: 0.6875rem;
font-weight: 700;
position: absolute;
bottom: 5px;
right: 10px; }
.video-module .video-listing .video-item .sponsored-video,
.video-module .video-listing .video-item .sponsored-media {
display: block; }
.video-module .video-listing .video-item .video-eyebrow,
.video-module .video-listing .video-item .sponsored-video,
.video-module .video-listing .video-item .sponsored-media,
.video-module .video-listing .video-item .video-title {
margin-left: 120px; }
.video-module .video-listing .video-item .video-eyebrow {
color: #888;
font-size: 0.6875rem;
font-weight: 700; }
.video-module .video-listing .video-item .sponsored-video,
.video-module .video-listing .video-item .sponsored-media {
color: #00A8D1;
font-size: 0.6875rem;
font-weight: 700; }
.video-module .video-listing .video-item .video-title {
color: #000;
font-size: 0.875rem;
line-height: 1rem;
margin-top: 2px; }
.tentpole .video-module {
max-width: 970px;
margin: 1rem auto;
box-shadow: 0px 0px 10px 0px rgba(96, 91, 91, 0.15); }
@media only screen and (min-width: 60.625em) {
.tentpole .video-module {
margin: 2rem auto; } }
.tentpole .video-module .video-listing-wrap {
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0; }
@media only screen and (min-width: 60.625em) {
.tentpole .video-module .video-listing-wrap {
border-left: 0 none; }
.narrow-desktop .tentpole .video-module .video-listing-wrap {
border-left: 1px solid #c0c0c0; } }
.tentpole .video-module .title {
background-color: #000;
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding: 5px 15px; }
@media only screen and (min-width: 48em) {
.tentpole .video-module .title {
display: none; } }
.tentpole .video-module .video-listing .video-item .video-eyebrow,
.tentpole .video-module .video-listing .video-item .sponsored-video,
.tentpole .video-module .video-listing .video-item .sponsored-media {
font-size: 0.625rem;
text-transform: uppercase; }
/* Tentpole Content Group Module - on category pages */
.tentpole.content-group {
background-color: #f6f6f6;
max-width: 970px;
margin: 1rem auto 2rem;
position: relative;
padding-bottom: 2rem; }
.tentpole.content-group > .title {
font-size: 26px;
line-height: 28px;
padding: 1.5rem 0;
text-align: center; }
.tentpole.content-group > .title a {
color: #da1a39;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.tentpole.content-group > .title {
padding: 35px 0;
font-size: 30px; } }
.tentpole.content-group .sponsor {
position: static;
font-size: 10px;
text-transform: uppercase;
color: #6a6464;
text-align: center;
margin-bottom: 1.5rem; }
@media only screen and (min-width: 48em) {
.tentpole.content-group .sponsor {
position: absolute;
right: 20px;
top: 2rem;
margin: 0;
max-width: 25%; } }
.tentpole.content-group .sponsor img {
max-height: 50px;
margin-left: 4px; }
.tentpole.content-group ul {
display: block;
margin: 0 20px 0 0;
padding: 0;
list-style-type: none; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul {
display: flex;
align-items: stretch;
flex-flow: row wrap;
justify-content: space-around; } }
.tentpole.content-group ul li {
overflow: hidden;
margin: 24px 10px 34px 10px; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li {
flex-grow: 1;
flex-basis: calc(30% - 20px);
max-width: 31%;
background-color: #fff;
margin: 0 0 0 20px;
border: 1px solid #dcdada;
box-shadow: 0px 0px 5px 0px rgba(216, 215, 215, 0.2); }
.tentpole.content-group ul li:hover {
border: 1px solid #b3b0b0;
box-shadow: 0px 0px 6px 0px #d8d7d7; } }
.tentpole.content-group ul li a {
text-decoration: none;
display: block; }
.tentpole.content-group ul li .img-wrap {
float: left;
margin-right: 1rem; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li .img-wrap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
margin: 0;
float: none;
width: auto; } }
.tentpole.content-group ul li .img-wrap img {
width: 100%;
max-width: 107px;
height: auto; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li .img-wrap img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
max-width: none; } }
.tentpole.content-group ul li .text-wrap {
float: left;
width: calc(100% - 130px); }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li .text-wrap {
float: none;
width: auto; } }
.tentpole.content-group ul li h3 {
font-weight: bold;
text-align: left;
font-size: 20px;
line-height: 24px;
margin: 0; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li h3 {
font-size: 22px;
margin: 1rem; } }
.tentpole.content-group ul li .meta {
font-size: 12px;
color: #8e8e8e;
margin: 10px 0 0 0; }
@media only screen and (min-width: 48em) {
.tentpole.content-group ul li .meta {
margin: 1rem; } }
.tentpole.content-group .more-btn {
display: block;
text-align: center;
margin: 2rem auto 0;
text-decoration: none;
background-color: #da1a39;
color: #fff;
text-transform: uppercase;
width: 80%;
padding: 12px;
border-radius: 5px;
font-size: 18px; }
.tentpole.content-group .more-btn:hover {
background-color: #ac0923; }
@media only screen and (min-width: 48em) {
.tentpole.content-group .more-btn {
width: 35%; } }
/* Tentpole Additional Content - Tag page only */
ul.tentpole-additional {
max-width: 987px;
margin: 1rem auto 12px;
display: flex;
flex-flow: row wrap;
padding: 0;
list-style-type: none; }
ul.tentpole-additional li {
flex-grow: 1;
flex-basis: calc(100% - 26px);
margin: 0 12px 1rem 12px;
border-bottom: 1px solid #dcdada;
padding-bottom: 1rem;
cursor: pointer; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-additional li {
flex-basis: calc(50% - 26px);
margin: 1rem 12px;
border: 1px solid #dcdada;
box-shadow: 0px 0px 5px 0px rgba(216, 215, 215, 0.2); }
ul.tentpole-additional li:hover {
border: 1px solid #b3b0b0;
box-shadow: 0px 0px 6px 0px #d8d7d7; } }
@media only screen and (min-width: 48em) {
ul.tentpole-additional li {
flex-basis: calc(33% - 26px);
margin: 1rem 12px; } }
ul.tentpole-additional li a {
text-decoration: none;
display: block;
color: inherit; }
ul.tentpole-additional li .img-wrap {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 1rem; }
ul.tentpole-additional li .img-wrap img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%; }
ul.tentpole-additional li h4 {
margin: 1rem 0 14px 0;
font-size: 20px; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-additional li h4 {
margin: 1rem; } }
@media only screen and (min-width: 48em) {
ul.tentpole-additional li h4 {
font-size: 22px;
line-height: 24px;
margin: 22px; } }
ul.tentpole-additional li span + h4 {
margin-top: 0; }
ul.tentpole-additional li span {
display: block;
color: #999;
font-size: 11px;
text-transform: uppercase;
margin: 1rem 0 0 0;
font-weight: bold; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-additional li span {
margin: 1rem 1rem 0 1rem; } }
@media only screen and (min-width: 48em) {
ul.tentpole-additional li span {
margin: 22px 22px 0 22px; } }
ul.tentpole-additional li span.brandpost {
color: #e29001;
font-style: italic;
text-transform: none; }
ul.tentpole-additional li span.insider {
margin: 0;
display: inline-block;
padding-bottom: 3px; }
ul.tentpole-additional li p.meta {
font-size: 12px;
color: #8e8e8e;
margin: 0 0 0.5rem 0; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-additional li p.meta {
margin: 0 1rem 0.5rem 1rem; } }
@media only screen and (min-width: 48em) {
ul.tentpole-additional li p.meta {
margin: 0 22px 0.5rem 22px; } }
ul.tentpole-additional li p.summary {
margin: 1rem 0;
color: #000;
font-size: 16px; }
@media only screen and (min-width: 24.0625em) {
ul.tentpole-additional li p.summary {
margin: 1rem; } }
@media only screen and (min-width: 48em) {
ul.tentpole-additional li p.summary {
margin: 22px; } }
ul.tentpole-additional li span.play-btn {
background-image: url(http://idge.staticworld.net/idgtv/btn-play-default.svg);
background-repeat: no-repeat;
position: absolute;
bottom: 1rem;
left: 22px;
background-size: contain;
margin: 0;
height: 55px;
width: 55px; }
/* END CROSS-SITE CATEGORY STYLES */