/*
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; }
/* promo styling - since these are used on multiple page types, they should live in the site wrapper */
article .apart {
border-left: 0 none; }
.apart .hed, .apart-alt .hed {
border: 0 none;
border-top: 1px solid #4e4242;
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
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; }
.apart .hed:after, .apart-alt .hed:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
.apart .hed a, .apart-alt .hed a {
color: #4e4242;
text-decoration: none; }
.apart.whitepaper .hed, .apart.insider-left .hed, .apart-alt.whitepaper .hed, .apart-alt.insider-left .hed {
background: none;
border: 0 none;
border-top: 1px solid #4e4242;
border-radius: 3px 0 0 0;
box-shadow: none;
color: #ed1c24;
font-size: .875rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 1.3125rem;
margin-bottom: 0.25rem;
padding: .25rem .125rem .25rem .125rem;
text-transform: uppercase; }
.apart.whitepaper .hed:after, .apart.insider-left .hed:after, .apart-alt.whitepaper .hed:after, .apart-alt.insider-left .hed:after {
content: none; }
.apart.whitepaper .subhed, .apart.insider-left .subhed, .apart-alt.whitepaper .subhed, .apart-alt.insider-left .subhed {
color: #a1a2a5;
font-size: .75rem !important;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase !important; }
.apart.whitepaper .title, .apart.insider-left .title, .apart-alt.whitepaper .title, .apart-alt.insider-left .title {
color: #28272a;
font-size: 1.125rem !important;
line-height: 1.375rem !important; }
.apart.whitepaper .title a, .apart.insider-left .title a, .apart-alt.whitepaper .title a, .apart-alt.insider-left .title a {
color: #28272a; }
.apart.whitepaper p, .apart.insider-left p, .apart-alt.whitepaper p, .apart-alt.insider-left p {
color: #a1a2a5;
line-height: 1.0625rem !important;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.apart.whitepaper a.learn, .apart.insider-left a.learn, .apart-alt.whitepaper a.learn, .apart-alt.insider-left a.learn {
font-size: 1rem !important;
margin-top: .75rem !important;
padding-top: .5625rem !important; }
.promo {
border-top: 0 none;
border-bottom: 0 none; }
.promo ul {
padding: 0 14px; }
@media only screen and (min-width: 48em) {
.promo ul {
border-bottom: 0 none;
padding: 0; } }
.promo ul li {
border-bottom: 1px solid #cccccc;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem; }
.promo ul li.first {
margin-right: 0; }
.promo ul li:last-child {
border: none; }
.promo ul li a {
color: #ed1c24; }
.promo ul li a:visited {
color: #4e4242; }
.promo ul li a:hover {
color: #ed1c24; }
.promo ul li a:active {
color: #4e4242; }
.promo ul li .item-eyebrow {
font-size: .75rem;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #fc7176; }
.promo ul li .item-eyebrow a {
color: #fc7176 !important; }
.promo ul li .item-eyebrow a:hover {
color: #4e4242 !important; }
.promo ul li .item-eyebrow .sponsored {
text-transform: none; }
.promo ul li .item-eyebrow a {
color: #055387; }
.promo ul li .item-eyebrow a:hover {
color: #ed1c24; }
.promo ul li .item-eyebrow a:visited {
color: #2d0e0e; }
.promo ul li .title {
color: #4e4242;
font-weight: 400;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
margin: 0; }
.promo ul li .title a {
color: #4e4242; }
.promo ul li .title a:hover {
color: #ed1c24; }
.promo ul li p {
color: #4e4242;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
line-height: 1.3125rem;
margin-top: 5px; }
.promo .more {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.promo .more a {
color: #a1a2a5; }
.promo .more a:hover {
color: #ed1c24; }
.promo .more a:visited {
color: #4e4242; }
.promo.blogs {
border-bottom: 1px solid #ccc;
padding-bottom: 10px; }
.promo.blogs .blog-branding-text {
font-weight: normal;
text-transform: none; }
.promo.blogs .blog-branding-text span.brandpost {
color: #E29001;
font-style: normal;
padding-left: 0; }
.promo.blogs .more {
text-align: left;
margin-bottom: 10px;
text-transform: none; }
.promo.blogs .more a {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.8125rem;
line-height: 1rem;
color: #4e4242; }
.promo.blogs .more a:hover {
color: #ed1c24; }
.promo.blogs .image img {
background-color: #eef4f2; }
.promo.newsletter {
/* background-color: $accent_color_7;
background-position:96% 15px;
background-repeat:no-repeat;
-webkit-box-shadow: -2px -2px 15px 0 rgba(0, 0, 0, 0.5) inset;
box-shadow: -2px -2px 15px 0 rgba(0, 0, 0, 0.5) inset; 
border-radius:0;
padding-bottom:0;
text-align:left;
*/
/* .eyebrow{
background:transparent;
box-shadow:none;
-webkit-box-shadow:none;
color: #FFF;
font-family: $hed_font;
font-size:1.4rem;
font-weight:700;
line-height:1.875rem;
text-transform: uppercase;
margin:$gutter*1.5 $gutter*2;
padding:0;
position:static;
}
*/
/* .hed{
background:transparent;
box-shadow:none;
-webkit-box-shadow:none;
color: #FFF;
font-family: $module_hed_font;
font-size:1rem;
font-weight: 500;
-webkit-font-smoothing: antialiased;
line-height:1.25rem;
margin:$gutter*1.6 $gutter*2;
padding:0;
}
p{
margin:$gutter*1.5 $gutter*2 $gutter*1.5 $gutter*2;
color: #fff;
font-style: normal;
}
form button[type=submit] {
padding: 5px 7px;
}
form .btn {
background: $brand_color_secondary;
border-radius:0.2rem;
color: #fff;
font-weight: normal;
font-family: $module_hed_font;
font-size: 1.25rem;
&:hover {
background:$brand_color_tertiary;
}
}
form input {
border-radius:3px;
font-family: $hed_font;
font-style: normal;
margin:0 $gutter $gutter*2 $gutter*2;
padding: 6px 5px;
width:63%;	
} */ }
.promo.newsletter.with-eyebrow {
border: 0;
text-align: left;
background-color: #f5fafc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5fafc), color-stop(100%, #e1e1e1));
background-image: -webkit-linear-gradient(top, #f5fafc, #e1e1e1);
background-image: linear, to bottom, #f5fafc, #e1e1e1; }
.promo.newsletter.with-eyebrow .hed.four-dot {
color: #4e4242;
font-size: 1rem;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
margin: 0;
margin-bottom: 0.75rem;
padding: 0 15px;
text-transform: uppercase;
padding-left: 0;
letter-spacing: 0.0625em;
font-weight: normal;
padding-left: 10px; }
.promo.newsletter.with-eyebrow .desc, .promo.newsletter.with-eyebrow p {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242;
margin-left: 10px;
margin-right: 10px; }
.promo.newsletter.with-eyebrow p {
font-style: normal;
margin: 1em 10px;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.promo.newsletter.with-eyebrow form input[type=email] {
margin-left: 10px;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic; }
.promo.newsletter.with-eyebrow form 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; }
.promo.resources {
border-bottom: 1px solid #939597; }
.promo.resources ul li:last-child {
border-bottom: 0; }
.promo.resources ul li .title {
font-size: 1rem;
line-height: 1.25rem; }
.promo.resources .more {
border-right: 1px solid #e7e7e7;
float: left;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .8125rem;
line-height: 0.875rem;
margin-top: 0;
padding: .5625rem .625rem .5625rem 0; }
.promo.resources .more a {
color: #4e4242; }
.promo.resources .more a:hover {
color: #ed1c24; }
.promo.resources form {
padding: 0 10px 0 0;
width: 67%;
margin: 0 0 1rem 0; }
.promo.resources form input {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .9375rem;
font-style: normal;
margin: 0 6px 0 0;
padding: .375rem 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; }
.promo.resources form input[type="text"] {
width: 68%; }
.promo.resources form input[type="text"]:focus {
font-style: normal; }
.promo.resources form .btn {
border: 0;
border-radius: 3px;
color: #fff;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem;
padding: .1875rem .5625rem .3125rem .5625rem;
background-color: #ed1c24; }
.promo.resources form .btn:hover {
background-color: #fb010b; }
.promo.toptips {
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
border-top: 6px solid #a1a2a5;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 20px 10px;
background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(35%, #fefefe), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear, to bottom, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#00ffffff',GradientType=0 );
/* IE6-9 */ }
.promo.toptips .robot-bg {
background-image: url(http://idge.staticworld.net/nww/networkworld-top-tips.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 165px 169px; }
.promo.toptips .header {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 0;
margin-bottom: 20px; }
.promo.toptips .header .head {
color: #4e4242;
font-size: 3.5rem;
font-weight: 700;
line-height: 3.25rem;
padding: 0 160px 0 0;
text-shadow: 0 0 10px #fff,0 0 10px #fff;
text-transform: uppercase; }
.promo.toptips .header .head span {
font-size: 4.125rem; }
.promo.toptips .header .tagline {
color: #aba1a1;
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.125rem;
margin-top: 10px; }
.promo.toptips ul {
padding: 0; }
.promo.toptips ul li {
border-bottom: 0 none;
padding: 0 25px 0 0;
margin-bottom: 20px; }
.promo.toptips ul li .title {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.125rem;
margin-bottom: 5px; }
.promo.toptips ul li p.meta {
color: #aaa;
font-size: 0.875rem;
line-height: 1.3125rem;
margin: 0;
padding: 0; }
.promo.toptips .tips-tagline {
font-size: 1.125rem;
font-style: italic;
padding: 0; }
.promo.toptips .tips-tagline a {
color: #f1870a; }
/* BEGIN CIO CATEGORY */
section[role=main] {
/* end a */
/* end .promo */ }
section[role=main] a {
text-decoration: none;
/* Override load more settings on category pages */ }
section[role=main] a.load-btn {
border-radius: 5px;
background: #4e4242 !important;
color: #fff;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
text-transform: uppercase;
margin: 1rem auto 5px;
text-align: center;
text-transform: none;
display: block;
width: 90%;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] a.load-btn {
width: 35%; } }
section[role=main] a.load-btn:hover {
background-color: #ed1c24 !important; }
section[role=main] header h1 {
color: #4e4242;
margin-bottom: 10px; }
section[role=main] header h2 {
color: #28272a; }
@media only screen and (min-width: 48em) {
section[role=main] header h2 {
display: block;
padding: .5rem 0; } }
section[role=main] h3 a, section[role=main] .index-promo h3 a, section[role=main] .blogs-index h3 a, section[role=main] .blogs-index ul h3 a {
text-decoration: none;
color: #28272a; }
section[role=main] h3 a:hover, section[role=main] .index-promo h3 a:hover, section[role=main] .blogs-index h3 a:hover, section[role=main] .blogs-index ul h3 a:hover {
color: #ed1c24; }
section[role=main] .promo.newsletter.with-eyebrow {
padding-top: 0; }
section[role=main] .eyebrow {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: normal;
font-style: normal;
color: #aba1a1; }
section[role=main] .blog-branding-text {
font-weight: normal;
text-transform: none;
color: #939597; }
section[role=main] .blog-branding-text span.brandpost {
color: #E29001;
padding-left: 0; }
section[role=main] .river-well {
border-bottom: 1px solid #ccc; }
section[role=main] .river-well .post-cont > a {
color: #fc7176 !important;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.83rem;
font-weight: normal;
text-transform: uppercase; }
section[role=main] .river-well .post-cont .eyebrow {
text-transform: uppercase; }
section[role=main] .river-well .post-cont .eyebrow .insider {
color: #ffffff;
padding: 0;
margin-bottom: 0; }
section[role=main] .river-well .post-cont .eyebrow a {
color: #fc7176; }
section[role=main] .river-well .post-cont .eyebrow a:hover {
color: #4e4242; }
section[role=main] .river-well .post-cont .eyebrow span.sponsored, section[role=main] .river-well .post-cont .eyebrow span.video {
color: #fc7176;
font-weight: normal; }
section[role=main] .river-well .post-cont .eyebrow span.sponsored.posts {
font-style: italic; }
section[role=main] .river-well .post-cont h3 {
font-size: 1.25rem;
line-height: 1.5rem;
margin-bottom: 0; }
section[role=main] .river-well .post-cont h3 a {
color: #4e4242; }
section[role=main] .river-well .post-cont h3 a:hover {
color: #ed1c24; }
section[role=main] .river-well .post-cont p, section[role=main] .river-well .post-cont ul, section[role=main] .river-well .post-cont ol, section[role=main] .river-well .post-cont div.summary, section[role=main] .river-well .post-cont h4 {
margin: 0;
color: #4e4242;
font-weight: 300;
font-size: 1rem;
line-height: 1.42857; }
section[role=main] .river-well .post-cont .publish-date {
color: #939597; }
section[role=main] .river-well.nativo-promo .crawl-headline {
font-size: 1.25rem;
line-height: 1.5rem;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
section[role=main] .river-well.nativo-promo .crawl-summary {
color: #4e4242;
font-weight: 300;
font-size: 1rem;
line-height: 1.42857;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .promo-img {
background: #a1a2a5; }
section[role=main] a.load-btn {
background: #a1a2a5;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] a.load-btn:hover {
background-color: #4e4242; }
section[role=main] .rss-link {
color: #4e4242; }
section[role=main] .rss-link:hover {
color: #ed1c24; }
section[role=main] .rss-link a {
color: #4e4242; }
section[role=main] .rss-link a:hover {
color: #ed1c24; }
section[role=main] .right-rail #side .promo ul li .item .insider {
margin-bottom: 0; }
section[role=main] .right-rail #side .promo ul li .item .title {
line-height: 1.25rem; }
section[role=main] .index-promo {
margin-bottom: 1.5rem;
padding: 1.0rem 0;
box-shadow: none; }
@media only screen and (min-width: 48em) {
section[role=main] .index-promo {
float: left;
width: 47%; } }
@media only screen and (min-width: 48em) and (min-width: 48em) {
section[role=main] .index-promo.first {
margin-right: 1rem;
padding-right: 1rem !important;
border-right: 1px solid #ccc; } }
section[role=main] .index-promo .promo-headline {
padding: 0; }
section[role=main] .index-promo .promo-headline .eyebrow a {
font-size: .75rem;
color: #fc7176; }
section[role=main] .index-promo .promo-headline .eyebrow span.video {
color: #fc7176;
text-transform: uppercase; }
section[role=main] .index-promo.with-image .promo-headline .eyebrow .insider {
position: absolute;
top: 26px;
margin-right: 0;
left: 0; }
section[role=main] .index-promo .promo-img + .promo-headline h3 {
font-size: 1.17rem;
line-height: 1.4rem; }
section[role=main] .index-promo .eyebrow a {
text-transform: uppercase;
text-decoration: none; }
section[role=main] .index-promo .eyebrow a:hover {
color: #ed1c24; }
section[role=main] .index-promo p, section[role=main] .index-promo h4 {
margin: 0.5rem 0 0;
font-weight: 400;
font-size: 1rem;
line-height: 1.44rem;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242; }
section[role=main] .index-promo.with-image {
padding: 0 0 1rem;
position: relative; }
section[role=main] .index-promo.with-image .promo-img {
margin-bottom: 1rem;
height: 169px;
overflow: hidden; }
section[role=main] .promo-img img {
width: 100%; }
section[role=main] hr.rule {
background: #ccc; }
section[role=main] .blogs-index ul a {
color: #4e4242; }
section[role=main] .blogs-index ul a:hover {
color: #ed1c24; }
section[role=main] .blogs-index ul li .blog-data .blog-avatar img {
background-color: #eef4f2; }
section[role=main] .blogs-index ul li .byline-section p {
color: #939597;
margin-top: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.42857; }
section[role=main] .blogs-index ul li .byline-section p a {
color: #4D9E99; }
section[role=main] .blogs-index ul li .byline-section p a:hover {
color: #055387; }
section[role=main] .blogs-index ul li .byline-section h3 {
margin: 0; }
section[role=main] .blog-index header .blog-byline .about h2 a {
color: #4D9E99; }
section[role=main] .blog-index header .blog-byline .about h2 a:hover {
color: #055387; }
/* MODULE */
.list-promotion .head {
color: #a1a2a5;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.list-promotion h4 a {
color: #4e4242; }
.list-promotion h4 a:hover {
color: #ed1c24; }
.list-promotion h5 a {
color: #4e4242; }
.list-promotion h5 a:hover {
color: #ed1c24; }
.list-promotion p.credit {
color: #a1a2a5; }
.list-promotion p.credit a {
color: #a1a2a5; }
.list-promotion p.credit a:hover {
color: #4e4242; }
.list-promotion label a {
color: #a1a2a5;
text-transform: uppercase;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
.list-promotion input {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.list-promotion button.btn {
background: #a1a2a5;
color: #fff;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold;
border: none;
padding: 6px 10px;
border-radius: 2px; }
.list-promotion a.cta-link {
color: #a1a2a5;
text-transform: uppercase;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
.list-promotion figure.pre-img {
display: none; }
@media only screen and (min-width: 48em) {
.list-promotion figure.pre-img {
display: block; } }
/* CIO specific styles */
.twitter-module {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background: #F4F9FF; }
.twitter-module .head {
color: #1473b7;
font-weight: 700;
font-size: 1.3rem; }
.twitter-module ul li a {
color: #4e4242;
font-weight: 700; }
.twitter-module ul li a:hover {
color: #ed1c24; }
/* CIO-SPECIFIC STYLES */
.insider-promo .head {
color: #5DAF29;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo span {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo a.btn {
background: #4e4242;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
label {
color: #28272a; }
input {
border-radius: 5px;
padding: 8px 5px;
margin: 0 5px;
border: 1px solid #ccc;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.search-container {
margin-bottom: 2rem;
clear: both;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.search-container .search-field {
background: #004460;
border-radius: 2px;
border: solid 1px #E7EFF4;
padding: 10px;
margin: 0 0 10px 0; }
.search-container .search-field input {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
border-radius: 0.18rem;
padding: 5px;
width: 80%; }
@media only screen and (min-width: 48em) {
.search-container .search-field input {
width: 88%; } }
.search-container .search-field button.btn {
border: none;
padding: 6px 10px;
border-radius: 2px;
color: #fff;
background: #ed1c24;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.search-container .search-field button.btn:hover {
background: #4e4242; }
.search-container .drop-select {
border-top: 1px solid #EBEBEB;
padding-top: 10px; }
.search-container .form-controls {
float: left;
width: 33.3333333333%; }
.search-container .form-controls select {
-webkit-appearance: none;
width: 90%;
padding: 5px;
border: 0;
background: #f2f2f2;
color: #999999;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.search-container .form-controls:after {
font-family: "SSStandard";
color: #999999;
text-rendering: optimizeLegibility;
content: "descend"; }
/* END NETWORKWORLD CATEGORY */
/*
BEGIN RESOURCES PAGE
This begins the code for the resources page.
This code may need to be pulled out and better allocated.
*/
.resources {
/* Modules */ }
.resources .top-index-promotion {
width: 100%;
float: left;
margin-top: 1rem; }
.resources .top-index-promotion .index-promo {
width: 100%; }
@media only screen and (min-width: 48em) {
.resources .top-index-promotion .index-promo {
width: 30%; } }
.resources .main-col .btn-resources {
color: #fff; }
.resources .main-col .river-well .logo-support {
float: left;
width: 185px;
height: 55px;
margin: 9px 0 20px 20px;
padding-top: 60px;
text-align: center;
display: none; }
@media only screen and (min-width: 48em) {
.resources .main-col .river-well .logo-support {
display: block; } }
.resources .main-col .river-well .post-cont .eyebrow a:last-child {
padding-left: 3px; }
.resources .resource-carousel div.excerpt .eyebrow {
text-transform: uppercase;
color: #ed1c24; }
.resources .resource-carousel div.excerpt h3 {
font-weight: normal; }
.resources .resource-carousel div.excerpt h3 a {
color: #4e4242; }
.resources .resource-carousel div.excerpt h3 a:hover {
color: #ed1c24; }
.resources fieldset {
margin: 10px 0; }
.resources label {
color: #28272a; }
.resources input {
font-style: italic;
border-radius: 0.18rem;
padding: 8px 5px;
width: 55%;
margin: 0 5px;
border: 1px solid #ccc;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.resources .bodee .list-promotion.pop-stories {
width: 90%;
float: left;
margin: 0 2rem 1.2rem 0rem;
clear: left; }
@media only screen and (min-width: 48em) {
.resources .bodee .list-promotion.pop-stories {
width: 48%; } }
@media only screen and (min-width: 60.625em) {
.resources .bodee .list-promotion.pop-stories {
width: 280px;
margin: 2rem 0; } }
.resources .bodee .list-promotion.pop-stories .post-desc {
width: 100%; }
@media only screen and (min-width: 48em) {
.resources .bodee .list-promotion.pop-stories .post-desc {
width: 100%; } }
.resources .bodee .list-promotion.pop-stories p.credit {
margin: 0; }
.resources .bodee .list-promotion.pop-stories h4 {
margin: 0; }
/* AUTHOR INDEX PAGE STYLES */
.author header .au-avatar img {
background-color: #eef4f2; }
.author ul.au-social li a {
color: #4e4242; }
.author ul.au-social li a:hover {
color: #ed1c24; }
.author .feed-title {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.author .feed-title a {
color: #055387; }
.author .feed-title a:hover {
color: #ed1c24; }
.author .feed-title .ss-icon {
font-size: 1.0rem; }
.author .newsletter-promo {
padding-bottom: 1.2rem; }
.author .newsletter-promo form button.btn {
margin-top: 10px;
padding: 6px 15px; }
.author section[role="main"] .right-rail {
margin-top: 2rem; }
/* IMAGES FOR THE TOP BLOG POSTS MODULE */
#salted-hash {
background: url("img/salted-hash.jpg") 0 0 no-repeat;
background-size: 44px 44px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#salted-hash {
background: url("img/salted-hash@2x.jpg") 0 0 no-repeat;
background-size: 44px 44px; } }
#leading-edge {
background: url("img/leading-edge.jpg") 0 0 no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#leading-edge {
background: url("img/leading-edge@2x.jpg") 0 0 no-repeat;
background-size: 44px 44px; } }
#translating-security {
background: url("img/translating-security.jpg") 0 0 no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#translating-security {
background: url("img/translating-security@2x.jpg") 0 0 no-repeat;
background-size: 44px 44px; } }
#brick-enlightenment {
background: url("img/brick-enlightenment.jpg") 0 0 no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#brick-enlightenment {
background: url("img/brick-enlightenment@2x.jpg") 0 0 no-repeat;
background-size: 44px 44px; } }
.index-page .head {
color: #055387;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.index-page .bio-intro .author-name {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.index-page .bio-intro .author-name a {
color: #28272a; }
.index-page .bio-intro .author-name a:hover {
color: #ed1c24; }
.index-page .bio-intro .author-title {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
font-weight: 700; }
.index-page .emphasized {
font-weight: 700; }
#search .search-form {
background-color: #28272a;
border-top: 1px solid #4e4242;
border-bottom: 1px solid #4e4242; }
@media only screen and (min-width: 48em) {
#search .search-form {
border-left: 1px solid #4e4242;
border-right: 1px solid #4e4242;
border-radius: 3px; } }
#search .search-form input[type=text] {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
border: 1px solid #4e4242; }
#search .search-form input[type=submit] {
background: #4e4242;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-form input[type=submit] a:hover {
color: #ed1c24; }
#search .related-searches {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
margin-top: 1.25rem; }
#search .related-searches a {
color: #4e4242; }
#search .related-searches a:hover {
color: #ed1c24; }
#search .results-count {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-filters ul li {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
padding-right: 10px; }
#search .search-filters ul li:last-child {
padding-right: 0; }
#search .search-filters ul li a {
color: #4e4242; }
#search .search-filters ul li a:hover,
#search .search-filters ul li a.active {
color: #ed1c24; }
#search .search-results .river-well p, #search .search-results .river-well ul, #search .search-results .river-well ol, #search .search-results .river-well li {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-results .river-well p a, #search .search-results .river-well ul a, #search .search-results .river-well ol a, #search .search-results .river-well li a {
color: #4e4242; }
#search .search-results ul.post-meta li {
line-height: 0.875rem; }
#search .search-results ul.post-meta li a {
color: #ed1c24 !important; }
#search .search-results ul.post-meta li a:hover {
color: #ed1c24 !important; }
#search .search-results .search-resource-module .hed {
color: #ed1c24;
font-weight: 700;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-results .search-resource-module .more {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
color: #4e4242; }
.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; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] header {
margin: 0; } }
.curated section[role="main"] header h1 {
color: #2d0e0e;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] header h1 {
font-size: 3rem;
line-height: 3rem; } }
.curated section[role="main"] header.event-header h1 {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .event-top-story .firstItem {
background-color: transparent;
background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, #4e4242), color-stop(100%, transparent));
background-image: -webkit-radial-gradient(0 0, circle, #4e4242, transparent);
background-image: radial-gradient( circle at 0 0, #4e4242, transparent); }
.curated section[role="main"] .event-top-story .firstItem .firstItemText h3 {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 2.5rem;
line-height: 1.2em;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-weight: 400;
margin-bottom: 1rem; }
.curated section[role="main"] .event-top-story .firstItem .firstItemText h3 a {
color: #fff; }
.curated section[role="main"] .event-top-story .firstItem .firstItemText p.summary {
color: #fff;
text-shadow: 0 1px 1px rgba(7, 7, 7, 0.75);
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem; }
.curated section[role="main"] .event-top-story .otherItems h3 {
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 0; }
.curated section[role="main"] .event-top-story .otherItems h3 a {
color: #4e4242; }
.curated section[role="main"] .event-top-story .otherItems h3 a:hover {
color: #ed1c24; }
.curated section[role="main"] .event-top-story .otherItems .summary {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .related-categories {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.9375rem;
color: #babbbd; }
.curated section[role="main"] .bodee .related-categories a {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .related-categories .related-label, .curated section[role="main"] .bodee .related-categories a {
color: #4D9E99; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero {
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); }
.curated section[role="main"] .bodee .hero:before {
height: 1px;
width: 100%;
background-color: #fff;
position: relative;
top: 1px; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel {
margin-top: 1px; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay {
background-color: transparent;
background-color: rgba(78, 66, 66, 0.55); }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons a {
color: #055387; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .byline {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay p {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt:nth-child(2) .item-overlay {
background-color: transparent;
background-color: rgba(45, 14, 14, 0.55); }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt:nth-child(2) .item-overlay {
background-color: transparent;
background-color: rgba(78, 66, 66, 0.55); } }
.curated section[role="main"] .bodee .hero .hero-editor .head {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
color: #2d0e0e; }
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
border-radius: 5px; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline a {
color: #ed1c24; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-title {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact a {
color: #4D9E99; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-info {
border-color: #eabdac; } }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:after {
background-color: #eabdac; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section {
position: relative; } }
.curated section[role="main"] .bodee .col-section .section-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); }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .section-head {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
height: 29px; } }
.curated section[role="main"] .bodee .col-section .section-head .head-text {
color: #4e4242;
font-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 2.1875rem;
text-transform: uppercase;
letter-spacing: 0.0625em; }
.curated section[role="main"] .bodee .col-section .section-head .head-text:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .section-head .head-text {
padding: 0 10px; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo {
padding-left: 10px;
padding-right: 10px; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo a {
color: #4e4242; }
.curated section[role="main"] .bodee .col-section .stories .index-promo a:hover {
color: #ed1c24; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .social-icons a {
color: #055387; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .byline {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .byline strong {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .deck {
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
color: #4e4242; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .summary {
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242;
font-size: 1.2rem;
line-height: 1.50rem; }
.curated section[role="main"] .bodee .col-section .stories .load-btn {
background-color: #c7e3f3 !important;
border-radius: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #4e4242;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
margin: 0 10px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: 95%;
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px); }
.curated section[role="main"] .bodee .col-section#popular-stories .stories {
background-color: #fcfcfc; }
.curated section[role="main"] .bodee .col-section .right-rail .promo {
border-bottom: 0 none;
margin: 0;
padding: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .promo .hed, .curated section[role="main"] .bodee .col-section .right-rail .promo ul {
padding: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .newsletter {
background-color: transparent;
background-image: none;
box-shadow: none;
border: 0 none;
margin: 30px 0;
display: block; }
.curated section[role="main"] .bodee .col-section .right-rail .newsletter .head, .curated section[role="main"] .bodee .col-section .right-rail .newsletter .hed {
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-size: 1rem !important;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
line-height: 2.1875rem;
margin: 0 0 0.75rem;
padding: 0 15px;
text-transform: uppercase;
padding-left: 0;
letter-spacing: 0.0625em; }
.curated section[role="main"] .bodee .col-section .right-rail .newsletter .head:after, .curated section[role="main"] .bodee .col-section .right-rail .newsletter .hed:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
.curated section[role="main"] .bodee .col-section .right-rail .newsletter .desc, .curated section[role="main"] .bodee .col-section .right-rail .newsletter p {
color: #4e4242;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
line-height: 1.375rem;
margin: 0 0 1rem; }
.curated section[role="main"] .bodee .col-section .right-rail .newsletter input {
margin: 0 10px 0 0; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links {
text-align: left; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links p .btn {
padding: .5rem 1rem;
-webkit-box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.3);
box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.3);
width: auto;
display: inline-block;
margin: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links .follow-us-links {
background-color: #f9fafb;
margin-top: 2rem; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links .follow-us-links p {
padding: 0.75rem 0.5rem 0; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links .follow-us-links .social {
margin: 1px;
font-size: 0; }
.curated section[role="main"] .bodee .col-section .right-rail .follow-us .links .follow-us-links .social li {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 20%;
background: #e8eef1;
padding: 0.875rem 0 0.375rem;
text-align: center;
font-size: 1.25rem; }
.curated section[role="main"] .bodee .col-section .right-rail .btn {
border: 0;
border-radius: 3px;
color: #fff;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem;
padding: .1875rem .5625rem .3125rem .5625rem;
background-color: #ed1c24; }
.curated section[role="main"] .bodee .col-section .right-rail .btn:hover {
background-color: #fb010b; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel {
padding-top: 45px; } }
.curated section[role="main"] .bodee .curated-carousel .section-head {
margin-bottom: 0.75rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .section-head {
margin-bottom: 0; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt {
padding-top: 34px;
padding-bottom: 34px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt:hover {
background-color: #c7e3f3 !important; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt h3 a:link {
color: #4e4242; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt img {
width: 100%; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 30px 10px; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt:first-child {
background-color: #c7e3f3; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt:nth-child(2) {
background-color: #fafafa; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.two-across div.excerpt:nth-child(odd) {
background-color: #c7e3f3;
border-left: 1px dashed #fff;
border-right: 1px dashed #fff; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.two-across div.excerpt:nth-child(even) {
border-right: 1px dashed #fff;
background-color: #fafafa; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.three-across div.excerpt:nth-child(odd) {
background-color: #fafafa;
border-left: 1px dashed #fff;
border-right: 1px dashed #fff; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.three-across div.excerpt:nth-child(even) {
background-color: #f6f6f6; }
.curated section[role="main"] .bodee #event-stories .section-head {
display: none; }
.curated section[role="main"] .bodee #event-stories .promo.event-calendar ul li .event-date {
background-color: #ed1c24; }
.pagination {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.pagination .page-link {
color: #4e4242; }
/* CIO-SPECIFIC STYLING */
#funnel .promo.newsletter, #resources .promo.newsletter, .curated .promo.newsletter {
background: none;
box-shadow: none;
-webkit-box-shadow: none;
border: 0 none;
margin-bottom: 25px;
padding-bottom: 0;
text-align: left;
width: 100%;
background-color: #f5fafc;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5fafc), color-stop(100%, #e1e1e1));
background-image: -webkit-linear-gradient(top, #f5fafc, #e1e1e1);
background-image: linear-gradient(to bottom,#f5fafc, #e1e1e1);
text-align: left; }
@media only screen and (min-width: 48em) {
#funnel .promo.newsletter, #resources .promo.newsletter, .curated .promo.newsletter {
margin-right: 15px; } }
#funnel .promo.newsletter .hed, #resources .promo.newsletter .hed, .curated .promo.newsletter .hed {
background: transparent;
color: #4e4242;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
font-weight: 400;
-webkit-font-smoothing: antialiased;
line-height: 1.25rem;
text-transform: uppercase;
padding: 10px;
margin: 0; }
#funnel .promo.newsletter .desc, #resources .promo.newsletter .desc, .curated .promo.newsletter .desc {
margin: 10px;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #4e4242; }
#funnel .promo.newsletter p, #resources .promo.newsletter p, .curated .promo.newsletter p {
color: #4e4242;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: normal;
margin: 0 10px;
padding: 0; }
#funnel .promo.newsletter form .btn, #resources .promo.newsletter form .btn, .curated .promo.newsletter form .btn {
background: #ed1c24;
border-radius: 3px;
color: #fff;
font-weight: normal;
font-family: "antennacondextralight", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#funnel .promo.newsletter form .btn:hover, #resources .promo.newsletter form .btn:hover, .curated .promo.newsletter form .btn:hover {
background: #4e4242; }
#funnel .promo.newsletter form input, #resources .promo.newsletter form input, .curated .promo.newsletter form input {
width: 63%;
border-radius: 3px;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .9375rem;
margin: 10px; }
/* CIO-SPECIFIC STYLES */
.insider-promo .head {
color: #5DAF29;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo span {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo a.btn {
background: #4e4242;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#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; }
.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; }