#sharer {
font-family: sans-serif;
font-size: 1.375rem;
float: right;
width: 92px;
line-height: 1rem; }
@media only screen and (min-width: 71.25em) {
#sharer {
line-height: normal; } }
#sharer .close-btn {
display: none; }
#sharer ul {
list-style: none;
padding: 0;
margin: 0; }
#sharer ul li {
padding: 0;
margin: 0;
display: none; }
#sharer ul li.mob {
display: inline-block; }
@media only screen and (min-width: 48em) {
#sharer ul li.mob {
display: none; } }
@media only screen and (min-width: 48em) {
#sharer ul li.mob.desk {
display: inline-block; } }
@media only screen and (min-width: 71.25em) {
#sharer ul li.mob.desk.car {
display: none; } }
@media only screen and (min-width: 60.625em) {
#sharer ul li.stumble {
display: none; } }
#sharer ul li.sosh {
position: relative; }
#sharer ul li.sosh > .socialite, #sharer ul li.sosh ul {
display: none; }
#sharer ul li.sosh .facebook-like > div > span {
height: 61px !important;
width: 46px !important; }
#sharer ul li.sosh.open {
border-right: none; }
#sharer ul li.sosh.open > .socialite, #sharer ul li.sosh.open ul {
background: #FFF;
border: 1px solid #dedede;
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
clip: rect(0, 900px, 900px, 0);
border-left: none;
display: block;
position: absolute;
top: -1px;
left: 62px;
padding: 10px; }
#sharer ul li.sosh.open > ul {
left: 63px;
/* top:-213px; - size with GPlus button */
top: -138px;
/* size w/o GPlus button */
clip: rect(0, 120px, auto, 0);
padding-bottom: 0;
text-align: center; }
.slideshow #sharer ul li.sosh.open > ul, .videoIndex #sharer ul li.sosh.open > ul {
top: -98px; }
#sharer ul li.sosh.open .facebook-like {
min-height: 61px;
min-width: 46px; }
#sharer ul li .sidecar-icon {
height: 25px;
width: 25px; }
#sharer ul li .sidecar-icon:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2); }
@media only screen and (min-width: 24.0625em) {
#sharer ul li .sidecar-icon {
height: 28px;
width: 28px; } }
#sharer a {
text-decoration: none;
color: #a3acb2; }
@media only screen and (min-width: 71.25em) {
#sharer a.comment {
position: relative; }
#sharer a.comment:after {
background: #da1215;
border: 2px solid #FFF;
color: #FFF;
content: attr(data-comment-count);
font-size: 12px;
padding: 3px 6px 2px;
border-radius: 100%;
position: absolute;
top: -16px;
left: 13px; } }
#sharer a.comment .sidecar-icon {
height: 35px; }
#sharer a i {
display: inline-block;
margin: 0 10px; }
#sharer a .vhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
#sharer.modal {
float: none;
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 6000000; }
@media only screen and (min-width: 71.25em) {
#sharer.modal {
display: none; } }
#sharer.modal ul {
background: #FFF;
border: 1px solid #CCC;
border-radius: 4px;
height: 75%;
margin: 12% auto 0 auto;
width: 90%;
max-width: 400px;
max-height: 500px;
position: relative; }
#sharer.modal ul li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#sharer.modal ul li.close-btn {
border-radius: 50%;
display: block;
position: absolute;
width: 20px;
height: 20px;
background: #CCC;
color: #FFF;
top: 0;
right: 5px;
font-size: 14px;
font-weight: normal;
margin-top: 5px;
padding: 2px 0 0 3px;
z-index: 6000001;
cursor: pointer; }
#sharer.modal ul li.grid1, #sharer.modal ul li.grid3 {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC; }
#sharer.modal ul li.grid2, #sharer.modal ul li.grid4 {
border-bottom: 1px solid #CCC; }
#sharer.modal ul li.grid5 {
border-right: 1px solid #CCC; }
#sharer.modal ul li.mob {
display: none; }
#sharer.modal ul li.sosh {
display: block;
width: 50%;
height: 33%;
padding: 12.5% 12.5%;
float: left; }
#sharer.modal ul li.sosh i {
display: none; }
#sharer.modal ul li.sosh .socialite {
display: block;
text-align: center; }
#sharer.modal ul li.sosh ul {
display: block;
border: 0 none; }
#sharer.modal ul li.sosh ul li {
display: none; }
#sharer.modal ul li.sosh ul li.showmob {
display: block; }
@media only screen and (min-width: 71.25em) {
#sharer {
position: absolute;
width: 3.75rem;
width: 64px;
left: -80px;
top: 147px;
border-bottom: 1px solid #dedede;
background: #fff;
z-index: 5000000; }
#sharer.sticky {
position: fixed;
top: 10px; }
#sharer ul li {
border: 1px solid #dedede;
border-bottom: none;
display: inline-block;
padding: 15px 10px 10px 10px; }
#sharer ul li.mob {
display: none; }
#sharer ul li.mob.desk {
display: inline-block; }
#sharer ul li ul li {
border: 0 none;
padding: 0 0 10px 0; } }
.slideshow #sharer .print-icon, .videoIndex #sharer .print-icon {
display: none; }
#sharer.sidecar {
border: 0;
float: none;
width: 100%; }
@media only screen and (min-width: 48em) {
#sharer.sidecar {
width: 408px;
width: -webkit-calc(100% - 335px);
width: -moz-calc(100% - 335px);
width: calc(100% - 335px); } }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar {
float: right;
width: 64px; } }
#sharer.sidecar ul li {
border: 0;
display: inline-block;
float: left;
padding: .3125rem .3125rem .625rem .3125rem; }
#sharer.sidecar ul li.close-btn {
display: none; }
#sharer.sidecar ul li.comment {
padding: .125rem .375rem .625rem .625rem; }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar ul li.comment {
padding-left: .375rem;
padding-right: .625rem; } }
#sharer.sidecar ul li:last-child {
display: none; }
@media only screen and (min-width: 24.0625em) {
#sharer.sidecar ul li:last-child {
display: inline-block; } }
@media only screen and (min-width: 24.0625em) {
#sharer.sidecar ul li {
padding: .3125rem .375rem .625rem .375rem; } }
@media only screen and (min-width: 71.25em) {
#sharer.sidecar ul li {
float: none; } }
.mediaresource #sharer.sidecar ul {
/* display: none; */ }
@media only screen and (min-width: 71.25em) {
.mediaresource #sharer.sidecar ul {
display: block; } }
#bottom-sharer {
font-size: 22px;
font-size: 1.375rem;
display: none; }
@media only screen and (min-width: 48em) {
#bottom-sharer {
clear: both;
display: block;
margin: 20px auto;
width: 430px;
padding-top: 20px; } }
@media only screen and (min-width: 71.25em) {
#bottom-sharer {
display: none; } }
#bottom-sharer a {
text-decoration: none;
color: #a3acb2; }
#bottom-sharer ul {
border: 1px solid #dedede;
display: block;
list-style: none;
margin: 20px 0 0 0;
padding: 0; }
#bottom-sharer ul li {
border-right: 1px solid #dedede;
margin: 0;
padding: 10px;
display: inline-block;
width: 60px; }
#bottom-sharer ul li.email {
position: relative;
border-right: none;
top: -12px;
left: 9px;
font-size: 32px;
padding-bottom: 0; }
#bottom-sharer ul li.email a {
display: block;
position: relative; }
.eml-friend, .eml-ty, .eml-friend-error {
position: relative;
margin: 5% auto 0;
border: 1px solid #16161d;
background-color: #fff;
width: 80%;
min-height: 30rem;
padding-bottom: 20px;
font-size: 0.875rem; }
@media only screen and (min-width: 71.25em) {
.eml-friend, .eml-ty, .eml-friend-error {
width: 48%; } }
.eml-friend hr, .eml-ty hr, .eml-friend-error hr {
margin: 0.6875rem 0;
clear: both; }
.eml-friend h3, .eml-ty h3, .eml-friend-error h3 {
font-size: 1.7rem;
margin: 1rem 2rem 1.5rem 2rem; }
.eml-friend .input-row, .eml-ty .input-row, .eml-friend-error .input-row {
overflow: hidden;
margin: 0.5rem 2rem; }
.eml-friend .input-row .input-label, .eml-ty .input-row .input-label, .eml-friend-error .input-row .input-label {
float: left;
margin: 0; }
.eml-friend .input-row input, .eml-friend .input-row textarea, .eml-ty .input-row input, .eml-ty .input-row textarea, .eml-friend-error .input-row input, .eml-friend-error .input-row textarea {
display: block;
float: right;
width: 80%;
border: 1px solid #dedede;
border-radius: .18rem;
background-color: #fff;
margin: 0 5px;
padding: 6px;
outline: none;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15); }
.eml-friend .input-row input:focus, .eml-friend .input-row textarea:focus, .eml-ty .input-row input:focus, .eml-ty .input-row textarea:focus, .eml-friend-error .input-row input:focus, .eml-friend-error .input-row textarea:focus {
background-color: #f3f9fe; }
.eml-friend .input-row .addl-text, .eml-ty .input-row .addl-text, .eml-friend-error .input-row .addl-text {
font-size: 0.6875rem;
color: #999;
text-align: right;
margin: 0.25rem 0 0 0;
clear: both; }
.eml-friend .submit, .eml-ty .submit, .eml-friend-error .submit {
overflow: hidden;
margin: 0.5rem 2rem; }
.eml-friend .submit input, .eml-ty .submit input, .eml-friend-error .submit input {
float: left;
margin-left: 15%;
width: 20%; }
.eml-friend .submit .submit-privacy, .eml-ty .submit .submit-privacy, .eml-friend-error .submit .submit-privacy {
float: left;
width: 18%;
font-size: 0.6875rem;
text-decoration: none;
font-style: italic;
text-align: right;
margin-top: 0.6875rem; }
.eml-friend .msg-sent, .eml-ty .msg-sent, .eml-friend-error .msg-sent {
font-style: italic;
margin: 0 2rem;
font-size: 1rem; }
@media only screen and (min-width: 48em) {
.eml-friend #recaptcha_widget_div, .eml-ty #recaptcha_widget_div, .eml-friend-error #recaptcha_widget_div {
width: 82%;
float: right; } }
.eml-friend #recaptcha_widget_div .recaptchatable, .eml-ty #recaptcha_widget_div .recaptchatable, .eml-friend-error #recaptcha_widget_div .recaptchatable {
border: none !important;
display: block; }
.eml-friend #recaptcha_widget_div .recaptchatable #recaptcha_response_field, .eml-ty #recaptcha_widget_div .recaptchatable #recaptcha_response_field, .eml-friend-error #recaptcha_widget_div .recaptchatable #recaptcha_response_field {
width: 285px !important;
margin-left: 0;
border: 1px solid #dedede !important; }
.eml-friend .error-msg, .eml-ty .error-msg, .eml-friend-error .error-msg {
color: #f00;
margin-bottom: 10px; }
.comment-count-mobile {
float: right;
width: 40px; }
.comment-count-mobile #comment-bubble-idge {
height: 2rem;
margin-top: .3125rem; }
.comment-count-mobile #comment-bubble-idge .comment #comment-count {
color: #fff;
display: block;
line-height: .875rem;
padding: .3125rem 0 0 .1875rem;
text-align: center;
width: 35px; }
.comment-count-mobile #comment-bubble-idge .comment #comment-text {
display: none; }
@media only screen and (min-width: 48em) {
.comment-count-mobile {
display: none; } }
.comment-count-main {
display: none; }
@media only screen and (min-width: 48em) {
.comment-count-main {
display: block; } }
.comment-count-slideshow {
float: right;
margin: .375rem 0 0 0;
width: 40px; }
@media only screen and (min-width: 48em) {
.comment-count-slideshow {
margin-right: 4.5rem; } }
.comment-count-slideshow #comment-bubble-idge {
background-size: auto;
height: 2rem;
margin: 0;
width: 40px; }
.comment-count-slideshow #comment-bubble-idge .comment #comment-count {
float: left;
padding: .3125rem 0 0 .625rem;
width: 1.25rem; }
.comment-count-slideshow #comment-bubble-idge .comment #comment-text {
color: inherit;
display: none;
font-weight: bold; }
@media only screen and (min-width: 48em) {
.comment-count-slideshow #comment-bubble-idge .comment #comment-text {
display: block;
margin: .1875rem 0 0 2.375rem; } }
#comment-bubble-idge {
background: transparent url(http://idge.staticworld.net/images/speechbubble.svg) no-repeat 0 0;
clear: left;
float: right;
height: 4rem;
margin: .75rem .5rem 1.25rem 0;
width: 40px; }
@media only screen and (min-width: 48em) {
#comment-bubble-idge {
background-size: 80px 64px;
float: left;
margin-left: .625rem;
margin-right: 1.25rem;
width: 8.75rem; } }
@media only screen and (min-width: 60.625em) {
#comment-bubble-idge {
margin-left: 0; } }
#comment-bubble-idge .comment {
text-decoration: none; }
#comment-bubble-idge .comment #comment-count {
color: #fff;
display: block;
line-height: .875rem;
padding: .625rem 0 0 .25rem;
text-align: center;
width: 72px; }
#comment-bubble-idge .comment #comment-text {
color: #fff;
display: block;
font-size: .75rem;
padding: 0 .125rem 0 .25rem;
text-align: center;
text-transform: uppercase;
width: 72px; }
nav.breadcrumbs {
display: none; }
@media only screen and (min-width: 60.625em) {
nav.breadcrumbs {
display: block;
padding: 0 10px 0 0;
margin: 5px 0; } }
nav.breadcrumbs ul li {
font-size: 0.85rem;
padding-right: 5px; }
nav.breadcrumbs ul li::after {
content: ' > ';
padding-left: 5px; }
nav.breadcrumbs ul li:last-child::after {
content: ''; }
nav.breadcrumbs ul li a {
text-decoration: none; }
/*
This CSS resource incorporates links to font software which is 
the valuable copyrighted property of WebType LLC, The Font Bureau 
and/or their suppliers. You may not 
attempt to copy, install, redistribute, convert, modify or reverse 
engineer this font software. Please contact WebType with any 
questions: http://www.webtype.com 
*/
@font-face {
font-family: 'antennacondblack';
src: url("/www.idge.cio/css/webfonts/antennacond-black-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-black-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-black-webfont.svg#antennacondblack") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'antennacondextralight';
src: url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-extralight-webfont.svg#antennacondextralight") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'antennacondregular';
src: url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.eot");
src: url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/antennacond-regular-webfont.svg#antennacondregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: '4_dotsregular';
src: url("/www.idge.cio/css/webfonts/4-dots-webfont.eot");
src: url("/www.idge.cio/css/webfonts/4-dots-webfont.eot?#iefix") format("embedded-opentype"), url("/www.idge.cio/css/webfonts/4-dots-webfont.woff") format("woff"), url("/www.idge.cio/css/webfonts/4-dots-webfont.ttf") format("truetype"), url("/www.idge.cio/css/webfonts/4-dots-webfont.svg#4_dotsregular") format("svg");
font-weight: normal;
font-style: normal; }
nav.breadcrumbs {
color: #c8c8ca;
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
margin-bottom: 20px; }
nav.breadcrumbs ul li a {
color: #a1a2a5; }
nav.breadcrumbs ul li a:visited {
color: #a1a2a5; }
nav.breadcrumbs ul li a:hover {
color: #ed1c24; }
nav.breadcrumbs {
display: block;
margin: 20px 0 20px 10px; }
@media only screen and (min-width: 48em) {
nav.breadcrumbs {
margin-left: 20px; } }
@media only screen and (min-width: 60.625em) {
nav.breadcrumbs {
margin-left: 0; } }
h1 {
font-size: 2.75rem;
line-height: 2.95rem;
margin: 0.25rem 0 0 0;
font-weight: 400;
margin-left: 10px; }
@media only screen and (min-width: 48em) {
h1 {
margin-left: 20px; } }
@media only screen and (min-width: 60.625em) {
h1 {
margin-left: 0; } }
nav.mags {
margin-bottom: 2rem;
margin-left: 10px;
margin-right: 10px; }
@media only screen and (min-width: 48em) {
nav.mags {
margin-left: 20px;
margin-right: 20px; } }
@media only screen and (min-width: 60.625em) {
nav.mags {
margin-left: 0;
margin-right: 0; } }
nav.mags ul {
display: none; }
@media only screen and (min-width: 48em) {
nav.mags ul {
display: block;
list-style-type: none;
padding: 8px 0 0 0;
border-top: 2px solid #eee;
margin-top: 10px; }
nav.mags ul li {
display: inline;
font-family: "myriad-pro", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
border-right: 2px solid #4e4242;
color: #4e4242;
padding-right: 1rem;
padding-left: .85rem; }
nav.mags ul li:first-child {
padding-left: 0; }
nav.mags ul li:last-child {
border-right: none; } }
nav.mags select {
margin-top: 20px;
width: 99%; }
@media only screen and (min-width: 48em) {
nav.mags select {
display: none; } }
h2 {
border-top: 1px solid #4e4242;
-webkit-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
-moz-box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
box-shadow: inset 0 1px 0 rgba(237, 28, 36, 0.38);
color: #4e4242;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.35rem;
line-height: 2rem;
padding: 0.2rem 15px 0 0;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: normal; }
h2:after {
font-family: "4_dotsregular";
content: 'A';
font-size: 10px;
font-weight: 700;
color: #ed1c24;
position: relative;
left: 5px;
bottom: 1px; }
.group {
padding-top: 0.5rem;
clear: both; }
.group .year {
float: none;
font-family: "antennacondblack", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.75rem;
color: #a1a2a5;
letter-spacing: .05rem;
padding-top: 1.2rem;
width: 100px; }
@media only screen and (min-width: 48em) {
.group .year {
float: left; } }
.group ul.issues {
margin-left: 0;
float: none;
padding: 0;
margin-bottom: 0;
list-style-type: none;
width: 225px; }
@media only screen and (min-width: 48em) {
.group ul.issues {
margin-left: 50px;
float: left;
padding-left: 40px; } }
.group ul.issues li {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.2rem;
line-height: 2; }
.group ul.secondcol {
list-style-type: none;
float: none;
padding: 0;
margin-top: 0; }
@media only screen and (min-width: 48em) {
.group ul.secondcol {
float: left;
padding-left: 40px;
margin-top: 16px; } }
.group ul.secondcol li {
font-family: "antennacondregular", "Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
font-size: 1.2rem;
line-height: 2; }
section[role=main] .main-col.mag-issue {
margin-top: 2rem; }