/* BEGIN INFOWORLD HOMEPAGE */
@media only screen and (min-width: 60.625em) {
section[role=main] {
max-width: 60.625rem;
margin: 0 auto; } }
section[role=main] .ticker-ad {
max-width: 970px;
margin: 0 auto 1rem; }
section[role=main] a {
text-decoration: none;
color: #222222; }
section[role=main] a.cn .contributor-nw {
font-size: 0.75rem;
font-weight: 400; }
section[role=main] h2.subhead {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 19px;
font-size: 1.2rem;
color: blue;
text-transform: uppercase;
margin: 0; }
section[role=main] .rail {
margin: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .rail {
margin: 0 1.5em 0 0; } }
section[role=main] .bodee .right-rail {
width: 94%;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail {
width: 31.25%;
clear: none; } }
section[role=main] .bodee .right-rail .ad#iab1 {
float: none;
width: auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .ad#iab1 {
float: left;
margin-top: 1.35rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .ad#iab1 {
width: 100%;
float: right;
margin-top: 0; } }
section[role=main] .bodee .right-rail .promo.resources {
float: none;
width: 100%;
margin-bottom: 30px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .promo.resources {
width: 41.5%;
padding-top: 1.5rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .promo.resources {
float: left;
width: auto;
padding-top: 0; } }
section[role=main] .bodee .right-rail .promo.resources .hed {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
section[role=main] .bodee .right-rail .promo.resources .hed a {
color: #62072e; }
section[role=main] .bodee .right-rail .promo.resources ul {
border: 0;
margin-left: 0;
margin-right: 10px;
padding-top: .2rem; }
section[role=main] .bodee .right-rail .promo.resources ul li {
padding: 0.5rem 0 0.75rem 0;
border-bottom: 1px solid #cdcdcd;
margin: 0 0 0.25rem 0;
clear: left; }
section[role=main] .bodee .right-rail .promo.resources ul li:last-child {
border-bottom: none; }
section[role=main] .bodee .right-rail .promo.resources ul li figure {
float: left;
margin-right: 10px; }
section[role=main] .bodee .right-rail .promo.resources ul li figure .sized-img-teaser img {
height: auto;
width: 60px; }
section[role=main] .bodee .right-rail .promo.resources ul li .item-eyebrow {
color: #62072e;
text-transform: uppercase;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px; }
section[role=main] .bodee .right-rail .promo.resources ul li .item-eyebrow .sponsored, section[role=main] .bodee .right-rail .promo.resources ul li .item-eyebrow .sponsored-media {
font-family: museo-sans;
color: #888;
text-transform: capitalize; }
section[role=main] .bodee .right-rail .promo.resources ul li .title {
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 400;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .right-rail .promo.resources ul li .title a {
color: #222222; }
section[role=main] .bodee .right-rail .promo.resources ul li .title a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail .promo.resources .more {
text-transform: uppercase;
margin-right: 0;
margin-top: .5rem;
margin-left: 0;
font-size: .9rem; }
section[role=main] .bodee .right-rail .promo.resources .more a {
color: #444444; }
section[role=main] .bodee .right-rail .promo.resources .more a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail .promo.resources form {
margin-top: 0;
margin-left: 10px;
float: left;
width: 79%; }
section[role=main] .bodee .right-rail .promo.resources form input[type=text] {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
border-color: #cccccc; }
section[role=main] .bodee .right-rail .promo.resources form button[type=submit] {
font: 500 16px/22px "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background: none repeat scroll 0 0 #ef4c23;
border-radius: 5px;
color: #FFFFFF;
padding: 3px 8px;
text-decoration: none;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .promo.resources form button[type=submit] {
font: 500 18px/26px "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; } }
section[role=main] .bodee .right-rail .promo.resources form button[type=submit]:hover {
background-color: #bebebe; }
section[role=main] .bodee .right-rail .promo.partner-hub {
margin-bottom: 30px;
float: none;
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .promo.partner-hub {
width: 41.5%;
padding-top: 1.5rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .promo.partner-hub {
float: left;
width: auto;
padding-top: 0; } }
section[role=main] .bodee .right-rail .promo.partner-hub .hed {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2;
margin-bottom: 0.75rem; }
section[role=main] .bodee .right-rail .promo.partner-hub .sponsored-by {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.75rem;
color: #7a7a7a;
margin-right: 0.5rem; }
section[role=main] .bodee .right-rail .promo.partner-hub .sponsor-img {
max-width: 200px;
vertical-align: text-bottom; }
section[role=main] .bodee .right-rail .promo.partner-hub .desc {
margin: 0.5rem 0 1rem 0;
font-size: 1rem; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs {
float: none;
width: auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .promo.list-promotion.blogs {
float: left;
width: 41.5%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .promo.list-promotion.blogs {
float: none;
width: 100%; } }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style .eyebrow-wrapper {
clear: both; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style .eyebrow-wrapper .eyebrow {
float: left;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #3b3b3b;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style .eyebrow-wrapper a.learn-more-home {
float: right;
color: #a6a6a6;
font-size: .75rem;
text-transform: uppercase;
position: relative;
top: 10px;
line-height: 1.2; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style .eyebrow-wrapper a.learn-more-home:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored {
clear: both;
border-top: 2px solid #7a7a7a; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li:last-child {
border-bottom: none; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li {
padding: 0 0 0.25rem 0;
margin-bottom: .75rem; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li img {
float: left;
height: 70px;
width: auto;
border-radius: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li img {
float: right;
margin-right: 0; } }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li .blog-branding-text {
color: #7a7a7a; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li .title {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 1.4rem;
font-size: 1.1rem;
padding-top: 2px; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li .title a {
color: #222222; }
section[role=main] .bodee .right-rail .promo.list-promotion.blogs .mod-style ul.sponsored li .title a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail .ad#iab2 {
display: block;
width: 100%;
clear: both; }
section[role=main] .bodee .right-rail #ifw-reviews {
float: none;
width: 100%;
margin: 1rem 0 1rem 0;
padding-top: .5rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews {
width: 56%;
float: right;
margin: 1rem 0 1rem 0;
padding-top: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews {
width: 300px;
margin: 1rem 0 1rem 0; } }
section[role=main] .bodee .right-rail #ifw-reviews .head {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 0;
line-height: 1.2; }
section[role=main] .bodee .right-rail #ifw-reviews ul {
border-top: none;
border-bottom: none;
padding-top: 0; }
section[role=main] .bodee .right-rail #ifw-reviews ul li {
margin-top: 12px;
min-height: 80px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone {
margin-top: 0;
margin-bottom: 20px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item {
position: absolute;
background-color: rgba(240, 240, 241, 0.8);
width: 94%;
float: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item {
width: 300px; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item .item-scorecard, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item .item-scorecard {
padding-left: 10px;
padding-top: 10px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item .title, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item .title {
font-size: 1.55rem;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding-left: 10px;
padding-right: 10px;
font-weight: 700; }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item .title a:hover, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item .title a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item-image, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item-image {
width: 100%;
max-height: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item-image, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item-image {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.first .item-image, section[role=main] .bodee .right-rail #ifw-reviews ul li.with-image.firstone .item-image {
width: 300px; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item {
float: left;
width: 64%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item {
width: 52%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item {
width: 64%; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard {
color: #62072e;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
padding-left: 0;
padding-top: 0;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard {
padding-bottom: 2px;
font-size: 1.1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard {
padding-bottom: 0;
font-size: 1rem; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars {
display: inline-block;
background-image: url(http://idge.staticworld.net/idge/starbomb_sprites_154x162_a.png);
width: 77px;
height: 13px;
background-size: 77px 81px;
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 5px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars.two {
background-position: 0 -14px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars.three {
background-position: 0 -28px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars.four {
background-position: 0 -41px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars.five {
background-position: 0 -55px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .item-scorecard .stars.zero {
background-position: 0 -68px; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .title {
font-size: 1.2rem;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 500;
padding-left: 0;
padding-right: 5px;
line-height: 1.5rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .title {
font-size: 1.55rem;
font-weight: 900;
line-height: 1.9rem;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .title {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.5rem;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item .title a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item-image {
width: 100px;
height: auto;
max-height: 66px;
overflow: hidden;
border: 1px solid #6d6d6d;
float: right; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item-image {
width: 190px;
max-height: 123px;
margin-top: 6px;
margin-bottom: 10px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail #ifw-reviews ul li .item-image {
width: 100px;
max-height: 66px;
margin-top: 0;
margin-bottom: 0; } }
section[role=main] .bodee .right-rail #ifw-reviews ul li .item-image a img {
width: 100%; }
section[role=main] .bodee .right-rail #ifw-reviews .all-reviews {
font-size: .95rem;
text-align: center;
padding-top: .5rem; }
section[role=main] .bodee .right-rail #ifw-reviews .all-reviews a {
background-color: #ffffff;
position: relative;
z-index: 2;
padding-left: 10px;
padding-right: 10px;
color: #333333; }
section[role=main] .bodee .right-rail #ifw-reviews .all-reviews a:hover {
color: #a31e22; }
section[role=main] .bodee .right-rail #ifw-reviews .all-reviews hr {
position: relative;
top: -26px;
border-top: 1px solid #cdcdcd; }
section[role=main] .bodee .right-rail .newsletter.follow-us {
width: auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us {
width: 41.5%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .newsletter.follow-us {
width: auto; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .head {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
section[role=main] .bodee .right-rail .newsletter.follow-us a.btn {
background: none repeat scroll 0 0 #ef4c23;
border-radius: 5px;
color: #FFFFFF;
font: 500 18px/26px "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 5px 10px;
text-decoration: none;
text-transform: uppercase;
margin-top: 1rem;
margin-bottom: 1.5rem; }
section[role=main] .bodee .right-rail .newsletter.follow-us a.btn:hover {
background: none repeat scroll 0 0 #bebebe; }
section[role=main] .bodee .right-rail .newsletter.follow-us > p {
text-align: center;
color: #444444;
font-size: 1.2rem;
margin-top: 1rem; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links p {
margin: 1rem 0 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us .links p {
margin: 1rem 1rem 0; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links p {
display: none; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li {
border-left: transparent;
font-size: 2rem; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li a {
color: #3b111e; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li a:hover {
color: #bebebe; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li:first-child {
border-left: none; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li:last-child {
display: none; }
section[role=main] .bodee .left-wrapper {
width: auto;
margin-top: -1rem;
margin-left: 1rem;
margin-right: 1rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper {
margin-top: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper {
width: 66%;
margin-left: auto;
margin-right: auto; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .main-col {
width: 68%;
margin-right: 5px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .main-col {
width: 64%; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .rail {
width: 27%;
margin: 0 1em 0 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .rail {
margin: 0 1.5em 0 0;
width: 30%; } }
section[role=main] .bodee .left-wrapper .rail .insider-mod {
margin-bottom: 40px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .tablet, section[role=main] .bodee .left-wrapper .rail .insider-mod .tabletmobile {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .rail .insider-mod .tablet {
display: block; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .tabletmobile {
display: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .rail .insider-mod .tabletmobile {
display: block; } }
section[role=main] .bodee .left-wrapper .rail .insider-mod .insider-homepage-intro {
position: relative;
background-color: #ffffff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid #4e4e4e; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .rail .insider-mod .insider-homepage-intro {
-webkit-box-shadow: 2px 2px 0px 0px #e6e7e7;
-moz-box-shadow: 2px 2px 0px 0px #e6e7e7;
box-shadow: 2px 2px 0px 0px #e6e7e7;
border-bottom: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .rail .insider-mod .insider-homepage-intro {
-webkit-box-shadow: 5px 5px 0px 0px #e6e7e7;
-moz-box-shadow: 5px 5px 0px 0px #e6e7e7;
box-shadow: 5px 5px 0px 0px #e6e7e7;
border-bottom: none; } }
section[role=main] .bodee .left-wrapper .rail .insider-mod .insider {
float: none;
width: 88px;
height: 24px;
/*&:after {
border-top: 13px solid transparent;
border-left: 11px solid #6eae00;
border-bottom: 12px solid transparent;
}*/ }
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc {
margin-top: 12px;
font-style: normal;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.05rem;
color: #6eae00;
line-height: 1.2;
padding-left: 7px;
padding-bottom: 13px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc {
font-size: 1.05rem;
line-height: 1.3; } }
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc a {
color: #211d1e;
font-size: 1rem;
clear: both;
display: block;
padding-top: 3px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc a:hover {
color: #bebebe; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc a strong {
font-weight: 400;
text-transform: uppercase;
letter-spacing: .08rem; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .desc a strong i.ss-icon.ss-right:before {
color: #fff;
font-size: .7rem;
background-color: #333;
border-radius: 10px;
padding: 2px 2px 1px 4px;
margin-left: 4px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item {
border-top: 1px dotted #bc99a5;
margin-top: 15px;
padding-top: 15px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item h4 {
font-size: 1.1rem;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 300;
line-height: 1.25em;
padding-top: 0;
margin: 0;
margin-bottom: 15px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item h4 a {
color: #444444; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item h4 a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item.first {
border-top: 0;
margin-top: 0; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item .item-eyebrow {
color: #62072e;
text-transform: uppercase;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 18px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item .item-eyebrow .sponsored {
color: #7a7a7a; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .item .item-eyebrow .sponsored-media {
font-family: museo-sans;
color: #888;
text-transform: capitalize; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .all-insider {
font-size: .95rem;
text-align: center;
margin-top: 30px; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .all-insider a {
background-color: #ffffff;
position: relative;
z-index: 2;
padding-left: 10px;
padding-right: 10px;
color: #333333; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .all-insider a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper .rail .insider-mod .all-insider hr {
position: relative;
top: -26px; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .hed {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item {
border-top: 1px dotted #bebebe;
padding-top: 15px;
margin-top: 15px;
margin-bottom: 15px; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.first {
border-top: none;
margin-top: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.notmobile {
display: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.notmobile {
display: block; } }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.nativo-homecrawl .brandpost, section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.nativo-homecrawl .sponsored-by {
display: block;
padding-bottom: 3px; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.nativo-homecrawl .brandpost {
font-style: normal;
font-weight: 400; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item.nativo-homecrawl .sponsored-by {
text-transform: none;
color: #7a7a7a; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item h4 {
font-size: 1.1rem;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 300;
line-height: 1.25em;
margin: 0; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item h4 a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item .item-eyebrow {
text-transform: uppercase;
font-size: 12px;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 13px;
color: #62072e; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item .item-eyebrow a {
color: inherit; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item .item-eyebrow a[href="/contributor-network/signup.html"] {
display: none; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod div.item .item-eyebrow .sponsored-media {
font-family: museo-sans;
color: #888;
text-transform: capitalize; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .all-news {
font-size: .95rem;
text-align: center; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .all-news a {
background-color: #ffffff;
position: relative;
z-index: 2;
padding-left: 10px;
padding-right: 10px;
color: #333333; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .all-news a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .all-news hr {
position: relative;
top: -26px;
border-top: 1px solid #cdcdcd; }
section[role=main] .bodee .left-wrapper .rail .newsfeed-mod .river-well {
margin: 0;
padding: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 35px; }
section[role=main] .bodee .left-wrapper .wide-rail {
clear: both;
float: left;
width: 100%; }
section[role=main] .bodee .left-wrapper .wide-rail .ifw-videos {
height: 80px;
margin-top: 20px;
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .wide-rail .ifw-videos {
display: block; } }
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel {
margin-top: 35px;
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel {
display: block;
clear: both; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel {
margin-bottom: 0; } }
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel .head {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 14px;
line-height: 1.2; }
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel .head a {
color: #62072e; }
section[role=main] .bodee .left-wrapper .wide-rail .slideshow-carousel .head a:hover {
color: #bebebe; }
section[role=main] .bodee .left-wrapper .wide-rail .top-bloggers .hed {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
section[role=main] .bodee .left-wrapper #news-and-features {
margin: 0 auto 2.5rem; }
section[role=main] .bodee .left-wrapper #news-and-features div.item {
margin-top: 10px;
margin-bottom: 35px;
clear: both; }
section[role=main] .bodee .left-wrapper #news-and-features div.item:first-child {
margin-top: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item .insider {
top: 6px; } }
section[role=main] .bodee .left-wrapper #news-and-features div.item h4 {
font-size: 1.2rem;
line-height: 1.2;
padding: 0;
margin: 0 0 .8rem 0;
font-weight: 900; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item h4 {
font-size: 1.75rem;
line-height: 2rem; } }
section[role=main] .bodee .left-wrapper #news-and-features div.item h4 a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper #news-and-features div.item h4.title {
float: right;
width: 62%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item h4.title {
float: left;
width: 58%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item h4.title {
float: none;
width: auto; } }
section[role=main] .bodee .left-wrapper #news-and-features div.item .byline {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item .byline {
display: block;
margin-bottom: 8px;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
color: #444444;
text-transform: uppercase;
letter-spacing: .2rem;
font-weight: 300; } }
section[role=main] .bodee .left-wrapper #news-and-features div.item .byline span a {
color: #767676; }
section[role=main] .bodee .left-wrapper #news-and-features div.item .byline span a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper #news-and-features div.item .byline img {
width: 30px;
border: 1px solid #444444;
margin-right: 5px;
background-color: #e6e4e4; }
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap {
float: left;
width: 33%;
padding-bottom: 30px;
position: relative;
overflow: hidden; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap {
float: right;
width: 38%;
padding-bottom: 20px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap {
float: none;
width: auto;
padding-bottom: 0; } }
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap a img {
width: 100%; }
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap a .item-overlay {
background: #000;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease-in 0s;
-moz-transition: opacity 0.3s ease-in 0s;
-o-transition: opacity 0.3s ease-in 0s;
transition: opacity 0.3s ease-in 0s; }
section[role=main] .bodee .left-wrapper #news-and-features div.item .img-wrap a:hover .item-overlay {
opacity: 0.3; }
section[role=main] .bodee .left-wrapper #news-and-features div.item figure a img {
width: 100%; }
section[role=main] .bodee .left-wrapper #news-and-features .all-blogs {
clear: both;
text-align: center;
font-size: .95rem; }
section[role=main] .bodee .left-wrapper #news-and-features .all-blogs a {
color: #333333;
position: relative;
z-index: 2;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff; }
section[role=main] .bodee .left-wrapper #news-and-features .all-blogs a:hover {
color: #a31e22; }
section[role=main] .bodee .left-wrapper #news-and-features hr.feature-rule {
margin: 0;
position: relative;
bottom: 10px;
border-top: 1px solid #cdcdcd; }
@media only screen and (min-width: 48em) {
section[role=main] .top-story {
margin-left: 1em;
margin-right: 1em; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .top-story {
margin-left: 0;
margin-right: 0; } }
section[role=main] .home-feature {
position: relative;
background-color: #ffffff;
box-shadow: none; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature {
box-shadow: 4px 4px 0px 0px #e6e7e7;
height: 275px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature {
box-shadow: 7px 7px 0px 0px #e6e7e7;
height: 360px; } }
section[role=main] .home-feature .post-cont {
padding: 0;
margin-top: 0;
background: #ffffff;
margin-left: 0; }
section[role=main] .home-feature .post-cont a.cn {
display: block;
margin-left: 0.75rem; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature .post-cont {
margin-left: 415px;
padding-right: .5rem;
margin-top: 10px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature .post-cont {
margin-left: 550px;
padding-right: 1.5rem;
margin-top: 20px; } }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature .post-cont i.icon-play-btn-white {
display: none; } }
section[role=main] .home-feature .meta {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature .meta {
display: block;
font-size: 1rem;
font-family: "museo-sans-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #767676;
text-transform: uppercase;
font-size: .85rem;
letter-spacing: .05rem;
margin-left: .75rem;
margin-right: .75rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature .meta {
margin-left: .75rem;
margin-right: .75rem;
font-size: 1rem; } }
section[role=main] .home-feature .meta a {
color: #767676; }
section[role=main] .home-feature .meta a:hover {
color: #EF4C23; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature figure.feature-img img {
height: 275px;
clip: rect(0, 413px, 275px, 0); } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature figure.feature-img img {
height: 360px;
clip: rect(0, 540px, 360px, 0); } }
section[role=main] .home-feature figure.feature-img img {
opacity: 1;
filter: alpha(opacity=100); }
section[role=main] .home-feature figure.feature-img img:hover {
opacity: .95;
filter: alpha(opacity=95); }
section[role=main] .home-feature i.ss-play {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature i.ss-play {
display: block;
top: auto;
bottom: 10px;
width: 44px;
height: 46px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature i.ss-play {
bottom: 20px; } }
section[role=main] .home-feature i.ss-play:before {
content: ''; }
section[role=main] .home-feature .overlay {
background: rgba(255, 255, 255, 0.8);
position: absolute;
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
bottom: 102px; }
section[role=main] .home-feature .overlay h2 {
position: relative;
z-index: 4;
padding-left: .75rem;
padding-right: .75rem;
margin-left: 0;
margin-right: 0;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 900;
font-style: normal;
font-size: 1.75rem;
line-height: 2rem;
color: #222222;
letter-spacing: -.5px;
word-spacing: 0px;
margin-top: 0px; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature .overlay {
display: none; } }
section[role=main] .home-feature .item-eyebrow {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
margin-left: .75rem;
margin-right: .75rem;
color: #222222; }
section[role=main] .home-feature h2 {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 900;
font-style: normal;
color: #222222;
letter-spacing: -.5px;
word-spacing: 0px;
margin-top: 0px; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature h2 {
position: relative;
bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 2rem;
line-height: 2.25rem;
margin-left: .75rem;
margin-right: .75rem;
padding-top: 8px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature h2 {
font-size: 2.45rem;
line-height: 2.75rem;
margin-left: .75rem;
margin-right: .75rem; } }
section[role=main] .home-feature h2 a {
color: #222222; }
section[role=main] .home-feature h2 a:hover {
color: #a31e22; }
section[role=main] .home-feature h2 .insider {
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 0 4px 2px;
width: 71px;
height: 22px; }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature h2 .insider {
font-size: 15px;
/*&:after {
border-top: 10px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 12px solid transparent;
}*/ } }
section[role=main] .home-feature h3 {
border-bottom: 8px solid #e6e7e7;
font-weight: 300;
font-size: 1rem;
margin-top: 10px;
margin-left: .75rem;
margin-right: .75rem;
padding-bottom: 10px; }
@media only screen and (min-width: 48em) {
section[role=main] .home-feature h3 {
border-bottom: 0;
margin-left: .75rem;
margin-right: .75rem;
padding-bottom: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .home-feature h3 {
margin-left: .75rem;
margin-right: .75rem;
font-size: 1.3rem;
padding-bottom: 0; } }
.comments {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#page-wrapper {
background: #fff;
margin-top: 0;
padding-top: 1rem; }
@media only screen and (min-width: 60.625em) {
#page-wrapper {
padding-top: 1.125rem; } }
.about-brandposts p {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin: 0 2rem 1rem !important; }
.about-brandposts .close-bar {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-decoration: none;
text-align: right;
padding-right: 1.5rem; }
.promo.answers-promo.simple {
margin-right: 0;
margin-left: 0; }
@media only screen and (min-width: 48em) {
.promo.answers-promo.simple {
float: left;
width: 41.5%; } }
@media only screen and (min-width: 60.625em) {
.promo.answers-promo.simple {
clear: both;
float: none;
width: 100%; } }
@media only screen and (min-width: 48em) {
.promo.answers-promo.simple .question .excerpt {
border: 0;
float: none;
margin-bottom: .875rem;
padding: 0;
width: auto; } }
/* END INFOWORLD HOMEPAGE */
.wide-rail {
clear: both; }
.wide-rail .top-bloggers {
position: relative;
padding-top: 1.25rem;
margin-bottom: 10px; }
#VideoPlayerMain {
float: left;
position: relative; }
#main-video-playlist {
width: 35.051546%;
float: right;
background-color: #eee; }
#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 {
position: relative;
width: auto; }
@media only screen and (min-width: 60.625em) {
#main-video-playlist .main-video-playlist-item {
width: 139px; } }
#main-video-playlist .main-video-playlist-item img {
float: left;
display: block;
width: 120%;
height: 100%;
display: none; }
#main-video-outer-wrapper {
background-color: #FFFFFF;
margin: auto; }
.ss-play.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: 40%;
left: 45%;
padding: 5px;
opacity: .6;
border: none; }
.ss-play.playerplaybutton:hover {
background-color: #000;
color: #000; }
.ss-play.playerplaybutton.ss-play:before, .ss-play.playerplaybutton.ss-play.right:after {
position: relative;
top: 5px;
right: 3px; }
.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: block;
float: none;
margin-right: 0;
margin-bottom: 20px;
width: auto;
height: auto; }
@media only screen and (min-width: 60.625em) {
#video-module {
width: 640px;
float: left; } }
#video-module .vid #main-video-outer-wrapper #main-video-container {
background-color: #FFFFFF;
position: relative;
margin: 0 auto 10px;
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 10px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container h3 {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
border-bottom: 2px solid #4e4e4e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2; }
#video-module .vid #main-video-outer-wrapper #main-video-container h3 a {
color: #62072e; }
#video-module .vid #main-video-outer-wrapper #main-video-container h3 a:hover {
color: #bebebe; }
#video-module .vid #main-video-outer-wrapper #main-video-container #eVideoName {
font-size: 26px;
line-height: 1.15;
color: #222222;
margin: 0;
padding: 0;
height: 70px;
font-family: "museo-sans", "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;
background-color: #000000;
height: 336px; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content {
height: auto;
background-color: transparent; } }
#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;
position: relative;
top: 3px; }
@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;
top: 0; } }
#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 #000000; }
@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: 139px;
height: 283px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item {
border-bottom: 1px solid #444; }
#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 span {
padding: 8px;
float: left;
overflow: hidden;
display: block;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #444;
font-size: .95rem;
line-height: 1.3; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item span:hover {
color: #a31e22; }
#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 {
max-height: auto;
overflow: hidden;
height: 110px; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton {
max-height: 94px; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span {
display: block; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
background-color: #7a7a7a;
height: 110px;
overflow: hidden; }
@media only screen and (min-width: 60.625em) {
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
height: 94px; }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now:last-child {
height: 93.2; } }
#video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now span {
display: block;
color: #fff; }
#video-module .vid #main-video-outer-wrapper #main-video-footer-link {
text-align: right;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .85rem;
padding-top: 0px;
margin-bottom: 20px; }
#video-module .vid #main-video-outer-wrapper #main-video-footer-link a:hover {
color: #a31e22; }
#video-module #main-video-player-title {
font-size: 30px;
color: #222222;
margin: 0;
padding: 0;
top: -70px;
position: absolute;
width: 100%;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
width: 650px;
line-height: 1.05; }
section[role=main] .six-column {
padding-bottom: 15px;
margin-bottom: 0;
width: 95%; }
@media only screen and (min-width: 48em) {
section[role=main] .six-column {
width: 97%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .six-column {
width: 100%; } }
section[role=main] .six-column .head {
border-bottom: 2px solid #4e4e4e;
color: #62072e;
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.3rem;
font-weight: 900;
padding: 0;
text-transform: uppercase;
line-height: 1.2; }
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,
section[role=main] .six-column div > div.excerpt .title {
font-size: 1.25rem;
line-height: 1.4375rem; }
section[role=main] .six-column ul li .title a {
color: #222222;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
section[role=main] .six-column ul li .title a:hover {
color: #a31e22; }
section[role=main] .six-column ul li .site, section[role=main] .six-column ul li .item-eyebrow {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .six-column ul li .item-eyebrow {
font-size: .875rem;
color: #62072e; }
section[role=main] .six-column ul li .item-eyebrow .sponsored {
display: block;
line-height: 1.125rem;
margin-bottom: .25rem;
text-transform: none; }
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: #62072e; }
section[role=main] .six-column ul li p,
section[role=main] .six-column div > div.excerpt p {
color: #222222;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .95rem;
line-height: 1.1875rem;
margin: 5px 0 !important;
font-weight: 300; }
section[role=main] .six-column#additionalResources {
padding-bottom: 3rem; }
#resources-sponsored-links {
/* JB-627 - remove marchex and make sponsored links stretch */ }
#resources-sponsored-links a {
color: #16161d; }
#resources-sponsored-links a:hover {
color: #222222; }
#resources-sponsored-links .head {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #62072e;
font-size: 21px;
font-weight: 900;
text-transform: uppercase;
border-bottom: 2px solid #4e4e4e;
padding-bottom: 0;
line-height: 1.2; }
#resources-sponsored-links ul li {
font-family: "museo-sans", "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: #222222; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links section.sponsored-links {
float: none;
width: auto; } }
.item-carousel a.right,
.item-carousel a.left {
top: 225px;
display: block;
background-color: #7e072e;
box-shadow: none;
width: 40px;
font-size: 1.5rem;
height: 40px;
line-height: 47px;
border-radius: 0; }
@media only screen and (min-width: 48em) {
.item-carousel a.right,
.item-carousel a.left {
top: 160px; } }
.item-carousel a.right:hover,
.item-carousel a.left:hover {
background-color: #bebebe; }
.item-carousel a.right.disabled,
.item-carousel a.left.disabled {
background-color: #888; }
.item-carousel a.right.disabled:hover,
.item-carousel a.left.disabled:hover {
background-color: #888; }
.item-carousel a.right {
right: -10px; }
@media only screen and (min-width: 48em) {
.item-carousel a.right {
right: 0; } }
.item-carousel a.left {
left: -10px; }
@media only screen and (min-width: 48em) {
.item-carousel a.left {
left: 0; } }
.item-carousel .carousel-items {
height: auto;
width: 20000px; }
.item-carousel div.excerpt .excerpt-text p {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel div.excerpt .excerpt-text p a {
color: #222222; }
.item-carousel.bloggers-carousel {
margin-top: 15px !important;
margin-top: 20px; }
.item-carousel.bloggers-carousel div.excerpt {
width: 45%;
background-color: #f0f0f0;
height: 320px; }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt {
width: 22.6%;
height: 320px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.bloggers-carousel div.excerpt {
height: 340px; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:nth-child(even) {
margin-left: 16px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.bloggers-carousel div.excerpt:nth-child(even) {
margin-left: 12px; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:nth-child(odd) {
margin-left: 16px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.bloggers-carousel div.excerpt:nth-child(odd) {
margin-left: 12px; } }
.item-carousel.bloggers-carousel div.excerpt .excerpt-img {
background-color: transparent;
position: relative;
padding-top: 0;
height: auto; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-img img {
border-radius: 50%;
display: block;
width: 80px;
height: 80px;
min-height: 0;
border: 2px solid #62072e;
margin: 0 auto;
position: relative;
background-color: #e6e4e4; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text {
text-align: center;
padding: 15px 10px 10px 10px; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger {
font-family: "museo", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-size: .7rem; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger a {
color: #888888; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger a:hover {
color: #a31e22; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogname {
font-weight: 900;
font-size: 19px;
line-height: 1.2;
height: 80px; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogname a:hover {
color: #a31e22; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 {
font-weight: 900;
font-size: .95em;
line-height: 1.36; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 a:hover {
color: #a31e22; }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel {
max-width: none; } }
.item-carousel.bloggers-carousel.loaded .carousel-items {
max-width: none; }
.item-carousel.bloggers-carousel .carousel-inside-crop {
left: 0;
overflow: hidden;
width: 100%;
max-height: 450px; }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel .carousel-inside-crop {
width: auto;
height: auto;
margin: 0 20px; } }
.item-carousel.slideshow-carousel {
position: relative;
height: auto;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel a.browse.right, .item-carousel.slideshow-carousel a.browse.left {
top: 164px;
opacity: .85; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel a.browse.right, .item-carousel.slideshow-carousel a.browse.left {
top: 144px; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel {
max-width: 100%; } }
.item-carousel.slideshow-carousel .carousel-inside-crop {
height: auto;
left: 0;
overflow: hidden;
width: auto; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .carousel-inside-crop {
margin: 0px 20px;
max-height: 350px; } }
.item-carousel.slideshow-carousel .carousel-items {
height: auto;
width: 20000px; }
.item-carousel.slideshow-carousel #slideshow-footer-link {
text-align: right;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .85rem;
padding-top: 0px;
margin-bottom: 20px; }
.item-carousel.slideshow-carousel #slideshow-footer-link a:hover {
color: #a31e22; }
.item-carousel.slideshow-carousel div.excerpt {
width: 45%;
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px);
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt {
width: 30%;
width: -webkit-calc(33.333333% - 10px);
width: -moz-calc(33.333333% - 10px);
width: calc(33.333333% - 10px);
margin-left: 15px;
position: relative; }
.item-carousel.slideshow-carousel div.excerpt:first-child {
margin-left: 0 !important; } }
.item-carousel.slideshow-carousel div.excerpt:nth-child(odd) {
clear: left;
margin-right: 5px; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt:nth-child(odd) {
clear: none;
margin-right: 0; } }
.item-carousel.slideshow-carousel div.excerpt:nth-child(even) {
margin-left: 5px; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt:nth-child(even) {
margin-left: 15px; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-img {
padding-top: 75%; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-img {
margin-bottom: 0; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-img img {
min-width: 100%;
max-width: none;
height: 100%;
width: auto; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text {
position: relative;
bottom: 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
min-height: 59px; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text p {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text span.insider {
top: 4px; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 {
font-size: 0.875rem;
line-height: 1.0625rem;
margin: 10px 0 0;
font-weight: 300;
margin-top: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 {
font-size: 1.25rem;
line-height: 1.5rem; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 a {
color: #222222; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 a:hover {
color: #a31e22; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt:nth-child(1) .excerpt-text {
padding: 10px; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt:nth-child(2) .excerpt-text {
padding: 10px; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt:nth-child(3) .excerpt-text {
padding: 10px; } }
.item-carousel.slideshow-carousel.loaded .carousel-items {
max-width: none; }
.video-module .module-header {
background-color: #7e072e; }
.video-module .module-header .logo .logo-img {
background-image: url(http://idge.staticworld.net/images/infoworld-logo1.svg);
width: 110px; }
@media only screen and (min-width: 48em) {
.video-module .module-header .logo .logo-img {
width: 130px; } }
.video-module .module-header .logo .video-text {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .module-header .more-videos {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .lead-video-info .video-eyebrow {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.video-module .lead-video-info .video-title {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.video-module .video-listing .video-item .video-title {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }