/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/
@font-face {
font-family: 'antennacondblack';
src: url("/www.idge.cio/css/webfonts/antennacond-black-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-black-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.svg#antennacondblack") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'antennacondextralight';
src: url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.svg#antennacondextralight") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'antennacondregular';
src: url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.svg#antennacondregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: '4_dotsregular';
src: url("/www.idge.cio/css/webfonts/4-dots-webfont.eot");
src: url("/www.idge.cio/css/webfonts/4-dots-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/4-dots-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/4-dots-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/4-dots-webfont.svg#4_dotsregular") format("svg");
font-weight: normal;
font-style: normal; }
/* BEGIN CIO HOMEPAGE */
@media only screen and (min-width: 60.625em) {
section[role=main] {
max-width: 100%; } }
section[role=main] .ticker-ad {
max-width: 970px;
margin: 0 auto; }
section[role=main] .ticker-ad #ticker {
margin: 0 auto 1rem; }
section[role=main] a {
text-decoration: none;
color: #4e4242; }
section[role=main] h2.subhead {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 19px;
font-size: 1.2rem;
color: #a1a2a5;
text-transform: uppercase;
margin: 0; }
section[role=main] .alert {
background-color: #707276;
min-height: 54px;
padding: 0 17px; }
section[role=main] .alert h3 {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.5rem;
margin: 0;
padding: 14px 0; }
section[role=main] .alert h3 span {
background-color: #a43516;
color: #fff;
font-size: 1rem;
font-weight: 700;
margin-right: 10px;
padding: 2px 5px;
text-transform: uppercase; }
section[role=main] .alert h3 a {
color: #fff; }
section[role=main] .alert h3 a:hover {
color: #28272a; }
section[role=main] .river-well {
border: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 0 20px;
padding: 0; }
section[role=main] .river-well figure.well-img {
float: none;
margin-bottom: 15px;
width: 100%;
position: relative; }
section[role=main] .river-well figure.well-img img {
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .river-well figure.well-img i.ss-play {
left: 10px;
bottom: 10px;
height: 36px;
width: 34px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .river-well figure.well-img i.ss-play {
left: 5px;
bottom: 5px;
height: 32px;
width: 30px; } }
section[role=main] .river-well figure.well-img i.ss-play:before {
content: ''; }
section[role=main] .river-well .eyebrow-wrapper {
overflow: hidden;
position: relative;
*zoom: 1; }
section[role=main] .river-well .eyebrow-wrapper:before, section[role=main] .river-well .eyebrow-wrapper:after {
content: " ";
display: table; }
section[role=main] .river-well .eyebrow-wrapper:after {
clear: both; }
section[role=main] .river-well .eyebrow-wrapper .eyebrow {
background-color: #707276;
color: #fff;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.8125rem;
font-weight: 700;
padding: 3px 5px;
position: absolute;
text-transform: uppercase;
bottom: 15px;
left: 0; }
section[role=main] .river-well h3 {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
font-weight: normal;
line-height: 1.5rem; }
section[role=main] .river-well h3 a:hover {
color: #ed1c24; }
section[role=main] .river-well h3 i.icon-play-btn-white {
display: none; }
section[role=main] p.meta a {
color: #666; }
section[role=main] p.meta a:hover {
color: #ed1c24; }
section[role=main] .post-cont h4 {
color: #4e4242;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 300;
font-size: 1.05rem;
line-height: 1.25; }
section[role=main] .post-cont .eyebrow {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: .75rem; }
section[role=main] .post-cont .eyebrow a {
color: #ed1c24; }
section[role=main] .bodee .promo {
margin-bottom: 2.5rem;
/* these styles don't actually apply to anything on the CIO homepage, and were clearly copied from somewhere else. Commenting out */
/* &.brandposts {
.eyebrow-wrapper {
background-color:$brand_color_tertiary; 
height:2.125rem; 
line-height:2.125rem;
margin-bottom:$gutter*2;
overflow:hidden; 
padding:0 0.75rem;
@include clearfix();
.eyebrow {
color: #fff;
float:left;
font-family: $hed_font;
font-size:1rem;
font-weight:400;
line-height:2.125rem;
text-transform:none;
}
.learn-more {
color:#939598;
float:right;
font-family:$copy_font;
font-size:0.8125rem;
font-style:italic;
text-decoration:underline;
}	
}
ul.sponsored {
li {
overflow:hidden;
.blog-branding-text {
color:#939598;
font-family:$hed_font;
font-size:0.6875rem;
}
.title, .title a {
font-size:1.25rem;
font-weight:700;
line-height:1.375rem;
}
&.with-image {
min-height:75px;
padding-left:90px;
position:relative;
img {
position:absolute;
top:0;
left:0;
height:75px;
clip:rect(0px,75px,75px,0px);
}
}
}
}
}*/ }
section[role=main] .bodee .promo .head, section[role=main] .bodee .promo .hed {
color: #4e4242;
font-size: 1rem;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
margin-bottom: 0.75rem;
padding: 0 15px;
text-transform: uppercase;
padding-left: 0;
letter-spacing: 0.0625em;
font-weight: normal;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38); }
section[role=main] .bodee .promo .head:after, section[role=main] .bodee .promo .hed:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
section[role=main] .bodee .promo .head a, section[role=main] .bodee .promo .hed a {
text-transform: uppercase; }
section[role=main] .bodee .promo ul {
border: 0 none;
padding: 0; }
section[role=main] .bodee .promo ul li {
padding: 0.225rem 0 0.625rem 0;
border-bottom: 1px solid #ddd;
*zoom: 1; }
section[role=main] .bodee .promo ul li:before, section[role=main] .bodee .promo ul li:after {
content: " ";
display: table; }
section[role=main] .bodee .promo ul li:after {
clear: both; }
section[role=main] .bodee .promo ul li h3, section[role=main] .bodee .promo ul li h4, section[role=main] .bodee .promo ul li h5, section[role=main] .bodee .promo ul li .title {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
font-weight: normal;
margin-bottom: 0 !important; }
section[role=main] .bodee .promo ul li h3 a, section[role=main] .bodee .promo ul li h4 a, section[role=main] .bodee .promo ul li h5 a, section[role=main] .bodee .promo ul li .title a {
font-size: 1rem;
color: #4e4242; }
section[role=main] .bodee .promo ul li h3 a:hover, section[role=main] .bodee .promo ul li h4 a:hover, section[role=main] .bodee .promo ul li h5 a:hover, section[role=main] .bodee .promo ul li .title a:hover {
color: #ed1c24; }
section[role=main] .bodee .promo ul li .title {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .promo p.credit, section[role=main] .bodee .promo .eyebrow {
color: #055387;
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase; }
section[role=main] .bodee .promo p.credit a, section[role=main] .bodee .promo .eyebrow a {
color: #055387; }
section[role=main] .bodee .promo p.credit a:hover, section[role=main] .bodee .promo .eyebrow a:hover {
color: #28272a; }
section[role=main] .bodee .promo p.credit .sponsored, section[role=main] .bodee .promo .eyebrow .sponsored {
color: #939598;
font-weight: normal;
text-transform: none; }
section[role=main] .bodee .promo label a {
color: #055387;
text-transform: uppercase;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
section[role=main] .bodee .promo input {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .promo button.btn {
border: 0;
border-radius: 4px;
color: #ffffff;
font-weight: normal;
padding: .325rem .4375rem .4125rem .4375rem;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background-color: #ed1c24; }
section[role=main] .bodee .promo button.btn:hover {
background: #ed1c24; }
section[role=main] .bodee .promo a.cta-link {
color: #4e4242;
text-transform: uppercase;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
font-weight: bold; }
section[role=main] .bodee .promo .post-desc {
margin: 0; }
section[role=main] .bodee .promo.blogs {
float: none;
width: auto; }
section[role=main] .bodee .promo.blogs ul li img {
height: 44px;
width: 44px; }
section[role=main] .bodee .promo.blogs ul li:first-child img {
height: 75px;
width: 75px; }
section[role=main] .bodee .promo.blogs ul li:first-child h3, section[role=main] .bodee .promo.blogs ul li:first-child h3 a {
font-size: 1.25rem; }
section[role=main] .bodee .promo.blogs .heads-cta {
background-color: #ccdeef;
border-radius: 4px;
margin: 20px 10px 0;
padding: 10px;
text-align: center; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.blogs .heads-cta {
margin: 20px 0 0; } }
section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads {
*zoom: 1;
margin: 5px 0 0 0;
padding: 0; }
section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads:before, section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads:after {
content: " ";
display: table; }
section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads:after {
clear: both; }
section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads li {
border: 0 none;
display: inline-block;
margin: 0 2px 0 0;
padding: 0 !important; }
section[role=main] .bodee .promo.blogs .heads-cta ul.blogger-heads li img {
height: 28px !important;
width: 28px !important;
margin: 0;
padding: 0; }
section[role=main] .bodee .promo.most-popular {
display: none; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.most-popular {
display: block; } }
section[role=main] .bodee .promo.most-popular .hed {
margin-bottom: 0.5rem;
text-transform: uppercase; }
section[role=main] .bodee .promo.most-popular ul li .image {
float: right;
margin-left: 10px;
max-width: 74px;
max-height: 55px;
overflow: hidden; }
section[role=main] .bodee .promo.most-popular ul li .image img {
width: 100%; }
section[role=main] .bodee .promo.resources {
*zoom: 1;
overflow: hidden; }
section[role=main] .bodee .promo.resources:before, section[role=main] .bodee .promo.resources:after {
content: " ";
display: table; }
section[role=main] .bodee .promo.resources:after {
clear: both; }
section[role=main] .bodee .promo.resources .hed {
margin-bottom: 0.5rem; }
section[role=main] .bodee .promo.resources ul {
margin-bottom: 20px; }
section[role=main] .bodee .promo.resources ul li .well-img {
float: left;
margin-right: 10px; }
section[role=main] .bodee .promo.resources ul li .well-img .sized-img-teaser {
width: 60px;
max-height: 60px;
overflow: hidden; }
section[role=main] .bodee .promo.resources ul li .well-img .sized-img-teaser img {
width: 100%; }
section[role=main] .bodee .promo.resources ul li.with-image .eyebrow, section[role=main] .bodee .promo.resources ul li.with-image .title {
margin-left: 70px; }
section[role=main] .bodee .promo.resources .more {
box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
font-weight: 700;
height: 2rem;
line-height: 2rem;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
width: 27%;
border-right: 1px solid #e1e1e1;
white-space: nowrap; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .promo.resources .more {
border-right: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.resources .more {
border-right: 1px solid #e1e1e1; } }
section[role=main] .bodee .promo.resources form {
box-sizing: border-box;
-moz-box-sizing: border-box;
float: right;
padding: 0 10px;
width: 73%;
margin: 0;
text-align: right; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .promo.resources form {
width: 70%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.resources form {
width: 73%; } }
section[role=main] .bodee .promo.resources form input[type=text] {
width: 67%;
font-style: normal;
padding-left: 0.5rem;
font-size: 0.875rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .promo.resources form input[type=text] {
width: 52%;
margin-right: 2px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.resources form input[type=text] {
width: 67%;
margin-right: 5px; } }
section[role=main] .bodee .promo.resources form button[type=submit] {
border: 0;
border-radius: 4px;
color: #ffffff;
font-weight: normal;
padding: .325rem .4375rem .4125rem .4375rem;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background-color: #ed1c24; }
section[role=main] .bodee .promo.resources form button[type=submit]:hover {
background-color: #4e4242; }
section[role=main] .bodee .promo.partner-hub {
margin-left: 10px;
width: initial; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .promo.partner-hub {
width: 28%;
margin-right: 16px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .promo.partner-hub {
width: auto;
margin-right: 10px; } }
section[role=main] .bodee .promo.partner-hub .hed {
margin-bottom: 0; }
section[role=main] .bodee .promo.partner-hub .sponsored-by {
text-transform: uppercase;
font-size: 11px;
padding-right: 0.625rem;
color: #aba1a1; }
section[role=main] .bodee .promo.partner-hub .sponsor-img {
vertical-align: text-bottom; }
section[role=main] .bodee .promo.partner-hub .desc {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin: 0.5rem 0; }
section[role=main] .bodee .promo.package-promo .head {
background-color: #fc7176;
box-shadow: -1px 2px 4px 0px rgba(0, 135, 232, 0.2), inset -2px -2px 10px 0px #003558;
margin-bottom: 0.5rem;
text-transform: uppercase; }
section[role=main] .bodee .promo.package-promo img {
width: 100%;
margin-bottom: 0.5rem; }
section[role=main] .bodee .promo.package-promo ul li h3 {
font-size: 1.125rem;
margin-top: 0; }
section[role=main] .bodee .promo.package-promo ul li:last-child {
border-width: 3px; }
section[role=main] .bodee .newsletter {
width: auto; }
section[role=main] .bodee .newsletter .head {
color: #a1a2a5;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .newsletter a.btn {
background: #a1a2a5;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 600; }
section[role=main] .bodee .newsletter a.btn:hover {
background: #ed1c24; }
section[role=main] .bodee .newsletter ul.social li a {
color: #a1a2a5; }
section[role=main] .bodee .newsletter ul.social li a:hover {
color: #ed1c24; }
section[role=main] .bodee #slideshow-module {
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
padding: 10px 0; }
section[role=main] .bodee #slideshow-module .head {
color: #28272a;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase; }
section[role=main] .bodee #twitter-module {
display: none;
background-color: #333;
border-radius: 4px;
padding: 10px; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #twitter-module {
display: block; } }
section[role=main] .bodee #twitter-module .header {
position: relative;
padding-bottom: 10px;
border-bottom: 1px solid #444; }
section[role=main] .bodee #twitter-module .header .head {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-weight: 700;
color: #ccdeef;
margin-bottom: 5px; }
section[role=main] .bodee #twitter-module .header .head a {
color: #ccdeef; }
section[role=main] .bodee #twitter-module .header .head a:hover {
text-decoration: underline; }
section[role=main] .bodee #twitter-module .header .subhead {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
font-weight: 400;
color: #c7e3f3; }
section[role=main] .bodee #twitter-module .header .subhead a {
color: #c7e3f3; }
section[role=main] .bodee #twitter-module .header .subhead a:hover {
text-decoration: underline; }
section[role=main] .bodee #twitter-module .header i {
position: absolute;
right: 5px;
top: 5px;
color: #ccdeef; }
.home-feature {
background-color: #ed1c24 !important; }
.home-feature .post-cont {
background: #ed1c24; }
.home-feature .meta {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #eee; }
.home-feature .meta a {
color: #fff; }
.home-feature .meta a:hover {
color: #000; }
.comments {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#page-wrapper {
background: #fff;
margin-top: 0;
padding-top: 1rem; }
@media only screen and (min-width: 48em) {
#page-wrapper {
padding-top: 0.9rem; } }
.about-brandposts {
max-width: none;
border: none;
border-radius: 0;
background-color: #e2eef4;
margin-top: .4rem;
padding-top: 1rem; }
@media only screen and (min-width: 48em) {
.about-brandposts {
max-width: 413px;
margin-left: .6rem; } }
@media only screen and (min-width: 60.625em) {
.about-brandposts {
max-width: 150px;
margin-left: 0; } }
.about-brandposts p {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-align: center;
margin: 0rem .7rem 1em !important; }
@media only screen and (min-width: 48em) {
.about-brandposts p {
margin: 0rem .7rem 1em !important; } }
.about-brandposts p span {
display: block;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.about-brandposts .close-bar {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-decoration: none;
padding: 0 12px 0 8px;
font-weight: normal;
color: #999;
width: 4px;
position: absolute;
right: 4px;
top: -10px;
background-color: #ddd;
font-size: 1rem; }
@media only screen and (min-width: 60.625em) {
.has-fireplace section[role=main] {
background-color: #ffffff; } }
/* END CIO HOMEPAGE */
.cols-wrapper {
margin: 0 10px;
background-color: #fff; }
@media only screen and (min-width: 48em) {
.cols-wrapper {
margin: 0 10px; } }
@media only screen and (min-width: 60.625em) {
.cols-wrapper {
width: 970px;
margin: 0 auto;
background-color: transparent; } }
#follow-module .cols-wrapper {
background-color: transparent;
margin-top: 20px; }
.cols-wrapper > div {
margin-bottom: 20px; }
@media only screen and (min-width: 60.625em) {
#follow-module .cols-wrapper div.excerpt {
width: 153.667px; } }
#follow-module .cols-wrapper .follow-carousel {
padding-left: 45px; }
@media only screen and (min-width: 48em) {
#col-news {
float: left;
width: 50%;
width: -webkit-calc(100% - 353px - 34px);
width: -moz-calc(100% - 353px - 34px);
width: calc(100% - 353px - 34px); } }
@media only screen and (min-width: 60.625em) {
#col-news {
width: 375px;
margin-right: 18px;
float: left; } }
@media only screen and (min-width: 48em) {
#col-news .river-well:nth-child(n+2) {
*zoom: 1;
display: block; }
#col-news .river-well:nth-child(n+2):before, #col-news .river-well:nth-child(n+2):after {
content: " ";
display: table; }
#col-news .river-well:nth-child(n+2):after {
clear: both; } }
@media only screen and (min-width: 48em) {
#col-news .river-well:nth-child(n+2) .eyebrow-wrapper {
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px);
float: left; } }
@media only screen and (min-width: 60.625em) {
#col-news .river-well:nth-child(n+2) .eyebrow-wrapper {
float: none;
width: 100%; } }
@media only screen and (min-width: 48em) {
#col-news .river-well:nth-child(n+2) .eyebrow-wrapper .eyebrow {
bottom: 0; } }
@media only screen and (min-width: 60.625em) {
#col-news .river-well:nth-child(n+2) .eyebrow-wrapper .eyebrow {
bottom: 15px; } }
@media only screen and (min-width: 48em) {
#col-news .river-well:nth-child(n+2) figure.well-img {
float: left;
width: 100%;
margin-bottom: 0; } }
@media only screen and (min-width: 60.625em) {
#col-news .river-well:nth-child(n+2) figure.well-img {
float: none;
margin-bottom: 15px; } }
@media only screen and (min-width: 48em) {
#col-news .river-well:nth-child(n+2) h3 {
float: right;
width: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 10px); } }
@media only screen and (min-width: 60.625em) {
#col-news .river-well:nth-child(n+2) h3 {
float: none;
width: 100%; } }
#col-news .river-well .insider {
margin-top: .125rem; }
@media only screen and (min-width: 48em) {
#col-topstories {
border: 1px solid #cccccc;
float: right;
width: 353px; } }
@media only screen and (min-width: 60.625em) {
#col-topstories {
width: 257px;
float: left; } }
#col-topstories .head {
color: #444;
font-size: 1.0625rem;
font-weight: 700;
padding: .625rem .75rem .25rem .75rem;
text-transform: uppercase; }
#col-topstories ul {
margin: 0;
padding: 0 .75rem 0 .75rem; }
#col-topstories ul li {
border-bottom: 1px solid #cccccc;
list-style: none; }
#col-topstories ul li h4 {
font-size: .9375rem;
font-weight: 500;
margin: .75rem 0 .75rem 0; }
#col-topstories ul li h4 a {
color: #28272a; }
#col-topstories ul li:last-child {
border: 0; }
#col-topstories ul li.factoid {
background-color: #d84c18;
border: 0;
color: #ffffff;
padding: .5rem 1rem .5rem 1rem; }
#col-topstories ul li.factoid p.hdr {
margin: 0;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase; }
#col-topstories ul li.factoid .stat {
font-size: 6.5625rem;
font-weight: 700;
line-height: 4.5rem; }
#col-topstories ul li.factoid p.desc {
font-size: .9375rem;
line-height: 1.1875rem;
margin-bottom: .5625rem; }
#col-topstories ul li.factoid .source {
font-size: 11px;
text-transform: uppercase; }
#col-topstories .more-top-stories {
background-color: #ccdeef;
border-radius: 2px;
font-size: .875rem;
font-weight: 700;
margin: 0 .75rem 1rem .75rem;
padding: .25rem .5rem .25rem .5rem;
text-align: center;
text-transform: uppercase; }
@media only screen and (min-width: 60.625em) {
#col-modules {
margin-left: 670px;
width: 300px;
clear: none;
overflow: hidden;
margin-bottom: 0; } }
@media only screen and (min-width: 48em) {
#col-modules .ad {
float: right;
clear: right;
width: 353px; } }
@media only screen and (min-width: 60.625em) {
#col-modules .ad {
float: none;
margin-bottom: 0;
margin-left: 0;
clear: none;
width: auto; } }
@media only screen and (min-width: 48em) {
#col-modules .tablet-position {
clear: left;
width: 50%;
width: -webkit-calc(100% - 353px - 34px);
width: -moz-calc(100% - 353px - 34px);
width: calc(100% - 353px - 34px); } }
@media only screen and (min-width: 60.625em) {
#col-modules .tablet-position {
float: left;
margin-left: 0;
clear: none;
width: 300px; } }
.col-wrap {
width: initial;
float: left; }
@media only screen and (min-width: 60.625em) {
.col-wrap {
width: auto;
float: none; } }
#middle-section .section-wrapper .col-wrap {
float: none; }
@media only screen and (min-width: 48em) {
#middle-section .section-wrapper .col-wrap {
float: left; } }
@media only screen and (min-width: 60.625em) {
#middle-section .section-wrapper .col-wrap {
float: none; } }
#videoModule {
margin-bottom: 20px;
clear: both; }
#follow-module {
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
#follow-module {
clear: both; } }
@media only screen and (min-width: 60.625em) {
#col-bottom1,
#col-middle1 {
float: right;
width: 300px; } }
#col-bottom1 .ad,
#col-middle1 .ad {
float: none;
width: auto; }
@media only screen and (min-width: 60.625em) {
#col-bottom2,
#col-middle2 {
float: left;
width: 300px; } }
#col-middle2 {
margin-top: 24px;
background-color: #f6f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f5f5), color-stop(100%, #ffffff));
background-image: -webkit-linear-gradient(#f6f5f5, #ffffff);
background-image: linear-gradient(#f6f5f5, #ffffff); }
@media only screen and (min-width: 48em) {
#col-middle2 {
width: 182px; } }
#col-middle2 img {
width: 100%; }
#col-middle2 .with-image .img-link {
margin-left: 0;
margin-right: 0;
padding-bottom: 0; }
#col-middle2 .with-image img {
margin-bottom: 10px;
width: 161px; }
#col-middle2 div {
margin-left: 11px;
margin-right: 11px;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal;
padding-bottom: 15px;
margin-top: 0;
text-align: center; }
@media only screen and (min-width: 48em) {
#col-middle2 div {
text-align: left; } }
#col-middle2 div .insider {
padding-bottom: 0;
float: none;
margin-bottom: 5px; }
@media only screen and (min-width: 48em) {
#col-middle2 div .insider {
margin-left: 1px;
margin-right: 15px;
float: left;
margin-bottom: 0; } }
#col-middle2 div a {
display: inline-block; }
@media only screen and (min-width: 48em) {
#col-middle2 div a {
display: inline; } }
#col-middle2 div hr {
border-top: 2px dotted #e1e1e1;
width: 60%;
margin-bottom: 0;
margin: 1em auto 0 auto; }
@media only screen and (min-width: 48em) {
#col-middle2 div hr {
width: 99%;
border-top: 2px dotted #f9cfd0;
margin: 1em 0 0; } }
#col-middle2 div.nativo-homecrawl {
position: relative;
top: -18px;
padding-bottom: 0; }
#col-middle2 div.nativo-homecrawl div.item-eyebrow {
margin: 0 auto;
padding: 1rem 0 0 0;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.7rem;
border-top: 2px solid #ccc;
width: 60%; }
@media only screen and (min-width: 48em) {
#col-middle2 div.nativo-homecrawl div.item-eyebrow {
width: 99%; } }
#col-middle2 div.nativo-homecrawl hr {
border-top: 2px solid #ccc; }
#col-middle2 div.nativo-homecrawl .brandpost {
font-size: 13px; }
#col-middle2 div:first-child,
#col-middle2 div:nth-child(2) {
border-bottom: none; }
#col-middle2 div a:hover {
color: #ed1c24; }
#col-middle2 .more-news {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-size: .9rem; }
#col-middle2 .more-news a:hover {
color: #ed1c24; }
#col-middle2 h3 {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 11px;
font-weight: normal;
margin: 0 0 20px 0;
text-align: center; }
@media only screen and (min-width: 48em) {
#col-middle2 h3 {
text-align: left; } }
#col-middle2 h3:before {
left: -7px; }
@media only screen and (min-width: 48em) {
#col-middle2 h3:before {
display: none; } }
#col-bottom3,
#col-middle3 {
float: right; }
@media only screen and (min-width: 48em) {
#col-bottom3,
#col-middle3 {
float: left;
width: 45%;
width: -webkit-calc(50% - 20px);
width: -moz-calc(50% - 20px);
width: calc(50% - 20px); } }
@media only screen and (min-width: 60.625em) {
#col-bottom3,
#col-middle3 {
margin: 0 auto;
width: 300px;
float: none; } }
#col-middle3 {
margin-top: 24px; }
@media only screen and (min-width: 48em) {
#col-middle3 {
width: initial;
float: none;
margin-left: 205px; } }
@media only screen and (min-width: 60.625em) {
#col-middle3 {
width: 446px;
margin: 24px 0 0 21%; } }
#col-middle3 .river-well {
border-bottom: 2px dotted #e1e1e1; }
#col-middle3 .river-well:last-child {
border-bottom: none; }
#col-middle3 .river-well .post-cont {
margin-bottom: 1rem; }
#col-middle3 .river-well.sponsored {
border-top: 2px solid #999;
position: relative;
top: -22px;
padding-top: 22px;
border-bottom: 2px solid #999;
margin-bottom: 0; }
#col-middle3 .river-well.sponsored:last-child {
border-bottom: none; }
#col-middle3 .river-well .insider {
float: none; }
#col-middle3 .river-well h3 a {
color: #4e4242; }
#col-middle3 .river-well h3 a:hover {
color: #ed1c24; }
#col-middle3 figure img {
width: 100%; }
@media only screen and (min-width: 60.625em) {
#col-middle3 figure img {
width: 143px; } }
#col-middle3 figure.well-img {
max-height: 190px;
overflow: hidden;
width: 300px;
float: left;
margin-bottom: 20px; }
@media only screen and (min-width: 60.625em) {
#col-middle3 figure.well-img {
max-height: 94px;
width: 143px; } }
#col-middle3 > h3 {
padding-top: 0;
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 0;
font-weight: normal;
margin: 0 0 20px 0; }
#col-middle1 {
margin-top: 24px; }
#col-middle1 h3 {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 0;
font-weight: normal;
margin: 0; }
#col-middle3 {
display: none; }
@media only screen and (min-width: 48em) {
#col-middle3 {
display: block; } }
#col-bottom1,
#col-bottom2,
#col-bottom3 {
margin-top: 20px; }
#col-bottom1 {
display: none; }
@media only screen and (min-width: 60.625em) {
#col-bottom1 {
display: block; } }
.insider-mobile {
display: block;
position: relative;
clear: right;
float: left;
width: 100%; }
@media only screen and (min-width: 48em) {
.insider-mobile {
display: block;
float: right;
width: 300px;
margin-right: 10px;
margin-top: 20px; } }
@media only screen and (min-width: 60.625em) {
.insider-mobile {
display: none; } }
.insider-mobile .imu2node2 {
visibility: visible;
width: auto;
height: auto; }
@media only screen and (min-width: 60.625em) {
.insider-mobile .imu2node2 {
visibility: hidden;
width: 0;
height: 0; } }
.insider-mobile .imu2node2 #iab2 .lazyload_ad {
visibility: visible;
width: auto;
height: auto; }
@media only screen and (min-width: 60.625em) {
.insider-mobile .imu2node2 #iab2 .lazyload_ad {
visibility: hidden;
width: 0;
height: 0; } }
#top-stories {
position: relative;
z-index: 1;
margin: 0; }
@media only screen and (min-width: 48em) {
#top-stories {
margin: 0 10px; } }
@media only screen and (min-width: 60.625em) {
#top-stories {
margin: 0 auto;
max-width: 970px; } }
#top-stories-2 .top-story-tr {
margin-bottom: .8rem;
width: 100%;
max-height: none;
float: left;
position: relative;
overflow: hidden;
border-bottom: none; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr {
margin-bottom: 0;
max-height: 218px;
width: 49%;
max-height: none;
margin-right: 13px; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr {
float: none;
border-bottom: 1px solid #4e4242;
max-height: 204px;
margin-right: 0;
width: auto;
margin-bottom: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
#top-stories-2 .top-story-tr .feature-img {
margin-top: 5px;
margin-right: 10px;
float: left;
max-height: 68px; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .feature-img {
margin-top: 0;
margin-right: 0;
max-height: 218px;
float: none; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .feature-img {
max-height: none; } }
#top-stories-2 .top-story-tr .feature-img img {
width: 100px; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .feature-img img {
width: 100%; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .feature-img img {
max-width: 300px; } }
#top-stories-2 .top-story-br {
margin-bottom: .8rem;
float: left;
position: relative;
max-height: none;
overflow: hidden;
width: 100%;
font-size: 0; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-br {
margin-bottom: 30px;
max-height: none;
width: 49%; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-br {
float: left;
margin-bottom: 30px;
position: relative;
max-height: 204px;
overflow: hidden;
width: auto;
border-bottom: 1px solid #4e4242;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; } }
#top-stories-2 .top-story-br .feature-img {
margin-top: 5px;
margin-right: 10px;
float: left;
max-height: 68px; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-br .feature-img {
margin-top: 0;
margin-right: 0;
max-height: 218px;
float: none; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-br .feature-img {
max-height: none; } }
#top-stories-2 .top-story-br .feature-img img {
width: 100px; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-br .feature-img img {
width: 100%; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-br .feature-img img {
max-width: 300px; } }
.top-story-btm {
position: relative;
margin-bottom: .8rem;
width: 100%;
float: left;
margin-right: 10px; }
@media only screen and (min-width: 48em) {
.top-story-btm {
margin-bottom: 0;
float: none;
width: 100px;
margin-right: 10px; }
.top-story-btm:last-child {
margin-right: 0; } }
@media only screen and (min-width: 48em) {
.top-story-btm {
float: left;
width: 32%;
margin-right: 14px; } }
@media only screen and (min-width: 60.625em) {
.top-story-btm {
float: left;
width: 213px;
margin-right: 10px; } }
.top-story-btm .feature-img {
margin-top: 5px;
margin-right: 10px;
float: left;
max-height: 68px;
overflow: hidden; }
@media only screen and (min-width: 48em) {
.top-story-btm .feature-img {
margin-top: 0;
margin-right: 0;
max-height: none;
overflow: visible;
margin-bottom: 5px;
min-height: 171px; } }
@media only screen and (min-width: 60.625em) {
.top-story-btm .feature-img {
min-height: initial; } }
.top-story-btm img {
width: 100px; }
@media only screen and (min-width: 48em) {
.top-story-btm img {
width: 100%; } }
@media only screen and (min-width: 60.625em) {
.top-story-btm img {
width: 213px;
min-height: 160px;
max-height: 160px; } }
.top-story-btm .social-icons {
display: none; }
@media only screen and (min-width: 48em) {
.top-story-btm .social-icons {
display: none;
position: absolute;
font-size: 1.5rem;
background-color: #4e4242;
border: 1px solid #fff;
padding-bottom: 10px;
opacity: .85; }
.top-story-btm .social-icons a i.ss-icon.ss-social {
border-right: 1px solid #fff;
color: #fff;
padding: 10px 10px 0 10px;
position: relative;
top: 10px; }
.top-story-btm .social-icons a i.ss-icon.ss-social:hover {
color: #ed1c24; }
.top-story-btm .social-icons a i.ss-icon.ss-social.last {
border-right: none; } }
.top-story-btm .storyline {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.4rem;
line-height: 1.2em;
margin-top: 5px; }
.top-story-btm .storyline .eyebrow {
color: #4e4242;
font-size: 1rem; }
.top-story-btm .storyline a h3 {
font-size: 1rem;
color: #4e4242;
margin-top: 0;
line-height: 1.2;
font-weight: 300; }
@media only screen and (min-width: 48em) {
.top-story-btm .storyline a h3 {
font-size: 1.5rem;
line-height: 1.3; } }
.top-story-btm .storyline a h3:hover {
color: #ed1c24; }
.top-story-btm .storyline a .insider {
line-height: 1.15rem;
top: 0; }
@media only screen and (min-width: 48em) {
.top-story-btm .storyline a .insider {
top: 6px; } }
#top-stories-2 .top-story-left {
margin-bottom: .8rem;
width: 100%;
height: auto;
float: left;
margin-right: 10px;
position: relative; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-left {
margin-bottom: 20px;
margin-right: 13px;
width: 49%;
height: auto; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-left {
width: 323px;
height: 218px;
float: left;
margin-right: 13px; } }
#top-stories-2 .top-story-right {
margin-bottom: .8rem;
width: 100%;
height: auto;
float: left;
positon: relative; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-right {
margin-bottom: 20px;
width: 49%;
height: auto; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-right {
width: 323px;
height: 218px;
float: left; } }
.top-story-left,
.top-story-right {
position: relative; }
.top-story-left a.cn,
.top-story-right a.cn {
margin-left: 1rem; }
.top-story-left a.cn .contributor-nw,
.top-story-right a.cn .contributor-nw {
text-shadow: none; }
@media only screen and (min-width: 48em) {
.top-story-left a.cn .contributor-nw,
.top-story-right a.cn .contributor-nw {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75); } }
.top-story-left img,
.top-story-right img {
width: 100px;
float: left; }
@media only screen and (min-width: 48em) {
.top-story-left img,
.top-story-right img {
width: 100%;
float: none; } }
.top-story-left .social-icons,
.top-story-right .social-icons {
display: none; }
@media only screen and (min-width: 48em) {
.top-story-left .social-icons,
.top-story-right .social-icons {
display: none;
position: absolute;
font-size: 1.5rem;
background-color: #4e4242;
border: 1px solid #fff;
padding-bottom: 10px;
top: -1px;
left: 1rem;
opacity: .85;
z-index: 1; }
.top-story-left .social-icons a i.ss-icon.ss-social,
.top-story-right .social-icons a i.ss-icon.ss-social {
border-right: 1px solid #fff;
color: #fff;
padding: 10px 10px 0 10px;
position: relative;
top: 10px; }
.top-story-left .social-icons a i.ss-icon.ss-social:hover,
.top-story-right .social-icons a i.ss-icon.ss-social:hover {
color: #ed1c24; }
.top-story-left .social-icons a i.ss-icon.ss-social.last,
.top-story-right .social-icons a i.ss-icon.ss-social.last {
border-right: none; } }
.top-story-left .storyline,
.top-story-right .storyline {
background: none;
position: relative;
width: 100%; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline,
.top-story-right .storyline {
position: absolute;
bottom: 0;
width: 100%;
min-height: 100px;
background: transparent;
background: linear, false, transparent 0%, #4e4242 100%;
background: -moz-linear-gradient(transparent 0%, #4e4242 100%);
background: -ms-linear-gradient(transparent 0%, #4e4242 100%);
background: -o-linear-gradient(transparent 0%, #4e4242 100%);
background: -webkit-linear-gradient(transparent 0%, #4e4242 100%);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fffffff', endColorstr='#4e4242');
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fffffff', endColorstr='#4e4242');
padding-top: 1em; } }
.top-story-left .storyline .eyebrow,
.top-story-right .storyline .eyebrow {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
margin-top: .2em; }
.top-story-left .storyline a h3:hover,
.top-story-right .storyline a h3:hover {
color: #ed1c24; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline a h3:hover,
.top-story-right .storyline a h3:hover {
color: #fff; } }
.top-story-left .storyline a .insider,
.top-story-right .storyline a .insider {
left: 16px;
top: 2.75rem;
position: relative; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline a .insider,
.top-story-right .storyline a .insider {
position: absolute; } }
.top-story-left .storyline h3,
.top-story-right .storyline h3 {
margin-top: 0;
color: #4e4242;
font-weight: normal;
font-size: 1rem;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline h3,
.top-story-right .storyline h3 {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-weight: normal;
font-size: 2rem;
line-height: 1.2;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin: 0 1rem .4em 1rem; } }
.top-story-left .feature-img,
.top-story-right .feature-img {
margin-top: 5px;
margin-right: 10px;
float: left;
overflow: hidden;
max-height: 68px; }
@media only screen and (min-width: 48em) {
.top-story-left .feature-img,
.top-story-right .feature-img {
margin-top: 0;
margin-right: 0;
float: none;
overflow: hidden;
max-height: 218px; } }
.storyline a h3 br {
display: none; }
@media only screen and (min-width: 48em) {
.storyline a h3 br {
display: block; } }
#hp-resources {
clear: left;
padding-top: 20px; }
@media only screen and (min-width: 60.625em) {
#hp-resources {
clear: none;
padding-top: 0; } }
#hp-resources #col-modules > div.more {
background: none; }
@media only screen and (min-width: 60.625em) {
#hp-resources #col-modules > div.more {
background: -webkit-linear-gradient(#f5f5f5, #fefefe);
background: -o-linear-gradient(#f5f5f5, #fefefe);
background: -moz-linear-gradient(#f5f5f5, #fefefe);
background: linear, false, #f5f5f5, #fefefe; } }
#hp-resources .promo.resources {
margin-top: 0;
float: none;
width: auto; }
@media only screen and (min-width: 48em) {
#hp-resources .promo.resources {
float: right;
width: 28%;
margin-right: 16px; } }
@media only screen and (min-width: 60.625em) {
#hp-resources .promo.resources {
margin-top: 1.5rem;
margin-right: 0;
width: auto;
float: none; } }
#hp-resources .promo.resources .hed {
margin-top: 0; }
@media only screen and (min-width: 60.625em) {
#hp-resources .promo.resources .hed {
margin: 10px 10px 0 10px; } }
#hp-resources .promo.resources ul {
margin-left: 0;
margin-right: 0; }
@media only screen and (min-width: 48em) {
#hp-resources .promo.resources ul {
margin-left: 10px;
margin-right: 10px; } }
#hp-resources .promo.resources ul li .item-eyebrow {
text-transform: uppercase;
color: #fc7176;
font-size: .75rem; }
#hp-resources .promo.resources ul li .title {
line-height: 1.2; }
#hp-resources .promo.package-promo {
width: initial; }
@media only screen and (min-width: 48em) {
#hp-resources .promo.package-promo {
width: 28%;
margin-right: 16px; } }
@media only screen and (min-width: 60.625em) {
#hp-resources .promo.package-promo {
width: auto;
margin-right: 0; } }
#hp-resources .promo.package-promo .newsletter {
display: none; }
@media only screen and (min-width: 48em) {
#hp-resources .promo.package-promo .newsletter {
display: block;
margin: 0 10px 0 0;
padding-top: 0; } }
@media only screen and (min-width: 60.625em) {
#hp-resources .promo.package-promo .newsletter {
padding-top: 30px;
margin: 0 10px 0 10px; } }
#hp-resources .promo.package-promo .newsletter .desc {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242; }
#hp-resources .promo.package-promo .newsletter p {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#hp-resources .promo.package-promo .newsletter form input[type=email] {
margin-left: 0; }
#top-stories-2 .top-story-tr a.cn,
#top-stories-2 .top-story-br a.cn {
margin-left: 10px; }
#top-stories-2 .top-story-tr a.cn .contributor-nw,
#top-stories-2 .top-story-br a.cn .contributor-nw {
text-shadow: none; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr a.cn .contributor-nw,
#top-stories-2 .top-story-br a.cn .contributor-nw {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75); } }
#top-stories-2 .top-story-tr .storyline,
#top-stories-2 .top-story-br .storyline {
position: relative;
background: none;
bottom: 0;
width: 100%; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline,
#top-stories-2 .top-story-br .storyline {
position: absolute;
min-height: 100px;
background: transparent;
background: linear, false, transparent 0%, #4e4242 100%;
background: -moz-linear-gradient(transparent 0%, #4e4242 100%);
background: -ms-linear-gradient(transparent 0%, #4e4242 100%);
background: -o-linear-gradient(transparent 0%, #4e4242 100%);
background: -webkit-linear-gradient(transparent 0%, #4e4242 100%);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fffffff', endColorstr='#4e4242');
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fffffff', endColorstr='#4e4242');
padding-top: 1.5em; } }
#top-stories-2 .top-story-tr .storyline .eyebrow,
#top-stories-2 .top-story-br .storyline .eyebrow {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
margin-top: .2em; }
#top-stories-2 .top-story-tr .storyline a h3:hover,
#top-stories-2 .top-story-br .storyline a h3:hover {
color: #ed1c24; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline a h3:hover,
#top-stories-2 .top-story-br .storyline a h3:hover {
color: #fff; } }
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
top: .15rem;
left: 1px; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
left: 10px;
top: 25px; } }
#top-stories-2 .top-story-tr .storyline h3,
#top-stories-2 .top-story-br .storyline h3 {
color: #4e4242;
font-size: 1rem;
text-shadow: none;
margin: 0; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline h3,
#top-stories-2 .top-story-br .storyline h3 {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-weight: normal;
font-size: 2rem;
line-height: 1.2;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin: 0 1rem .4em 1rem; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .storyline h3,
#top-stories-2 .top-story-br .storyline h3 {
font-size: 1.6rem;
line-height: 1.2;
margin: 0 10px 10px 10px; } }
#top-stories-2 .top-story-tr .social-icons,
#top-stories-2 .top-story-br .social-icons {
display: none; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .social-icons,
#top-stories-2 .top-story-br .social-icons {
display: none;
position: absolute;
font-size: 1.5rem;
background-color: #4e4242;
border: 1px solid #fff;
padding-bottom: 10px;
top: -1px;
left: .8rem;
opacity: .85; }
#top-stories-2 .top-story-tr .social-icons a i.ss-icon.ss-social,
#top-stories-2 .top-story-br .social-icons a i.ss-icon.ss-social {
border-right: 1px solid #fff;
color: #fff;
padding: 10px 10px 0 10px;
position: relative;
top: 10px; }
#top-stories-2 .top-story-tr .social-icons a i.ss-icon.ss-social:hover,
#top-stories-2 .top-story-br .social-icons a i.ss-icon.ss-social:hover {
color: #ed1c24; }
#top-stories-2 .top-story-tr .social-icons a i.ss-icon.ss-social.last,
#top-stories-2 .top-story-br .social-icons a i.ss-icon.ss-social.last {
border-right: none; } }
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
left: 1px;
top: 0rem; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
float: none;
left: 16px;
top: 2.2rem; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
left: 10px; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
top: 1.62rem; } }
.top-story-left .storyline a .insider, .top-story-right .storyline a .insider {
top: 0;
left: 1px;
float: left; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline a .insider, .top-story-right .storyline a .insider {
top: 2.2rem;
left: 16px; } }
@-moz-document url-prefix() {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
top: .15rem; }
@media only screen and (min-width: 48em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
top: -.15rem; } }
@media only screen and (min-width: 60.625em) {
#top-stories-2 .top-story-tr .storyline a .insider,
#top-stories-2 .top-story-br .storyline a .insider {
top: -.35rem; } }
.top-story-left .storyline a .insider, .top-story-right .storyline a .insider {
top: 0; }
@media only screen and (min-width: 48em) {
.top-story-left .storyline a .insider, .top-story-right .storyline a .insider {
top: -.15rem; } } }
@media only screen and (max-width: 48em) {
#top-stories-2 {
float: none; } }
.btm-top-stories {
padding-top: 0;
border-top: none;
float: none;
width: auto;
clear: both; }
@media only screen and (min-width: 48em) {
.btm-top-stories {
float: left; } }
@media only screen and (min-width: 48em) {
.btm-top-stories {
padding-top: 20px;
width: auto;
border-top: 2px dotted #e7e7e7; } }
@media only screen and (min-width: 60.625em) {
.btm-top-stories {
width: 660px; } }
section[role=main] .bodee {
margin: 0 auto; }
section[role=main] .bodee #follow-module,
#trending-module {
border-bottom: 1px solid #ccc;
border-top: 1px solid #e1e1e1;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
padding: 10px 0;
position: relative; }
@media only screen and (min-width: 48em) {
#follow-module,
#trending-module {
clear: both; } }
#follow-module,
#trending-module {
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
#follow-module,
#trending-module {
margin-bottom: 0; } }
#follow-module {
display: none; }
@media only screen and (min-width: 48em) {
#follow-module {
display: block; } }
#follow-module,
#trending-module,
#after-trending {
height: auto;
clear: both;
top: 20px;
margin-bottom: 20px;
border-bottom: none;
box-shadow: none;
padding-bottom: 0; }
@media only screen and (min-width: 48em) {
#follow-module,
#trending-module,
#after-trending {
background: -webkit-linear-gradient(white, #f6f5f5);
background: -o-linear-gradient(white, #f6f5f5);
background: -moz-linear-gradient(white, #f6f5f5);
background: linear, false, white, #f6f5f5;
border-bottom: 1px solid #ccc;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
height: 330px;
padding: 10px 0; } }
@media only screen and (min-width: 60.625em) {
#follow-module,
#trending-module,
#after-trending {
height: 360px; } }
#follow-module hr.social-line,
#trending-module hr.social-line,
#after-trending hr.social-line {
margin: 0;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
position: relative;
top: 1.75rem; }
#follow-module h3,
#trending-module h3,
#after-trending h3 {
text-align: center;
padding: 0;
margin: 0 auto;
font-size: 2rem;
top: 5px;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
color: #4e4242;
background-color: #fff;
width: 8.75rem;
position: relative;
z-index: 1; }
@media only screen and (min-width: 48em) {
#follow-module h3,
#trending-module h3,
#after-trending h3 {
top: 0;
text-align: left;
margin: 0 0 0 3.2rem;
font-size: 2.25rem;
padding-left: 10px; } }
#follow-module .follow-authors,
#trending-module .follow-authors,
#after-trending .follow-authors {
width: 100%;
float: none;
padding-left: 0; }
@media only screen and (min-width: 48em) {
#follow-module .follow-authors,
#trending-module .follow-authors,
#after-trending .follow-authors {
width: 100%;
padding-left: 10px; } }
@media only screen and (min-width: 60.625em) {
#follow-module .follow-authors,
#trending-module .follow-authors,
#after-trending .follow-authors {
width: 640px;
float: left; } }
#follow-module .follow-authors ul,
#trending-module .follow-authors ul,
#after-trending .follow-authors ul {
list-style-type: none;
padding: 0; }
#follow-module .follow-authors ul li,
#trending-module .follow-authors ul li,
#after-trending .follow-authors ul li {
width: 100%;
float: none;
display: block;
text-align: center;
margin-bottom: 0;
padding-bottom: 10px; }
#follow-module .follow-authors ul li hr,
#trending-module .follow-authors ul li hr,
#after-trending .follow-authors ul li hr {
display: block;
width: 50%;
margin: 1em auto;
border-top: 1px solid #ddd; }
@media only screen and (min-width: 48em) {
#follow-module .follow-authors ul li hr,
#trending-module .follow-authors ul li hr,
#after-trending .follow-authors ul li hr {
display: none; } }
@media only screen and (min-width: 48em) {
#follow-module .follow-authors ul li,
#trending-module .follow-authors ul li,
#after-trending .follow-authors ul li {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
width: 21.5%;
display: inline;
float: left; } }
@media only screen and (min-width: 60.625em) {
#follow-module .follow-authors ul li,
#trending-module .follow-authors ul li,
#after-trending .follow-authors ul li {
width: 130px; } }
#follow-module .follow-authors ul li img.headshot,
#trending-module .follow-authors ul li img.headshot,
#after-trending .follow-authors ul li img.headshot {
width: 103px;
height: 103px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* border radius */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* prevents bg color from leaking outside the border */
background-color: #eef4f2;
/* layer fill content - changed per IFWB-373 */
-moz-box-shadow: inset 0 0 18px rgba(78, 66, 66, 0.24);
/* inner glow */
-webkit-box-shadow: inset 0 0 18px rgba(78, 66, 66, 0.24);
/* inner glow */
box-shadow: inset 0 0 18px rgba(78, 66, 66, 0.24);
/* inner glow */ }
#follow-module .follow-authors ul li .author-name,
#trending-module .follow-authors ul li .author-name,
#after-trending .follow-authors ul li .author-name {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
text-transform: uppercase;
padding-top: 10px; }
#follow-module .follow-authors ul li .author-name a:hover,
#trending-module .follow-authors ul li .author-name a:hover,
#after-trending .follow-authors ul li .author-name a:hover {
color: #ed1c24; }
#follow-module .follow-authors ul li .twitter-name,
#trending-module .follow-authors ul li .twitter-name,
#after-trending .follow-authors ul li .twitter-name {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .9rem;
line-height: .9rem; }
#follow-module .follow-authors ul li .twitter-name a,
#trending-module .follow-authors ul li .twitter-name a,
#after-trending .follow-authors ul li .twitter-name a {
color: #707276; }
#follow-module .follow-authors ul li .twitter-name a:hover,
#trending-module .follow-authors ul li .twitter-name a:hover,
#after-trending .follow-authors ul li .twitter-name a:hover {
color: #ed1c24; }
#follow-module .follow-authors ul li .bio,
#trending-module .follow-authors ul li .bio,
#after-trending .follow-authors ul li .bio {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 5px 10px 0 10px;
font-size: .85rem;
line-height: 1.15rem;
color: #4e4242;
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
#follow-module .follow-authors ul li .bio,
#trending-module .follow-authors ul li .bio,
#after-trending .follow-authors ul li .bio {
margin-bottom: 0; } }
#follow-module .follow-authors ul li.vert-rule,
#trending-module .follow-authors ul li.vert-rule,
#after-trending .follow-authors ul li.vert-rule {
display: none; }
@media only screen and (min-width: 48em) {
#follow-module .follow-authors ul li.vert-rule,
#trending-module .follow-authors ul li.vert-rule,
#after-trending .follow-authors ul li.vert-rule {
display: block;
width: 1px;
margin-left: 15px;
margin-right: 15px; } }
#follow-module .links,
#trending-module .links,
#after-trending .links {
width: 160px;
float: left;
text-align: center;
position: relative;
top: -23px; }
#follow-module .links .hed,
#trending-module .links .hed,
#after-trending .links .hed {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
text-transform: uppercase;
letter-spacing: 0.0625em;
font-weight: normal;
background-color: #4e4242;
color: #fff;
padding-top: 5px;
padding-bottom: 3px; }
#follow-module .links .hed:after,
#trending-module .links .hed:after,
#after-trending .links .hed:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 2px;
bottom: 1px; }
#follow-module .links .hed:before,
#trending-module .links .hed:before,
#after-trending .links .hed:before {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
right: 4px;
bottom: 1px; }
#follow-module .links ul.social,
#trending-module .links ul.social,
#after-trending .links ul.social {
list-style-type: none;
padding-left: 0;
margin: 0; }
#follow-module .links ul.social li,
#trending-module .links ul.social li,
#after-trending .links ul.social li {
background-color: #4e4242;
background-image: -ms-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, #efefef), color-stop(1, #c8c1c1));
background-image: -webkit-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: radial, circle farthest-corner center, #efefef 0%, #c8c1c1 100%;
height: 74px;
border-top: 1px solid #b56669;
-moz-box-shadow: inset 0 0 42px 1px rgba(78, 66, 66, 0.21);
/* inner glow */
-webkit-box-shadow: inset 0 0 42px 1px rgba(78, 66, 66, 0.21);
/* inner glow */
box-shadow: inset 0 0 42px 1px rgba(78, 66, 66, 0.21);
/* inner glow */ }
#follow-module .links ul.social li a,
#trending-module .links ul.social li a,
#after-trending .links ul.social li a {
color: #055387; }
#follow-module .links ul.social li a:hover,
#trending-module .links ul.social li a:hover,
#after-trending .links ul.social li a:hover {
color: #2d0e0e; }
#follow-module .links ul.social li a i,
#trending-module .links ul.social li a i,
#after-trending .links ul.social li a i {
font-size: 2rem;
position: relative;
top: 20px; }
#follow-module .links ul.social li:first-child,
#trending-module .links ul.social li:first-child,
#after-trending .links ul.social li:first-child {
border-top: none;
box-shadow: none; }
#follow-module .subscribe,
#trending-module .subscribe,
#after-trending .subscribe {
display: none; }
@media only screen and (min-width: 48em) {
#follow-module .subscribe,
#trending-module .subscribe,
#after-trending .subscribe {
display: block;
width: 150px;
float: right;
text-align: center;
position: relative;
top: -17px; }
#follow-module .subscribe .hed,
#trending-module .subscribe .hed,
#after-trending .subscribe .hed {
margin: 0;
font-size: 1.05rem;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
text-transform: uppercase;
letter-spacing: 0.0425em;
font-weight: normal;
color: #ed1c24; }
#follow-module .subscribe .desc,
#trending-module .subscribe .desc,
#after-trending .subscribe .desc {
color: #ed1c24;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-size: 1rem;
padding-top: 5px; }
#follow-module .subscribe form input,
#trending-module .subscribe form input,
#after-trending .subscribe form input {
width: 120px;
margin-top: 15px;
margin-bottom: 30px; }
#follow-module .subscribe form button.btn,
#trending-module .subscribe form button.btn,
#after-trending .subscribe form button.btn {
border-radius: 4px;
color: #ffffff;
font-weight: normal;
padding: .25rem .4375rem .3125rem .4375rem;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background-color: #ed1c24;
border: 0;
width: 110px;
font-size: 1.3rem;
letter-spacing: .125rem; }
#follow-module .subscribe form button.btn:hover,
#trending-module .subscribe form button.btn:hover,
#after-trending .subscribe form button.btn:hover {
background-color: #4e4242; } }
#after-trending {
display: block;
padding-top: 20px;
background: none;
border-bottom: none;
box-shadow: none;
margin-left: 0;
margin-right: 0;
width: 100%;
background: -webkit-linear-gradient(white, #f5f5f5);
background: -o-linear-gradient(white, #f5f5f5);
background: -moz-linear-gradient(white, #f5f5f5);
background: linear, false, white, #f5f5f5;
border-bottom: 1px solid #ccc;
box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25); }
@media only screen and (min-width: 48em) {
#after-trending {
width: auto;
background: none;
border-bottom: none;
box-shadow: none;
height: 150px;
margin-left: 10px;
margin-right: 10px; } }
@media only screen and (min-width: 60.625em) {
#after-trending {
display: none; } }
#after-trending .links {
width: 100%;
top: 0;
padding-bottom: 30px;
z-index: 1; }
@media only screen and (min-width: 48em) {
#after-trending .links {
width: 48%;
padding-bottom: 0; } }
#after-trending .links .hed {
text-align: center;
background-color: #4e4242;
color: #fff;
margin-right: 10px;
margin-left: 10px; }
@media only screen and (min-width: 48em) {
#after-trending .links .hed {
background-color: transparent;
color: #4e4242;
text-align: left;
margin-right: 0px;
margin-left: 0px; } }
@media only screen and (min-width: 48em) {
#after-trending .links .hed:before {
content: none; } }
#after-trending .links ul.social {
margin-right: 10px;
margin-left: 10px; }
@media only screen and (min-width: 48em) {
#after-trending .links ul.social {
margin-right: 0px;
margin-left: 0px; } }
#after-trending .links ul.social li {
width: 24.7%;
display: inline;
float: left;
border-top: none;
box-shadow: none;
border-right: 1px solid #999; }
#after-trending .links ul.social li:last-child {
border-right: 1px solid transparent; }
@media only screen and (min-width: 48em) {
#after-trending .links ul.social li {
width: 24%;
border-right: 1px solid #fff; } }
#after-trending .subscribe {
display: block;
width: 100%;
text-align: left;
top: 5px;
padding-bottom: 30px; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe {
width: 49.5%;
border-left: 1px solid #e1e1e1;
padding-bottom: 0; } }
#after-trending .subscribe .blx {
width: 100%;
left: 0;
position: relative;
top: 0; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe .blx {
left: 20px;
width: 90%; } }
#after-trending .subscribe .hed {
text-align: center;
padding-left: 4px;
margin: 0;
font-size: 1.05rem;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
text-transform: uppercase;
letter-spacing: 0.0425em;
font-weight: normal;
color: #ed1c24;
font-size: 1.25rem; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe .hed {
text-align: left;
font-size: 1.05rem; } }
#after-trending .subscribe .desc {
text-align: center;
color: #ed1c24;
text-transform: uppercase;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding-left: 4px;
font-size: 1.25rem; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe .desc {
text-align: left;
font-size: 1.15rem; } }
#after-trending .subscribe .desc br {
display: none; }
#after-trending .subscribe form {
text-align: center;
margin-top: 10px; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe form {
text-align: left;
margin-top: 0; } }
#after-trending .subscribe form input {
width: 90%;
margin-right: 0px;
height: 22px;
position: relative;
top: -2px;
margin-bottom: 20px; }
@media only screen and (min-width: 48em) {
#after-trending .subscribe form input {
width: 170px;
margin-right: 15px;
margin-bottom: 5px; } }
#after-trending .subscribe form button.btn {
border-radius: 4px;
color: #ffffff;
font-weight: normal;
padding: .25rem .4375rem .3125rem .4375rem;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background-color: #ed1c24;
border: 0;
width: 110px;
font-size: 1.3rem;
letter-spacing: .125rem;
margin-bottom: 10px; }
@nclude mq($tablet) {
#after-trending .subscribe form button.btn {
margin-bottom: 0; } }
#after-trending .subscribe form button.btn:hover {
background-color: #4e4242; }
#follow-on-cio {
display: none; }
@media only screen and (min-width: 48em) {
#follow-on-cio {
display: block;
clear: both; }
#follow-on-cio hr.social-line {
margin: 0;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
position: relative;
top: 1.75rem; }
#follow-on-cio h3 {
text-align: left;
padding-left: 10px;
margin: 0 0 0 3.2rem;
font-size: 2.25rem;
top: 0;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 300;
color: #4e4242;
background-color: #fff;
width: 280px;
position: relative;
z-index: 1;
white-space: nowrap;
letter-spacing: .045rem; } }
.slideshow-module {
margin: 0 10px 40px;
position: relative;
clear: both;
background: none; }
@media only screen and (min-width: 48em) {
.slideshow-module {
margin: 0 0 40px;
background: -webkit-linear-gradient(#f5f5f5, #fefefe);
background: -o-linear-gradient(#f5f5f5, #fefefe);
background: -moz-linear-gradient(#f5f5f5, #fefefe);
background: linear, false, #f5f5f5, #fefefe; } }
@media only screen and (min-width: 60.625em) {
.slideshow-module {
margin: 0 0 40px;
background: none; } }
.slideshow-module .more-slideshows {
clear: both;
text-align: right;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.slideshow-module .more-slideshows a:hover {
color: #ed1c24; }
.around-web {
float: left;
clear: left;
width: 300px; }
@media only screen and (min-width: 48em) {
.around-web {
clear: none; } }
@media only screen and (min-width: 60.625em) {
.around-web {
float: left;
clear: left;
width: 300px; } }
.around-web h3 {
text-transform: uppercase;
letter-spacing: 0.0625em; }
.around-web h3:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
.around-web h3 a {
text-transform: uppercase; }
.around-web ul {
padding: 0;
margin: 0;
list-style-type: none; }
.around-web ul.first-col {
width: 45%;
float: left; }
@media only screen and (min-width: 60.625em) {
.around-web ul.first-col {
width: auto;
clear: left; } }
.around-web ul.second-col {
width: 45%;
float: left;
margin-left: 30px; }
@media only screen and (min-width: 60.625em) {
.around-web ul.second-col {
margin-left: 0;
width: auto;
clear: left; } }
.around-web .story {
margin-top: 20px; }
@media only screen and (min-width: 60.625em) {
.around-web .story {
padding-right: 10px; } }
.around-web .story .source {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #ed1c24;
text-transform: uppercase;
font-size: .75rem; }
.around-web .story .headline {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem; }
.around-web .story .headline a:hover {
color: #ed1c24; }
.around-web .story .desc {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
@media only screen and (min-width: 48em) {
#before-trending {
margin: 0 10px; } }
@media only screen and (min-width: 60.625em) {
#before-trending {
margin: 0; } }
#before-trending #col-middle1 .around-web {
width: 100%; }
.cols-wrapper .section-wrapper {
background-color: #fff;
float: left;
margin-bottom: 0;
width: 100%; }
@media only screen and (min-width: 60.625em) {
.cols-wrapper .section-wrapper {
width: 970px; } }
#bottom-section.cols-wrapper .section-wrapper {
width: 100%; }
@media only screen and (min-width: 48em) {
#bottom-section.cols-wrapper .section-wrapper {
width: 59%; } }
@media only screen and (min-width: 60.625em) {
#bottom-section.cols-wrapper .section-wrapper {
width: 970px; } }
.latest-wrapper {
float: none;
margin-bottom: 0;
clear: left;
background: -webkit-linear-gradient(#f5fafc, #ffffff);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#f5fafc, #ffffff);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#f5fafc, #ffffff);
/* For Firefox 3.6 to 15 */
background: linear, false, #f5fafc, #ffffff;
/* Standard syntax (must be last) */ }
@media only screen and (min-width: 48em) {
.latest-wrapper {
float: left; } }
#latest {
margin: 0;
text-align: center; }
@media only screen and (min-width: 48em) {
#latest {
margin: 10px 10px 0 10px;
text-align: left; } }
#latest h3 {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 0;
font-weight: normal;
margin: 0 0 0.75rem 0; }
#latest h3:before {
left: -7px; }
@media only screen and (min-width: 48em) {
#latest h3:before {
display: none; } }
#latest a.cn .contributor-nw.compact {
width: 100%;
float: left; }
@media only screen and (min-width: 60.625em) {
#latest {
width: 640px; } }
#latest ul {
padding: 0;
list-style-type: none;
float: none;
width: 100%;
margin-right: 0px;
margin-bottom: 0;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
margin-top: 10px; }
@media only screen and (min-width: 48em) {
#latest ul {
float: left;
width: 30%;
margin-right: 30px; } }
#latest ul:last-child {
margin-right: 0; }
#latest ul li a {
color: #4e4242; }
#latest ul li a:hover {
color: #ed1c24; }
#latest ul li .insider {
display: inline-block;
float: none; }
#latest ul li .insider + a {
position: relative;
top: 5px; }
#latest ul li hr {
width: 50%;
margin: 1em auto 5px auto;
border-top: 2px dotted #e1e1e1;
padding-top: 5px; }
@media only screen and (min-width: 48em) {
#latest ul li hr {
width: initial;
margin: 1em 0 0 0; } }
@media only screen and (min-width: 48em) {
#latest ul li:last-child > hr {
margin-bottom: 0;
border-top: none; } }
#latest ul li:first-child {
border-top: none;
padding-top: 0; }
@media only screen and (min-width: 48em) {
#latest ul.latest-col2 li:first-child,
#latest ul.latest-col3 li:first-child {
border-top: none;
padding-top: 0; } }
#mid-btm-section {
padding-top: 20px;
padding-bottom: 20px; }
#mid-btm-section .imu2node1 {
visibility: hidden;
width: 0;
height: 0; }
@media only screen and (min-width: 60.625em) {
#mid-btm-section .imu2node1 {
visibility: visible;
width: auto;
height: auto;
margin-top: 138px;
float: left; } }
#mid-btm-section .imu2node1 #iab2 .lazyload_ad {
visibility: hidden;
width: 0;
height: 0; }
@media only screen and (min-width: 60.625em) {
#mid-btm-section .imu2node1 #iab2 .lazyload_ad {
visibility: visible;
width: auto;
height: auto; } }
#bottom-section #col-bottom3 {
float: none;
width: auto; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 {
width: 95%; } }
@media only screen and (min-width: 60.625em) {
#bottom-section #col-bottom3 {
float: left;
width: 45%;
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
margin-left: 0; } }
#bottom-section #col-bottom3 div.mod-style {
border: none;
width: 100%; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style {
width: 100%; } }
#bottom-section #col-bottom3 div.mod-style h3 {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 0;
font-weight: normal;
margin: 0 0 5px 0; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style h3 {
margin: 0 0 20px 0; } }
#bottom-section #col-bottom3 div.mod-style ul {
width: 100%;
text-align: center;
padding: 0;
margin-top: 0;
list-style-type: none;
float: left; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul {
width: 47%;
text-align: left; } }
@media only screen and (min-width: 60.625em) {
#bottom-section #col-bottom3 div.mod-style ul {
width: 229px;
margin-bottom: 1.5rem; } }
#bottom-section #col-bottom3 div.mod-style ul li.story {
margin-top: .7rem; }
#bottom-section #col-bottom3 div.mod-style ul li.story:first-child {
margin-top: 0; }
#bottom-section #col-bottom3 div.mod-style ul li.story hr {
border-top: 2px dotted #e1e1e1;
width: 50%;
margin: 1em auto 10px auto;
padding-top: 5px; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul li.story hr {
padding-top: .8rem;
margin: 0;
width: 100%; } }
#bottom-section #col-bottom3 div.mod-style ul li.story .source {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: .75rem;
color: #ed1c24; }
#bottom-section #col-bottom3 div.mod-style ul li.story .headline {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
font-weight: normal;
line-height: 1.5rem; }
#bottom-section #col-bottom3 div.mod-style ul li.story .headline a:hover {
color: #ed1c24; }
#bottom-section #col-bottom3 div.mod-style ul li.story .desc {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.4rem;
margin-top: .175rem; }
#bottom-section #col-bottom3 div.mod-style ul li.story img {
width: 100%;
border-bottom: 2px solid #ed1c24;
margin-bottom: .5rem; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul li.story img {
width: 180px; } }
@media only screen and (min-width: 60.625em) {
#bottom-section #col-bottom3 div.mod-style ul li.story img {
width: 225px; } }
#bottom-section #col-bottom3 div.mod-style ul.firstone {
margin-top: 0;
margin-right: 1.3rem;
margin-bottom: 0; }
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story:first-child {
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story:first-child {
margin-bottom: 1.5rem; } }
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story:first-child hr {
border-top: none;
margin: 10px 0 0 0; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story:first-child hr {
margin: 0; } }
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story hr {
border-top: 2px dotted #e1e1e1;
width: 50%;
margin: 0 auto 1rem auto; }
@media only screen and (min-width: 48em) {
#bottom-section #col-bottom3 div.mod-style ul.firstone li.story hr {
border-top: none;
padding-top: 0;
margin: 0; } }
#bottom-section .section-wrapper #post-col {
width: 100%; }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col {
width: auto; } }
#bottom-section .section-wrapper #post-col #col-bottom2 {
width: auto;
margin-right: 0; }
@media only screen and (min-width: 48em) {
#bottom-section .section-wrapper #post-col #col-bottom2 {
margin-right: 20px; } }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 {
margin-right: 0; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style {
width: 100%;
text-align: left; }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style {
width: 150px;
text-align: center;
margin-right: 20px; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper {
background-color: #e2eef4;
margin-top: 2px;
padding-left: .4rem;
padding-right: .4rem; }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper {
padding-left: 0;
padding-right: 0; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper .eyebrow {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding-top: 6px;
padding-bottom: 6px; }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper .eyebrow {
padding-bottom: 0; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper a {
text-transform: uppercase;
color: #999;
font-size: .7rem;
bottom: 24px;
float: right;
position: relative; }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper a {
bottom: 6px;
float: none; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style .eyebrow-wrapper a:hover {
color: #ed1c24; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul {
list-style-type: none;
margin-top: 0;
background-color: #f5f5f5;
padding: 2rem .5rem 2rem .5rem; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li {
margin-top: 1rem;
border-top: 2px dotted #aaa;
padding-top: 1rem; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li div.wrap {
float: left;
margin-right: 1rem;
max-height: 75px;
overflow: hidden; }
@media only screen and (min-width: 48em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li div.wrap {
max-height: none;
overflow: hidden; } }
@media only screen and (min-width: 60.625em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li div.wrap {
float: none;
margin-right: 0; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li div.wrap a img {
width: 100px; }
@media only screen and (min-width: 48em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li div.wrap a img {
width: 130px; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .title {
padding-top: 0;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 1.2;
letter-spacing: .045rem; }
@media only screen and (min-width: 48em) {
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .title {
padding-top: .5rem; } }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .title a:hover {
color: #ed1c24; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .insider {
float: none;
margin-right: 10px; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .blog-branding-text {
color: #4e4242;
font-size: .9rem;
letter-spacing: .025rem;
line-height: 1.2; }
#bottom-section .section-wrapper #post-col #col-bottom2 .mod-style ul li .blog-branding-text .sponsored-by {
display: block;
text-transform: uppercase;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
word-spacing: .2rem;
font-size: .75rem;
letter-spacing: .04rem;
margin-bottom: .2rem;
margin-top: .5rem; }
#bottom-section .section-wrapper #post-col #ntvBrandPost {
background-color: #f5f5f5;
margin-top: 2px; }
#bottom-section .section-wrapper #post-col #ntvOuterContainer {
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38); }
#bottom-section .section-wrapper #post-col #ntvBrandPostHeader > div {
color: #e29001;
font-size: 18px;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold;
font-style: italic;
padding-top: 5px; }
#bottom-section .section-wrapper #post-col .ntv-preview-img {
margin-bottom: 5px; }
#resources-sponsored-links {
display: none; }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links {
display: block;
margin-top: 0;
background-color: #fff;
padding-top: 2rem; } }
#before-trending #col-middle1 .pullquote {
display: none; }
@media only screen and (min-width: 48em) {
#before-trending #col-middle1 .pullquote {
display: block;
width: 30%;
float: left;
margin-right: 20px;
margin-top: 24px;
margin-left: 0; } }
@media only screen and (min-width: 60.625em) {
#before-trending #col-middle1 .pullquote {
width: auto;
float: none;
margin-left: 10px; } }
#col-middle1 .pullquote {
clear: both;
background: -webkit-linear-gradient(#f5f5f5, #fefefe);
background: -o-linear-gradient(#f5f5f5, #fefefe);
background: -moz-linear-gradient(#f5f5f5, #fefefe);
background: linear, false, #f5f5f5, #fefefe;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
margin-bottom: 24px;
position: relative; }
#col-middle1 .pullquote .quote {
margin-top: 4rem;
padding: 20px;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal;
font-size: 1.45rem;
line-height: 1.25; }
#col-middle1 .pullquote .quote:before {
content: '\201C';
color: #ed1c24;
position: absolute;
top: 0;
font-size: 7rem;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#col-middle1 .pullquote .attribution {
padding-left: 20px;
padding-right: 20px;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.15rem;
line-height: 1.3;
text-align: right; }
#col-middle1 .pullquote .attribution:before {
content: '\2014'; }
.around-web {
margin-top: 24px;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38); }
.around-web,
#video-module {
display: none; }
@media only screen and (min-width: 48em) {
.around-web,
#video-module {
display: block; } }
@media only screen and (min-width: 48em) {
#before-trending #col-middle1 .around-web {
width: 67%;
float: left; } }
@media only screen and (min-width: 60.625em) {
#before-trending #col-middle1 .around-web {
width: auto;
float: none; } }
#VideoPlayerMain {
float: left;
position: relative; }
#main-video-playlist {
width: 35.051546%;
float: right;
background-color: #4e4242; }
#main-video-header-link {
height: 48px;
line-height: 48px;
vertical-align: middle;
font-size: 17px; }
#main-video-header-link a {
color: #fff;
display: block;
padding-right: 10px; }
#main-video-playlist .main-video-playlist-item {
width: 340px;
position: relative; }
#main-video-playlist .main-video-playlist-item img {
height: auto;
width: 156px;
float: left;
display: block; }
#main-video-outer-wrapper {
background-color: #FFFFFF;
margin: auto; }
.playerplaybutton {
background: url("http://idge.staticworld.net/idge/white-background70.png") repeat scroll 0 0 transparent;
background-color: #fff;
border-radius: 50px;
color: #666;
display: block;
font-size: 40px;
padding-top: 0;
text-indent: 17px;
text-align: center;
z-index: 40;
position: absolute;
top: 38%;
left: 43%;
padding: 5px;
opacity: .6; }
.playerplaybutton:hover {
background-color: #000;
color: #000; }
.playAndroid {
display: table-cell;
vertical-align: middle;
position: absolute;
top: 40%;
left: 45%; }
#BCLcontainingBlock {
width: 100%;
float: none; }
@media only screen and (min-width: 60.625em) {
#BCLcontainingBlock {
margin: 0;
width: 100%;
height: 283px; } }
.BCLvideoWrapper {
padding-bottom: 57.25%;
height: 0;
overflow: hidden; }
@media only screen and (min-width: 60.625em) {
.BCLvideoWrapper {
padding-bottom: 0;
width: 100%;
height: 283px; } }
@media only screen and (min-width: 60.625em) {
.BCLvideoWrapper span {
height: 283px;
display: block; } }
#video-module {
display: none; }
@media only screen and (min-width: 48em) {
#video-module {
display: block;
float: none;
margin-right: 0;
margin-bottom: 0;
width: auto;
height: auto; } }
@media only screen and (min-width: 60.625em) {
#video-module {
width: 650px;
height: 460px;
float: left;
margin-right: 20px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container {
background-color: #FFFFFF;
position: relative;
margin: 0 auto 20px;
width: 100%;
height: auto; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container {
margin: 0 auto 30px;
width: 650px;
height: 380px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container h3 {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
padding: 0 15px 0 15px;
text-transform: uppercase;
padding-left: 0;
letter-spacing: 0.0625em;
font-weight: normal; }
#video-module .vid #main-video-outer-wrapper #main-video-container h3:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
#video-module .vid #main-video-outer-wrapper #main-video-container #eVideoName {
font-size: 30px;
line-height: 1.05;
color: #4e4242;
margin: 0;
padding: 0;
height: 70px;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content {
color: #fff;
cursor: pointer !important; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain {
width: 79.5%;
height: auto; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain {
width: 500px;
height: 283px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain .posterImage {
width: 100%;
height: auto; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain .posterImage {
width: 500px;
height: 283px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain .ss-directright:before {
position: relative;
left: -4px;
top: 5px; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain img.poster-img {
width: 100%; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist {
width: 20.3%;
height: 100%;
border-left: 1px solid #ed1c24; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist {
width: 149px;
height: 283px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item {
width: 100%;
height: 93.5px;
background-color: #dedede;
background-image: -ms-radial-gradient(center, circle farthest-corner, #ffffff 0%, #dedede 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, #ffffff 0%, #dedede 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, #ffffff 0%, #dedede 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, #ffffff), color-stop(1, #dedede));
background-image: -webkit-radial-gradient(center, circle farthest-corner, #ffffff 0%, #dedede 100%);
background-image: radial, circle farthest-corner center, #ffffff 0%, #dedede 100%;
border-bottom: 1px solid #ed1c24; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item {
width: 149px;
height: 93.6px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:last-child {
border-bottom: none; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:hover {
background-color: #e1e1e1;
background-image: none; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item img {
display: none;
width: 150px; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item span {
padding: 8px;
float: left;
overflow: hidden;
display: block;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #707276;
font-size: 1.05rem;
line-height: 1.2; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item span:hover {
color: #ed1c24; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now:last-child,
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton:last-child {
border-bottom: none; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton {
background-color: #c8c1c1;
background-image: -ms-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, #efefef), color-stop(1, #c8c1c1));
background-image: -webkit-radial-gradient(center, circle farthest-corner, #efefef 0%, #c8c1c1 100%);
background-image: radial, circle farthest-corner center, #efefef 0%, #c8c1c1 100%; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span {
padding: 8px;
float: left;
overflow: hidden;
display: block;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242;
font-size: 1.05rem;
line-height: 1.2; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span:hover {
color: #ed1c24; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
background-color: #4e4242;
height: 93.6px; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now span {
padding: 8px;
float: left;
overflow: hidden;
display: block;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #fff;
font-size: 1.05rem;
line-height: 1.2; }
#video-module .vid #main-video-outer-wrapper #main-video-footer-link {
text-align: right;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .85rem;
padding-top: 20px; }
#video-module .vid #main-video-outer-wrapper #main-video-footer-link a:hover {
color: #ed1c24; }
#video-module #main-video-player-title {
font-size: 30px;
color: #4e4242;
margin: 0;
padding: 0;
top: -70px;
position: absolute;
width: 100%;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
width: 650px;
line-height: 1.05; }
#iab1.ad {
width: auto;
margin-top: 0; }
@media only screen and (min-width: 60.625em) {
#iab1.ad {
width: auto;
margin-top: 0; } }
#iab2.ad {
width: auto; }
#newsletter-signup {
display: block; }
@media only screen and (min-width: 48em) {
#newsletter-signup {
display: none; } }
#hp-resources #col-modules {
overflow: visible;
margin-top: 20px;
*zoom: 1;
/*@include mq($tablet) {
overflow: hidden;
}
@include mq($desktop) {
overflow: hidden;
}*/ }
#hp-resources #col-modules:before, #hp-resources #col-modules:after {
content: " ";
display: table; }
#hp-resources #col-modules:after {
clear: both; }
@media only screen and (min-width: 48em) {
#hp-resources #col-modules form input[type=email] {
font-size: .8rem; } }
@media only screen and (min-width: 60.625em) {
#hp-resources #col-modules form input[type=email] {
font-size: 1rem; } }
.mod-style {
float: left;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
margin-bottom: 24px;
width: 300px; }
.mod-style.clearleft {
clear: left; }
.blog-branding-text {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal;
color: #aaa; }
.blog-branding-text .brandpost {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal; }
/* main navigator */
#main_navi {
display: none; }
@media only screen and (min-width: 48em) {
#main_navi {
display: block;
float: left;
padding: 0px !important;
margin: 0px !important;
width: 113px; } }
#main_navi li {
background-color: #d4cdca;
background-image: -ms-radial-gradient(center, circle farthest-corner, white 0%, #d4cdca 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, white 0%, #d4cdca 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, white 0%, #d4cdca 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, white), color-stop(1, #d4cdca));
background-image: -webkit-radial-gradient(center, circle farthest-corner, white 0%, #d4cdca 100%);
background-image: radial, circle farthest-corner center, #ffffff 0%, #d4cdca 100%;
border-top: 1px solid #fff;
border-left: 1px solid transparent;
clear: both;
color: #4e4242;
font-size: 0.75rem;
height: 101px;
list-style-type: none;
width: 114px;
cursor: pointer;
display: table; }
#main_navi li:first-child {
height: 102px;
border-top: 0 none; }
#main_navi li:hover {
background-color: #b6b0ad;
color: #ed1c24;
border-top: 1px solid #fff;
border-right: 1px solid #ed1c24;
border-bottom: none;
border-left: 1px solid transparent;
background-image: -ms-radial-gradient(center, circle farthest-corner, white 0%, #b6b0ad 100%);
background-image: -moz-radial-gradient(center, circle farthest-corner, white 0%, #b6b0ad 100%);
background-image: -o-radial-gradient(center, circle farthest-corner, white 0%, #b6b0ad 100%);
background-image: -webkit-gradient(radial, center center, 0, center center, 447, color-stop(0, white), color-stop(1, #b6b0ad));
background-image: -webkit-radial-gradient(center, circle farthest-corner, white 0%, #b6b0ad 100%);
background-image: radial, circle farthest-corner center, #ffffff 0%, #b6b0ad 100%; }
#main_navi li:hover:first-child {
border-top: 0 none; }
#main_navi li.active {
background-color: #4e4242;
border-top: 1px solid #ed1c24;
border-left: 1px solid #ed1c24;
border-bottom: 1px solid #ed1c24;
color: #fff;
background-image: none;
position: relative;
z-index: 2;
border-right: 1px solid #4e4242; }
#main_navi li.active:first-child {
height: 101px; }
#main_navi li.active:hover {
border-top: 1px solid #ed1c24; }
#main_navi li div {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
text-align: center;
position: relative;
padding: 10px;
font-size: 0.825rem;
display: table-cell;
vertical-align: middle; }
#main_navi img {
float: left;
margin-right: 10px; }
#main_navi strong {
display: block; }
#main div.navi {
margin-left: 250px;
cursor: pointer; }
#main div.navi a {
display: block;
width: 8px;
height: 8px;
float: left;
margin: 3px;
background: url(http://jquerytools.org/media/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
display: block;
font-size: 1px; }
@media only screen and (min-width: 48em) {
#main div.navi a {
display: none; } }
/* root element for single scroll */
/* single scroll item */
/* 
.items div.excerpt {
float:left;
cursor:pointer;
width:300px;
//height:3225px;
margin:0px;
}
*/
/* possible settings for the active scroll */
a.disabled {
/* visibility:hidden !important;*/ }
@-moz-document url-prefix() {
@media only screen and (min-width: 48em) {
#hp-resources #col-modules {
overflow: hidden; } }
@media only screen and (min-width: 60.625em) {
#hp-resources #col-modules {
overflow: visible; } }
section[role="main"] #iab1 {
display: table; } }
section[role=main] .six-column {
padding-bottom: 15px; }
section[role=main] .six-column .head {
border-bottom: 0 none;
border: 0 none;
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
color: #4e4242;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.1rem;
line-height: 2.125rem;
padding: 0.4rem 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.0125em;
font-weight: normal; }
section[role=main] .six-column .head:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
section[role=main] .six-column a {
text-decoration: none; }
section[role=main] .six-column ul li {
margin: .75rem 0 0 0; }
section[role=main] .six-column ul li .title {
font-size: 1.2rem;
line-height: 1.4375rem; }
section[role=main] .six-column ul li .title a {
color: #4e4242;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal; }
section[role=main] .six-column ul li .title a:hover {
color: #ed1c24; }
section[role=main] .six-column ul li .site, section[role=main] .six-column ul li .item-eyebrow {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .six-column ul li .item-eyebrow .sponsored {
display: block;
line-height: 1.125rem;
margin-bottom: .25rem;
text-transform: none;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal; }
section[role=main] .six-column ul li .site a.networkworld {
color: #0067b1 !important; }
section[role=main] .six-column ul li .site a.cio {
color: #f60000; }
section[role=main] .six-column ul li .site a.citeworld {
color: #89ad42; }
section[role=main] .six-column ul li .site a.computerworld {
color: #000; }
section[role=main] .six-column ul li .site a.cfo {
color: #2b326e; }
section[role=main] .six-column ul li .site a.infoworld {
color: #c10000; }
section[role=main] .six-column ul li .item-eyebrow, section[role=main] .six-column ul li .item-eyebrow a {
color: #ed1c24;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal; }
section[role=main] .six-column ul li p {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4d4141;
font-size: 1rem;
line-height: 1.25;
margin: 5px 0 !important; }
section[role=main] .six-column#additionalResources ul li {
margin-bottom: 1.5rem; }
#resources-sponsored-links {
/* JB-627 - remove marchex and make sponsored links stretch */ }
#resources-sponsored-links a {
color: #4e4242; }
#resources-sponsored-links a:hover {
color: #ed1c24; }
#resources-sponsored-links .head {
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
padding-top: 0.5rem;
font-weight: 700;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
text-transform: uppercase;
color: #4e4242;
border-bottom: none; }
#resources-sponsored-links .head:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
#resources-sponsored-links ul li {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#resources-sponsored-links ul li .title {
font-weight: 700; }
#resources-sponsored-links ul li .title a:hover {
color: #ed1c24; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links section.sponsored-links {
float: none;
width: auto; } }
#resources-sponsored-links section.sponsored-links ul li {
font-size: 1rem; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.video-carousel div.excerpt .excerpt-img .video-timestamp {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.slideshow-carousel {
width: 300px;
margin: 1rem auto 0;
position: relative; }
.item-carousel.slideshow-carousel .carousel-inside-crop {
width: 300px;
height: 310px;
margin: 0;
overflow: hidden; }
.item-carousel.slideshow-carousel .carousel-items {
width: 20000px; }
.item-carousel.slideshow-carousel .eyebrow {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-weight: normal;
font-size: .75rem;
color: #ed1c24;
margin-bottom: 5px; }
.item-carousel.slideshow-carousel .slide-hed {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
font-weight: normal;
line-height: 1.3;
margin-top: 7px; }
.item-carousel.slideshow-carousel .slide-hed a {
color: #4e4242; }
.item-carousel.slideshow-carousel .slide-hed a:hover {
color: #ed1c24; }
.item-carousel.slideshow-carousel div.excerpt {
margin: 0;
width: 300px;
clear: none; }
.item-carousel.slideshow-carousel div.excerpt .insider {
top: 10px; }
.item-carousel.slideshow-carousel div.excerpt a.cn {
display: block;
margin-top: 7px; }
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
background-color: rgba(0, 0, 0, 0.2);
height: 225px;
width: 50px;
opacity: 1;
box-shadow: none;
border-radius: 0;
color: #fff;
top: 0;
line-height: 0;
display: block; }
.item-carousel.slideshow-carousel a.left.disabled,
.item-carousel.slideshow-carousel a.right.disabled {
color: #ddd; }
.item-carousel.slideshow-carousel a.left.disabled:hover,
.item-carousel.slideshow-carousel a.right.disabled:hover {
color: #ddd; }
.item-carousel.slideshow-carousel a.left:hover,
.item-carousel.slideshow-carousel a.right:hover {
color: #ed1c24; }
.item-carousel.slideshow-carousel a.left i,
.item-carousel.slideshow-carousel a.right i {
text-shadow: 0 2px 2px rgba(7, 7, 7, 0.5);
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
height: 0;
font-size: 2rem; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel {
float: left;
width: 80%;
width: -webkit-calc(100% - 113px);
width: -moz-calc(100% - 113px);
width: calc(100% - 113px);
max-width: none;
background-color: #4e4242; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.topstories-carousel {
width: 546px;
margin-right: 11px; } }
.item-carousel.topstories-carousel .carousel-inside-crop {
width: 100%;
overflow: hidden;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel .carousel-inside-crop {
max-height: 409px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.topstories-carousel .carousel-inside-crop {
max-height: none; } }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel .carousel-inside-crop > div {
float: none;
margin: 0; } }
.item-carousel.topstories-carousel .carousel-items {
height: auto;
width: 20000px;
max-width: 100%; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel .carousel-items > div {
max-height: 409px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.topstories-carousel .carousel-items > div {
max-height: none; } }
.item-carousel.topstories-carousel .carousel-items > div:nth-child(n+2) {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel .carousel-items {
width: auto; } }
.item-carousel.topstories-carousel div.excerpt {
width: 100%;
position: relative;
margin: 0 0 .5rem 0; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt {
margin-bottom: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-left: 1px solid #ed1c24; } }
.item-carousel.topstories-carousel div.excerpt figure.feature-img {
position: relative;
height: 0;
padding: 0 0 75% 0;
overflow: hidden; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt figure.feature-img {
padding: 0 0 66.67% 0; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.topstories-carousel div.excerpt figure.feature-img {
padding: 0 0 75% 0; } }
.item-carousel.topstories-carousel div.excerpt figure.feature-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
box-shadow: inset 0 0 59px rgba(78, 66, 66, 0.43);
/* inner glow */ }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt figure.feature-img img {
height: auto;
width: 100%; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.topstories-carousel div.excerpt figure.feature-img img {
width: auto;
height: 100%; } }
.item-carousel.topstories-carousel div.excerpt .hed {
box-sizing: border-box;
-moz-box-sizing: border-box;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: transparent;
background: -ms-linear-gradient(right, transparent 0%, #4e4242 100%);
background: -moz-linear-gradient(right, transparent 0%, #4e4242 100%);
background: -o-linear-gradient(right, transparent 0%, #4e4242 100%);
background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent 0%), color-stop(1, #4e4242 100%));
background: -webkit-linear-gradient(right, transparent 0%, #4e4242 100%);
background: linear, to left, transparent 0%, #4e4242 100%;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#4e4242');
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#4e4242');
padding: 10% 5.5% 3% 5.5%; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt .hed {
padding: 10% 15% 3% 5.5%; } }
.item-carousel.topstories-carousel div.excerpt .hed .eyebrow,
.item-carousel.topstories-carousel div.excerpt .hed p {
color: #fff;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-size: 1.1rem;
margin: .5rem 0 0; }
.item-carousel.topstories-carousel div.excerpt .hed .eyebrow span.byline:after,
.item-carousel.topstories-carousel div.excerpt .hed p span.byline:after {
content: '.'; }
.item-carousel.topstories-carousel div.excerpt .hed .eyebrow span.date,
.item-carousel.topstories-carousel div.excerpt .hed p span.date {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
display: block; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt .hed .eyebrow span.date,
.item-carousel.topstories-carousel div.excerpt .hed p span.date {
padding-left: 3px;
display: inline; } }
.item-carousel.topstories-carousel div.excerpt .hed a.cn .contributor-nw {
color: #ffffff; }
.item-carousel.topstories-carousel div.excerpt .hed h2 {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
line-height: 2.25rem;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-weight: normal;
margin-top: 0;
margin-bottom: .3em;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: .15em;
clear: both; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt .hed h2 {
font-size: 3.2rem;
line-height: 1.2em; } }
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper {
display: none;
width: 480px;
height: 1px;
position: absolute;
top: -5px;
left: 0; }
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper .social-icons {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper .social-icons {
display: none;
position: absolute;
font-size: 1.5rem;
background-color: #4e4242;
border: 1px solid #fff;
padding-bottom: 10px;
opacity: .85; }
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper .social-icons a i.ss-icon.ss-social {
border-right: 1px solid #fff;
color: #fff;
padding: 10px 10px 0 10px;
position: relative;
top: 10px; }
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper .social-icons a i.ss-icon.ss-social:hover {
color: #ed1c24; }
.item-carousel.topstories-carousel div.excerpt .hed .social-wrapper .social-icons a i.ss-icon.ss-social.last {
border-right: none; } }
.item-carousel.topstories-carousel div.excerpt .hed .byline-wrapper {
position: relative; }
.item-carousel.topstories-carousel .navi {
display: block;
text-align: center; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel .navi {
display: none; } }
.item-carousel.topstories-carousel .navi a {
display: inline-block;
margin-left: 5px;
height: 14px;
width: 14px;
border: 2px solid #ed1c24;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer; }
.item-carousel.topstories-carousel .navi a:first-child {
margin-left: 0; }
.item-carousel.topstories-carousel .navi a.active {
background-color: #ed1c24; }
.item-carousel.topstories-carousel a.left,
.item-carousel.topstories-carousel a.right {
display: block;
top: 10px;
background-color: #aaaaaa; }
.item-carousel.topstories-carousel a.left.disabled,
.item-carousel.topstories-carousel a.right.disabled {
background-color: #222222; }
@media only screen and (min-width: 48em) {
.item-carousel.topstories-carousel a.left,
.item-carousel.topstories-carousel a.right {
display: none; } }
.item-carousel.topstories-carousel.loaded .carousel-items {
max-width: none; }
.item-carousel.topstories-carousel.loaded .carousel-items > div:nth-child(n+2) {
display: block; }
.item-carousel.follow-carousel {
max-width: 728px;
margin: 0 auto; }
@media only screen and (min-width: 60.625em) {
.item-carousel.follow-carousel {
max-width: 970px; } }
.item-carousel.follow-carousel .carousel-inside-crop {
width: 100%;
margin: 0; }
#follow-module .item-carousel.follow-carousel div.excerpt {
text-align: center;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: .80%;
padding: 10px;
border-right: 1px solid #e1e1e1;
height: 300px; }
#follow-module .item-carousel.follow-carousel div.excerpt:last-child {
border-right: none; }
@media only screen and (min-width: 60.625em) {
#follow-module .item-carousel.follow-carousel div.excerpt {
width: 146.667px; } }
#follow-module .item-carousel.follow-carousel div.excerpt .author-name-top {
text-transform: uppercase;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .8rem;
height: 30px;
line-height: 1.2; }
#follow-module .item-carousel.follow-carousel div.excerpt .author-name-top a {
color: #4e4242; }
#follow-module .item-carousel.follow-carousel div.excerpt .author-name-top a:hover {
color: #ed1c24; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-img {
width: 80px;
padding-top: 80px;
margin: 10px auto;
background-color: transparent;
border: 1px solid #dedede;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
border-radius: 5px; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-img img {
border-radius: 5px;
height: 100%;
width: auto;
left: 0;
background-color: #eef4f2; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text h3 {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .95rem;
line-height: 1.3;
font-weight: 300;
padding: 0;
margin: 5px 0 0 0;
background-color: transparent;
text-align: center;
width: auto; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text h3 a {
color: #4e4242; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text h3 a:hover {
color: #ed1c24; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text .more-by {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-size: .7rem;
margin-top: 1rem; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text .more-by span.name {
font-size: 1rem;
line-height: 1.2;
margin-top: 2px;
display: block; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text .more-by span.name a {
color: #4e4242; }
#follow-module .item-carousel.follow-carousel div.excerpt .excerpt-text .more-by span.name a:hover {
color: #ed1c24; }
#follow-module {
height: 340px; }
#follow-module #followCarousel a.right,
#follow-module #followCarousel a.left {
height: 360px;
line-height: 52px;
overflow: visible;
position: absolute;
text-align: center;
top: -30px;
width: 52px;
z-index: 5;
box-shadow: none;
background: transparent;
background: -ms-linear-gradient(right, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -moz-linear-gradient(right, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -o-linear-gradient(right, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -webkit-gradient(linear, right top, left top, color-stop(0, transparent 0%), color-stop(1, rgba(181, 181, 181, 0.5) 100%));
background: -webkit-linear-gradient(right, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: linear, to left, transparent 0%, rgba(181, 181, 181, 0.5) 100%;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#b5b5b5');
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#b5b5b5');
background-color: #ffffff; }
#follow-module #followCarousel a.right i,
#follow-module #followCarousel a.left i {
top: 42%;
color: #ed1c24;
position: relative;
font-size: 1.5rem;
text-shadow: 0 2px 2px rgba(7, 7, 7, 0.5);
background-color: #f5f5f5;
padding-left: 4px;
padding-right: 10px;
padding-top: 22px;
padding-bottom: 18px;
border: 1px solid #dedede;
border-top-right-radius: 45px;
border-bottom-right-radius: 45px; }
#follow-module #followCarousel a.right i:hover,
#follow-module #followCarousel a.left i:hover {
color: #fff; }
#follow-module #followCarousel a.right i {
margin-right: 12px; }
#follow-module #followCarousel a.left {
background: -ms-linear-gradient(left, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -moz-linear-gradient(left, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -o-linear-gradient(left, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent 0%), color-stop(1, rgba(181, 181, 181, 0.5) 100%));
background: -webkit-linear-gradient(left, transparent 0%, rgba(181, 181, 181, 0.5) 100%);
background: linear, to right, transparent 0%, rgba(181, 181, 181, 0.5) 100%;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#b5b5b5');
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7fffffff', endColorstr='#b5b5b5'); }
#follow-module #followCarousel a.left i {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px;
padding-left: 10px;
padding-right: 4px;
margin-left: 12px; }
#follow-module #followCarousel a.disabled i {
color: #999;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.99); }
#follow-module #followCarousel a.disabled i:hover {
color: #999; }
.four-dot {
text-transform: uppercase;
letter-spacing: 0.0625em;
border-top: 1px solid #4e4242;
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38); }
.four-dot:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
.four-dot a {
text-transform: uppercase; }
.video-module .module-header {
background-color: #ed1c24; }
.video-module .module-header .logo {
top: 9px;
line-height: 2.625rem; }
@media only screen and (min-width: 60.625em) {
.video-module .module-header .logo {
top: 5px; } }
.video-module .module-header .logo .logo-img {
background-image: url(http://idge.staticworld.net/images/cio-logo-video-hd.png);
width: 70px;
height: 34px;
background-size: auto 34px; }
.video-module .module-header .logo .video-text {
font-size: 1.5625rem;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .module-header .more-videos {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .module-header .more-videos i {
top: 0;
position: static;
line-height: 1.5rem; }
.video-module .lead-video-info .video-eyebrow {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .lead-video-info .video-title {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.video-module .video-listing .video-item .video-eyebrow {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .video-listing .video-item .video-title {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.8125rem; }