@charset "UTF-8";
/* BEGIN ITWORLD HOMEPAGE */
section[role=main] .bodee .left-wrapper {
width: 94%;
margin: 1em auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper {
float: left;
margin-left: 1.2rem;
width: 55%;
width: -webkit-calc(100% - 315px - 34px);
width: -moz-calc(100% - 315px - 34px);
width: calc(100% - 315px - 34px); } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper {
float: left;
width: 66%;
margin: 0 0.5rem 0 0; } }
.lt-ie9 section[role=main] .bodee .left-wrapper {
margin: 0 8px 0 0; }
section[role=main] .bodee .left-wrapper .featured-stories {
margin-top: .5rem; }
section[role=main] .bodee .left-wrapper #top-stories {
padding-top: 3px;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #top-stories {
padding-top: 5px; } }
section[role=main] .bodee .left-wrapper #top-stories .top-stories {
margin-bottom: 2.5rem;
margin-top: 1rem; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories .mod-label {
border-top: 2px solid #ff5319;
color: #333;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase;
width: 99%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories .mod-label {
width: 97%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories .mod-label {
width: 98%; } }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul {
padding: 0;
margin: 0; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li {
list-style: none;
margin-bottom: 1rem; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li h4 {
font-weight: 400;
margin-top: 0;
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: .75rem; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li h4 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li h4 a:hover {
color: #ff5319; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li .insider {
top: 3px;
left: 1px; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul li .eyebrow {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.6875rem;
color: #ff5319;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul.top-col2 {
margin-left: 25px; } }
@media only screen and (min-width: 48em) and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul.top-col1, section[role=main] .bodee .left-wrapper #top-stories .top-stories ul.top-col2 {
float: left;
width: 46%; } }
@media only screen and (min-width: 48em) and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories ul.top-col1, section[role=main] .bodee .left-wrapper #top-stories .top-stories ul.top-col2 {
float: left;
width: 48%; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper #top-stories .top-stories .more-news {
display: none; } }
section[role=main] .bodee .left-wrapper #top-stories .top-stories .more-news a {
color: #ff5319;
text-decoration: none;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
font-weight: 700; }
section[role=main] .bodee .left-wrapper #top-stories .top-stories .more-news a:hover {
color: #545454; }
section[role=main] .bodee .left-wrapper .hit-list {
float: none;
width: 100%; }
section[role=main] .bodee .left-wrapper .hit-list .popular-col .hed {
font-size: 1.5rem;
line-height: 1.2rem;
text-align: left;
font-weight: 700;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #ff5319; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col .hed {
font-size: 1.875rem;
line-height: 1.875rem;
margin-bottom: 1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col .hed {
text-align: center;
margin-bottom: 0; } }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul {
padding-left: 10px;
list-style: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul {
padding-left: 0;
display: inline; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul {
display: block;
margin-top: 1rem;
margin-left: 2px;
margin-right: 2px; } }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li {
text-align: left;
margin-bottom: 35px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li {
text-align: center;
float: left;
width: 16%;
margin-right: 28px;
margin-bottom: 25px; }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li:last-child {
margin-right: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 31px; } }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title div {
float: left;
margin-right: 10px;
font-style: italic;
font-weight: 700;
color: #ffa801;
font-size: 1.938rem;
line-height: 2.313rem;
padding-bottom: 20px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title div {
float: none;
display: block;
margin-right: 0;
padding-bottom: 0; } }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title a {
position: relative;
top: 14px;
text-decoration: none;
color: #333;
font-size: 1.063rem;
line-height: 1.25rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title a {
top: 0; } }
section[role=main] .bodee .left-wrapper .hit-list .popular-col ul li .title a:hover {
color: #ff5319; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .hit-list {
width: 100%;
float: left; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .hit-list {
width: 27%; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo {
position: relative; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo {
border-left: 1px solid #ededed;
margin-left: 38px;
padding-right: 20px;
min-height: 320px; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .head {
border-top: 2px solid #ff5319;
color: #797979;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase;
width: 99%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .head {
border-top: 0 none;
width: auto;
margin: 0;
padding: 0;
text-transform: none;
line-height: normal;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: absolute;
left: -168px;
top: 140px; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .head span {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
font-style: italic;
color: #ff5319;
font-size: 3.063rem;
letter-spacing: -0.075rem; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content {
margin-left: 0;
padding: 0;
margin-top: 1rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content {
margin-left: 45px;
margin-top: 0; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .eyebrow-wrapper .item-eyebrow {
font-size: 0.9375rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #ff891d;
font-weight: 700;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .eyebrow-wrapper .item-eyebrow {
font-size: 1rem; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h3 {
font-size: 1.125rem;
line-height: auto;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
margin: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h3 {
font-size: 2.25rem;
line-height: 2.5rem; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h3 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h3 a:hover {
color: #ff5319; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .desc {
font-size: 0.9375rem;
line-height: 1.313rem;
color: #545454;
margin-top: .5rem;
border-style: solid;
border-width: 0 0 1px 0;
border-color: #ededed;
padding-bottom: 1rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .desc {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1rem;
-moz-border-image: url(http://idge.staticworld.net/ctw/dotted-border-new.png) 1 repeat;
-webkit-border-image: url(http://idge.staticworld.net/ctw/dotted-border-new.png) 1 repeat;
-o-border-image: url(http://idge.staticworld.net/ctw/dotted-border-new.png) 1 repeat;
border-image: url(http://idge.staticworld.net/ctw/dotted-border-new.png) 1 repeat;
border-color: transparent; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h4 {
margin: 0;
font-size: 1rem;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-top: 10px;
font-weight: 400; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h4 {
font-weight: 700;
border-bottom: 0 none;
padding-bottom: 0;
margin-top: 1rem; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h4 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h4 a:hover {
color: #ff5319; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content h4 .resource {
color: #ff5319;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
font-size: 0.6875rem;
font-weight: 500; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .insider {
top: 13px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .insider {
top: 18px; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .insider.larger {
top: 6px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .insider.larger {
font-size: 18px;
padding: 3px 8px 0;
line-height: 24px;
top: 10px; }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .content .insider.larger:after {
border-top: 13px solid transparent;
border-left: 14px solid #6eae00;
border-bottom: 13px solid transparent; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .sponsor {
margin-top: 1rem;
font-family: adelle-sans;
font-size: 0.625rem;
color: #797979; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .sponsor {
margin-left: 45px; } }
section[role=main] .bodee .left-wrapper .cram-session .package-promo-wrapper .package-promo .sponsor span {
display: block;
margin-bottom: 20px; }
section[role=main] .bodee .left-wrapper .news-river {
display: none; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper .news-river {
display: block;
float: left;
width: 65%;
margin-left: 38px; }
section[role=main] .bodee .left-wrapper .news-river ul {
list-style: none;
margin-top: 0;
padding-left: 0; }
section[role=main] .bodee .left-wrapper .news-river ul li {
margin-bottom: 30px; }
section[role=main] .bodee .left-wrapper .news-river ul li p.meta {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.75rem;
font-weight: 500;
color: #797979;
padding: 0;
margin: 0; }
section[role=main] .bodee .left-wrapper .news-river ul li .insider {
top: 5px; }
section[role=main] .bodee .left-wrapper .news-river ul li h3 {
margin: 0;
font-size: 1.25rem;
line-height: 1.5rem;
font-weight: 700;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .left-wrapper .news-river ul li h3 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .left-wrapper .news-river ul li h3 a:hover {
color: #ff5319; }
section[role=main] .bodee .left-wrapper .news-river ul li .eyebrow {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.6875rem;
color: #ff5319;
text-transform: uppercase; } }
section[role=main] .bodee .left-wrapper.wide {
width: 94%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .left-wrapper.wide {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .left-wrapper.wide {
width: 65%; } }
section[role=main] .bodee .right-rail {
width: 94%;
margin: 1em auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail {
width: 300px;
float: right;
clear: none;
padding-top: 0;
margin-right: 1.2rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail {
width: 31.25%;
margin: 0 0 0 1.1em;
clear: none;
float: left;
padding-top: 0; } }
section[role=main] .bodee .right-rail .ad {
float: none;
width: auto; }
section[role=main] .bodee .right-rail .ad > .ad {
float: none;
width: auto; }
section[role=main] .bodee .right-rail .ad#iab1 {
margin-top: .5rem;
margin-bottom: 1rem; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources {
margin-top: 2rem;
border-bottom: 1px solid #939597; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .resources .promo.apart.resources {
margin-top: 0;
border-left: 1px solid #efefef;
padding-left: 20px;
border-bottom: 0 none; } }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .hed {
border-top: 2px solid #ff5319;
color: #797979;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase;
width: 99%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .resources .promo.apart.resources .hed {
font-size: 1.563rem;
border-top: 0 none;
text-transform: capitalize;
width: 97%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .resources .promo.apart.resources .hed {
width: 100%; } }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .hed a {
text-decoration: none;
color: #797979; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .hed a:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul {
margin-top: 14px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li {
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
margin-bottom: 10px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li:last-child {
border-bottom: 0 none; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li.with-image {
min-height: 60px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li figure.well-img {
float: left;
margin-right: 15px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li figure.well-img .sized-img-teaser {
width: 60px;
max-height: 60px;
overflow: hidden;
border-bottom: 1px solid #ececec; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li .item-eyebrow {
font-size: 0.6875rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #ff5319;
text-transform: uppercase; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li .item-eyebrow .sponsored {
color: #939598;
text-transform: capitalize; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li .title {
font-size: 1rem;
line-height: 1.313rem;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li .title a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources ul li .title a:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .more {
font-size: 0.8125rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
margin-right: .75rem;
text-transform: uppercase;
margin-top: .6rem;
margin-left: .25rem; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .more a {
color: #094e6b;
text-decoration: none; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources .more a:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources form {
float: left;
white-space: nowrap;
border-left: 1px solid #d5d3d3;
margin-top: 0; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources form input[type=text] {
margin-left: .75rem;
padding-top: 8px;
padding-bottom: 8px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources form button.btn {
font-weight: 400;
background-color: #094e6b;
padding: 7px 10px; }
section[role=main] .bodee .right-rail .resources .promo.apart.resources form button.btn:hover {
background-color: #ff5319; }
section[role=main] .bodee .right-rail .brandposts {
padding-top: 1rem;
margin-bottom: 2rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts {
padding-top: 0; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts {
border-top: 2px solid #000;
padding-top: 5px; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts {
border-top: 0 none;
padding-top: 0;
line-height: 1; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .about-brandposts .close-bar {
text-align: right;
padding-right: 1rem;
text-decoration: none;
padding-bottom: 0; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper .eyebrow {
font-size: 1.188rem;
font-weight: 700;
color: #000000;
float: left; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper .eyebrow {
font-size: 1.875rem; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper a.learn-more-home {
top: 6px;
float: right;
color: #797979;
font-size: .75rem;
position: relative;
line-height: 1.2;
text-decoration: none;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 500;
font-style: italic;
border-bottom: 1px solid #ccc;
margin-right: 5px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper a.learn-more-home {
float: left;
margin-left: 20px;
top: 15px;
margin-right: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper a.learn-more-home {
float: right;
margin-left: 0; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts .eyebrow-wrapper a.learn-more-home:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul {
clear: both;
margin-top: 2rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul {
padding-top: 0.8125rem; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li {
border-bottom: 1px solid #d5d3d3;
padding: 0 0 0.5rem 0;
margin-bottom: .75rem; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li:last-child {
border-bottom: 0 none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li:last-child {
margin-left: 1rem;
padding-top: 10px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li:last-child {
margin-left: 0;
padding-top: 0; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li:first-child {
padding-top: 10px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li {
border-bottom: 0 none;
float: left;
width: 48%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li {
border-bottom: 1px solid #d5d3d3;
float: none;
width: auto; } }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .blog-branding-text {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.75rem;
color: #333333; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .blog-branding-text .sponsored-by {
color: #939598; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .title {
font-size: 1.063rem;
line-height: 1.313rem; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .title a {
color: #333333; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .title a:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .wrap {
float: right;
margin-left: 0.625rem;
margin-right: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .brandposts .promo.brandposts ul li .wrap {
float: left;
margin-right: 1.0625rem;
margin-left: 0;
padding-bottom: 7px; } }
section[role=main] .bodee .right-rail .newsletter.follow-us {
width: auto;
clear: both;
margin: 0 0 1rem 0;
padding-top: 1rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us {
margin: 0 0 1rem 0;
padding-top: 1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail .newsletter.follow-us {
padding-top: 0; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .head {
font-size: 1.375rem;
color: #ff5319;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
text-transform: none;
font-style: italic;
border-top: 1px solid #ededed;
padding-top: 6px;
line-height: 1;
padding-bottom: .5rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us .head {
font-size: 1.875rem;
font-style: normal;
border-top: 0 none;
padding-top: 0; } }
section[role=main] .bodee .right-rail .newsletter.follow-us p {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
color: #454545;
font-size: 1rem;
line-height: 1.438rem;
margin-bottom: 0px;
padding-bottom: 0px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us .links {
width: 310px; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .links p {
margin: 2rem 0 0 0;
padding: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us .links p {
margin: 1rem 0 0 0; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .links p a.btn {
padding: 8px 35px 10px 35px;
font-size: 1.125rem;
line-height: 1.375rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .newsletter.follow-us .links p a.btn {
padding: 10px 0 12px 0; } }
section[role=main] .bodee .right-rail .newsletter.follow-us .links p a.btn:hover {
background-color: #ff5319; }
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 {
margin-top: 1.4rem; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li {
font-size: 1.8rem;
padding-top: 12px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
border-radius: 50%;
border: 1px solid #ff5319;
background-color: #fff;
margin-left: 5px;
margin-right: 5px;
box-border: 10px;
box-sizing: border-box;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li:hover {
background-color: #ff5319; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li:hover > a {
color: #fff; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li a {
text-decoration: none;
color: #ff5319; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li a:hover {
color: #fff; }
section[role=main] .bodee .right-rail .newsletter.follow-us .links .follow-us-links ul.social li:last-child {
display: none; }
section[role=main] .bodee .right-rail.wide {
width: 94%;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail.wide {
width: 96%;
clear: none;
float: right; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee .right-rail.wide {
width: 32%; } }
section[role=main] .bodee .right-rail .top-stories {
margin-bottom: 2.5rem;
margin-top: .5rem; }
section[role=main] .bodee .right-rail .top-stories .mod-label {
border-top: 2px solid #ff5319;
color: #333;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase;
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .top-stories .mod-label {
width: 300px; } }
section[role=main] .bodee .right-rail .top-stories ul {
padding: 0;
margin: 0; }
section[role=main] .bodee .right-rail .top-stories ul li {
list-style: none;
border-bottom: 1px solid #ededed;
margin-top: .5rem; }
section[role=main] .bodee .right-rail .top-stories ul li h4 {
font-weight: 400;
margin-top: 0;
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: .75rem; }
section[role=main] .bodee .right-rail .top-stories ul li h4 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee .right-rail .top-stories ul li h4 a:hover {
color: #ff5319; }
section[role=main] .bodee .right-rail .top-stories ul li .insider {
top: 3px;
left: 1px; }
section[role=main] .bodee .right-rail .top-stories ul li .eyebrow {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.6875rem;
color: #ff5319;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee .right-rail .top-stories .more-news {
display: none; } }
section[role=main] .bodee .right-rail .top-stories .more-news a {
color: #ff5319;
text-decoration: none;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
font-weight: 700; }
section[role=main] .bodee .right-rail .top-stories .more-news a:hover {
color: #545454; }
section[role=main] .bodee #trusted-voices,
section[role=main] .bodee #newsletter-signup,
section[role=main] .bodee #idg-answers,
section[role=main] .bodee #big-read,
section[role=main] .bodee #insider,
section[role=main] .bodee #video {
width: 94%;
margin: 1.5rem auto;
clear: both;
margin: 1.5rem auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #trusted-voices,
section[role=main] .bodee #newsletter-signup,
section[role=main] .bodee #idg-answers,
section[role=main] .bodee #big-read,
section[role=main] .bodee #insider,
section[role=main] .bodee #video {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #trusted-voices,
section[role=main] .bodee #newsletter-signup,
section[role=main] .bodee #idg-answers,
section[role=main] .bodee #big-read,
section[role=main] .bodee #insider,
section[role=main] .bodee #video {
width: 100%; } }
section[role=main] .bodee #trusted-voices {
background-color: transparent;
width: 94%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #trusted-voices {
padding-top: 0px;
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #trusted-voices {
width: 100%;
padding-top: 20px; } }
section[role=main] .bodee #trusted-voices .cols-wrapper .mod-label {
border-top: 2px solid #ff5319;
color: #797979;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase;
width: 99%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #trusted-voices .cols-wrapper .mod-label {
display: none; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #trusted-voices .cols-wrapper .tv-wrapper {
background-color: #094e6b;
height: 180px; } }
section[role=main] .bodee #trusted-voices .cols-wrapper .tv-wrapper .trusted-voices {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #trusted-voices .cols-wrapper .tv-wrapper .trusted-voices {
display: block;
float: left;
width: 150px;
background-color: #094e6b;
height: 180px; }
section[role=main] .bodee #trusted-voices .cols-wrapper .tv-wrapper .trusted-voices a img {
width: 123px;
height: 77px;
border: 0;
top: 43px;
position: relative;
left: 26px; } }
section[role=main] .bodee #idg-answers {
margin: 2.5rem auto; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #idg-answers {
display: block;
height: 298px;
margin: 1.5rem auto;
margin-top: .5rem;
padding-top: 10px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #idg-answers {
height: 250px;
padding-top: 0; } }
section[role=main] .bodee #idg-answers .the-wrapper {
height: 277px;
position: relative;
border-bottom: 2px solid #f87364; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #idg-answers .the-wrapper {
height: 290px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #idg-answers .the-wrapper {
height: 240px; } }
section[role=main] .bodee #idg-answers .the-wrapper .header {
background-color: #2c2c2c;
border-bottom: 7px solid #f87364;
height: 110px; }
section[role=main] .bodee #idg-answers .the-wrapper .header .logo {
text-align: center; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #idg-answers .the-wrapper .header .logo {
text-align: left; } }
section[role=main] .bodee #idg-answers .the-wrapper .header .logo .answers-logo {
width: 268px;
height: 53px;
position: relative;
top: 15px;
border: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #idg-answers .the-wrapper .header .logo .answers-logo {
left: 34px;
top: 25px; } }
section[role=main] .bodee #idg-answers .the-wrapper .more-info {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #idg-answers .the-wrapper .more-info {
display: block;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.9375rem;
line-height: 1.375rem;
color: #2c2c2c;
font-weight: 500;
width: 270px;
position: absolute;
bottom: 80px;
left: 31px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #idg-answers .the-wrapper .more-info {
bottom: 30px;
width: 300px; } }
section[role=main] .bodee #idg-answers .the-wrapper .more-info a {
color: #2c2c2c; }
section[role=main] .bodee #idg-answers .the-wrapper .more-info a:hover {
color: #ff5319; }
section[role=main] .bodee #big-read {
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #big-read {
width: 100%; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read-img {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
margin-bottom: 0.75rem;
width: 100%; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read-img a img {
width: 100%;
min-width: 100%;
max-width: none; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read {
text-align: center;
position: relative;
top: -46px;
background-color: #ff5319;
width: 170px;
margin: 0 auto;
padding-bottom: 4px;
color: #fff;
height: 30px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read {
width: 250px;
height: 40px;
top: -56px; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .ss-openbook {
top: -5px;
left: -15px;
font-size: 1.3rem;
position: relative;
margin-right: 10px;
border-radius: 50%;
border: 3px solid #ffffff;
background-color: #ff5319;
width: 48px;
height: 48px;
box-sizing: border-box;
display: inline-block; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .ss-openbook {
font-size: 1.8rem;
top: -9px;
width: 64px;
height: 64px;
left: -20px; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .ss-openbook:before {
top: 9px;
position: relative; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .ss-openbook:before {
top: 14px; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .big-read-title {
font-size: 1.05rem;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
font-style: italic;
position: relative;
right: 15px;
bottom: 3px;
letter-spacing: .025rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .big-read .big-read-title {
display: inline-block;
font-size: 1.688rem;
right: 15px; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .credit {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .credit {
display: block;
position: relative;
top: -50px;
font-size: 0.625rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-align: right;
color: #545454; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .credit a {
color: #0067b7;
text-decoration: none; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .credit a:hover {
color: #ff5319;
text-decoration: underline; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text {
top: -35px;
padding-left: 10px;
padding-right: 10px;
position: relative; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text {
top: -40px;
padding-left: 0;
padding-right: 0; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text h4 {
font-size: 1.25rem;
line-height: 1.313rem;
margin: 0;
font-weight: 700;
text-align: center; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text h4 {
font-size: 2.5rem;
line-height: 3rem; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text h4 a {
color: #333;
text-decoration: none; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text h4 a:hover {
color: #ff5319; }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text .desc {
font-size: 1rem;
line-height: 1.313rem;
text-align: center;
color: #545454;
margin-top: 10px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text .desc {
font-size: 1.375rem;
line-height: 1.8rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo .text .desc {
margin-left: 60px;
margin-right: 60px; } }
section[role=main] .bodee #big-read .package-promo-wrapper .package-promo hr {
border-top: 1px solid #ededed;
width: 100%;
position: relative;
bottom: 20px; }
section[role=main] .bodee #newsletter-signup {
background-color: transparent; }
section[role=main] .bodee #newsletter-signup .newsletter i.ss-mail {
background-color: #ff5319;
font-size: 2rem;
padding: 20px;
border-radius: 50%;
padding: 7px 14px 7px 14px;
color: #fff;
float: left;
position: relative;
z-index: 2;
border: 4px solid #fff; }
section[role=main] .bodee #newsletter-signup .newsletter i.ss-mail:before {
position: relative;
top: 3px; }
section[role=main] .bodee #newsletter-signup .newsletter form {
background-color: #ff5319;
position: relative;
top: 7px;
border-left: 14px solid #fff;
padding-top: 5px;
padding-bottom: 5px; }
section[role=main] .bodee #newsletter-signup .newsletter form input[type=email] {
font-style: italic;
padding-top: 11px;
margin-left: 52px;
width: 47%;
width: -webkit-calc(95% - 333px - 38px);
width: -moz-calc(195% - 333px - 38px);
width: calc(95% - 333px - 38px); }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #newsletter-signup .newsletter form input[type=email] {
width: 54%;
margin-left: 82px; } }
section[role=main] .bodee #newsletter-signup .newsletter form button.btn {
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.188rem;
margin-left: 4px;
background-color: #ffa801;
padding: 5px 13px 7px;
margin-top: 2px; }
section[role=main] .bodee #newsletter-signup .newsletter form button.btn:hover {
background-color: #ff891d; }
section[role=main] .bodee #newsletter-signup .newsletter .hed {
float: left;
position: relative;
z-index: 2;
left: 25px;
top: 13px;
color: #fff;
font-style: italic;
font-size: 1.563rem;
font-weight: 700; }
section[role=main] .bodee #newsletter-signup .newsletter p {
clear: both;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #666;
font-size: 0.875rem;
margin-left: 90px;
line-height: 0.875rem; }
section[role=main] .bodee #idg-answers,
section[role=main] .bodee #insider {
margin-top: 2.5rem;
float: none; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #idg-answers,
section[role=main] .bodee #insider {
float: left;
clear: none; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider {
padding-top: .5rem;
margin-bottom: .5rem; } }
section[role=main] .bodee #insider .insider-promo-wrapper {
border-top: 3px solid #ededed;
padding-top: 20px;
margin-top: 20px; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green {
width: 120px;
float: left; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green {
width: 150px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green {
width: 162px; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green {
font-size: 1.25rem;
line-height: 1.75rem;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 3px 5px 4px 9px; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green:after {
border-top: 17px solid transparent;
border-left: 18px solid #6eae00;
border-bottom: 18px solid transparent; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green {
font-size: 1.75rem;
line-height: 2rem;
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 5px 5px 2px 9px; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green:after {
border-top: 19px solid transparent;
border-left: 20px solid #6eae00;
border-bottom: 20px solid transparent; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green {
font-size: 2rem;
line-height: 2.2rem; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green:after {
border-top: 20px solid transparent;
border-left: 21px solid #6eae00;
border-bottom: 21px solid transparent; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
font-size: 1rem;
width: 100%;
padding: 0;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #545454;
line-height: 1.5rem;
position: relative;
top: -7px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
font-size: 1rem;
top: -5px; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck span.br {
display: block; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
font-size: 1.1rem;
top: -4px; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a {
color: #094e6b;
text-decoration: none; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a:hover {
color: #ff5319;
text-decoration: underline; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider {
padding-left: 0;
padding-right: 0;
padding-top: 5px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider {
padding-top: 15px; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li {
font-size: 1rem;
line-height: 1.438rem;
color: #545454;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
border: 0 none;
float: left;
padding: 0 12px;
width: 50%;
width: -webkit-calc(50% - 12px);
width: -moz-calc(50% - 12px);
width: calc(50% - 12px); }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li {
width: 20%;
width: -webkit-calc(25% - 18px);
width: -moz-calc(25% - 18px);
width: calc(25% - 18px); } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li {
width: 14.5%; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .sized-img {
width: 100%;
height: 123px;
overflow: hidden;
margin-bottom: 10px;
margin-top: 5px; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .sized-img {
height: 95px; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .sized-img img {
width: 100%;
min-height: 95px; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: 5px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed {
font-size: 1.125rem;
line-height: 1.313rem; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed a {
text-decoration: none;
color: #333; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed a:hover {
color: #ff5319; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:first-child {
padding-left: 0; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:last-child {
padding-right: 0; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(2) {
padding-right: 0; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(2) {
padding-right: 12px; } }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6) {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(3), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(3), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(3), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(3), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(4) {
display: block; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(4) {
padding-right: 0; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(5), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(6), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(5), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(6), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(5), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(6), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(5), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(6) {
display: block; }
section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(3):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(4):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(5):nth-child(4), section[role=main] .bodee #insider .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:nth-child(6):nth-child(4) {
padding-right: 12px; } }
section[role=main] .bodee #newsletter-signup {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #newsletter-signup {
display: block; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #newsletter-signup {
margin: 2rem auto; } }
section[role=main] .bodee #video {
padding-top: 2rem; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video {
padding-bottom: 2rem;
padding-top: 3rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video {
padding-top: 2rem; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module {
display: block;
float: none;
margin-right: 0;
margin-bottom: 0;
width: auto;
height: auto; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container {
background-color: #FFFFFF;
position: relative;
margin: 0 auto 0;
width: 100%;
height: auto; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container h3 {
border-top: 2px solid #ff5319;
color: #797979;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 10px 0;
padding: 5px 5px 7px 0;
text-align: left;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container h3 {
border-top: 0 none;
color: #ff5319;
font-size: 1.125rem !important;
margin: 0 5px 3px 0;
padding: 0 15px 0 15px;
padding-left: 0;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #eVideoName {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #eVideoName {
display: block;
font-size: 2.063rem;
line-height: 2.063rem;
color: #333;
margin: 0;
padding: 0;
height: 70px;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content {
color: #fff;
cursor: pointer !important; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain {
display: block;
width: 79.5%;
height: auto; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain .posterImage {
width: 100%;
height: auto; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain .ss-directright:before {
position: relative;
left: -4px;
top: 5px; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #VideoPlayerMain img.poster-img {
width: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist {
width: 20.3%;
position: relative;
left: -2px;
height: 100%; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item {
width: 100%;
margin-bottom: 30px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item {
height: 120px;
border-bottom: 1px solid #ededed;
border-right: 1px solid #ededed;
margin-bottom: 0; } }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:first-child {
border-top: 1px solid #ededed; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:last-child {
margin-bottom: 30px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:last-child {
margin-bottom: 0; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item:hover {
background-image: none; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item img {
width: 140px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item img {
display: none; } }
section[role=main] .bodee #video #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: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #707276;
font-size: 1.05rem;
line-height: 1.2; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .main-video-playlist-item span:hover {
color: #ff5319; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now:last-child,
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton:last-child {
border-bottom: none; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton {
height: 100%;
font-family: "SSStandard";
cursor: pointer; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton.first {
border-left: 18px solid #094e6b; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton.first {
border-left: 20px solid #094e6b; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton:before {
height: 55px;
width: 55px;
left: 40px;
font-size: 24px;
line-height: 65px;
top: 12px;
content: '▶';
background-color: rgba(255, 255, 255, 0.6);
font-family: "SSStandard";
cursor: pointer;
border-radius: 50%;
color: black;
display: block;
text-align: center;
position: absolute;
padding-left: 3px; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton {
border-left: 18px solid transparent; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton:before {
display: none; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton {
border-left: 20px solid transparent; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton:before {
display: none; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span {
float: none;
padding: 0 8px 8px 14px;
overflow: hidden;
display: block;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #333;
font-size: 1rem;
line-height: 1.2; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span:hover {
color: #ff5319; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span {
float: left;
padding: 12px;
font-size: .925rem;
line-height: 1.1;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton span {
font-size: 1rem;
line-height: 1.2; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
background-color: #fff;
height: 120px;
height: 100%; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
border-left: 18px solid #094e6b; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now {
border-left: 20px solid #094e6b; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now span {
float: none;
padding: 0 8px 8px 14px;
overflow: hidden;
display: block;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
font-weight: 700;
color: #ff5319;
font-size: 1rem;
line-height: 1.2; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now span {
float: left;
padding: 12px;
font-size: .925rem;
line-height: 1.1;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-container #main-video-content #main-video-playlist .playbutton-now span {
font-size: 1rem;
line-height: 1.2; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-footer-link {
display: none; }
@media only screen and (min-width: 48em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-footer-link {
display: block;
text-align: right;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.063rem;
font-weight: 700;
font-style: italic;
position: absolute;
bottom: 20px;
right: 30px; } }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-footer-link {
right: 50px; } }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-footer-link a {
text-decoration: none;
color: #ff891d; }
section[role=main] .bodee #video #video-module .vid #main-video-outer-wrapper #main-video-footer-link a:hover {
color: #545454; }
section[role=main] .bodee #video #video-module #main-video-player-title {
font-size: 1.813rem;
color: #333;
margin: 0;
padding: 0;
top: -70px;
position: absolute;
width: 100%;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
width: 100%;
line-height: 1.05;
font-weight: 700; }
@media only screen and (min-width: 60.625em) {
section[role=main] .bodee #video #video-module #main-video-player-title {
font-size: 2.063rem; } }
#VideoPlayerMain {
float: left;
position: relative; }
@media only screen and (min-width: 48em) {
#main-video-playlist {
width: 35.051546%;
float: right; } }
#main-video-header-link {
height: 48px;
line-height: 48px;
vertical-align: middle;
font-size: 17px; }
#main-video-header-link a {
color: #fff;
display: block;
padding-right: 10px; }
#main-video-playlist .main-video-playlist-item {
width: 340px;
position: relative; }
#main-video-playlist .main-video-playlist-item img {
height: auto;
width: 156px;
float: left;
display: block; }
#main-video-outer-wrapper {
background-color: #FFFFFF;
margin: auto;
position: relative; }
.playerplaybutton {
background: url("http://idge.staticworld.net/idge/white-background70.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
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; }
.playerplaybutton:hover {
background-color: #000;
color: #000; }
.playerplaybutton.ss-play:before {
position: relative;
top: 3px;
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 {
width: 100%;
height: 434px; } }
.BCLvideoWrapper {
padding-bottom: 57.25%;
height: 0;
overflow: hidden; }
@media only screen and (min-width: 60.625em) {
.BCLvideoWrapper span {
display: block; } }
.BCLvideoWrapper object {
position: absolute;
top: 0;
left: 0; }
/* END ITWORLD HOMEPAGE */
#resources-sponsored-links {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: normal;
padding: 2.25rem 0 1.25rem 0;
position: relative;
width: 94%; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links {
width: 96%; } }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links {
width: 100%; } }
#resources-sponsored-links:before {
position: absolute;
height: 2px;
background-color: #797979;
content: '';
width: 100%; }
#resources-sponsored-links .head {
color: #797979;
float: none;
font-size: 1.125rem;
font-weight: 700;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
border: 0;
box-shadow: none;
margin-top: 4px; }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links .head {
padding-left: 0; } }
#resources-sponsored-links a {
color: #333;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#resources-sponsored-links a:hover {
color: #ff5319; }
#resources-sponsored-links ul li {
font-family: "adelle-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: #ff5319; }
#resources-sponsored-links section.sponsored-links {
padding: 0; }
@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: .875rem;
line-height: 1.188rem; }
#resources-sponsored-links section.sponsored-links ul li a {
color: #333; }
#resources-sponsored-links section.sponsored-links ul li a:hover {
color: #ff5319; }
.item-carousel.slideshow-carousel {
position: relative;
height: auto;
margin: 0 auto; }
@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: 100%;
margin-top: .9rem; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .carousel-inside-crop {
margin: 0;
margin-top: .9rem; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel .carousel-inside-crop {
margin-top: .9rem;
max-height: 320px; } }
.item-carousel.slideshow-carousel .carousel-items {
height: auto;
width: 20000px; }
.item-carousel.slideshow-carousel .mobile-nav {
position: absolute;
top: 12px;
right: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .mobile-nav {
left: 145px;
right: auto; } }
.item-carousel.slideshow-carousel .mobile-nav a {
background-color: #797979;
float: left;
margin-left: 14px;
height: 15px;
width: 15px;
display: inline-block;
cursor: pointer;
border-radius: 50%; }
.item-carousel.slideshow-carousel .mobile-nav a.active {
background-color: #ff891d; }
.item-carousel.slideshow-carousel .head {
border-top: 2px solid #ff5319;
color: #797979;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin: 0 5px 3px 0;
padding: 5px 5px 7px 0;
text-align: left;
width: 99%;
text-transform: uppercase; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .head {
font-size: 1.563rem;
border-top: 0 none;
text-transform: capitalize;
width: 97%; } }
.item-carousel.slideshow-carousel .head a {
color: #797979;
text-decoration: none; }
.item-carousel.slideshow-carousel .head a:hover {
color: #ff5319; }
.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: 45%;
width: -webkit-calc(50% - 10px);
width: -moz-calc(50% - 10px);
width: calc(50% - 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: 14px; } }
.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; }
.item-carousel.slideshow-carousel div.excerpt .shade {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .shade {
display: block;
background: transparent;
background: linear, false, rgba(255, 255, 255, 0) 0%, white 87%;
background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, white 87%);
background: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 87%);
background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, white 87%);
background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 87%);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF);
position: relative;
height: 70px;
bottom: 70px;
width: 100%; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a {
text-decoration: none;
color: #333; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a h4 {
font-size: 1rem;
line-height: 1.125rem;
margin: 0;
width: 90%; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a h4 {
font-size: 1.125rem;
color: #333;
line-height: 1.5rem;
font-weight: 700;
width: auto;
padding-right: 10px; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a h4:hover {
color: #ff5319; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a h4 {
font-size: 1.25rem;
line-height: 1.5rem;
padding-right: 7px;
padding-left: 7px; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
top: -70px; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text p {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text a {
color: #333;
text-decoration: none; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel div.excerpt .excerpt-text {
top: -80px; } }
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
top: 15%;
display: block;
background-color: rgba(0, 0, 0, 0.1);
border: 0.125rem solid rgba(255, 255, 255, 0.3);
box-shadow: none;
border-radius: 50%;
width: 45px;
font-size: 1.45rem;
height: 45px;
line-height: 50px;
color: #fff; }
.item-carousel.slideshow-carousel a.left:hover,
.item-carousel.slideshow-carousel a.right:hover {
background-color: rgba(0, 0, 0, 0.3); }
.item-carousel.slideshow-carousel a.left.disabled,
.item-carousel.slideshow-carousel a.right.disabled {
background-color: rgba(0, 0, 0, 0.3);
color: #797979; }
.item-carousel.slideshow-carousel a.left.disabled:hover,
.item-carousel.slideshow-carousel a.right.disabled:hover {
background-color: rgba(0, 0, 0, 0.3);
color: #797979; }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
top: 25%; } }
.item-carousel.slideshow-carousel a.left {
margin-left: 8px; }
.item-carousel.slideshow-carousel a.right {
margin-right: 8px; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel a.right {
margin-right: 14px; } }
.item-carousel.slideshow-carousel.loaded .carousel-items {
max-width: none; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel {
float: left;
width: 98%;
width: -webkit-calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: calc(100% - 10px);
max-width: none; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel {
width: 620px;
margin-right: 11px; } }
.item-carousel.homepage-carousel .carousel-inside-crop {
width: 100%;
overflow: hidden;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel .carousel-inside-crop {
min-height: 456px; } }
@media screen and (min-width: 850px) {
.item-carousel.homepage-carousel .carousel-inside-crop {
min-height: 465px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel .carousel-inside-crop {
max-height: none;
min-height: 489px; } }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel .carousel-inside-crop > div {
float: none;
margin: 0; } }
.item-carousel.homepage-carousel .carousel-items {
height: auto;
width: 20000px !important;
max-width: 100%; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel .carousel-items > div {
max-height: 409px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel .carousel-items > div {
max-height: 560px; } }
.item-carousel.homepage-carousel .carousel-items > div:nth-child(n+2) {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel .carousel-items {
width: auto; } }
.item-carousel.homepage-carousel .carousel-nav {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel .carousel-nav {
display: block;
margin: 10px 0 0;
text-align: center;
width: 100%; } }
.item-carousel.homepage-carousel .carousel-nav a {
background-color: #797979;
height: 13px;
width: 13px;
display: inline-block;
margin-right: 20px;
cursor: pointer;
border-radius: 50%; }
.item-carousel.homepage-carousel .carousel-nav a.active {
background-color: #ff891d; }
.item-carousel.homepage-carousel div.excerpt {
width: 100%;
position: relative;
margin: 0 0 .5rem 0; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt {
margin-bottom: 0;
box-sizing: border-box;
-moz-box-sizing: border-box; } }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .img-shade {
height: 120px;
position: relative;
top: -120px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 83%, white 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(83%, white), color-stop(100%, white));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 83%, white 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 83%, white 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 83%, white 100%);
/* IE10+ */
background: linear, to bottom, rgba(255, 255, 255, 0) 0%, white 83%, white 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */ } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text {
top: 5px; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text {
position: absolute;
top: 78%; } }
@media screen and (min-width: 850px) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text {
top: 74%; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text {
top: 74%; } }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .eyebrow-wrapper {
margin-left: 15px;
margin-right: 15px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .eyebrow-wrapper {
margin-left: 75px;
margin-right: 75px; } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text .eyebrow-wrapper .item-eyebrow {
font-size: 0.75rem;
color: #ff5319;
text-transform: uppercase;
font-weight: 700;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .eyebrow-wrapper .item-eyebrow {
font-size: 0.9375rem;
color: #fff;
background-color: #ff5319;
padding: 2px 10px 2px 10px;
position: absolute; } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 {
font-size: 1.25rem;
line-height: 1.375rem;
margin-top: .1em;
margin-bottom: .5em; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 {
font-size: 1.875rem;
line-height: 2.25rem;
margin-left: 15px;
margin-right: 15px;
margin-top: .8em;
margin-bottom: .1em; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 {
font-size: 2.063rem;
line-height: 2.688rem;
margin-top: .8em;
margin-bottom: .1em;
margin-left: 78px;
margin-right: 75px; } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 .insider {
float: none;
display: inline-block;
vertical-align: middle;
margin: 0 15px 4px 2px;
font-size: 15px;
padding: 2px 6px 2px 6px;
line-height: 18px; }
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 .insider:after {
border-top: 10px solid transparent;
border-left: 10px solid #6eae00;
border-bottom: 12px solid transparent; }
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 a {
text-decoration: none;
color: #333; }
.item-carousel.homepage-carousel div.excerpt .excerpt-text h3 a:hover {
color: #ff5319; }
.item-carousel.homepage-carousel div.excerpt .excerpt-text .desc {
font-size: 1rem;
line-height: 1.375rem;
color: #545454;
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .desc {
margin-left: 15px;
margin-right: 15px;
font-size: 1.063rem;
line-height: 1.625rem; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .desc {
margin-left: 78px;
margin-right: 75px; } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text .credit {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .credit {
display: block;
font-size: 0.625rem;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-align: right;
margin-right: 15px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-text .credit {
margin-right: 75px; } }
.item-carousel.homepage-carousel div.excerpt .excerpt-text .credit a {
color: #0067b7;
text-decoration: none; }
.item-carousel.homepage-carousel div.excerpt .excerpt-text .credit a:hover {
color: #ff5319;
text-decoration: underline; }
.item-carousel.homepage-carousel div.excerpt .excerpt-img {
width: 114px;
padding-top: 76px;
background-color: #fff;
float: right;
margin-left: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .excerpt-img {
display: block;
width: 100%;
margin-bottom: 5px;
position: relative;
height: 0;
overflow: hidden;
padding-top: 66%;
background-color: #999;
margin-left: 0; } }
.item-carousel.homepage-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.homepage-carousel div.excerpt figure.feature-img {
padding: 0 0 66.67% 0; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt figure.feature-img {
padding: 0 0 75% 0; } }
.item-carousel.homepage-carousel div.excerpt figure.feature-img img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
-moz-box-shadow: inset 0 0 59px rgba(78, 66, 66, 0.43);
/* inner glow */
-webkit-box-shadow: inset 0 0 59px rgba(78, 66, 66, 0.43);
/* inner glow */
box-shadow: inset 0 0 59px rgba(78, 66, 66, 0.43);
/* inner glow */ }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt figure.feature-img img {
height: auto;
width: 100%; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.homepage-carousel div.excerpt figure.feature-img img {
width: auto;
height: 100%; } }
.item-carousel.homepage-carousel div.excerpt .hed {
box-sizing: border-box;
-moz-box-sizing: border-box;
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 10% 5.5% 3% 5.5%; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .hed {
padding: 10% 15% 3% 5.5%; } }
.item-carousel.homepage-carousel div.excerpt .hed .eyebrow,
.item-carousel.homepage-carousel div.excerpt .hed p {
color: #fff;
font-family: "abril-text", "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.homepage-carousel div.excerpt .hed .eyebrow span.byline:after,
.item-carousel.homepage-carousel div.excerpt .hed p span.byline:after {
content: '.'; }
.item-carousel.homepage-carousel div.excerpt .hed .eyebrow span.date,
.item-carousel.homepage-carousel div.excerpt .hed p span.date {
font-family: "abril-text", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
display: block; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .hed .eyebrow span.date,
.item-carousel.homepage-carousel div.excerpt .hed p span.date {
padding-left: 3px;
display: inline; } }
.item-carousel.homepage-carousel div.excerpt .hed h2 {
font-family: "abril-text", "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: 1.85rem;
margin-bottom: .3em;
color: #fff;
border-bottom: 1px solid #fff;
padding-bottom: .15em; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel div.excerpt .hed h2 {
font-size: 3.2rem;
line-height: 1.2em; } }
.item-carousel.homepage-carousel div.excerpt .hed .byline-wrapper {
position: relative; }
.item-carousel.homepage-carousel .navi {
display: block;
text-align: center; }
.item-carousel.homepage-carousel .navi a {
display: inline-block;
margin-left: 5px;
height: 14px;
width: 14px;
border: 2px solid #ff5319;
border-radius: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer; }
.item-carousel.homepage-carousel .navi a:first-child {
margin-left: 0; }
.item-carousel.homepage-carousel .navi a.active {
background-color: #ff5319; }
.item-carousel.homepage-carousel a.left,
.item-carousel.homepage-carousel a.right {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.homepage-carousel a.left,
.item-carousel.homepage-carousel a.right {
top: 35%;
background-color: rgba(255, 255, 255, 0.5);
display: block;
background-color: transparent;
box-shadow: none;
border-radius: 50%;
width: 49px;
font-size: 1.45rem;
height: 49px;
line-height: 53px;
border: 1px solid #ddd;
color: #ddd; }
.item-carousel.homepage-carousel a.left:hover,
.item-carousel.homepage-carousel a.right:hover {
background-color: rgba(0, 0, 0, 0.05); } }
@media only screen and (min-width: 48em) and (min-width: 850px) {
.item-carousel.homepage-carousel a.left,
.item-carousel.homepage-carousel a.right {
top: 40%; } }
@media only screen and (min-width: 48em) and (min-width: 60.625em) {
.item-carousel.homepage-carousel a.left,
.item-carousel.homepage-carousel a.right {
top: 68%;
background-color: transparent;
border: 1px solid #e0dfdf;
color: #797979; } }
@media only screen and (min-width: 48em) and (min-width: 48em) {
.item-carousel.homepage-carousel a.left.disabled,
.item-carousel.homepage-carousel a.right.disabled {
background-color: rgba(0, 0, 0, 0.3);
color: #bbb; }
.item-carousel.homepage-carousel a.left.disabled:hover,
.item-carousel.homepage-carousel a.right.disabled:hover {
background-color: rgba(0, 0, 0, 0.3);
color: #bbb; } }
@media only screen and (min-width: 48em) and (min-width: 60.625em) {
.item-carousel.homepage-carousel a.left.disabled,
.item-carousel.homepage-carousel a.right.disabled {
background-color: rgba(0, 0, 0, 0.1);
color: #797979; }
.item-carousel.homepage-carousel a.left.disabled:hover,
.item-carousel.homepage-carousel a.right.disabled:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #797979; } }
.item-carousel.homepage-carousel a.left {
left: 10px; }
.item-carousel.homepage-carousel a.right {
right: 10px; }
.item-carousel.homepage-carousel.loaded .carousel-items {
max-width: none; }
.item-carousel.homepage-carousel.loaded .carousel-items > div:nth-child(n+2) {
display: block; }
.item-carousel.follow-carousel {
margin-top: 20px; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel {
margin-top: 0;
float: left;
width: calc(100% - 160px); } }
.item-carousel.follow-carousel .carousel-inside-crop {
margin: 0 0; }
.item-carousel.follow-carousel .cover {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel .cover {
display: block;
width: 170px;
height: 80px;
background-color: #094e6b;
position: absolute;
top: 0;
right: 0; } }
.item-carousel.follow-carousel .numberCount {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel .numberCount {
right: 60px;
display: block;
position: absolute;
color: #fff;
top: 40px;
font-style: italic;
font-size: 1.15rem;
word-spacing: .05rem;
letter-spacing: .15rem; } }
.item-carousel.follow-carousel.item-carousel {
max-width: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel.item-carousel {
background-color: #094e6b; } }
.item-carousel.follow-carousel.item-carousel a.left,
.item-carousel.follow-carousel.item-carousel a.right {
background-color: #094e6b;
border-radius: 100%;
box-shadow: none;
color: #fff;
cursor: pointer;
height: 40px;
line-height: 52px;
overflow: visible;
text-align: center;
width: 25px;
z-index: 5;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #a1bcc7; }
.item-carousel.follow-carousel.item-carousel a.left:hover,
.item-carousel.follow-carousel.item-carousel a.right:hover {
background-color: #ff5319; }
.item-carousel.follow-carousel.item-carousel a.left .ss-icon.ss-navigateright,
.item-carousel.follow-carousel.item-carousel a.right .ss-icon.ss-navigateright {
position: relative;
top: -2px;
left: 1px;
font-size: 1.1rem; }
.item-carousel.follow-carousel.item-carousel a.left .ss-icon.ss-navigateleft,
.item-carousel.follow-carousel.item-carousel a.right .ss-icon.ss-navigateleft {
position: relative;
top: -2px;
left: -1px;
font-size: 1.1rem; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel.item-carousel a.right {
top: 35px;
right: 10px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.follow-carousel.item-carousel a.right {
right: 10px;
top: 35px; } }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel.item-carousel a.left {
top: 35px;
left: 0; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.follow-carousel.item-carousel a.left {
left: 0;
top: 35px; } }
.item-carousel.follow-carousel .carousel-items > div {
border-bottom: 1px solid #ededed;
margin-top: 1rem;
margin-top: .5rem;
padding-bottom: .25rem; }
.item-carousel.follow-carousel .carousel-items > div:last-child {
border-bottom: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel .carousel-items > div {
margin-top: 0;
max-height: 180px;
border-bottom: 0;
padding-bottom: 0; } }
.item-carousel.follow-carousel div.excerpt {
width: 100%;
position: relative;
margin: 0 0 0 0;
margin-top: .75rem; }
.item-carousel.follow-carousel div.excerpt:first-child {
margin-top: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt {
width: 100%;
position: relative;
margin-bottom: 0;
margin-top: 0;
box-sizing: border-box;
-moz-box-sizing: border-box; } }
.item-carousel.follow-carousel div.excerpt .excerpt-img {
padding-top: 70px;
width: 70px;
display: block;
margin-bottom: 0;
position: relative;
height: 0;
overflow: hidden;
background-color: transparent;
float: left;
margin-right: 4px; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-img {
padding-top: 66%;
width: 184px; } }
.item-carousel.follow-carousel div.excerpt .excerpt-img img {
background-color: #e1e1c8;
max-height: 60px;
min-height: 60px;
width: auto;
clip: auto;
border-radius: 100%;
overflow: hidden;
position: absolute;
top: 0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(desaturate.svg#greyscale); }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-img img {
max-height: 180px;
min-height: 180px;
clip: rect(0px, 170px, auto, 15px);
overflow: hidden;
position: absolute;
top: 0;
border-radius: 0; } }
.item-carousel.follow-carousel div.excerpt .border {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .border {
display: block;
position: absolute;
height: 180px;
width: 15px;
left: 14px;
-moz-box-shadow: inset 12px 0 17px -7px #094e6b;
-webkit-box-shadow: inset 12px 0 17px -7px #094e6b;
box-shadow: inset 12px 0 17px -7px #094e6b; } }
.item-carousel.follow-carousel div.excerpt .border-right {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .border-right {
display: block;
position: absolute;
height: 180px;
width: 15px;
left: 157px;
-moz-box-shadow: inset -10px 0 17px -7px #094e6b;
-webkit-box-shadow: inset -10px 0 17px -7px #094e6b;
box-shadow: inset -10px 0 17px -7px #094e6b; } }
.item-carousel.follow-carousel div.excerpt .excerpt-text .author-name-top {
margin-top: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text .author-name-top {
margin-top: 15px; } }
.item-carousel.follow-carousel div.excerpt .excerpt-text .author-name-top span a {
font-size: 0.75rem;
color: #ff5319;
text-transform: uppercase;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text .author-name-top span a {
font-size: 0.9375rem; } }
.item-carousel.follow-carousel div.excerpt .excerpt-text .author-name-top span a:hover {
color: #ffa801; }
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 {
font-size: 1.05rem;
line-height: 1.3rem;
font-weight: 400;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 {
margin: .25rem 0 0 0;
font-weight: 700;
font-size: 1.625rem;
line-height: 1.625rem;
width: 79%; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 {
width: 82%; } }
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 a {
color: #333;
text-decoration: none; }
@media only screen and (min-width: 48em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 a {
color: #fff; } }
.item-carousel.follow-carousel div.excerpt .excerpt-text h3 a:hover {
color: #ff5319; }
.item-carousel.follow-carousel div.excerpt .excerpt-text h4 {
display: none; }
@media only screen and (min-width: 60.625em) {
.item-carousel.follow-carousel div.excerpt .excerpt-text h4 {
display: block;
margin: .5rem 0 0 0;
font-size: 1rem;
line-height: 1.338rem;
color: #ededed;
font-weight: 400; } }
.item-carousel.answers-carousel {
margin-top: 20px; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel {
margin-top: 0; } }
.item-carousel.answers-carousel .answer-count {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel .answer-count {
display: block;
position: absolute;
top: -53px;
right: 62px;
color: #fff;
font-style: italic;
font-size: 17px;
word-spacing: .15rem; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel .answer-count {
top: 16px;
right: -62px; } }
.item-carousel.answers-carousel .carousel-inside-crop {
margin: 0 0;
z-index: 4;
width: 95%;
width: -webkit-calc(100% - -3px);
width: -moz-calc(100% - -3px);
width: calc(100% - -3px); }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel .carousel-inside-crop {
width: 95%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px); } }
.item-carousel.answers-carousel.item-carousel {
max-width: none;
margin: 0 auto;
position: relative;
top: -40px; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel.item-carousel {
max-width: 385px;
top: -35px;
left: 150px;
margin: 0 auto;
width: auto; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel.item-carousel {
max-width: 492px;
top: -85px;
left: 104px;
margin: 0 auto; } }
.item-carousel.answers-carousel.item-carousel a.left,
.item-carousel.answers-carousel.item-carousel a.right {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel.item-carousel a.left,
.item-carousel.answers-carousel.item-carousel a.right {
display: block;
background-color: #414141;
border-radius: 100%;
box-shadow: none;
color: #797979;
cursor: pointer;
height: 40px;
line-height: 52px;
overflow: visible;
text-align: center;
width: 25px;
z-index: 5;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #7c7b7b; } }
.item-carousel.answers-carousel.item-carousel a.left:hover,
.item-carousel.answers-carousel.item-carousel a.right:hover {
background-color: #2c2c2c; }
.item-carousel.answers-carousel.item-carousel a.left .ss-icon.ss-navigateright,
.item-carousel.answers-carousel.item-carousel a.right .ss-icon.ss-navigateright {
position: relative;
top: -2px;
left: 1px;
font-size: 1.1rem; }
.item-carousel.answers-carousel.item-carousel a.left .ss-icon.ss-navigateleft,
.item-carousel.answers-carousel.item-carousel a.right .ss-icon.ss-navigateleft {
position: relative;
top: -2px;
left: -1px;
font-size: 1.1rem; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel.item-carousel a.right {
top: -62px;
right: 10px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel.item-carousel a.right {
right: -114px;
top: 7px; } }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel.item-carousel a.left {
top: -62px;
left: 214px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel.item-carousel a.left {
left: 446px;
top: 7px; } }
.item-carousel.answers-carousel .carousel-items > div {
width: 100%;
border-bottom: 1px solid #ededed;
margin-top: 1rem;
margin-top: .5rem;
padding-bottom: .5rem; }
.item-carousel.answers-carousel .carousel-items > div:last-child {
border-bottom: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel .carousel-items > div {
width: auto;
margin-top: 0;
border-bottom: 0;
padding-bottom: 0; } }
.item-carousel.answers-carousel div.excerpt {
width: 99%;
position: relative;
margin: 0 0 0 0; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt {
width: 100%;
position: relative;
margin-bottom: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
max-height: 200px; } }
.item-carousel.answers-carousel div.excerpt .excerpt-text {
width: auto;
width: 95%;
margin: 0 auto; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .excerpt-text {
width: auto; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel div.excerpt .excerpt-text {
width: 418px; } }
.item-carousel.answers-carousel div.excerpt .excerpt-text .speech-bubble {
background-color: #fff;
border-radius: 4px;
position: relative;
font-family: helvetica;
font-weight: 700;
color: #545454;
border: 1px solid #cdcbcb;
height: 70px;
font-size: 1rem;
line-height: 1.45rem;
padding: 18px 22px; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .excerpt-text .speech-bubble {
font-size: 1.375rem;
line-height: 1.75rem;
height: 84px; } }
.item-carousel.answers-carousel div.excerpt .excerpt-text .speech-bubble a {
text-decoration: none;
word-wrap: break-word;
color: #545454;
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.item-carousel.answers-carousel div.excerpt .excerpt-text .speech-bubble a:hover {
color: #f87364; }
.item-carousel.answers-carousel div.excerpt .asker-name {
margin-left: 10px;
margin-right: 5px;
max-width: 110px;
float: left;
margin-top: 30px;
font-weight: 700;
font-family: "adelle-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.75rem; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .asker-name {
margin-right: 10px;
margin-left: 10px;
max-width: 123px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel div.excerpt .asker-name {
margin-left: 20px; } }
.item-carousel.answers-carousel div.excerpt .asker-name a {
text-decoration: none;
color: #333; }
.item-carousel.answers-carousel div.excerpt .asker-name a:hover {
color: #f87364; }
.item-carousel.answers-carousel div.excerpt .excerpt-img {
width: 70px;
padding-top: 0;
display: block;
margin-bottom: 0;
position: relative;
height: 80px;
overflow: hidden;
background-color: transparent;
float: left;
margin-right: 4px;
z-index: 20;
bottom: 1px; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .excerpt-img {
width: 80px; } }
.item-carousel.answers-carousel div.excerpt .excerpt-img .arrow {
border-style: solid;
position: absolute; }
.item-carousel.answers-carousel div.excerpt .excerpt-img .bottom {
border-color: #cdcbcb transparent transparent transparent;
border-width: 12px 12px 0px 12px;
bottom: 70px;
left: 40px; }
.item-carousel.answers-carousel div.excerpt .excerpt-img .bottom:after {
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 12px 11px 0px 11px;
bottom: 1px;
content: "";
position: absolute;
right: -11px; }
.item-carousel.answers-carousel div.excerpt .excerpt-img img {
max-height: 60px;
min-height: 60px;
width: 60px;
clip: auto;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: 10px; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .excerpt-img img {
max-height: 60px;
min-height: 60px;
width: 60px;
overflow: hidden;
position: absolute;
top: 10px;
border-radius: 50%; } }
.item-carousel.answers-carousel div.excerpt .excerpt-img .avatar {
box-sizing: border-box;
-moz-box-sizing: border-box;
line-height: 54px;
font-size: 2rem; }
.item-carousel.answers-carousel div.excerpt .excerpt-img .default-avatar {
height: 60px;
width: 60px;
border: 1px solid #dcdfe3;
border-radius: 50%;
padding: 2px;
position: absolute;
top: 10px; }
.item-carousel.answers-carousel div.excerpt .excerpt-img .default-avatar .initial {
background-color: #d3d7dc;
color: #fff;
font-family: "Tahoma", sans-serif;
height: 100%;
width: 100%;
border-radius: 50%;
text-transform: uppercase;
text-align: center; }
.item-carousel.answers-carousel div.excerpt .answer-me {
padding: 4px 15px 5px 15px;
margin-top: 20px;
margin-left: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .answer-me {
padding: 6px 30px 7px 28px;
margin-left: 10px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.answers-carousel div.excerpt .answer-me {
margin-left: 20px; } }
.item-carousel.answers-carousel div.excerpt .answer-me.btn {
font-size: .9rem;
text-transform: uppercase;
background-color: #f87364;
border: 1px solid #c2c0c0;
float: left; }
@media only screen and (min-width: 48em) {
.item-carousel.answers-carousel div.excerpt .answer-me.btn {
font-size: 1.125rem; } }
.item-carousel.answers-carousel div.excerpt .answer-me.btn:a {
text-decoration: none;
color: #fff;
letter-spacing: .05rem; }
.item-carousel.answers-carousel div.excerpt .answer-me.btn:hover {
background-color: #545454;
color: #fff; }
.item-carousel.answers-carousel div.excerpt .answer-me.btn:visited {
color: #fff; }