/* promo styling - since these are used on multiple page types, they should live in the site wrapper */
.apart, .apart-alt {
border-top: 0 none;
position: relative;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
background: #fff; }
@media only screen and (min-width: 48em) {
.apart, .apart-alt {
background-image: url(http://idge.staticworld.net/ctw/bg-topstories.png);
background-position: left top;
background-repeat: no-repeat;
box-sizing: border-box;
-moz-box-sizing: border-box; } }
.apart:before, .apart-alt:before {
position: absolute;
width: 70%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: 3px;
margin: 0;
padding: 0;
height: 3px !important;
content: '';
top: 9px !important;
width: 100%;
width: -webkit-calc(100% - 0);
width: -moz-calc(100% - 0);
width: calc(100% - 0); }
@media only screen and (min-width: 24.0625em) {
.apart:before, .apart-alt:before {
width: 100%;
margin: 0; } }
@media only screen and (min-width: 48em) {
.apart:before, .apart-alt:before {
width: 100%;
width: -webkit-calc(100% - 0);
width: -moz-calc(100% - 0);
width: calc(100% - 0);
top: 29px;
left: 0; } }
.apart.epo-promo .hed, .apart-alt.epo-promo .hed {
width: 80%; }
@media only screen and (min-width: 24.0625em) {
.apart.epo-promo .hed, .apart-alt.epo-promo .hed {
width: auto; } }
@media only screen and (min-width: 48em) {
.apart.epo-promo .hed, .apart-alt.epo-promo .hed {
width: 71%; } }
.apart.blogs .hed, .apart-alt.blogs .hed {
width: 50%; }
@media only screen and (min-width: 24.0625em) {
.apart.blogs .hed, .apart-alt.blogs .hed {
width: auto; } }
@media only screen and (min-width: 48em) {
.apart.blogs .hed, .apart-alt.blogs .hed {
width: 50%; } }
.apart.blogs ul li img, .apart-alt.blogs ul li img {
border-radius: 10%;
background-color: #e1e1c8; }
.apart .hed, .apart-alt .hed {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.5625rem;
font-weight: 700;
line-height: 1.25rem;
background-color: #fff;
border: none;
color: #000;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
padding: 0;
width: 62%; }
@media only screen and (min-width: 24.0625em) {
.apart .hed, .apart-alt .hed {
text-align: left;
margin: 0;
padding: 0 5px 0 0;
right: auto;
width: auto; } }
@media only screen and (min-width: 48em) {
.apart .hed, .apart-alt .hed {
width: 62%;
text-align: center;
padding: 0 5px;
margin: 0 auto;
right: 0; } }
.apart .hed a, .apart-alt .hed a {
color: #000; }
.apart.whitepaper .hed, .apart.insider-left .hed, .apart-alt.whitepaper .hed, .apart-alt.insider-left .hed {
color: #000;
font-size: .875rem;
font-weight: 700;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: 1.3125rem;
margin-bottom: 0.25rem;
padding: .25rem .125rem .25rem .125rem;
text-transform: uppercase;
position: relative;
text-align: left;
width: auto;
border-top: 2px solid #000;
background: none;
top: 0; }
.apart.whitepaper .subhed, .apart.insider-left .subhed, .apart-alt.whitepaper .subhed, .apart-alt.insider-left .subhed {
color: #000;
font-size: .6875rem !important;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 500;
text-transform: uppercase !important; }
.apart.whitepaper .title, .apart.insider-left .title, .apart-alt.whitepaper .title, .apart-alt.insider-left .title {
color: #000;
font-size: 1.125rem !important;
line-height: 1.375rem !important; }
.apart.whitepaper .title a, .apart.insider-left .title a, .apart-alt.whitepaper .title a, .apart-alt.insider-left .title a {
color: #000; }
.apart.whitepaper p, .apart.insider-left p, .apart-alt.whitepaper p, .apart-alt.insider-left p {
color: #7f7f7f;
line-height: 1.0625rem !important; }
.apart.whitepaper a.learn, .apart.insider-left a.learn, .apart-alt.whitepaper a.learn, .apart-alt.insider-left a.learn {
font-size: 1.0625rem;
margin-top: .75rem !important;
padding-top: .5625rem !important; }
.promo {
margin-top: 20px; }
.promo ul {
padding: 15px 0 0; }
@media only screen and (min-width: 24.0625em) {
.promo ul {
border-bottom: 0 none; } }
@media only screen and (min-width: 48em) {
.promo ul {
border-bottom: 0 none;
padding: 15px 0 0; } }
@media only screen and (min-width: 60.625em) {
.promo ul {
border-bottom: 0 none;
padding: 15px 0 0; } }
.promo ul li {
border-bottom: 1px solid #cccccc;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem; }
.promo ul li.first {
margin-right: 0; }
.promo ul li:last-child {
border: none; }
.promo ul li a {
color: #000; }
.promo ul li a:visited {
color: #1752a3; }
.promo ul li a:hover {
color: #1752a3; }
.promo ul li a:active {
color: #1752a3; }
.promo ul li .item-eyebrow {
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase;
color: #841618; }
.promo ul li .item-eyebrow a {
color: #7f7f7f !important; }
.promo ul li .item-eyebrow a:hover {
color: #a31e22 !important; }
.promo ul li .item-eyebrow .sponsored {
text-transform: none; }
.promo ul li .item-eyebrow a {
color: #000; }
.promo ul li .item-eyebrow a:hover {
color: #a31e22; }
.promo ul li .item-eyebrow a:visited {
color: #a31e22; }
.promo ul li .title {
color: #000;
font-weight: 400;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
margin: 0; }
.promo ul li .title a {
color: #000; }
.promo ul li .title a:hover {
color: #a31e22; }
.promo ul li p {
color: #000;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
line-height: 1.3125rem;
margin-top: 5px; }
.promo ul li.with-image img {
margin-right: 15px; }
.promo .more {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.promo .more a {
color: #1752a3; }
.promo .more a:hover {
color: #1752a3; }
.promo .more a:visited {
color: #1752a3; }
.promo.blogs {
border-bottom: 1px solid #e5f1d0;
padding-bottom: 10px; }
.promo.blogs .blog-branding-text {
font-weight: normal;
text-transform: none; }
.promo.blogs .blog-branding-text span.brandpost {
color: #E29001;
font-style: normal;
padding-left: 0; }
.promo.blogs .more {
text-align: center;
margin-bottom: 10px; }
.promo.blogs .more a {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem;
line-height: 1rem;
color: #fff;
background-color: #a31e22;
border-radius: 4px;
padding: 10px 0;
width: auto;
display: block;
text-transform: none; }
.promo.blogs .more a:hover {
background: #4e4b4a;
color: #fff; }
.promo.newsletter {
border: 0 none;
padding: 0;
padding-top: 35px !important;
text-align: left;
position: relative;
margin-bottom: 35px; }
.promo.newsletter:before {
position: absolute;
width: 70%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: 3px;
margin: 0;
padding: 0 !important;
height: 3px !important;
content: '';
top: 9px !important;
width: 100%;
width: -webkit-calc(100% - 0);
width: -moz-calc(100% - 0);
width: calc(100% - 0); }
@media only screen and (min-width: 24.0625em) {
.promo.newsletter:before {
width: 100%;
margin: 0; } }
@media only screen and (min-width: 48em) {
.promo.newsletter:before {
width: 100%;
width: -webkit-calc(100% - 0);
width: -moz-calc(100% - 0);
width: calc(100% - 0);
top: 29px;
left: 0; } }
.promo.newsletter .eyebrow {
box-shadow: none;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25rem;
background-color: #fff;
color: #000;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 135px;
text-align: center;
padding: 0 5px; }
.promo.newsletter .hed {
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
color: #666;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.9375rem;
line-height: 1.3125rem;
margin: 0;
padding: 0 0 0 10px; }
.promo.newsletter p {
color: #a31e22;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 700;
margin: 1rem 0;
padding: 0 0 0 10px; }
.promo.newsletter form {
padding: 0 0 0 10px; }
.promo.newsletter form input {
width: 67%;
margin-left: 0; }
.promo.most-popular ul li:first-child.with-image .item {
bottom: 5px; }
.promo.most-popular ul li .contributor-nw {
font-size: .75rem; }
.promo.resources:before, .promo.epo-promo:before, .promo.most-popular:before, .promo.newsletter:before, .promo.blogs:before, .promo.pop-stories:before, .promo.simply-hired:before {
background-color: #a31e22 !important; }
.promo.resources {
border-bottom: 1px solid #939597; }
.promo.resources ul li .title {
font-size: 1rem;
line-height: 1.25rem; }
.promo.resources .more {
float: left;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .8125rem;
line-height: 0.875rem;
margin-top: 0;
margin-right: 10px;
padding: .5625rem .625rem .5625rem 0;
border-right: 1px solid #e7e7e7; }
.promo.resources .more a {
color: #a31e22; }
.promo.resources .more a:hover {
color: #1752a3; }
.promo.resources form {
padding: 0 10px 0 0;
width: 67%;
margin: 0 0 1rem 0;
float: left; }
.promo.resources form input[type="text"] {
width: 60%; }
.promo.resources form input[type="text"]:focus {
font-style: normal; }
.promo.toptips {
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #e5e5e5;
border-top: 6px solid #003d67;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 20px 10px;
background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(35%, #fefefe), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear, to bottom, #d1d1d1 0%, #fefefe 35%, rgba(255, 255, 255, 0) 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#00ffffff',GradientType=0 );
/* IE6-9 */ }
.promo.toptips .robot-bg {
background-image: url(http://idge.staticworld.net/nww/networkworld-top-tips.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 165px 169px; }
.promo.toptips .header {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
padding: 0;
margin-bottom: 20px; }
.promo.toptips .header .head {
color: #000;
font-size: 3.5rem;
font-weight: 700;
line-height: 3.25rem;
padding: 0 160px 0 0;
text-shadow: 0 0 10px #fff,0 0 10px #fff;
text-transform: uppercase; }
.promo.toptips .header .head span {
font-size: 4.125rem; }
.promo.toptips .header .tagline {
color: #3c3c3c;
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.125rem;
margin-top: 10px; }
.promo.toptips ul {
padding: 0; }
.promo.toptips ul li {
border-bottom: 0 none;
padding: 0 25px 0 0;
margin-bottom: 20px; }
.promo.toptips ul li .title {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.125rem;
margin-bottom: 5px; }
.promo.toptips ul li p.meta {
color: #aaa;
font-size: 0.875rem;
line-height: 1.3125rem;
margin: 0;
padding: 0; }
.promo.toptips .tips-tagline {
font-size: 1.125rem;
font-style: italic;
padding: 0; }
.promo.toptips .tips-tagline a {
color: #f1870a; }
#collection-module-top h4 {
color: #a31e22;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .875rem !important;
line-height: .9rem !important;
text-transform: uppercase; }
#collection-module-top h3 {
font-size: 1rem !important;
line-height: 1.25rem !important; }
#collection-module-top ul li.current a {
background-color: #f0f0e3;
border-left: 0.25rem solid #a31e22; }
#collection-module-top ul li a {
color: #000; }
#collection-module-top ul li a:hover {
color: #a31e22; }
#collection-module-top .collection-show-all {
background-color: #a31e22;
border-radius: 3px;
color: #fff;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .9375rem;
font-weight: 700;
line-height: 1rem;
padding: .39rem 1.5rem .375rem 1.5rem;
text-align: center;
text-transform: uppercase; }
#collection-module-top .collection-show-all:hover {
background-color: #1752a3; }
#collection-module-bottom {
margin-top: 40px;
margin-bottom: 0; }
#collection-module-bottom .collection-header img {
background-color: #fff;
margin-top: -1px;
padding: .25rem .25rem 0 0;
margin-right: .5rem; }
#collection-module-bottom .collection-header h4 {
color: #a31e22;
font-size: 1.0625rem;
font-weight: 500;
margin-top: .25rem;
text-transform: uppercase; }
#collection-module-bottom .collection-header h3 {
font-size: 1.5rem;
margin: .125rem 0 .5rem 0; }
@media only screen and (min-width: 48em) {
#collection-module-bottom .collection-header h3 {
margin-bottom: .625rem; } }
#collection-module-bottom .collection-header .carousel-nav {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
text-transform: uppercase; }
#collection-module-bottom .collection-header .carousel-nav a.browse {
font-size: 1.25rem;
color: #a31e22; }
#collection-module-bottom .collection-header .carousel-nav a.browse i {
font-size: 1rem; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a {
font-size: 1.25rem;
padding-right: 9px;
color: #a31e22; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a:after {
color: #000; }
#collection-module-bottom .collection-header .carousel-nav .carousel-nav-nums a.active {
color: #000; }
#collection-module-bottom.six-column:before {
background: none;
content: none; }
#collection-module-bottom .carousel-inside-crop {
border-top: 4px solid #a31e22; }
@media only screen and (min-width: 48em) {
#collection-module-bottom .carousel-inside-crop div.excerpt {
margin-right: 1rem;
min-height: 3.25rem; } }
@media only screen and (min-width: 60.625em) {
#collection-module-bottom .carousel-inside-crop div.excerpt {
margin-right: 0; } }
#collection-module-bottom .carousel-inside-crop div.excerpt .insider {
line-height: 21px; }
/* BEGIN COMPUTERWORLD CATEGORY */
section[role=main] {
/* end a */
/* end .promo */ }
section[role=main] a {
text-decoration: none;
/* Override load more settings on category pages */ }
section[role=main] a.load-btn {
border-radius: 5px;
background: #a31e22 !important;
color: #fff;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
text-transform: uppercase;
margin: 1rem auto;
text-align: center;
text-transform: none;
display: block;
width: auto;
clear: both; }
@media only screen and (min-width: 48em) {
section[role=main] a.load-btn {
width: 35%; } }
section[role=main] a.load-btn:hover {
background-color: #1752a3 !important; }
section[role=main] header {
margin: 1rem .5rem .5rem; }
@media only screen and (min-width: 24.0625em) {
section[role=main] header {
margin: 1rem 1rem .5rem 1rem; } }
@media only screen and (min-width: 60.625em) {
section[role=main] header {
margin: 0 0 .5rem; } }
section[role=main] header h1 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
@media only screen and (min-width: 60.625em) {
section[role=main] header h1 {
font-weight: 700;
font-style: normal;
font-size: 3.375rem;
line-height: 3.3rem;
color: #000;
letter-spacing: -.5px;
word-spacing: 2px; } }
section[role=main] header h2 {
color: #000; }
@media only screen and (min-width: 48em) {
section[role=main] header h2 {
display: block;
padding: .25rem 0; } }
section[role=main] .main-col {
margin-top: 0; }
section[role=main] h3 a, section[role=main] .index-promo h3 a, section[role=main] .blogs-index h3 a, section[role=main] .blogs-index ul h3 a {
text-decoration: none;
color: #000; }
section[role=main] h3 a:hover, section[role=main] .index-promo h3 a:hover, section[role=main] .blogs-index h3 a:hover, section[role=main] .blogs-index ul h3 a:hover {
color: #a31e22; }
section[role=main] .right-rail .ad, section[role=main] .right-rail .lazyload_ad, section[role=main] .right-rail .promo {
margin-bottom: 2.5rem;
padding-bottom: 0; }
@media only screen and (min-width: 24.0625em) {
section[role=main] .right-rail .ad, section[role=main] .right-rail .lazyload_ad, section[role=main] .right-rail .promo {
margin-bottom: 3rem; } }
section[role=main] .promo.newsletter.with-eyebrow {
padding-top: 0; }
section[role=main] .eyebrow {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
font-style: normal;
color: #a31e22;
text-transform: uppercase; }
section[role=main] .blog-branding-text {
font-weight: normal;
text-transform: none;
color: #939597; }
section[role=main] .blog-branding-text span.brandpost {
color: #E29001;
font-style: normal;
padding-left: 0; }
section[role=main] .river-well .post-cont > a {
color: #a31e22 !important;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.83rem;
font-weight: 700;
text-transform: uppercase; }
section[role=main] .river-well .post-cont .eyebrow {
text-transform: uppercase; }
section[role=main] .river-well .post-cont .eyebrow .insider {
color: #ffffff;
margin-bottom: 0;
line-height: 1.4; }
section[role=main] .river-well .post-cont .eyebrow a {
color: #a31e22; }
section[role=main] .river-well .post-cont .eyebrow a:hover {
color: #1752a3; }
section[role=main] .river-well .post-cont .eyebrow span.sponsored, section[role=main] .river-well .post-cont .eyebrow span.video {
color: #a31e22;
font-weight: 700; }
section[role=main] .river-well .post-cont .eyebrow span.sponsored.posts {
font-style: italic; }
section[role=main] .river-well .post-cont h3 {
font-size: 1.25rem;
line-height: 1.5rem;
margin-bottom: 0; }
section[role=main] .river-well .post-cont h3 a {
color: #000; }
section[role=main] .river-well .post-cont h3 a:hover {
color: #a31e22; }
section[role=main] .river-well .post-cont p, section[role=main] .river-well .post-cont ul, section[role=main] .river-well .post-cont ol, section[role=main] .river-well .post-cont div.summary, section[role=main] .river-well .post-cont h4 {
margin: 0;
color: #939597;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.42857; }
section[role=main] .river-well .post-cont h4 {
color: #7a7c7f; }
section[role=main] .river-well .post-cont .publish-date {
color: #939597; }
section[role=main] .promo-img {
background: #003d67; }
section[role=main] a.load-btn {
background: #a31e22;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
section[role=main] a.load-btn:hover {
background-color: #1752a3; }
section[role=main] .index-promo {
margin-bottom: 1.5rem;
padding: 1.0rem 0;
box-shadow: none; }
@media only screen and (min-width: 48em) {
section[role=main] .index-promo {
float: left;
width: 47%; } }
@media only screen and (min-width: 48em) and (min-width: 48em) {
section[role=main] .index-promo.first {
margin-right: 1rem;
padding-right: 1rem !important;
border-right: 1px solid #ccc; } }
section[role=main] .index-promo .promo-headline {
padding: 0; }
section[role=main] .index-promo .promo-headline .eyebrow a {
color: #a31e22; }
section[role=main] .index-promo .promo-headline .eyebrow .sup-credit span a {
color: #aaa; }
section[role=main] .index-promo .promo-img + .promo-headline h3 {
font-size: 1.17rem;
line-height: 1.4rem; }
section[role=main] .index-promo .eyebrow a {
text-transform: uppercase;
text-decoration: none; }
section[role=main] .index-promo .eyebrow a:hover {
color: #1752a3; }
section[role=main] .index-promo p, section[role=main] .index-promo h4 {
margin: 0.5rem 0 0;
font-weight: 400;
font-size: 1rem;
line-height: 1.44rem; }
section[role=main] .index-promo.with-image {
padding: 0 0 1rem;
position: relative; }
section[role=main] .index-promo.with-image .promo-img {
margin-bottom: 1rem;
height: 169px;
overflow: hidden; }
section[role=main] .promo-img img {
width: 100%; }
section[role=main] hr.rule {
background: #ccc; }
section[role=main] .blogs-index > ul > li .blog-data .blog-avatar {
border-radius: 10%;
background-color: #e1e1c8; }
section[role=main] .blogs-index ul li .byline-section p {
color: #939597;
margin-top: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.42857; }
section[role=main] .blogs-index ul li .byline-section h3 {
margin: 0; }
section[role=main] .blog-index header .blog-byline img {
border-radius: 10%;
background-color: #e1e1c8; }
/* MODULE */
.list-promotion .head {
color: #003d67;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.list-promotion h4 a {
color: #000; }
.list-promotion h4 a:hover {
color: #1752a3; }
.list-promotion h5 a {
color: #000; }
.list-promotion h5 a:hover {
color: #1752a3; }
.list-promotion p.credit {
color: #003d67; }
.list-promotion p.credit a {
color: #003d67; }
.list-promotion p.credit a:hover {
color: #a31e22; }
.list-promotion label a {
color: #003d67;
text-transform: uppercase;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
.list-promotion input {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.list-promotion button.btn {
background: #003d67;
color: #fff;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold;
border: none;
padding: 6px 10px;
border-radius: 2px; }
.list-promotion a.cta-link {
color: #003d67;
text-transform: uppercase;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
.list-promotion figure.pre-img {
display: none; }
@media only screen and (min-width: 48em) {
.list-promotion figure.pre-img {
display: block; } }
/* Java World specific styles */
.twitter-module {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
background: #F4F9FF; }
.twitter-module .head {
color: #1473b7;
font-weight: 700;
font-size: 1.3rem; }
.twitter-module ul li a {
color: #000;
font-weight: 700; }
.twitter-module ul li a:hover {
color: #1752a3; }
/* COMPUTERWORLD-SPECIFIC STYLES */
.insider-promo .head {
color: #5DAF29;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo span {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-promo a.btn {
background: #a31e22;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.insider-style {
margin-left: 10px;
margin-right: 10px;
background-color: #f1fcdf;
clear: both; }
@media only screen and (min-width: 48em) {
.insider-style {
margin-left: 0;
margin-right: 0; } }
.insider-style ul li img {
border: none;
float: left;
margin: 0.25rem 0.75rem 0 0;
padding: 0;
width: 75px;
height: auto; }
.insider-promo-wrapper .promo.apart:before {
background-color: transparent !important;
display: none; }
.insider-promo-wrapper .promo.apart {
border-top: 0 none; }
.insider-promo-wrapper .promo.apart .insider-both {
background-color: #f1fcdf;
border: 0 none;
padding: 0; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider {
position: relative; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .insider-wrapper-green .insider-green {
background-image: url(http://idge.staticworld.net/images/insider-logo-updated.svg);
background-repeat: no-repeat;
background-size: contain;
width: 120px;
height: 35px;
display: inline-block;
margin-right: 20px;
position: relative;
/*&:before{
content: 'Insider';
}*/
/*&:after{
content:"";
position: absolute;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-left: 18px solid #6eae00;
border-bottom: 18px solid transparent;
left: 100%;
top: 0;
}*/ }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-title {
padding: 25px 20px 0 20px; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-title h3 {
border-bottom: none;
color: #3a6b00;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 5px;
text-transform: none; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
margin-bottom: 0;
padding: 0 20px;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #000;
font-size: 0.9375rem; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a {
text-decoration: underline;
color: #a31e22;
text-decoration: none; }
.insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck a:hover {
color: #1752a3; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider {
padding: 15px 20px 10px 20px; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-logout-title h3 {
color: #000;
text-transform: uppercase;
margin-bottom: 0;
border-style: solid;
border-width: 0 0 1px 0;
-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; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-promo-title h3, .insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-login-title h3, .insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-logout-title h3 {
font-size: 1rem;
text-transform: uppercase;
padding-bottom: 14px;
margin-bottom: 0;
color: #000;
border-style: solid;
border-width: 0 0 1px 0;
-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; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #000;
margin: 0;
padding: 0 0 5px 0; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li {
font-size: 1rem;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
border-style: solid;
border-width: 1px 0 0 0;
-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-top: 1px dotted #7f7a79;
border-bottom: 0 none;
padding: 10px 0 0 0;
margin-bottom: 0.75rem; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li:first-child {
border-top: 0 none; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li a {
color: #000; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li a:hover {
color: #a31e22; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .item-eyebrow {
color: #841618 !important;
font-size: .83rem;
line-height: 1.2;
text-transform: none;
text-transform: uppercase; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .item-eyebrow a {
color: #841618 !important;
font-weight: 700; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider ul li .hed {
width: auto;
text-align: left;
margin-bottom: 0; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .insider-login-title h3 .insider {
line-height: 18px; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider {
text-align: right;
text-transform: uppercase;
font-size: .9rem; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider a {
color: #000;
text-decoration: none; }
.insider-promo-wrapper .promo.apart .insider-both .other-insider .more-insider a:hover {
color: #a31e22; }
article .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-title h3 {
text-transform: none; }
article .insider-promo-wrapper .promo.apart .insider-both .become-an-insider .notlogin-insider-deck {
margin-bottom: 0; }
article .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li a {
color: #000;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
article .insider-promo-wrapper .promo.apart .insider-both .other-insider ul li a:hover {
color: #a31e22; }
label {
color: #f5cd55; }
input {
border-radius: 5px;
padding: 8px 5px;
margin: 0 5px;
border: 1px solid #ccc;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); }
.search-container {
margin-bottom: 2rem;
clear: both;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.search-container .search-field {
background: #004460;
border-radius: 2px;
border: solid 1px #E7EFF4;
padding: 10px;
margin: 0 0 10px 0; }
.search-container .search-field input {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
border-radius: 0.18rem;
padding: 5px;
width: 80%; }
@media only screen and (min-width: 48em) {
.search-container .search-field input {
width: 88%; } }
.search-container .drop-select {
border-top: 1px solid #cccccc;
padding-top: 10px; }
.search-container .form-controls {
float: left;
width: 33.3333333333%; }
.search-container .form-controls select {
-webkit-appearance: none;
width: 90%;
padding: 5px;
border: 0;
background: #f2f2f2;
color: #999999;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.search-container .form-controls:after {
font-family: "SSStandard";
color: #999999;
text-rendering: optimizeLegibility;
content: "descend"; }
/* END COMPUTERWORLD CATEGORY */
/*
BEGIN COMPUTERWORLD RESOURCES PAGE
This begins the code for the resources page.
This code may need to be pulled out and better allocated.
*/
.resources {
/* Modules */ }
.resources .top-index-promotion {
width: 100%;
float: left;
margin-top: 1rem; }
.resources .top-index-promotion .index-promo {
width: 100%; }
@media only screen and (min-width: 48em) {
.resources .top-index-promotion .index-promo {
width: 30%; } }
.resources #page-wrapper #resources-index .filter-group .filter-controls select#topicSelect,
.resources #page-wrapper #resources-index .filter-group .filter-controls select#sponsorSelect,
.resources #page-wrapper #resources-index .filter-group .filter-controls select#rtypeSelect {
padding-top: 7px;
padding-bottom: 7px; }
@media only screen and (min-width: 60.625em) {
.resources #page-wrapper #resources-index .filter-group .filter-controls select#topicSelect,
.resources #page-wrapper #resources-index .filter-group .filter-controls select#sponsorSelect,
.resources #page-wrapper #resources-index .filter-group .filter-controls select#rtypeSelect {
padding-top: 9px;
padding-bottom: 8px; } }
.resources #page-wrapper #resources-index #search-form {
background-color: #4e4b4a; }
.resources #page-wrapper #resources-index .btn-resources {
color: #fff;
line-height: normal; }
.resources .promo ul li .item-eyebrow a {
color: #a31e22 !important; }
.resources .promo ul li .item-eyebrow a:hover {
color: #a31e22 !important; }
.resources .main-col .river-well .logo-support {
float: left;
width: 185px;
height: 55px;
margin: 9px 0 20px 20px;
padding-top: 60px;
text-align: center;
display: none; }
@media only screen and (min-width: 48em) {
.resources .main-col .river-well .logo-support {
display: block; } }
.resources fieldset {
margin: 10px 0; }
.resources label {
color: #f5cd55; }
.resources input {
font-style: italic;
border-radius: 0.18rem;
padding: 8px 5px;
width: 55%;
margin: 0 5px;
border: 1px solid #ccc;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.resources .bodee .list-promotion.pop-stories {
width: 90%;
float: left;
margin: 0 2rem 1.2rem 0rem;
clear: left; }
@media only screen and (min-width: 48em) {
.resources .bodee .list-promotion.pop-stories {
width: 48%; } }
@media only screen and (min-width: 60.625em) {
.resources .bodee .list-promotion.pop-stories {
width: 280px;
margin: 2rem 0; } }
.resources .bodee .list-promotion.pop-stories .post-desc {
width: 100%; }
@media only screen and (min-width: 48em) {
.resources .bodee .list-promotion.pop-stories .post-desc {
width: 100%; } }
.resources .bodee .list-promotion.pop-stories p.credit {
margin: 0; }
.resources .bodee .list-promotion.pop-stories h4 {
margin: 0; }
/* AUTHOR INDEX PAGE STYLES */
.author .bio-data {
width: 138px;
margin: 24px auto;
margin: 0 auto 1.5rem; }
@media only screen and (min-width: 48em) {
.author .bio-data {
margin: 0;
float: left; } }
.author .bio-data .au-avatar {
width: 138px;
height: 138px;
overflow: hidden;
border-radius: 10%;
background-color: #e1e1c8; }
.author .bio-data .au-avatar img {
min-height: 100%;
width: 100%; }
.author ul.au-social li a {
color: #a31e22; }
.author ul.au-social li a:hover {
color: #1752a3; }
.author .feed-title {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.author .feed-title a {
color: #a31e22; }
.author .feed-title a:hover {
color: #1752a3; }
.author .feed-title .ss-icon {
font-size: 1.0rem; }
.author .bio-intro h1 {
margin-bottom: .1rem; }
.author .bio-intro h2 {
display: none;
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.author .bio-intro h2 {
/* display: inline; */
display: block;
padding-right: 10px; } }
.author .bio-intro p {
color: #7f7a79; }
.author .bio-intro a {
color: #1752a3; }
.author .bio-intro a:hover {
color: #1752a3; }
.author .newsletter-promo {
padding-bottom: 1.2rem; }
.author .newsletter-promo form button.btn {
margin-top: 10px;
padding: 6px 15px; }
.index-page .head {
color: #7f7f7f;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.index-page .bio-intro .author-name {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.index-page .bio-intro .author-name a {
color: #000; }
.index-page .bio-intro .author-name a:hover {
color: #1752a3; }
.index-page .bio-intro .author-title {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-style: italic;
font-weight: 700; }
.index-page .emphasized {
font-weight: 700; }
#search .search-form {
background-color: #4e4b4a;
border-top: 1px solid #000;
border-bottom: 1px solid #000; }
@media only screen and (min-width: 48em) {
#search .search-form {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-radius: 3px; } }
#search .search-form input[type=text] {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
border: 1px solid #000; }
#search .search-form input[type=submit] {
border: none;
background-color: #a31e22;
color: #fff;
border: none;
padding: 7px 10px !important;
border-radius: 3px;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: bold; }
#search .search-form input[type=submit]:hover {
background-color: #1752a3; }
#search .related-searches {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
margin-top: 1.25rem; }
#search .related-searches a {
color: #a31e22; }
#search .related-searches a:hover {
color: #1752a3; }
#search .results-count {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-filters ul li {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
padding-right: 10px; }
#search .search-filters ul li:last-child {
padding-right: 0; }
#search .search-filters ul li a {
color: #a31e22; }
#search .search-filters ul li a:hover {
color: #1752a3; }
#search .search-results .river-well p, #search .search-results .river-well ul, #search .search-results .river-well ol, #search .search-results .river-well li {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-results .river-well p a, #search .search-results .river-well ul a, #search .search-results .river-well ol a, #search .search-results .river-well li a {
color: #a31e22; }
#search .search-results ul.post-meta li {
line-height: 0.875rem; }
#search .search-results ul.post-meta li a {
color: #000 !important; }
#search .search-results ul.post-meta li a:hover {
color: #a31e22 !important; }
#search .search-results .search-resource-module .hed {
color: #a31e22;
font-weight: 700;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#search .search-results .search-resource-module .more {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700;
color: #a31e22; }
#tech-debates_index header {
background-color: #7f7f7f;
/* Old browsers */
background: -moz-linear-gradient(left, #7f7f7f 70%, #ffffff 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(70%, #7f7f7f), color-stop(100%, #ffffff));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #7f7f7f 70%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #7f7f7f 70%, #ffffff 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #7f7f7f 70%, #ffffff 100%);
/* IE10+ */
background: linear, to right, #7f7f7f 70%, #ffffff 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$brand_color_quaternary', endColorstr='#ffffff',GradientType=1 );
/* IE6-8 */ }
.item-carousel#homepageCarousel {
position: relative; }
.item-carousel div.excerpt .excerpt-text p {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel div.excerpt .excerpt-text p a {
color: #3c3c3c; }
.item-carousel div.excerpt .excerpt-text a.cn .contributor-nw {
color: #fff; }
@media only screen and (min-width: 48em) {
.item-carousel a.right, .item-carousel a.left {
background-color: #a31e22; } }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.video-carousel div.excerpt.selected .excerpt-img:before {
background-color: #a31e22; }
.item-carousel.video-carousel div.excerpt .excerpt-img:hover:after {
background-color: #f5cd55; }
.item-carousel.video-carousel div.excerpt .excerpt-img .video-timestamp {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.slideshow-carousel {
position: relative;
height: auto;
margin: 0 auto;
background-color: #000; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel {
max-width: none; } }
.item-carousel.slideshow-carousel .carousel-inside-crop {
height: auto;
left: 0;
overflow: hidden;
width: 100%; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .carousel-inside-crop {
margin: 0; } }
.item-carousel.slideshow-carousel .carousel-items {
height: auto;
width: 20000px;
max-width: 100%; }
.item-carousel.slideshow-carousel .carousel-nav {
position: absolute;
top: -25px;
right: 0; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.slideshow-carousel .carousel-nav {
top: 10px;
right: 10px; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel .carousel-nav {
display: none; } }
.item-carousel.slideshow-carousel .carousel-nav a {
background-color: #bccdce;
height: 13px;
width: 13px;
display: inline-block;
margin-left: 20px;
cursor: pointer;
border-radius: 50%; }
.item-carousel.slideshow-carousel .carousel-nav a.active {
background-color: #a31e22; }
.item-carousel.slideshow-carousel div.excerpt {
width: 100%;
margin-bottom: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel div.excerpt {
margin: 0;
padding: 0;
position: relative; }
.item-carousel.slideshow-carousel div.excerpt:first-child {
width: 70%;
width: -webkit-calc(100% - 200px);
width: -moz-calc(100% - 200px);
width: calc(100% - 200px);
float: left;
margin-bottom: 50px; }
.item-carousel.slideshow-carousel div.excerpt:first-child .excerpt-text {
position: absolute;
bottom: 0;
width: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, black 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, black));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, black 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, black 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, black 100%);
/* IE10+ */
background: linear, to bottom, rgba(0, 0, 0, 0.4) 0%, black 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#000000',GradientType=0 );
/* IE6-9 */ }
.item-carousel.slideshow-carousel div.excerpt:first-child .excerpt-text h4 {
font-size: 2.5rem;
line-height: 2.75rem;
padding-bottom: 0; }
.item-carousel.slideshow-carousel div.excerpt:nth-child(n+2) {
width: 180px;
padding: 0;
margin: 10px 10px 0;
float: right;
clear: right;
z-index: 1; }
.item-carousel.slideshow-carousel div.excerpt:nth-child(n+2) .excerpt-text {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%; }
.item-carousel.slideshow-carousel div.excerpt:nth-child(n+2) .excerpt-text .excerpt-text-inner {
padding: 10px;
position: absolute;
bottom: 0;
left: 0; }
.item-carousel.slideshow-carousel div.excerpt:nth-child(n+2) .excerpt-text h4 {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.25rem;
line-height: 1.375rem; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.slideshow-carousel div.excerpt:first-child {
width: 70%;
width: -webkit-calc(100% - 260px);
width: -moz-calc(100% - 260px);
width: calc(100% - 260px); }
.item-carousel.slideshow-carousel div.excerpt:nth-child(n+2) {
width: 240px; } }
.item-carousel.slideshow-carousel div.excerpt .excerpt-img {
margin: 0; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text .excerpt-text-inner {
padding: 15px 15px 20px; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.8125rem;
margin: 0; }
.item-carousel.slideshow-carousel div.excerpt .excerpt-text h4 a {
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); }
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
height: 63px;
width: 63px;
border-radius: 50%;
box-shadow: none;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
font-size: 1.875rem;
line-height: 70px;
top: 75px;
display: block; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
display: block; } }
@media only screen and (min-width: 48em) {
.item-carousel.slideshow-carousel a.left,
.item-carousel.slideshow-carousel a.right {
display: none; } }
.item-carousel.slideshow-carousel a.left {
left: 10px; }
.item-carousel.slideshow-carousel a.right {
right: 10px; }
.item-carousel.slideshow-carousel.loaded .carousel-items {
max-width: none; }
.item-carousel.hero-carousel .hero-nav {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.item-carousel.hero-carousel .hero-nav .hero-nav-nums a.active {
color: #f5cd55; }
.item-carousel.fullwidth-carousel {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0;
overflow: hidden; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.fullwidth-carousel {
padding: 0 10px; } }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel {
background-color: #dadada;
padding: 10px 0; } }
.has-fireplace .item-carousel.fullwidth-carousel {
max-width: 970px;
margin: 0 auto; }
.item-carousel.fullwidth-carousel .carousel-inside-crop {
width: 100%;
background-color: #000; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel .carousel-inside-crop {
width: 659px;
margin: 0 auto;
overflow: visible; } }
.item-carousel.fullwidth-carousel .carousel-inside-crop a.browse {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel .carousel-inside-crop:hover a.browse {
display: block; } }
.item-carousel.fullwidth-carousel .carousel-inside-crop .active .excerpt-img {
-webkit-filter: blur(0);
-moz-filter: blur(0);
-ms-filter: blur(0);
-o-filter: blur(0);
filter: blur(0); }
.item-carousel.fullwidth-carousel .carousel-items {
width: 20000px;
max-width: 100%; }
.item-carousel.fullwidth-carousel .carousel-items > div {
margin: 0 10px 0 0; }
.item-carousel.fullwidth-carousel .carousel-items > div:last-child {
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel .carousel-items > div.active div.excerpt .img-shade {
display: none; } }
.item-carousel.fullwidth-carousel div.excerpt {
position: relative;
float: none;
width: 100%;
margin: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel div.excerpt {
width: 659px; } }
.item-carousel.fullwidth-carousel div.excerpt:nth-child(n+2) {
display: none; }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-img {
margin: 0;
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
padding-top: 66.667%; }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-img:after {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
content: '';
-webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.5); }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 10px 20px;
background-color: #000; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text {
position: absolute;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, black));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* IE10+ */
background: linear, to bottom, rgba(0, 0, 0, 0.3) 0%, black 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#000000',GradientType=0 );
/* IE6-9 */ } }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text {
padding: 15px 100px 56px 186px; } }
@media only screen and (min-width: 60.625em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text {
padding-left: 100px; } }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .item-eyebrow {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
text-transform: uppercase;
display: inline-block;
position: relative;
margin-bottom: 5px;
padding-right: 5px;
line-height: 0; }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .item-eyebrow:after {
background-image: url(http://idge.staticworld.net/ctw/angle-eyebrow.png);
background-position: right top;
background-repeat: no-repeat;
content: '';
height: 100%;
padding: 0 0 0 5px;
margin: 0;
position: absolute;
right: 0;
display: block;
top: 0;
width: 0; }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .item-eyebrow span {
display: inline-block;
line-height: 1.0625rem;
font-size: 0.625rem;
color: #fff;
text-decoration: none;
background-color: #a31e22;
padding: 0 7px 0 10px; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .item-eyebrow span {
line-height: 1.125rem; } }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .item-eyebrow span {
line-height: 1.25rem;
font-size: 0.6875rem; } }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text .insider {
margin-top: 15px; }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text h3 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin: 0;
font-size: 1.75rem;
line-height: 1.9375rem; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text h3 {
font-size: 2.1875rem;
line-height: 2.375rem; } }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text h3 {
font-size: 2.8125rem;
line-height: 3.125rem; } }
.item-carousel.fullwidth-carousel div.excerpt .excerpt-text h3 a {
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel div.excerpt .img-shade {
display: none;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
background-color: #000;
opacity: 0.5;
cursor: pointer; } }
.item-carousel.fullwidth-carousel .left-right-nav {
position: absolute;
width: 90%;
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
top: 50px;
display: block;
margin: 0 auto;
left: 0;
right: 0; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel .left-right-nav {
width: 635px;
top: 73px;
display: none; } }
.item-carousel.fullwidth-carousel .left-right-nav a.left,
.item-carousel.fullwidth-carousel .left-right-nav a.right {
display: block;
height: 63px;
width: 63px;
border-radius: 50%;
box-shadow: none;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
font-size: 1.875rem;
line-height: 70px; }
.item-carousel.fullwidth-carousel .carousel-nav {
margin: .4375rem 0 0 0;
text-align: center;
display: block; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel .carousel-nav {
position: absolute;
bottom: 28px;
width: 100%;
margin: 0; } }
.item-carousel.fullwidth-carousel .carousel-nav a {
background-color: #bccdce;
height: 13px;
width: 13px;
display: inline-block;
margin-right: 20px;
cursor: pointer;
border-radius: 50%; }
.item-carousel.fullwidth-carousel .carousel-nav a.active {
background-color: #a31e22; }
@media only screen and (min-width: 48em) {
.item-carousel.fullwidth-carousel:hover .left-right-nav {
display: block; } }
.item-carousel.fullwidth-carousel.loaded .carousel-items {
max-width: none; }
.item-carousel.fullwidth-carousel.loaded div.excerpt:nth-child(n+2) {
display: block; }
.item-carousel.fullwidth-carousel.loaded div.excerpt .img-shade {
display: block; }
.item-carousel.bloggers-carousel {
margin-top: 20px; }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel {
max-width: none; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel .carousel-inside-crop:after {
clear: both;
position: absolute;
width: 0px;
border-right: 1px solid #fff;
height: 1000px;
right: 0;
top: 0;
content: '';
z-index: 1; } }
.item-carousel.bloggers-carousel div.excerpt {
width: 100%;
float: none;
padding: 1rem 0 0;
margin: 1rem 0 0;
border-top: 1px solid #bccdce;
position: relative; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.bloggers-carousel div.excerpt {
margin: 0;
padding: 1rem 0;
min-height: 100px;
overflow: hidden; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt {
float: left;
width: 50%;
padding: 0;
margin: 0;
border: 0 none;
overflow: visible; } }
.item-carousel.bloggers-carousel div.excerpt:before {
position: absolute;
top: 1px;
left: 0;
right: 0;
height: 5px;
margin: 0 3px;
content: '';
border-top-left-radius: 2px;
border-top-right-radius: 2px;
width: 95%;
width: -webkit-calc(100% - 6px);
width: -moz-calc(100% - 6px);
width: calc(100% - 6px);
background: #f2f2f2;
/* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fdfdfd));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* IE10+ */
background: linear, to bottom, #f2f2f2 0%, #fdfdfd 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fdfdfd',GradientType=0 );
/* IE6-9 */ }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:before {
height: 0;
visibility: hidden; } }
.item-carousel.bloggers-carousel div.excerpt:after {
border-right: 0 none;
clear: both;
position: absolute;
width: 1px;
height: 300px;
left: 150px;
top: 0; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.bloggers-carousel div.excerpt:after {
border-style: solid;
border-width: 0 1px 0 0;
-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-right: 1px dotted #7f7a79;
border-right: 1px dotted #7f7a79;
height: 300px; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:after {
height: 0;
visibility: hidden; } }
.item-carousel.bloggers-carousel div.excerpt:first-child {
border-top: 0 none;
margin: 0;
padding: 0; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.bloggers-carousel div.excerpt:first-child {
padding: 0 0 1rem; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:first-child {
padding: 0; } }
.item-carousel.bloggers-carousel div.excerpt:first-child:before {
visibility: hidden; }
.item-carousel.bloggers-carousel div.excerpt:nth-child(n+5) {
display: none; }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt:nth-child(n+5) {
display: block; } }
.item-carousel.bloggers-carousel div.excerpt .excerpt-img {
background-color: #e1e1c8;
border-radius: 8px;
width: 75px;
height: 75px;
padding-top: 0;
float: left; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-img {
position: absolute;
left: 5px;
bottom: 0;
margin-bottom: 0;
width: 128px;
height: 128px;
background-color: transparent;
border-radius: 0; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-img {
position: relative;
left: auto;
bottom: auto;
width: 100%;
height: 0;
padding-top: 75%;
float: none;
border-bottom: 1px solid #bccdce;
overflow: hidden; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-img img {
top: 0;
width: 75%;
min-height: 0;
left: 0;
right: 0;
margin: 0 auto; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-text {
padding: 0.75rem 0.75rem 0;
text-align: center;
position: relative; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-text:before {
position: absolute;
top: 1px;
left: 0;
height: 5px;
content: '';
width: 100%;
background: #f2f2f2;
/* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fdfdfd));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* IE10+ */
background: linear, to bottom, #f2f2f2 0%, #fdfdfd 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fdfdfd',GradientType=0 );
/* IE6-9 */ } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt .excerpt-text:after {
clear: both;
position: absolute;
width: 0;
border-style: solid;
border-width: 0 1px 0 0;
-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-right: 1px dotted #7f7a79;
border-right: 1px dotted #7f7a79;
height: 300px;
right: 0;
top: 0;
content: ''; } }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.8125rem;
line-height: 1rem; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger a {
color: #000;
text-decoration: none; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogger a:hover {
color: #a31e22; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogname {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.8125rem;
line-height: 1rem;
text-transform: uppercase; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text .blogname a {
text-decoration: none; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.1875rem;
margin: 0.5rem 0 0; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 .insider {
margin-right: 0; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 a {
color: #000;
text-decoration: none; }
.item-carousel.bloggers-carousel div.excerpt .excerpt-text h4 a:hover {
color: #a31e22; }
.item-carousel.bloggers-carousel div.excerpt.with-img .excerpt-text {
margin-left: 95px; }
@media only screen and (min-width: 24.0625em) {
.item-carousel.bloggers-carousel div.excerpt.with-img .excerpt-text {
margin-left: 170px; } }
@media only screen and (min-width: 48em) {
.item-carousel.bloggers-carousel div.excerpt.with-img .excerpt-text {
margin-left: 0; } }
.item-carousel.bloggers-carousel a.left,
.item-carousel.bloggers-carousel a.right {
background-color: transparent;
box-shadow: none;
color: #a31e22;
font-size: 1.875rem;
line-height: 1.875rem;
height: 30px; }
.item-carousel.bloggers-carousel a.left:hover,
.item-carousel.bloggers-carousel a.right:hover {
color: #4e4b4a; }
.item-carousel.bloggers-carousel a.left.disabled,
.item-carousel.bloggers-carousel a.right.disabled {
color: #666; }
.curated section[role="main"] header.event-header {
margin-top: .75rem; }
.curated section[role="main"] header.event-header h1 {
font-size: 2rem;
font-weight: 700;
line-height: 2rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] header.event-header h1 {
font-size: 3rem; } }
.curated section[role="main"] nav.event-nav {
display: block;
margin: 0 0 .75rem 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] nav.event-nav {
display: inline-block; } }
.curated section[role="main"] nav.event-nav ul {
margin-left: .375rem; }
.curated section[role="main"] nav.event-nav ul li {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] nav.event-nav ul li {
font-size: 1.375rem; } }
.curated section[role="main"] .hero {
background-color: #efefef;
margin: 0 1rem 1.75rem 1rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero {
border-top: 6px solid #a31e22; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .hero {
margin: 0 0 1.25rem 0; } }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, black));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, black 100%);
/* IE10+ */
background: linear, to bottom, rgba(0, 0, 0, 0.3) 0%, black 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#000000',GradientType=0 );
/* IE6-9 */
height: 100%;
padding: .375rem 1rem 1rem 1rem;
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay {
height: auto;
padding-top: 1.25rem;
width: 22.5rem; } }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .social-icons {
background-color: #dddddd;
display: none;
position: absolute;
right: 0;
top: 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .social-icons {
display: block; } }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .social-icons a {
border-right: 1px solid #cccccc;
display: inline-block;
font-size: 1rem;
padding: .5625rem 0 .3125rem 0;
text-align: center;
width: 2.25rem; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .social-icons a .ss-icon {
color: #575757; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .social-icons a .ss-icon:hover {
color: #a31e22; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay h3, .curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay a, .curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .byline, .curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay p {
color: #ffffff; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay h3 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 2rem;
line-height: 2.125rem;
margin: 0 0 .75rem 0;
text-shadow: 1px 1px 5px #000; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay h3 {
font-size: 3rem;
line-height: 3.125rem;
margin-top: 1.25rem; } }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay .byline {
font-size: .75rem; }
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay p {
display: none;
font-size: .875rem;
line-height: 1.125rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .hero .hero-carousel div.excerpt .item-overlay p {
display: block; } }
.curated section[role="main"] .hero .hero-carousel .hero-nav {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .hero .hero-carousel .hero-nav a.browse {
font-weight: 700; }
.curated section[role="main"] .hero .hero-carousel .hero-nav .hero-nav-nums {
line-height: 2.75rem; }
.curated section[role="main"] .hero .hero-carousel .hero-nav .hero-nav-nums a {
font-size: 1rem;
font-weight: 500; }
.curated section[role="main"] .event-top-right {
padding: 0 .75rem 0 .75rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-right {
padding: 1rem 1.25rem 0 1.25rem; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right {
padding-top: 0; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-right .top-right-hed {
float: left;
padding-left: 1.25rem;
width: 28%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .top-right-hed {
float: none;
padding: 0;
width: 100%; } }
.curated section[role="main"] .event-top-right .top-right-hed .map-link {
display: none; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .top-right-hed .map-link {
display: inline; } }
.curated section[role="main"] .event-top-right .top-right-hed.p100 {
text-align: center;
padding-top: 20px; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .top-right-hed.p100 {
padding-top: 40px; } }
.curated section[role="main"] .event-top-right .top-right-hed.p100 h2 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.5rem;
line-height: 1.8rem; }
.curated section[role="main"] .event-top-right .top-right-hed.p100 > p {
padding: 24px 0;
font-size: 1rem;
line-height: 1.165rem;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
color: #000; }
.curated section[role="main"] .event-top-right .top-right-hed.p100 a.view {
background: #a31e22;
color: #fff;
font-weight: 500;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.185rem;
margin-bottom: 1rem;
text-transform: none;
padding: 4px 20px;
border-radius: 4px; }
.curated section[role="main"] .event-top-right .top-right-hed.p100 a.view:hover {
background: #1752a3 !important; }
.curated section[role="main"] .event-top-right .top-right-hed h2 {
margin: .625rem 0 .25rem 0; }
.curated section[role="main"] .event-top-right .top-right-hed h2 a {
color: #000; }
.curated section[role="main"] .event-top-right .top-right-hed p {
color: #7f7f7f;
font-size: .9375rem;
line-height: 1.1875rem;
margin: 0; }
.curated section[role="main"] .event-top-right .top-right-hed p a.learn {
cursor: pointer;
font-size: .875rem; }
.curated section[role="main"] .event-top-right .sorting {
margin: 0 auto 0 auto;
padding-bottom: .5rem;
width: 80%;
*zoom: 1; }
.curated section[role="main"] .event-top-right .sorting:before, .curated section[role="main"] .event-top-right .sorting:after {
content: " ";
display: table; }
.curated section[role="main"] .event-top-right .sorting:after {
clear: both; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-right .sorting {
float: right;
padding-right: 1rem;
text-align: right;
width: 62%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .sorting {
float: none;
padding-right: 0;
text-align: left;
width: 100%; } }
.curated section[role="main"] .event-top-right .sorting .sort {
clear: both;
padding: .625rem 0 .25rem 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .sorting .sort {
border-bottom: 1px dotted #999999;
padding: .625rem 0 .875rem 0; }
.curated section[role="main"] .event-top-right .sorting .sort:last-child {
border-bottom: none; } }
.curated section[role="main"] .event-top-right .sorting .sort label {
font-size: 0.85rem;
color: #666;
display: block;
line-height: 0.85rem; }
.curated section[role="main"] .event-top-right .sorting .sort.salary-survey {
border-bottom: none;
padding-bottom: 0; }
.curated section[role="main"] .event-top-right .sorting .sort .menu {
font-size: .9375rem;
font-weight: 700;
line-height: 1.25rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-right .sorting .sort .menu {
float: left;
width: 47%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .sorting .sort .menu {
float: none;
width: 100%;
margin-bottom: 2px; } }
.curated section[role="main"] .event-top-right .sorting .sort select {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: .9375rem;
padding: .5rem 0 .5rem .375rem;
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .event-top-right .sorting .sort select {
margin-left: .75rem;
width: 50%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .event-top-right .sorting .sort select {
margin-left: 0;
width: 100%; } }
.curated section[role="main"] .event-top-right .sorting input {
border-radius: .25rem;
font-size: 1.1875rem;
font-weight: 500;
margin-bottom: .75rem;
margin-top: .75rem;
padding: .25rem 1.5rem .25rem 1.5rem !important;
text-transform: none; }
.curated section[role="main"] .top5 {
padding-top: 3.5rem;
margin-left: 1rem;
position: relative; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .top5 {
margin-left: 0; } }
.curated section[role="main"] .top5:before {
position: absolute;
width: 70%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: 4px;
background-color: #a31e22;
content: '';
top: 1.5rem;
left: 1.875rem;
width: 76%; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .top5:before {
margin: 0;
width: 70%;
width: -webkit-calc(100% - 45px);
width: -moz-calc(100% - 45px);
width: calc(100% - 45px); } }
.curated section[role="main"] .top5 .head {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 2.25rem;
font-weight: 600;
text-transform: uppercase;
background-color: #fff;
border: 0;
box-shadow: none;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 8.375rem; }
.curated section[role="main"] .top5 .column {
margin-bottom: .75rem;
text-align: left;
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .top5 .column {
float: left;
margin-bottom: 0;
width: 32%; } }
.curated section[role="main"] .top5 .column .category-hed {
color: #9bb0b1;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.625rem;
font-weight: 600; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .top5 .column .category-hed {
font-size: 1.875rem; } }
.curated section[role="main"] .top5 .column ul {
margin-top: .25rem;
padding: 0; }
.curated section[role="main"] .top5 .column ul li {
color: #4e4b4a;
font-size: .9375rem;
list-style: none; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .top5 .column ul li {
font-size: 1rem; } }
.curated section[role="main"] .top5 .column ul li a {
color: #4e4b4a; }
.curated section[role="main"] .top5 .column ul li a:hover {
color: #a31e22; }
.curated section[role="main"] .top5 .column ul .view-all {
padding-top: 5px;
display: inline-block;
font-weight: 700; }
.curated section[role="main"] .top5 .column.five {
margin-right: 1.125rem;
width: 100%; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .top5 .column.five {
width: 18%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .top5 .column.five {
margin-right: 1.25rem; } }
.curated section[role="main"] .top5 .column.five:last-child {
margin-right: 0; }
.curated section[role="main"] .top5 .column.five h3 {
font-weight: 500;
line-height: 1.375rem;
margin: 0; }
.curated section[role="main"] .top5 .column.five p {
color: #7f7f7f;
font-size: .875rem;
margin: .25rem 0 0 0; }
.curated section[role="main"] .job-levels {
margin: 0 0 1.5rem 0;
padding-top: 1.75rem;
position: relative; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .job-levels {
margin: 0 .75rem 1.5rem .75rem; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .job-levels {
border-right: 1px solid #cccccc;
float: left;
margin: 0 0 2rem 0;
text-align: center;
width: 58%; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .job-levels {
width: 62%; } }
.curated section[role="main"] .job-levels:before {
position: absolute;
width: 70%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: 4px;
background-color: #a31e22;
content: '';
top: 1rem; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .job-levels:before {
width: 100%;
margin: 0; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .job-levels:before {
left: 3rem;
width: 80%; } }
.curated section[role="main"] .job-levels .job-hed {
color: #000;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
font-weight: 700;
text-transform: uppercase;
background-color: #fff;
left: 18%;
padding: 0 .625rem 0 .625rem;
position: absolute;
top: 0; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .job-levels .job-hed {
left: 24%; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .job-levels .job-hed {
left: 29%; } }
.curated section[role="main"] .job-levels .job-hed a {
color: #000; }
.curated section[role="main"] .job-levels p {
color: #7f7f7f;
font-size: .9375rem;
margin-bottom: .5rem;
padding: 0 4.25rem 0 4.25rem;
text-align: center; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .job-levels p {
margin-bottom: 1rem; } }
.curated section[role="main"] .job-levels ul {
margin: 0 3.875rem;
padding: 0;
text-align: center; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .job-levels ul {
border-bottom: 0; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .job-levels ul {
margin: 1rem 0 0 0; } }
.curated section[role="main"] .job-levels ul li {
display: block;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.125rem;
padding: .375rem .625rem .375rem .625rem;
text-transform: uppercase; }
.curated section[role="main"] .job-levels ul li:last-child {
border: 0; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .job-levels ul li {
border-right: 1px solid #cccccc;
display: inline;
line-height: 1.375rem; } }
.curated section[role="main"] .industries {
display: none;
padding: 0 .5rem 0 .5rem;
text-align: center; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .industries {
display: block; } }
.curated section[role="main"] .industries .industries-hed {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
font-weight: 700;
text-transform: uppercase; }
.curated section[role="main"] .industries .industries-hed a {
color: #000; }
.curated section[role="main"] .industries .icons-hed {
color: #4e4b4a;
margin: .375rem 0 .5rem 0; }
.curated section[role="main"] .bodee .related-categories {
color: #d9d9d9;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem; }
.curated section[role="main"] .bodee .related-categories .related-label, .curated section[role="main"] .bodee .related-categories a {
color: #a31e22; }
.curated section[role="main"] .bodee .related-categories a:hover {
color: #1752a3; }
.curated section[role="main"] .bodee .hero {
background-image: none;
background-color: #f2f2f2;
margin: 20px 0 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero {
border-color: #a31e22; } }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay {
background-color: transparent;
background-color: rgba(34, 34, 34, 0.5);
padding-bottom: 3rem; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons {
background-color: #ddd; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons .ss-icon {
color: #575757; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .social-icons .ss-icon:hover {
color: #a31e22; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay h3 {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 2.875rem;
line-height: 2.875rem;
margin-bottom: 2rem; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .byline, .curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay p {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay .byline {
font-size: 0.6875rem; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt .item-overlay p {
font-size: 0.875rem; }
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt:nth-child(2) .item-overlay {
background-color: transparent;
background-color: rgba(34, 34, 34, 0.5); }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-carousel div.excerpt:nth-child(2) .item-overlay {
background-color: transparent;
background-color: rgba(34, 34, 34, 0.5); } }
.curated section[role="main"] .bodee .hero .hero-editor a {
color: #000; }
.curated section[role="main"] .bodee .hero .hero-editor a:hover {
color: #a31e22; }
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
border-radius: 0;
padding: 0 12px 7px;
background-image: url(http://idge.staticworld.net/ctw/curated-editor-shadow.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 104px 7px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
background-size: 111px 7px;
padding: 0 13px 7px; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .hero .hero-editor .bylineImage {
background-size: 120px 8px;
padding: 0 15px 8px; } }
.curated section[role="main"] .bodee .hero .hero-editor .head {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
color: #575757; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.375rem; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline a {
color: #a31e22; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-byline a:hover {
color: #1752a3; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-title {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem; }
.curated section[role="main"] .bodee .hero .hero-editor .editor-contact {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.9375rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .hero .hero-editor .editor-info {
border-color: #7f7a79; } }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li {
font-size: 0.875rem; }
.curated section[role="main"] .bodee .hero .hero-editor .editors-picks ul li:after {
background-color: #7f7a79; }
.curated section[role="main"] .bodee .col-section {
position: relative; }
.curated section[role="main"] .bodee .col-section .section-head {
position: relative; }
.curated section[role="main"] .bodee .col-section .section-head:before {
position: absolute;
left: 0;
height: 5px;
width: 100%;
content: '';
background: #f2f2f2;
/* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #fdfdfd));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%, #fdfdfd 100%);
/* IE10+ */
background: linear, to bottom, #f2f2f2 0%, #fdfdfd 100%;
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fdfdfd',GradientType=0 );
/* IE6-9 */ }
.curated section[role="main"] .bodee .col-section .section-head .head-text {
color: #fff;
font-weight: 700;
background-color: #a31e22;
padding: 12px 16px 0 20px;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 2rem;
line-height: 1.375rem;
display: inline-block;
position: relative;
text-transform: uppercase;
margin-bottom: 10px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .section-head .head-text {
font-size: 2.375rem;
line-height: 1.5625rem;
padding: 13px 16px 0 20px; } }
.curated section[role="main"] .bodee .col-section .section-head .head-text:after {
background-color: transparent;
background-image: url(http://idge.staticworld.net/ctw/angle-mostread.png);
background-position: right top;
background-repeat: no-repeat;
content: '';
height: 100%;
padding: 0 0 0 9px;
margin: 0;
position: absolute;
right: -8px;
display: block;
top: 0;
width: 0; }
.curated section[role="main"] .bodee .col-section .stories {
background-color: transparent !important; }
.curated section[role="main"] .bodee .col-section .stories .index-promo {
padding-left: 10px;
padding-right: 10px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo:first-child {
padding-top: 10px !important; } }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section .stories .index-promo:nth-child(-n+3) {
padding-top: 10px !important; } }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline {
border-bottom: 1px dotted #7f7a79;
border-style: solid;
border-width: 0 0 1px 0;
-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; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons {
background-color: #f8f8f8; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons .ss-icon {
color: #575757; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .promo-headline .social-icons .ss-icon:hover {
color: #a31e22; }
.curated section[role="main"] .bodee .col-section .stories .index-promo h3 {
font-size: 1.25rem; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .byline {
font-size: 0.6875rem;
color: #7f7a79; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .byline strong {
font-weight: 500;
color: #a31e22; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .deck {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.25rem;
color: #000; }
.curated section[role="main"] .bodee .col-section .stories .index-promo .summary {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem; }
.curated section[role="main"] .bodee .col-section .stories .load-btn {
background-color: #a31e22;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #fff;
display: block;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.1875rem;
font-weight: 700;
margin: 0;
padding: 0.5rem;
text-align: center;
text-transform: none;
width: 100%; }
.curated section[role="main"] .bodee .col-section .stories .load-btn:hover {
background-color: #1752a3 !important; }
.curated section[role="main"] .bodee .col-section .right-rail .promo {
border-bottom: 0 none; }
.curated section[role="main"] .bodee .col-section .right-rail .promo:before {
background: #a31e22; }
.curated section[role="main"] .bodee .col-section .right-rail .promo.resources {
padding-top: 30px; }
.curated section[role="main"] .bodee .col-section .right-rail .insider-promo-wrapper.not-nsdr {
position: relative;
z-index: 1;
display: block; }
.curated section[role="main"] .bodee .col-section .right-rail .insider-promo-wrapper.not-nsdr .promo:before {
display: none; }
.curated section[role="main"] .bodee .col-section .right-rail .insider-promo-wrapper.not-nsdr .promo .insider-both {
border: 0 none;
padding: 0; }
.curated section[role="main"] .bodee .col-section #map {
clear: both;
display: none;
padding-top: 4rem;
position: relative; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .col-section #map {
display: block; } }
.curated section[role="main"] .bodee .col-section #map:before {
position: absolute;
width: 70%;
width: -webkit-calc(100% - 52px);
width: -moz-calc(100% - 52px);
width: calc(100% - 52px);
margin: 0 26px;
height: 4px;
background-color: #a31e22;
content: '';
top: 1.5rem; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .bodee .col-section #map:before {
width: 100%;
margin: 0; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .col-section #map:before {
width: 70%;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
left: 1.875rem; } }
.curated section[role="main"] .bodee .col-section #map .map-title {
clear: both;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
font-weight: 600;
text-transform: uppercase;
background-color: #fff;
border: 0;
box-shadow: none;
position: absolute;
top: 0;
left: 0; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .bodee .col-section #map .map-title {
font-size: 2.25rem;
width: 25.375rem; } }
.curated section[role="main"] .bodee .col-section #map .map-title.salary {
width: 18rem; }
@media only screen and (min-width: 24.0625em) {
.curated section[role="main"] .bodee .col-section #map .map-title.salary {
width: 21rem; } }
.curated section[role="main"] .bodee .col-section #map .map-wrapper {
margin: 0 auto 0 auto;
width: 778px; }
.curated section[role="main"] .bodee .col-section #map .instructions {
color: #4e4b4a;
font-size: .9375rem; }
.curated section[role="main"] .bodee .col-section #map .legend {
background-color: #2e353d;
border-radius: 0 0 .375rem .375rem;
float: left;
margin: -.375rem 0 1.25rem 0;
padding-bottom: 1.25rem; }
.curated section[role="main"] .bodee .col-section #map .legend .map-nav {
background-color: #20252b;
padding: 1.25rem; }
.curated section[role="main"] .bodee .col-section #map .legend .map-nav p {
color: #fff;
font-size: .9375rem;
line-height: 1.25rem;
margin: 0; }
.curated section[role="main"] .bodee .col-section #map .legend .map-nav p strong {
color: #bf212e; }
.curated section[role="main"] .bodee .curated-carousel {
padding-top: 1.25rem;
position: relative; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel {
padding-top: 1.75rem; } }
.curated section[role="main"] .bodee .curated-carousel .section-head {
height: 1.25rem; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .section-head {
height: 1.75rem; } }
.curated section[role="main"] .bodee .curated-carousel .section-head:before {
position: absolute;
width: 100%;
height: 3px;
background: #a31e22;
content: '';
top: 9px; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .section-head:before {
top: 13px; } }
.curated section[role="main"] .bodee .curated-carousel .section-head .head-text {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25rem;
background-color: #fff;
color: #000;
text-transform: uppercase;
position: absolute;
top: 0;
left: 0;
margin: 0;
display: inline-block;
text-align: center;
padding: 0 10px 0 0; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .section-head .head-text {
font-size: 2.375rem;
line-height: 1.75rem; } }
.curated section[role="main"] .bodee .curated-carousel .section-head .head-text:after {
display: none; }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel {
margin-top: 2rem; } }
@media only screen and (min-width: 48em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt {
padding-top: 40px;
padding-bottom: 20px; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons {
background-color: #f8f8f8; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons .ss-icon {
color: #575757; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .social-icons .ss-icon:hover {
color: #a31e22; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt h3 {
margin-bottom: 0.5rem;
font-size: 1.1875rem; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt .summary {
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.0625rem; }
@media only screen and (min-width: 60.625em) {
.curated section[role="main"] .bodee .curated-carousel .item-carousel div.excerpt:hover {
background-color: transparent !important; } }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt {
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 30px 10px; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt:first-child {
background-color: #fdfdfd; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.no-carousel div.excerpt:nth-child(2) {
background-color: #fff; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.two-across .items {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.two-across div.excerpt:nth-child(odd) {
background-color: #fdfdfd;
border-style: solid;
border-width: 0 1px 0 1px;
-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-left: 1px dotted #7f7a79;
border-right: 1px dotted #7f7a79; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.two-across div.excerpt:nth-child(even) {
background-color: #fff;
border-style: solid;
border-width: 0 1px 0 0;
-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-right: 1px dotted #7f7a79; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.three-across .items {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.three-across div.excerpt:nth-child(odd) {
background-color: #fff;
border-style: solid;
border-width: 0 1px 0 1px;
-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-left: 1px dotted #7f7a79;
border-right: 1px dotted #7f7a79; }
.curated section[role="main"] .bodee .curated-carousel .item-carousel.three-across div.excerpt:nth-child(even) {
background-color: #fdfdfd; }
.curated#bestplaces2015_index #event-stories, .curated#bestplaces2014_index #event-stories, .curated#bestplaces2013_index #event-stories, .curated#bestplaces2012_index #event-stories, .curated#bestplaces2011_index #event-stories, .curated#salarysurvey2015_index #event-stories, .curated#salarysurvey2014_index #event-stories, .curated#salarysurvey2013_index #event-stories, .curated#salarysurvey2012_index #event-stories, .curated#salarysurvey2011_index #event-stories {
position: relative; }
.curated#bestplaces2015_index #event-stories:before, .curated#bestplaces2014_index #event-stories:before, .curated#bestplaces2013_index #event-stories:before, .curated#bestplaces2012_index #event-stories:before, .curated#bestplaces2011_index #event-stories:before, .curated#salarysurvey2015_index #event-stories:before, .curated#salarysurvey2014_index #event-stories:before, .curated#salarysurvey2013_index #event-stories:before, .curated#salarysurvey2012_index #event-stories:before, .curated#salarysurvey2011_index #event-stories:before {
background: none; }
@media only screen and (min-width: 48em) {
.curated#bestplaces2015_index #event-stories, .curated#bestplaces2014_index #event-stories, .curated#bestplaces2013_index #event-stories, .curated#bestplaces2012_index #event-stories, .curated#bestplaces2011_index #event-stories, .curated#salarysurvey2015_index #event-stories, .curated#salarysurvey2014_index #event-stories, .curated#salarysurvey2013_index #event-stories, .curated#salarysurvey2012_index #event-stories, .curated#salarysurvey2011_index #event-stories {
margin-top: 0; } }
@media only screen and (min-width: 60.625em) {
.curated#bestplaces2015_index #event-stories, .curated#bestplaces2014_index #event-stories, .curated#bestplaces2013_index #event-stories, .curated#bestplaces2012_index #event-stories, .curated#bestplaces2011_index #event-stories, .curated#salarysurvey2015_index #event-stories, .curated#salarysurvey2014_index #event-stories, .curated#salarysurvey2013_index #event-stories, .curated#salarysurvey2012_index #event-stories, .curated#salarysurvey2011_index #event-stories {
margin-top: 1rem; } }
.curated#bestplaces2015_index #event-stories .section-head .head-text, .curated#bestplaces2014_index #event-stories .section-head .head-text, .curated#bestplaces2013_index #event-stories .section-head .head-text, .curated#bestplaces2012_index #event-stories .section-head .head-text, .curated#bestplaces2011_index #event-stories .section-head .head-text, .curated#salarysurvey2015_index #event-stories .section-head .head-text, .curated#salarysurvey2014_index #event-stories .section-head .head-text, .curated#salarysurvey2013_index #event-stories .section-head .head-text, .curated#salarysurvey2012_index #event-stories .section-head .head-text, .curated#salarysurvey2011_index #event-stories .section-head .head-text {
margin-bottom: 0; }
.curated#bestplaces2015_index #event-stories .stories, .curated#bestplaces2014_index #event-stories .stories, .curated#bestplaces2013_index #event-stories .stories, .curated#bestplaces2012_index #event-stories .stories, .curated#bestplaces2011_index #event-stories .stories, .curated#salarysurvey2015_index #event-stories .stories, .curated#salarysurvey2014_index #event-stories .stories, .curated#salarysurvey2013_index #event-stories .stories, .curated#salarysurvey2012_index #event-stories .stories, .curated#salarysurvey2011_index #event-stories .stories {
margin-bottom: 1.75rem; }
.curated#bestplaces2015_index #event-stories .stories .index-promo, .curated#bestplaces2014_index #event-stories .stories .index-promo, .curated#bestplaces2013_index #event-stories .stories .index-promo, .curated#bestplaces2012_index #event-stories .stories .index-promo, .curated#bestplaces2011_index #event-stories .stories .index-promo, .curated#salarysurvey2015_index #event-stories .stories .index-promo, .curated#salarysurvey2014_index #event-stories .stories .index-promo, .curated#salarysurvey2013_index #event-stories .stories .index-promo, .curated#salarysurvey2012_index #event-stories .stories .index-promo, .curated#salarysurvey2011_index #event-stories .stories .index-promo {
margin-bottom: .5rem; }
@media only screen and (min-width: 48em) {
.curated#bestplaces2015_index #event-stories .stories .index-promo, .curated#bestplaces2014_index #event-stories .stories .index-promo, .curated#bestplaces2013_index #event-stories .stories .index-promo, .curated#bestplaces2012_index #event-stories .stories .index-promo, .curated#bestplaces2011_index #event-stories .stories .index-promo, .curated#salarysurvey2015_index #event-stories .stories .index-promo, .curated#salarysurvey2014_index #event-stories .stories .index-promo, .curated#salarysurvey2013_index #event-stories .stories .index-promo, .curated#salarysurvey2012_index #event-stories .stories .index-promo, .curated#salarysurvey2011_index #event-stories .stories .index-promo {
padding-bottom: 0 !important; } }
@media only screen and (min-width: 60.625em) {
.curated#bestplaces2015_index #event-stories .stories .index-promo, .curated#bestplaces2014_index #event-stories .stories .index-promo, .curated#bestplaces2013_index #event-stories .stories .index-promo, .curated#bestplaces2012_index #event-stories .stories .index-promo, .curated#bestplaces2011_index #event-stories .stories .index-promo, .curated#salarysurvey2015_index #event-stories .stories .index-promo, .curated#salarysurvey2014_index #event-stories .stories .index-promo, .curated#salarysurvey2013_index #event-stories .stories .index-promo, .curated#salarysurvey2012_index #event-stories .stories .index-promo, .curated#salarysurvey2011_index #event-stories .stories .index-promo {
padding-bottom: 1.5rem !important; } }
.curated#bestplaces2015_index #event-stories .stories .index-promo .promo-headline, .curated#bestplaces2014_index #event-stories .stories .index-promo .promo-headline, .curated#bestplaces2013_index #event-stories .stories .index-promo .promo-headline, .curated#bestplaces2012_index #event-stories .stories .index-promo .promo-headline, .curated#bestplaces2011_index #event-stories .stories .index-promo .promo-headline, .curated#salarysurvey2015_index #event-stories .stories .index-promo .promo-headline, .curated#salarysurvey2014_index #event-stories .stories .index-promo .promo-headline, .curated#salarysurvey2013_index #event-stories .stories .index-promo .promo-headline, .curated#salarysurvey2012_index #event-stories .stories .index-promo .promo-headline, .curated#salarysurvey2011_index #event-stories .stories .index-promo .promo-headline {
border-bottom: 1px dotted #bbbbbb; }
.curated#bestplaces2015_index #event-stories .stories .index-promo .promo-headline h3, .curated#bestplaces2014_index #event-stories .stories .index-promo .promo-headline h3, .curated#bestplaces2013_index #event-stories .stories .index-promo .promo-headline h3, .curated#bestplaces2012_index #event-stories .stories .index-promo .promo-headline h3, .curated#bestplaces2011_index #event-stories .stories .index-promo .promo-headline h3, .curated#salarysurvey2015_index #event-stories .stories .index-promo .promo-headline h3, .curated#salarysurvey2014_index #event-stories .stories .index-promo .promo-headline h3, .curated#salarysurvey2013_index #event-stories .stories .index-promo .promo-headline h3, .curated#salarysurvey2012_index #event-stories .stories .index-promo .promo-headline h3, .curated#salarysurvey2011_index #event-stories .stories .index-promo .promo-headline h3 {
font-size: 1.25rem;
line-height: 1.3125rem;
margin-bottom: .625rem; }
.curated#bestplaces2015_index #event-stories .stories .index-promo .promo-headline .byline, .curated#bestplaces2014_index #event-stories .stories .index-promo .promo-headline .byline, .curated#bestplaces2013_index #event-stories .stories .index-promo .promo-headline .byline, .curated#bestplaces2012_index #event-stories .stories .index-promo .promo-headline .byline, .curated#bestplaces2011_index #event-stories .stories .index-promo .promo-headline .byline, .curated#salarysurvey2015_index #event-stories .stories .index-promo .promo-headline .byline, .curated#salarysurvey2014_index #event-stories .stories .index-promo .promo-headline .byline, .curated#salarysurvey2013_index #event-stories .stories .index-promo .promo-headline .byline, .curated#salarysurvey2012_index #event-stories .stories .index-promo .promo-headline .byline, .curated#salarysurvey2011_index #event-stories .stories .index-promo .promo-headline .byline {
color: #7f7f7f;
padding-top: 0; }
.curated#bestplaces2015_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#bestplaces2014_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#bestplaces2013_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#bestplaces2012_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#bestplaces2011_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#salarysurvey2015_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#salarysurvey2014_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#salarysurvey2013_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#salarysurvey2012_index #event-stories .stories .index-promo .promo-headline .byline strong, .curated#salarysurvey2011_index #event-stories .stories .index-promo .promo-headline .byline strong {
color: #a31e22; }
.curated#bestplaces2015_index #event-stories .stories .index-promo .img, .curated#bestplaces2014_index #event-stories .stories .index-promo .img, .curated#bestplaces2013_index #event-stories .stories .index-promo .img, .curated#bestplaces2012_index #event-stories .stories .index-promo .img, .curated#bestplaces2011_index #event-stories .stories .index-promo .img, .curated#salarysurvey2015_index #event-stories .stories .index-promo .img, .curated#salarysurvey2014_index #event-stories .stories .index-promo .img, .curated#salarysurvey2013_index #event-stories .stories .index-promo .img, .curated#salarysurvey2012_index #event-stories .stories .index-promo .img, .curated#salarysurvey2011_index #event-stories .stories .index-promo .img {
margin-bottom: .5rem; }
@media only screen and (min-width: 48em) {
.curated#bestplaces2015_index #event-stories .stories .index-promo .img, .curated#bestplaces2014_index #event-stories .stories .index-promo .img, .curated#bestplaces2013_index #event-stories .stories .index-promo .img, .curated#bestplaces2012_index #event-stories .stories .index-promo .img, .curated#bestplaces2011_index #event-stories .stories .index-promo .img, .curated#salarysurvey2015_index #event-stories .stories .index-promo .img, .curated#salarysurvey2014_index #event-stories .stories .index-promo .img, .curated#salarysurvey2013_index #event-stories .stories .index-promo .img, .curated#salarysurvey2012_index #event-stories .stories .index-promo .img, .curated#salarysurvey2011_index #event-stories .stories .index-promo .img {
max-height: 8.75rem;
overflow: hidden;
width: 50%; } }
@media only screen and (min-width: 60.625em) {
.curated#bestplaces2015_index #event-stories .stories .index-promo .img, .curated#bestplaces2014_index #event-stories .stories .index-promo .img, .curated#bestplaces2013_index #event-stories .stories .index-promo .img, .curated#bestplaces2012_index #event-stories .stories .index-promo .img, .curated#bestplaces2011_index #event-stories .stories .index-promo .img, .curated#salarysurvey2015_index #event-stories .stories .index-promo .img, .curated#salarysurvey2014_index #event-stories .stories .index-promo .img, .curated#salarysurvey2013_index #event-stories .stories .index-promo .img, .curated#salarysurvey2012_index #event-stories .stories .index-promo .img, .curated#salarysurvey2011_index #event-stories .stories .index-promo .img {
max-height: 100%;
width: auto; } }
.curated#bestplaces2015_index #event-stories .stories #load-more-stories, .curated#bestplaces2014_index #event-stories .stories #load-more-stories, .curated#bestplaces2013_index #event-stories .stories #load-more-stories, .curated#bestplaces2012_index #event-stories .stories #load-more-stories, .curated#bestplaces2011_index #event-stories .stories #load-more-stories, .curated#salarysurvey2015_index #event-stories .stories #load-more-stories, .curated#salarysurvey2014_index #event-stories .stories #load-more-stories, .curated#salarysurvey2013_index #event-stories .stories #load-more-stories, .curated#salarysurvey2012_index #event-stories .stories #load-more-stories, .curated#salarysurvey2011_index #event-stories .stories #load-more-stories {
color: #fff;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.125rem;
margin-top: 1.5rem;
padding: .375rem;
text-transform: capitalize; }
@media only screen and (min-width: 48em) {
.curated#bestplaces2015_index #event-stories .right-rail, .curated#bestplaces2014_index #event-stories .right-rail, .curated#bestplaces2013_index #event-stories .right-rail, .curated#bestplaces2012_index #event-stories .right-rail, .curated#bestplaces2011_index #event-stories .right-rail, .curated#salarysurvey2015_index #event-stories .right-rail, .curated#salarysurvey2014_index #event-stories .right-rail, .curated#salarysurvey2013_index #event-stories .right-rail, .curated#salarysurvey2012_index #event-stories .right-rail, .curated#salarysurvey2011_index #event-stories .right-rail {
margin-top: 1.5rem; } }
@media only screen and (min-width: 60.625em) {
.curated#bestplaces2015_index #event-stories .right-rail, .curated#bestplaces2014_index #event-stories .right-rail, .curated#bestplaces2013_index #event-stories .right-rail, .curated#bestplaces2012_index #event-stories .right-rail, .curated#bestplaces2011_index #event-stories .right-rail, .curated#salarysurvey2015_index #event-stories .right-rail, .curated#salarysurvey2014_index #event-stories .right-rail, .curated#salarysurvey2013_index #event-stories .right-rail, .curated#salarysurvey2012_index #event-stories .right-rail, .curated#salarysurvey2011_index #event-stories .right-rail {
margin-top: 0; } }
.salary-tool {
position: absolute;
left: 0;
/* top will be determined by JS */
border: 1px solid #7f7f7f;
background-color: #000;
margin: 1rem 0.75rem 0 0.75rem;
font-size: 0.875rem;
border-radius: 5px;
z-index: 6000000; }
@media only screen and (min-width: 48em) {
.salary-tool {
margin-left: 1.5rem;
margin-right: 1.5rem;
max-width: 18.75rem; } }
@media only screen and (min-width: 60.625em) {
.salary-tool {
left: auto;
/* right is being written by JS; need this to not override */
margin-left: 0;
margin-right: 0; } }
.salary-tool p {
color: #efefef;
padding: 1.25rem 1.5rem .75rem 1.5rem;
font-size: .875rem;
text-transform: none;
font-weight: normal;
line-height: 1.1875rem; }
.salary-tool hr {
box-shadow: 0px 3px 5px 0px rgba(204, 204, 204, 0.75);
margin: 0; }
.salary-tool .close-bar {
border-top: 1px solid #efefef;
color: #efefef;
display: block;
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.1875rem;
text-align: center;
padding: 0.5rem 0;
text-decoration: none;
text-transform: uppercase; }
.industry-title {
display: block;
margin-bottom: .5rem; }
.salary {
font-weight: 700; }
.dot-line {
border-top: 1px dotted #4e4b4a;
margin: .5rem 0 .5rem 0; }
.reference {
font-size: .8125rem; }
.curated input[type=text].select2-input {
margin: 0; }
.curated .select2-container,
.curated .select2-drop {
width: 200px;
background-color: #fff;
background-image: none;
font-size: .925rem;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
@media only screen and (min-width: 48em) {
.curated .select2-container,
.curated .select2-drop {
width: 50%; } }
@media only screen and (min-width: 60.625em) {
.curated .select2-container,
.curated .select2-drop {
width: 200px; } }
.curated .select2-container .select2-choice {
background-image: none;
background-color: #fff;
height: 32px;
line-height: 32px;
border-radius: 2px;
padding-left: 12px; }
.curated .select2-container .select2-choice .select2-arrow {
border-left: 0 none;
background: #fff;
background-image: none;
right: 4px; }
.curated .select2-container .select2-choice .select2-arrow b {
background: url("http://idge.staticworld.net/ctw/salary-survey/select2.png") no-repeat 0 2px !important; }
.curated .select2-results {
padding-left: 8px; }
@media only screen and (min-width: 48em) {
.curated .select2-results li {
text-align: right; } }
@media only screen and (min-width: 60.625em) {
.curated .select2-results li {
text-align: left; } }
.curated .select2-dropdown-open .select2-choice {
background-image: none; }
.curated .select2-dropdown-open .select2-choice .select2-arrow b {
background: url("http://idge.staticworld.net/ctw/salary-survey/select2.png") no-repeat -18px 2px !important; }
.pagination {
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-weight: 700; }
.pagination .page-link {
color: #a31e22; }
#resources-sponsored-links {
font-family: "myriad-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
line-height: normal;
padding: 2.25rem 0 1.25rem 0;
position: relative;
margin: 1rem 10px 0; }
@media only screen and (min-width: 48em) {
#resources-sponsored-links {
margin: 1rem 22px 0;
width: auto; } }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links {
margin: 2rem auto 0; } }
#resources-sponsored-links:before {
position: absolute;
height: 4px;
background-color: #efefef;
content: '';
top: .8rem;
width: 100%; }
#resources-sponsored-links .head {
color: #000;
float: none;
font-size: 1.425rem;
font-weight: 600;
margin-bottom: .25rem;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
background-color: #fff;
border: 0;
box-shadow: none;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 10rem; }
@media only screen and (min-width: 60.625em) {
#resources-sponsored-links .head {
padding-left: 0; } }
#resources-sponsored-links a {
color: #000;
font-family: "museo-sans", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif; }
#resources-sponsored-links a:hover {
color: #a31e22; }
#resources-sponsored-links ul li {
font-family: "myriad-pro", "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: #1752a3; }
#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; }