.bottom-gradient .overlay .stage { 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
padding: 60px 10%; 
-webkit-transition: all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
}
.bottom-gradient .overlay a:hover .stage { 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.6) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.acco-open a { display: block; padding: 10px 20px; border-bottom: 2px #CCC solid; border-top: 2px #CCC solid; background: #EEE;  font: 18px/24px "GalaxieHeavy"; text-decoration: none; color: #000; margin-bottom: 30px; }
.acco-open strong { position: absolute; right: 20px; top: 10px; font: bold 24px/24px Helvetica, Arial, sans-serif;  }
.acco-open strong.closed { display: none; }
.acco-open { position: relative;  }
.accordion { background: #EEE; padding: 20px; display: none; margin-top: -30px; margin-bottom: 30px; }
.accordion p { margin-bottom: 12px; padding: 0; font: normal 16px/20px "proxima-nova"; }
.top-dog .article-hdr { margin: 0; }
.top-dog .overlay .stage { position: absolute; bottom: 0; width: 100%; }
.full article.stage.bottom { position: absolute; bottom: 60px; width: 100%; }

#readinglist { position: relative; background:#EFEFEC; padding-right: 10px; width: 31%; margin-left: 2%; }
#readinglist ul { margin: 0 0 50px 0; }
#readinglist h2.divided { background:#EFEFEC; margin: 0; padding: 25px 10px 10px 10px; font-size: 16px; text-align: center; line-height: 20px; height: auto; }
#readinglist li { padding: 10px 15px 10px 60px; position: relative; border-bottom: 1px #CCC dotted; font: 13px/16px "proxima-nova"; color: #000; }
#readinglist a { display: inline; }
#readinglist h4 { font-weight: normal; margin: 6px 0 0 0; color: #777; font-size: 11px; }
#readinglist img { height: auto; width: 100%; }
#readinglist li span.date { position: absolute; left: 6px; top: 10px; color: #999; font-size: 12px; }
#readinglist svg { width: 11px; height: 11px; float: left; margin: 2px 6px 0 0; display: block; }
#readinglist path { fill: #888; }
#readinglist .gradient { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,236,0)), color-stop(100%,rgba(239,239,236,1)));
background: -webkit-linear-gradient(top, rgba(239,239,236,0) 0%,rgba(239,239,236,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,236,0) 0%,rgba(239,239,236,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,236,0) 0%,rgba(239,239,236,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,236,0) 0%,rgba(239,239,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefec', endColorstr='#efefec',GradientType=0 ); 
position: absolute; bottom: 0; left: 0; height: 60px; z-index: 1000; width: 100%; 
}
.nano { height: 500px !important; }
.nano .nano-content { padding: 0 10px; }


.article-hdr .overlay { height: 100%; }
.article-hdr .overlay h5 { text-align: center; font-weight: bold; color: rgba(255,255,255,0.8); font-size: 15px; margin: 0; padding: 0; }
.article-hdr .overlay h1 { color: #FFF; border: 0; text-align: center; margin: 0; padding: 10px 0 15px; }
.homepage header.article-hdr { height: 600px; background-size: cover; background-position: bottom center; }
.top-dog.and-related header.article-hdr { height: 100%; }
.article-hdr .overlay a { display: block; background: rgba(0,0,0,0); padding: 0; float: left; }
.article-hdr .overlay h3 { color: #FFF; text-align: center; max-width: 100%; }
.top-dog h6 { color: #FFF; color: rgba(255,255,255,0.8); text-align: center; font-size: 13px; font-weight: normal; margin: 15px 0 0 0; }
.top-dog.and-related h6 { text-align: left; }
.top-dog.and-related { height: 600px; }
.top-dog.and-related .overlay { background: rgba(0,0,0,0.3);}
.top-dog.and-related .overlay .stage { background: 0; bottom: auto; position: relative;  }
.top-dog.and-related .overlay aside a { float: none; }
.top-dog.and-related .overlay aside a:hover { text-decoration: underline; }
.top-dog.and-related .overlay aside { position: absolute; bottom: 60px; right: 60px; width: 28%; background: rgba(255,255,255,0.2); padding: 20px; color: #FFF; }
.top-dog.and-related .overlay aside h3 { text-transform: uppercase; margin-bottom: 6px; }
.top-dog.and-related .overlay aside h4 { font-family: "GalaxieHeavy"; letter-spacing: 0; margin: 5px 0; font-size: 17px; line-height: 22px; font-weight: normal; }
.top-dog.and-related .overlay > a { left: 60px; top: 200px; position: absolute;  width: 800px; padding: 40px; }
.top-dog.and-related .overlay > a:hover { background: rgba(0,0,0,0.3);}
.and-related .article-hdr .overlay h3,
.and-related .article-hdr .overlay h5,
.and-related .article-hdr .overlay h1 { text-align: left; }
.image-block { width: 65%; float: left; }
.blocks { max-width: 84.615em; margin: 0 auto 30px auto; }
.blocks h6 { margin-right: 20px; }

.group-block article { float: left; width: 32%; padding: 1em; overflow: hidden;  }
.featured-right.group-block article { padding: 1em 1em 1em 0; }
.solo.group-block article { padding: 1em 1em 0 0; }
.blocks .group-block .bigger h3 { font-size: 32px; line-height: 36px; }
.group-block.solo { padding-bottom: 0; }
.group-block a { display: block; }
.group-block p a { display: inline; text-decoration: underline; }
.group-block a:visited { opacity: 0.6; color: #999; }
.group-block .bundle-lead a:visited { opacity: 1; color: #FFF; }
.group-block a:visited h5.overline { color: #999; opacity: 0.6; }
.group-block a:hover h5.overline,
.group-block a:visited:hover h5.overline { color: #485dc5; opacity: 1; }
.group-block .bundle-lead a:visited:hover h5.overline { color: #FFF !important; }

.group-block a:visited .stage .overline, .group-block a:visited:hover .stage h5.overline { color: #FFF !important; }
.group-block a:hover, .group-block a:hover h6 { opacity: 1; color: #000; }
.group-block h6 { margin: 0 0 10px; padding: 0; font-weight: normal; font-size: 12px; color: #888; }
.group-block h6 svg { float: left; height: 16px; width: 16px; margin: -2px 10px 0 0; }
.group-block h6 path { fill: #888; }
.group-block a:hover h6 path { fill: #555; }
.group-block a:visited h6 { color: #BBB; }
.group-block a:visited h6 path { fill: #BBB; }
.group-block h6 img { width: 20px; height: auto; float: left; opacity: 0.3; margin: -2px 8px 0 0; }

.top-dog.and-related .overlay aside h4 { margin: 8px 0; }
.group-block .two-col article.group-bundle h1 { font: normal 32px/38px "GalaxieHeavy";}
.group-block .two-col article.group-bundle .bundle_blurb { margin-bottom: 40px; }
.group-block .two-col article.group-bundle .bundle_blurb p { font-size: 15px; line-height: 22px; margin: 12px 0 0 0;  }
.group-block .two-col article.group-bundle p { font: 18px/25px "proxima-nova"; margin: 16px 0 12px 0; }
.group-block .two-col article.group-bundle .text { margin: 20px 0; }
.group-block .two-col article.group-bundle .text p { font: 15px/20px "GalaxieItalic"; margin: 8px 0 25px 0;}
.group-block .two-col article.group-bundle.better h1 { font-size: 42px; line-height: 48px; }
.group-block .two-col article.group-bundle.better img { float: left; width: 33%; height: auto; padding: 0 20px 0 0; }
.group-block .two-col article.group-bundle.better a.item:visited img { opacity: 0.7; }
.group-block .two-col article.group-bundle.better a.item { overflow: hidden; display: block; margin-bottom: 15px;  }
.group-block .two-col article.group-bundle.better h2 { font: 24px/29px "GalaxieHeavy"; margin: 0 0 10px 0; padding: 0; }
.group-block .two-col article.group-bundle.better .text { margin: 0; float: left; width: 67%; }
.group-block .two-col article.group-bundle h2 { font: 18px/23px "GalaxieHeavy"; }
.group-block .two-col article.group-bundle h5 { color: #4F2070; }
.group-block .two-col article.group-bundle h5 { color: #4F2070; }
.group-block .two-col article.group-bundle { padding: 40px; border: 2px rgba(0,0,0,0.3) solid; margin: 0 10px; position: relative; }
.group-block .one-col article.group-bundle { padding: 30px 20px 50px 20px; margin: 0 10px 0 0; text-align: center; width: 90%; background: #4F2070; color: #FFF; position: relative; }
.group-block .one-col article.group-bundle .permalink { position: absolute; bottom: 15px; left: 0; width: 100%; top: auto; text-decoration: none; background: transparent; }
.group-block .one-col article.group-bundle h5 { color: #FFF; }
.group-block article.group-bundle .permalink svg { width: 12px; height: 12px; float: left; margin: 0 6px 0 0; }
.group-block article.group-bundle .permalink path { fill: rgba(255,255,255,0.6); }
.group-block article.group-bundle .permalink { color: #FFF; color: rgba(255,255,255,0.7); position: absolute; top: 0; right: 0; z-index: 9999; font-size: 11px; display: block; background: rgba(0,0,0,0.3); padding: 5px 10px; }
.group-block article.group-bundle .permalink:hover { color: #FFF; }
.group-block article.group-bundle .permalink:hover path { fill: #FFF; }
.group-block .two-col article.group-bundle .bundle-lead p { font: 18px/24px "GalaxieItalic"; margin: 16px 0 0 0; }
.group-block .two-col article.group-bundle .bundle-lead a:visited h5.overline, 
.group-block .two-col article.group-bundle .bundle-lead a h5.overline { color: #FFF; }
.group-block .two-col article.group-bundle .bundle-lead a { padding: 200px 80px 40px 40px; display: block; }
.group-block .two-col article.group-bundle .bundle-lead a:hover { color: #FFF; }
.group-block .one-col article.group-bundle h1 { font: normal 26px/31px "GalaxieHeavy";}
.group-block .one-col article.group-bundle p { font: 15px/21px "proxima-nova"; margin: 16px 0 40px 0; }
.group-block .one-col article.group-bundle h2 { font: normal 16px/20px "GalaxieHeavy"; margin: 16px 0; }
.group-block .one-col article.group-bundle a:hover { text-decoration: underline; color: #FFF; }
.group-block .one-col article.group-bundle a:hover h6 { text-decoration: none !important; }
.group-block .one-col article.group-bundle h6 { margin: 0 0 8px 0; }
.group-block .one-col article.group-bundle svg { float: none; display: inline-block; vertical-align: middle; }
.group-block { padding: 30px 0; }
.two-col article.group-bundle { width: 100%; }
.two-col.group { }

.balance-text { text-wrap: balanced; }

.group-block img { width: 100%; }
.blocks .group-block h3 { font-size: 24px; line-height: 29px; }
.row { overflow: hidden; }
.masonry { padding: 0; width: auto; }
.group-block,
.bundle,
.blog-block,
.blocks .pullquote,
.single-column,
.subscribe-block,
.duo-block { overflow: hidden; background: #FFF; padding: 20px 40px; width: 100%; }
.group-block { padding-top: 34px; }

.duo-block article a { display: block; }
.podgroup1 a { float: left; margin: 0 15px 0 0; border: 0;
background-color: transparent;
-webkit-appearance: none;
font: normal 800 1em "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
letter-spacing: 1px;
opacity: .999;
padding: 0.7em 1.154em 2em;
height: 2.6em;
text-align: center;
text-transform: uppercase;
position: relative;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
font-size: 0.923em;
color: #f5f5f5;
background-color: #111;
text-shadow: rgba(255, 255, 255, 0.25) 0 -1px 0;
overflow: hidden; }
.podcast-block { width: 100%; color: #000; padding: 0 20px 20px 40px; overflow: hidden; background: #FFF; }
.podcast-block .podgroup1 svg { float: right; margin: 0 0 0 10px; height: 16px; width: 16px; }
.podgroup2, .podgroup1 { float: left; margin-right: 20px; }
.podgroup2 { width: 60%; }

.podcast-block .download { float: right; }
.podcast-block header { float: left; width: 20%; margin-right: 2%; padding-top: 40px; }
.podcast-block article > div { padding: 40px 0; }
.podcast-block .article-deck { font-size: 18px; font-family: "proxima-nova"; }
.podcast-block article > div { float: left; width: 75%; padding-left: 3%; border-left: 1px rgba(255,255,255,0.5) solid; }
.podcast-block .page-deck { font-size: 16px; font-family: "proxima-nova" !important; background: #EEE; padding: 20px;  }
.podcast-block article > div img { width: 100px; height: 100px; border-radius: 100%; }
.podcast-block article > div > p { overflow: hidden; margin: 25px 0 0 0; }
.podcast-block article > div h1 { font: bold 46px/48px "proxima-nova"; margin-bottom: 15px; }
.podcast-block article > div h1 a { color: #000; text-decoration: underline; }
.podcast-block article > div h1 a:hover { color: #333; text-decoration: none; background: transparent; }
.podcast-block article > div h4 { font: normal 23px/31px "proxima-nova"; margin-bottom: 30px; }
.headshots { float: right; margin: 0 0 0 30px; max-width: 250px; text-align: center; }
.headshots img { margin: 0 5px; }
.podcast-block h5.overline { text-transform: uppercase; font-weight: normal; color: #000; font-size: 15px; }
.podcast-block h2 { font: bold 52px/52px "proxima-nova"; }
.podcast-block svg { width: 20px; height: 20px; display: block; margin: -2px 10px 0 0; float: left; }
.podcast-block header p { overflow: hidden; margin: 20px 0; }
.podcast-block header a { display: block; font-size: 16px; font-weight: bold; margin-right: 15px; padding: 6px 10px; font-family: "proxima-nova"; text-align: left; }
.podcast-block a { color: #333; text-align: center; }
.podcast-block article > div a { color: #FFF; }
.podcast-block ul.icon-list { overflow: hidden; width: 100%; }
.podcast-block ul.icon-list a { font-weight: normal; font-size: 12px; line-height: 15px; color: #000; }
#content .podcast-block .last { width: 33%; margin: 0; padding: 0; }
.podcast-block path,.podcast-block polygon,.podcast-block circle { fill: #666; }

.podcast-block	ul.icon-list li { float: left; width: 33%; }
	.podcast-block h3 { margin: 5px 0 25px 0 !important; }
	.podcast-block h4 a { background: rgba(255,255,255,0.8); color: #552582; }
.group-block a:visited .overline, .group-block a:visited h5, .group-block a .overline, .blocks a, .blocks h5, .blocks h6, .blocks path, .blocks svg { -webkit-transition: all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease; }

.single-column { margin: 0 auto; padding: 0 40px 20px; }
.single-column.blocks h2.divided { margin: 50px 0 30px 0; }
.single-column ol, .littletop5 ol { counter-reset: countme; list-style: none; overflow: visible; margin: 40px 0 0 20px; }
.single-column li:before, .littletop5 li:before, .littletop5 li.with-image:before {
	content: counter(countme);
	counter-increment: countme;
	position: absolute; left: 0; top: 5px; 
    border-radius: 100%; background: #552582; opacity: 0.5; color: #FFF; font-size: 20px; width: 33px; height: 33px; line-height: 33px; text-align: center;
}
.single-column li.with-image:before { width: 40px; height: 40px; line-height: 40px; font-size: 30px; }
.single-column li, .littletop5 li { font: bold 28px/34px "proxima-nova"; margin: 30px 60px 30px 0; position: relative; padding-left: 60px; }
.single-column a, .littletop5 a { color: #000; display: block; }
.single-column .with-image img, .littletop5 .with-image img { float: left; width: 200px; height: auto; margin: 0 20px 0 0; }
.single-column li.with-image, .littletop5 li.with-image { font-size: 38px; line-height: 44px; margin: 30px 0; overflow: hidden; }
.single-column a:hover, .littletop5 a:hover { opacity: 0.7; }
.single-column li a span strong, .littletop5 li a span strong { padding-right: 10px; }
.single-column li a span.meta strong, .littletop5 li a span.meta strong { padding-right: 0; }

.single-column li a span em, .littletop5 li a span em { font-style: normal; font-weight: normal; color: #666; }
.single-column li a span.meta, .littletop5 li a span.meta { font-weight: normal; color: #BBB; font-size: 16px; display: block; }
.single-column li a span.meta strong, .littletop5 li a span.meta strong { font-weight: normal; color: #888;}
.single-column li a span, .littletop5 li a span { display: block; }

.littletop5.one-col { background:#EFEFEC; padding-right: 20px; width: 31%; margin-left: 2%; padding-bottom: 10px; padding-top: 10px; }

.littletop5 .with-image img { width: 100%; float: none; margin: 0 0 10px 0; }
.littletop5 li.with-image, .littletop5 li { font-size: 18px; line-height: 23px;  margin: 20px 0; }
.blocks .littletop5 h2.divided { background: #FFF; text-align: left; margin-left: 50px; }

.one-col { width: 33%; float: left; }
.one-col article { width: 100%; }
.featured-left .two-col { width: 65%; margin-right: 2%; }
.featured-right .two-col { float: right; }

.two-col { width: 67%; float: left; }

.two-col article { width: 48%; margin-right: 2%; }
.two-col article.bigboy { width: 100%; margin-bottom: 30px; text-align: center; color: #FFF; }
.two-col article.bigboy a:hover,
.group-block .two-col article.bigboy a:visited,
.group-block .two-col article.bigboy a:hover .stage h5.overline,
.group-block .two-col article.bigboy a:hover h5 { color: #FFF; }
.two-col article.bigboy.video { width: 95%; }
.two-col article.bigboy.video h5 { color: #999; text-align: left; margin: 10px 0; }
.group-block .two-col article.bigboy.video a:visited,
.two-col article.bigboy.video a:hover { color: #000; }
.two-col article.bigboy.video a { height: auto; display: inline; border-bottom: 1px #999 solid; color: #666; }
.bigboy h6 { text-align: center; color: #FFF; }

.two-col article.bigboy a, .two-col article.bigboy .overlay { width: 100%; height: 350px; display: block; position: relative; }
article.bigboy .overlay .stage { bottom: 0; position: absolute; width: 100%; padding: 40px 100px 20px; }
.group-block .two-col article { padding: 0; }

.subscribe-block { height: 150px; padding: 10px 40px 30px; overflow: hidden; background: #FFF; position: relative;}
.blocks .subscribe-block h3 { display: inline-block; vertical-align: middle; text-transform: uppercase; font: bold 32px/48px "proxmia-nova"; width: 19%; font-family: "proxima-nova"; margin-left: 3%; }
.blocks .subscribe-block p { display: block; width: 250px; padding-left: 10px; font-size: 16px; color: #666; position: absolute; left: 40px; top: 75px; display: none; }
.blocks .subscribe-block input[type="email"]:-webkit-input-placeholder,
.blocks .subscribe-block input[type="email"]:-moz-placeholder,
.blocks .subscribe-block input[type="email"]:-moz-placeholder,
.blocks .subscribe-block input[type="email"]:-ms-input-placeholder {  
   color: #333;
}
.blocks h2.divided { font: bold 20px/4px "proxima-nova"; background: #4F2070; margin: 30px 0 0 0; text-align: center; text-transform: uppercase; color: #4F2070; height: 3px; width: 100%; }
.blocks h2.divided span { background: #FFF; padding: 0 30px; display: inline-block; width: auto; margin-top: -7px; line-height: 20px; }

.blocks .subscribe-block form { display: none; width: 55%; overflow: hidden; float: right; margin: 30px 0 0 0; position: relative; }
.blocks .subscribe-block label.error { position: absolute; bottom: 0; left: 0; font: bold 14px/14px "proxima-nova"; color: red; }
.blocks .subscribe-block .thanks { text-align: center; font: 14px/30px "proxima-nova"; }
.subscribeblock .thanks { font: 16px/20px "proxima-nova"; margin-top: 6px; }
.blocks .subscribe-block .thanks strong { display: block; font-size: 34px; }
.subscribeblock .thanks strong { display: block; font: bold 26px/38px "proxima-nova";}
.blocks .subscribe-block .loading,
.subscribeblock .loading { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-indent: -9999; background: rgba(255,255,255,0.7) url(/_img/712.GIF) no-repeat center center; background-size: 32px 32px; display: none; }
.blocks .subscribe-block svg { position: absolute; left: -100px; top: 82px; width: 80px; }
.blocks .subscribe-block svg polygon { fill: #666; }
.blocks .subscribe-block input[type="email"].error, .subscribeblock input[type="email"].error { border-bottom: 1px red solid; }
.blocks .subscribe-block input[type="email"], .subscribeblock.sidelist input[type="email"] { width: 78%; font: bold 32px/38px "proxmia-nova"; font-family: "proxima-nova"; margin: 0 2% 23px 0; padding: 5px 10px; border: 0; border-bottom: 1px #333 solid; height: auto; float: left; background: #FFF; outline: none; }
.subscribeblock.sidelist input[type="email"] { border: 1px #CCC solid; font: bold 20px/28px "proxima-nova"; margin-bottom: 3px; }
.blocks .subscribe-block input[type="submit"], .subscribeblock input[type="submit"] { cursor: pointer; background: rgba(0,0,0,0.2); color: #FFF; padding: 5px 10px; font: bold 20px/28px "proxmia-nova"; font-family: "proxima-nova"; border: 0; width: 20%; float: left; margin-top: 10px; }
.subscribeblock input[type="submit"] { margin: 1px 0 10px 0; }
.subscribeblock input[type="submit"]:focus, .subscribeblock input[type="submit"]:hover,
.blocks .subscribe-block input[type="submit"]:focus, .blocks .subscribe-block input[type="submit"]:hover { background: rgba(0,0,0,0.4); outline: none; }
.duo-block article { float: left; width: 50%; padding: 10px 20px; }
.blocks h3 { font: normal 26px/32px "GalaxieHeavy"; margin: 0 0 10px 0; }
.blocks article p { font: normal 15px/20px "GalaxieItalic" ; margin-bottom: 15px; }
.blog-block { 
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    padding: 30px 40px; 
}
.blog-block article { display: inline-block; }
.blog-block  h3 { font: normal 16px/21px "GalaxieHeavy"; margin: 3px 0; }
.blog-block .overline { font-size: 12px; letter-spacing: 1px; margin: 0; padding: 0; }
.blog-block h6 { margin: 5px 0 20px 0; font: normal 11px/14px "proxima-nova"; color: #333; }
.blocks .pullquote .quote { margin: 0; width: 100%; text-align: center;  }
.blocks .pullquote .quote a:hover { color: #475DC5; }
.pullquote .quote { margin-right: -55%; }
.blocks .pullquote h5 { text-align: right; margin: 20px; }
.blocks .pullquote h5 a { border-bottom: 1px #777 solid; }

div.bigside { width: 73%; float: right; margin: 20px -54% 30px 30px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px #CCC solid; padding-left: 30px; border-top: 1px #CCC solid; border-left: 1px #CCC solid; }
div.bigside h6 { margin-top: 10px; }
div.bigside h3 { font: bold 28px/32px "proxima-nova"; margin-bottom: 20px; }
div.bigside p { font: 16px/25px Georgia, serif; color: #666; padding: 15px 0 0 0; }

div.sidenote { background: #f5f5f5; width: 260px; position: absolute; right: 40px; }
div.sidenote img, div.bigside img { width: 100%; height: auto; display: block; margin-bottom: 10px; }
div.sidenote p { padding: 20px; }
h3.sidenote { margin-top: 30px; }
.attribution { border-top: 1px solid #e5e5e5; background: #FFF; padding-top: 30px; padding-bottom: 50px; }
.attribution .article-meta-item > .mini-mug { left: 50px; }
.attribution .about-researchers h5, .attribution .about-researchers h6, .attribution .about-researchers p { margin-left: 50px; }
a.img { display: block; position: relative;}
a.img span { display: none; }
a.img:hover:after { content: ''; display: block; width: 20px; height: 20px; z-index: 100; position: absolute; bottom: 20px; left: 20px; background: rgba(255,255,255,0.8) url(/_img/expand.svg) no-repeat center center; background-size: 20px 20px; border-radius: 100%; padding: 10px; border: 1px rgba(55,55,55,0.8) solid; opacity: 0.5; }
a.comment-icon { color: #FFF; width: 30px; font-size: 11px; line-height: 17px; text-align: center; position: relative; padding-left: 5px; }
.toolbar a.comment-icon:hover { color: #FFF; }
a.comment-icon svg { position: absolute; left: 50%; margin: 0 0 0 -13px; top: 0px; z-index: -1; height: 24px; }
a.comment-icon:hover path { fill: #000; }
.bug { display: inline-block; width: 16px; height: 16px; margin: 8px 0 0 18px; background-image: url(/_img/bug.svg); background-size: 10px 10px; background-repeat: no-repeat;  padding: 4px; background-color: #552582; background-position: center center; }
a.social-icon { line-height: 19px; }
a.social-icon:hover svg path { fill: #000; }
.article-comments { position: fixed; top:0; right: -500px; width: 500px; z-index: 1000; height: 100%; overflow: scroll; border-left: 1px #CCC solid; }
.article-comments .close { position: fixed; top: 32px; right: 20px; text-indent: -9999px; z-index: 9999; text-align: center; line-height: 25px; font-size: 20px;  background: url('/_js/libs/fancybox/close.svg') no-repeat; background-size: 36px 36px; width: 36px; height: 36px; display: none; }
.divider svg { height: 20px; width: auto; margin: 45px auto; display: block; }
.toolbar .overline { position: relative; }
.toolbar .overline a:hover { text-decoration: none; }
.toolbar .overline:hover .more-cats { display: block; }

.more-cats { position: absolute; top: 24px; min-width: 180px; left: 0; background: #DDD; display: none; padding-bottom: 5px; }
.toolbar .more-cats a { text-transform: uppercase; letter-spacing: 1px; display: block; width: 100%; margin: 0; padding: 2px 10px; line-height: 18px !important; white-space: nowrap; }
.more-cats strong { display: block; width: 100%; padding: 5px 10px 0 10px; margin: 0; font-weight: normal; }

.article-txt .full { margin: 20px 0; }
.article-txt table { display: none; }
.article-txt { width: 65%; }
.article-txt span.purple { color: #4F2582; }
.article-txt span.orange { color: #F4AA00; }
.article-txt span.green { color: #D0D465; }
.article-txt span.blue { color: #16C1B7; }
.article-txt a .audio-txt, .article-txt a:hover .audio-txt { color: #FFF; }
.article-txt > p { font-size: 18px; line-height: 32px; margin: 0 0 15px 0; padding: 0;  }
.article-txt h6 { font: normal 16px/25px "GalaxieHeavy"; margin: 36px 0 10px 0; }
.title { width: 46%; display: inline-block; vertical-align: middle; }
.infographic,
.two-thirds { width: 50%; margin-left: 3%; display: inline-block; vertical-align: middle; }
.inset { width: 300px; float: left; margin: 3em 4em 3em -3.846em; }
.outset img, .inset img { width: 100% !important; height: auto !important; display: block; margin-bottom: 15px; }
.inset .caption { margin-left: 3.846em; }
.outset .caption { width: 40%; position: absolute; left: 34%; }
.outset { float: right; width: 75%; margin: 2em -54% 2em 4em; position: relative;}
.nav-topic-list { z-index: 1000; }
.one-third { width: 46%; display: inline-block; vertical-align: middle; }
.article-hdr img { width: 100% !important; height: auto !important;  }
.article-hdr h1 { font: normal 48px/1.1 "GalaxieHeavy", Georgia, Times, "Times New Roman", serif; padding: 18px 0; margin-bottom: 0.308em; border-top: 5px solid #ddd; border-bottom: 5px solid #ddd; letter-spacing: -1px; color: #000; }
.article-hdr { position: relative; overflow: hidden; }
.article-hdr h5 { font-weight: normal; font-size: 11px; text-align: right; color: #666; }
.sidelist input[type="email"] { font-size: 16px; width: 85%; padding: 2%; margin-left: -2%; }
.sidelist form p { font-size: 16px; line-height: 22px; margin: 5px 0; }
.sidelist { float: right; width: 40%; margin-right: -50%; }
.sidelist h3 { font: bold 18px/22px "Proxima Nova"; text-transform: uppercase; margin: 60px 0 10px 0; color: #4F2070; }
.sidelist > h3:first-child { margin-top: 20px; }
.sidelist h3 a { color: #4F2070; }
.sidelist p { font: normal 14px/17px "Proxima Nova"; }
.sidelist h5 { font: normal 18px/22px "GalaxieItalic"; margin: 20px 0 5px 0; }
.sidelist a { text-decoration: none; color: #222; }
.sidelist h3 em { font-style: normal; font-weight: normal; text-transform: none; font-size: 15px; margin: 0 0 0 4px; }
#content .article-txt .sidelist li.last,
.article-txt .sidelist li { list-style: none; margin: 0; padding: 0; }

.article-txt .sidelist ul { margin: 15px 0 0 0; padding: 0; overflow: hidden; }

.sidelist.subscribe { position: absolute; right: -320px; width: 27%; margin: 0; }
.scrollnav { display: none; background: #000; color: #FFF; }
.toolbar.fixed { width: 100%; left: 0; background: #FFF; box-shadow: 0 -6px 12px #000; padding-top: 0; border-collapse: separate; }
.toolbar.fixed .home-k { display: block; }
.toolbar.fixed .container { max-width: 84.615em; margin: 10px auto 0 auto; position: relative; }
.toolbar { line-height: 24px; position: relative; z-index: 10; background: #F5F5F5;}
.toolbar .podcast { font: normal 14px/18px "GalaxieHeavy"; text-transform: uppercase; }
.toolbar .podcast span { display: block; float: left; margin: 2px 5px 0 0;}
.toolbar .podcast svg { float: left; margin: 2px 10px 0 5px; height: 16px; width: 16px; display: block; }
.toolbar .home-k { display: none; }
.toolbar a { display: block; float: left; font-weight: bold; margin:0 10px; position: relative; z-index: 1000; line-height: 19px; }
.toolbar .overline a { line-height: 24px; }
.toolbar a:hover { color: #000; }
.toolbar svg { height: 18px; width: 18px; float: left; margin: 0 7px 0 15px; display: block; }
.toolbar a.comment-icon svg { width: 30px; }
.toolbar path, .toolbar polygon { fill: #666; }
.toolbar path.white, .toolbar polygon.white { fill: #FFF; }
.article-hdr .byline { margin: 15px 0; font-size: 16px; font-weight: normal; color: #777; letter-spacing: 0; }
.toolbar p.overline { letter-spacing: 1px; float: left; padding: 0 15px 0 5px; border-right: 1px #CCC solid; line-height: 24px; margin-right: 10px; }
.toolbar .overline span, .toolbar .overline .more { letter-spacing: 0; text-transform: none; padding: 0 6px; display: none; color: #666; font-weight: normal; }
.toolbar .overline .more { display: block; }
.toolbar .overline .more:hover { text-decoration: none; color: #000; }
.article-deck { font-size: 22px;}
.full .article-deck { font-size: 22px; color: #FFF; text-align: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); margin: 0 auto; max-width: 600px; }
.mobile-only { display: none; }
.gallery h3 { font: bold 28px/28px "proxima-nova"; margin: 40px 0 -20px 0; text-transform: uppercase; padding: 0; }
.full > .article-hdr.lighten .byline a,
.full > .article-hdr.lighten .byline,
.full > .article-hdr.lighten h1,
.full .lighten .article-deck { color: #000; text-shadow: none; }
.icons { float: right; margin-left: 25px; }
.hide { display: none; }
.toolbar .translations { float: right; }
.toolbar .translations a { font-weight: normal; }
.tz-time { letter-spacing: 0; font-size: 12px; }
.article-long .article-txt > p:first-child, .bumper { font-size: 22px; line-height: 36px; margin-right: -25%; margin-bottom: 40px; }
.article-long .article-txt > p:first-child span, .bumper span { text-transform: uppercase; font-size: 20px; letter-spacing: 0; }
.article-long .article-txt > p:first-child::first-letter, .dropcap, .bumper::first-letter { display: block; float: left; margin-right: 10px; color: #4f2170; font: normal bold 110px/99% "GalaxieHeavy", Times, "Times New Roman", serif; letter-spacing: -1px; opacity: .999; }

.article-long .article-txt.no-first p:first-child::first-letter, .no-first .bumper::first-letter { font-size: 97px; }
.article-long .article-txt.no-first p:first-child, .no-first .bumper { font-size: 18px; line-height: 32px; margin: 0; }

.fancybox-wrap { text-align: center; font-family: "proxima-nova"; width: 320px; }
.fancybox-wrap h3 { font-size: 32px; text-transform: uppercase; margin: 0 0 20px 0; white-space: nowrap; }
.fancybox-wrap input[type="email"], .fancybox-wrap input[type="text"], .fancybox-wrap textarea { font-family: "proxima-nova"; font-size: 24px; padding: 3px; width: 280px; border: 1px #999 solid; }
.fancybox-wrap textarea { height: 100px; }
.fancybox-wrap p { font-size: 18px; margin: 20px 0 0 0; }
.fancybox-wrap input[type='submit'] { font: bold 18px/18px "proxima-nova"; padding: 10px 20px; border-radius: 9px; background: #000; color: #FFF; border: 0; }
.fancybox-wrap input[type='submit']:hover { cursor: pointer; background: #333; }
#citations a { display: block; text-align: center; }
#citations li { float: left; width: 45%; display: inline-block; text-align: center; }
#citations svg { width: 80px; height: auto; display: block; margin: 0 auto; }
#citations polygon { fill: #555; }
#citations a:hover polygon { fill: #111; }
#email label { float: left; margin: 5px 10px 0 0; font-family: "GalaxieItalic"; width: 120px; text-align: right; color: #666; }

.toolbar .home-k { position: relative; }
.toolbar .home-k path { fill: #4f2170;}
.toolbar .home-k nav { display: none; position: absolute; left: 0; top: 0; padding: 33px 0 12px 0; }
.toolbar .home-k nav strong { position: absolute; display: block; left: 100px; top: auto; padding: 8px 0; background: #555; width: 180px; opacity: 0; font-weight: normal; margin-top: -32px; }

.toolbar .home-k nav strong a { background: #555; font-size: 13px; line-height: 16px; padding: 5px 12px; font-weight: normal; }
.toolbar .home-k nav strong a:hover { background: #777; }
.toolbar .home-k .parent:hover strong { display: block; opacity: 1; }
.toolbar .home-k nav a { display: block; float: none; font-size: 14px; padding: 3px 36px 3px 20px; background: #333; margin: 0; color: #FFF; position: relative; }
.toolbar .home-k nav a:hover { background: #666; }
.toolbar .home-k nav a.first {margin: 0; padding: 8px 20px 3px; }
#content .toolbar .home-k nav a.last { margin: 0; padding: 3px 20px 8px; }
.toolbar .home-k nav a span { position: absolute; right: 10px; top: 3px; font-size: 8px; }

.main-nav { height: 9.308em; padding-top: 5.231em; }
.nav-topic-list { top: 52px; width: 210px; left: auto; right: -20px; padding: 8px 0; }

.top { position: absolute; top: -56px; right: 0; width: 250px; height: 50px; }
.top ul { margin: 9px 0 0 0; float: left; }
.top li { float: left; margin-right: 25px; }
.top .nav-search { margin-top: 0; }
.top input[type="text"] { background: #222; width: 200px; border: 1px #666 solid; color: #FFF; -webkit-appearance: none; font-size: 16px; font-weight: bold; padding: 3px 5px; outline: none; float: left; }
.top input[type="text"]:focus { background: #CCC; border-color: #CCC; color: #000; }
.top button { background: none; border: 0; padding-top: 5px; padding-left: 9px; float: left; }
.top path { fill: #CCC; }
.top a { color: #888; font: bold 15px/16px 'proxima-nova'; padding: 8px 0; }

.no-touch .nav-list > li > a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.nav-list li a { position: relative; font-size: 13px; margin-top: 5px; }
.nav-list li.nav-blog svg { width: 14px; height: 14px; margin-left: -7px; bottom: 39px; }
.nav-list li.nav-ideas svg { width: 22px; height: 22px; margin-left: -11px; bottom: 38px; }
.nav-list li svg { display: block; width: 20px; height: 20px; position: absolute; left: 50%; margin-left: -10px; bottom: 35px; }
.nav-list li path, .nav-list li polygon, .nav-list li rect { fill: #CCC; }
.nav-list li a:hover path, .nav-list li a:hover polygon, .nav-list li a:hover rect { fill: #485dc5; }

      h5.overline img, h5.overline svg { float: left; width: 17px; height: 17px; margin: -3px 8px 0 0; opacity: 0.5; }
      h5.overline span.blog svg { width: 14px; height: 14px; margin-top: -1px; }
      h5.overline span.research svg { width: 14px; height: 14px; margin-top: 1px; }
      .bigboy h5.overline svg { float: none; margin-bottom: 5px; }
      .bigboy h5.overline path, .bigboy h5.overline polygon, .bigboy h5.overline rect { fill: #FFF; }
      .bigboy h5.overline span { display: inline-block; }
      .bigboy h5.overline span.icon { float: none; display: block; }
      h5.overline span.dark { color: #666 !important; }
      .bigboy h5.overline span.dark { color: #FFF !important; }
      h5.overline span.icon { cursor: pointer; float: left; display: inline-block; position: relative; }
      .group-block article { overflow: visible; }
      h5.overline span:hover img, h5.overline span:hover svg { opacity: 0.7; }
      h5.overline span b { text-transform: none; letter-spacing: 0; color: #666; position:absolute; z-index:999; padding:3px; border-bottom:1px solid #CCC;top: -30px; left: 0; }
      .topics { padding: 40px 0; overflow:hidden; }
      .topics > div {  }
      .topics div > div { width: 33.333333%; height: 110px; padding: 0; text-align: center; float: left; }
      .topics article { height: 120px; transition: all 0.7s ease; background: #F5f5f5; position: relative; }
      .topics article:hover { background: #FFF; }
      .topics article:hover aside { opacity: 1; top: 50px; }
      .topics article:hover h5 { color: #000; }
      .topics article:hover span { opacity: 0; }
      .topics article:hover h5 a { padding-top: 20px; }
      .topics h5 { font-size: 20px; color: #555; font-family: "GalaxieHeavy"; width: 100%; text-transform: none; }
      .topics h5 span { font: normal 12px/22px "proxima-nova", sans-serif; display: block; letter-spacing: 0; transition: all 0.7s ease; }
      .topics h5 a { display: block; border-right: 1px #CCC solid; border-bottom: 1px #CCC solid; transition: all 0.7s ease; height: 110px; padding: 40px 20px 20px; }
      .topics div > div:nth-child(16) h5 a, .topics div > div:nth-child(17) h5 a, .topics div > div:nth-child(18) h5 a { border-bottom: 0;}
      .topics div > div:nth-child(3) h5 a, .topics div > div:nth-child(6) h5 a, .topics div > div:nth-child(9) h5 a, .topics div > div:nth-child(12) h5 a, .topics div > div:nth-child(15) h5 a, .topics div > div:nth-child(18) h5 a  { border-right: 0; }
      .topics aside { opacity: 0; font-size: 13px; pointer-events: none; position: absolute; width: 100%; left: 0; top: 40px; padding: 0 20px; transition: all 0.7s ease; }
      .blocks .topics aside p { font-size: 13px; line-height: 16px; font-family: "proxima-nova"; margin-bottom: 5px; }
      .topics aside a { pointer-events: auto; color: #666; background-image: linear-gradient(to bottom, white 75%, #333332 75%); background-size: 2px 2px; background-position: 0px 13px; background-repeat: repeat-x; }
      .topics aside a:hover { background-image: linear-gradient(to bottom, white 75%, #999 75%); color: #000; }
@media (max-width: 1050px) {
      .topics > div { height: 370px; }
      .topics h5 a { height: 60px; }
      .topics div > div { height: 60px; }  
      .topics article h5 a { padding-top: 20px; }
      .topics article:hover aside { opacity: 0; }
}
@media (max-width: 700px) {
      .topics > div { height: auto; }
      .topics div > div:nth-child(6) h5 a, .topics div > div:nth-child(12) h5 a, .topics div > div:nth-child(18) h5 a { border-bottom: 1px #CCC solid; }      
      .topics { padding: 20px 0; }
      .topics div > div { width: 100%; }  
      .topics h5 a { border-right: 0; }
      .topics article { background: #FFF; }
      .topics article:hover { background: #F5f5f5; }      
      h2.divided span { background: #FFF !important; }
}

@media (max-width: 780px) {
	.top { position: relative; top: auto; right: auto; margin-top: 10px;}
	.nav-active .main-nav { height: 84em; }
	.nav-active .nav-menu { height: 73em;  }
	.nav-list li a { font-size: 20px; }
    .nav-list li svg, .nav-list li.nav-blog svg, .nav-list li.nav-ideas svg { float: left; position: relative; bottom: auto; margin: 0 15px 0 0; left: auto; width: 32px; height: 26px; }
}


.sidebar { float: right; margin: 30px -46% 30px 60px; width: 60%; }
.sidebar p { position: relative; }
.sidebar img { display: block; width: 100% !important; height: auto !important; }
.sidebar span { display: block; margin: 3px 30% 15px 0; }
.quatro, .duo, .trio, .many, .timeline { float: none; width: 154%; padding-top: 20px; margin: 20px 0 30px; overflow: hidden; }
.many { position: relative; }
.many .caption { padding-right: 30%; font: 14px/21px "Georgia", serif;}
.many .thumbs { position: absolute; top: 17px; width: 20%; right: 0; height: 100%; overflow: scroll; }
.many .thumbs a { display: block; float: left; width: 50%; padding: 3px 5px; }
.duo img, .trio img, .quatro img, .many .thumbs img { width: 100% !important; height: auto !important;  }
.many .biggie img { width: 78% !important; height: auto !important;  }
.duo p, .duo .carrier { width: 47%; margin-right: 3%; float: left; border-right: 0; padding: 5px 3% 20px 0; }
.trio p, .trio .carrier { width: 32%; margin-right: 1%; float: left; border-right: 0; padding: 5px 3% 20px 0; }
.quatro p, .quatro .carrier { width: 24%; margin-right: 1%; float: left; border-right: 0; padding: 5px 3% 20px 0; }
.quatro .caption { font: 15px/21px "proxima-nova"; color: #000; }
.quatro .caption span { display: block; margin-bottom: 4px; font-size: 20px; font-weight: bold; text-transform: uppercase;  }
.quatro .caption.purple span { color: #4F2582; }
.quatro .caption.orange span { color: #F4AA00; }
.quatro .caption.teal span { color: #16C1B7; }
.quatro .caption.chartruse span { color: #D0D465; }
.article-txt div.sidenote { background: #FFF !important; color: #888; font: 14px/22px Georgia, serif; padding-top: 5px; width: 22%; }
.duo p:first-child,.duo .carrier:first-child { border-right: 1px #CCC solid; }
.sharelist { display: none; position: absolute; background: #DDD; padding: 10px 5px; top: 24px; right: 0; width: 136px;  }
    .sharelist li { overflow: hidden; }
.sharelist svg { width: 18px; height: auto; margin: 2px 7px 0 0; float: left;  }
.sharelist .linkedin svg { margin-top: 1px; }
.sharelist .email svg { margin-top: 4px; }
.sharelist .twitter svg { margin-top: 3px; }
.sharelist .email:hover polygon { fill: #000; }
.sharelist .print:hover path { fill: #000; }
.sharelist .twitter:hover path { fill: #2AA9E0; }
.sharelist .facebook:hover path { fill: #3C5A99; }
.sharelist .linkedin:hover path { fill: #006699; }
.toolbar .sharelist a { line-height: 24px; }
#content .last { margin-top: 5px; padding-top: 2px; float: left; width: 100%; }
.fixed { position:fixed; top:0; z-index:1000; padding-top: 10px; }
.main-hdr.fixed { width: 100%; z-index: 1000; margin: 0; }
.main-hdr.fixed .main-nav { height: 4em; padding: 10px; }
.fixed .sharelist { top: 33px; }
.article-meta { overflow: hidden; background-color: transparent; padding: 15px 2.846em 0; border: 0; margin: 0; }
.article-meta article { float: left; width: 33%; padding: 0 1em; }
.article-meta-item { margin: 0; }
.img-full { width: 154%; position: relative; overflow: hidden; margin: 40px 0; padding-bottom: 15px; }
.img-full img { width: 77%; height: auto; float: left; margin-bottom: 10px; }
.img-full .credit { position: absolute; bottom: 0; font: 12px/16px "proxima-nova"; left: 0; }
.img-full .caption { float: left; width: 17%; margin-left: 3%; font: 14px/21px "Georgia", serif;}
.whatsnext { overflow: hidden; margin: 0; padding: 15px 0 0 0; width: 100%; float: left; background: #F5F5F5; }
.whatsnext .article-hdr { width: 33%; float: left; padding: 0 1em; }
.whatsnext .article-hdr h1 { font: normal 20px/24px "GalaxieHeavy", Georgia, Times, "Times New Roman", serif; border: 0; text-align: center; margin: 12px 0 0 0; color: #000; letter-spacing: 0; padding:10px 0; }
.whatsnext .article-hdr a { display: block; }
.whatsnext .article-hdr h3 { color: #000; text-align: center; max-width: 100%; text-shadow: none; font-size: 16px; line-height: 22px; }
.whatsnext .article-hdr a:hover h1, .whatsnext .article-hdr a:hover h3 { color: #444; }
.whatsnext h5 { text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 18px; }
.jump { position: absolute; bottom: -24px; height: 24px; font: bold 11px/24px "proxima-nova"; background: #BBB; padding: 0 10px; text-transform: uppercase; color: #EEE; }
.jump:hover { background: #999; color: #FFF; }
.jump { -webkit-transition: all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease; }
.moveLeft { -webkit-transition: all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
transform: translateX(-340px);
-ms-transform: translateX(-340px); /* IE 9 */
-webkit-transform: translateX(-340px); /* Safari and Chrome */ }
article.promo.moveLeftPromo { -webkit-transition: all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
right: 0; 
}
.item1, .item2, .item3 { opacity: 0; margin-top: 40px; }
.fadeIn { 
    opacity: 1; 
-webkit-transition: all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
transform: translateY(-40px);
-ms-transform: translateY(-40px); /* IE 9 */
-webkit-transform: translateY(-40px); /* Safari and Chrome */   
}
.article-txt .promo { width: 29%; position: absolute; bottom: 0; right: -29%; }
.article-txt .promo a { display: block; text-decoration: none; color: #FFF; }
.article-txt .promo a:hover { color: #FFF; }
.article-txt .promo h2 { color: #FFF; margin-bottom: 10px; }    

.full > .article-hdr h1 { font: normal 48px/1.1 "GalaxieHeavy", Georgia, Times, "Times New Roman", serif; padding: 18px 30px 0 30px; margin-bottom: 0.308em; letter-spacing: -1px; color: #FFF; margin-top: 90px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); border: 0; }
.full > .article-hdr .byline { max-width: 100%; color: #FFF; }
.full > .article-hdr .byline > a { color: #FFF; }
.toolright { position: absolute; right: 0; top: 0; }
.article-hdr { position: relative; }
.full > .article-hdr { background-color: #999; background-size:cover; background-repeat: no-repeat; background-position: center center; height: 800px; margin-bottom: 0px; text-align: center; float: left; width: 100%; z-index: 1; overflow: visible; margin-top: -8px; }
.full .article-hdr .caption { position: absolute; bottom: -55px; right: 15px; width: 15%; }
.full .article-hdr .caption p { position: absolute; top: 0; right: 15px; text-align: left; }
.full .article-hdr h5 { position: absolute; bottom: -20px; right: 15px; text-align: right; color: #999; }
.full .article-box { width: 100%; float: left; margin-bottom: 0; }
.caption { font: 13px/18px "Georgia", serif; color: #666; padding-top: 10px; }
.content { margin-bottom: 0; }

.portrait { float: right; width: 49%; margin: 0 0 30px 4%; position: relative; }
.portrait img { width: 100% !important; height: auto !important; }
.portrait-block .one-third { width: auto; }
.portrait-block .article-hdr { float: left; width: 47%; }
.portrait h5 { position: absolute; bottom: -20px; right: 0; text-align: right; color: #999; font-weight: normal; }

.podblock path,.podblock polygon,.podblock circle { fill: #000; }
.podblock svg { height: 15px; width: 15px; float: left; margin: 1px 5px 0 0; }
.podblock h4 { margin-top: 20px; }
.podblock h4 a { border-radius: 6px; background: #552582; padding: 8px 16px; color: #FFF; text-decoration: none; }
.podblock h4 a:hover { text-decoration: none; background: #444; color: #FFF;  }
.podblock + table { display: none !important; }

#feed input[type="text"] { width: 500px; font-size: 16px; text-align: center; }
.narrow { width: 36%; margin-left: 3%; display: inline-block; vertical-align: middle; }
.wide-title { width: 60%; display: inline-block; vertical-align: middle; }

.wide { width: 66%; margin-left: 3%; display: inline-block; vertical-align: middle; }
.narrow-title { width: 30%; display: inline-block; vertical-align: middle; }
.article-hdr .narrow-title h1 { font: normal 30px/37px "GalaxieHeavy", Georgia, Times, "Times New Roman", serif; }
.narrow-title .article-deck { font-size: 19px;}
.infoblock { display: none; }

.legacy .article-txt > p { margin-bottom: 20px; }
.legacy .article-txt table { display: block; margin: 0 -57% 20px 40px; float: right !important; width: auto !important; height: auto !important; }
.legacy .article-txt table img { margin: 10px 0 20px; }
.article-body { width: 100%; position: relative; }
.legacy .article-long .article-txt > p:first-child::first-letter, .legacy .dropcap, .bumper::first-letter { font-size: 96px; line-height: 96px; }

.whatsnext .article-hdr.noimage { padding: 10px 30px; }
.whatsnext .article-hdr.noimage h1 { text-align: left; font-size: 28px; line-height: 32px; margin-top: 0; }
.whatsnext .article-hdr.noimage h3 { text-align: left; font-size: 22px; line-height: 28px; }
.whatsnext p { display: none; }
.whatsnext .article-hdr.noimage p { display: block; font: 18px/23px "Georgia", serif; margin: 15px 0; }

#subscription .thanks { font-size: 20px; }
#subscription .thanks strong { font-weight: normal; }

.inforesponsive .portrait iframe { width: 100%; }

.main-ftr-mod .ftr-signup { width: 35%; }
.ftr-signup .thanks { font-family: "GalaxieItalic"; }
.ftr-signup .thanks strong { font-family: "GalaxieItalic"; font-weight: normal; }
.ftr-kellogg-logo { max-width: 220px; margin-bottom: 20px; }
.main-ftr { border-top: 0; }
.ftr-list svg { width: 32px; height: 32px; margin: 0 auto 8px auto; display: block; }
.main-ftr-mod { margin-left: 0; }
.main-ftr-mod .ftr-translate, .main-ftr-mod .ftr-links { width: 17%; }
.main-ftr-mod .ftr-translate { margin-left: 2%; }
.ftr-list path, .ftr-list polygon { fill: #FFF; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.ftr-social { width: 28%; background: #333; margin-top: -3.077em; padding: 0 20px 30px 20px !important; border-left: 1px #666 solid; border-right: 1px #666 solid; border-bottom: 1px #666 solid; }
.ftr-social h4 { color: #FFF; font: bold 14px/22px "proxima-nova"; text-transform: uppercase; margin: 3em -10px 25px -10px; text-align: center; }
.ftr-social .ftr-list > li > a { font: normal 800 15px/20px "proxima-nova" "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif; color: #FFF; padding: 7px 0; display: block; width: 50%; float: left; text-align: center; }
.ftr-social .ftr-list > li > a:hover { color: #EEE; }
.ftr-social .ftr-list > li > a:hover path, .ftr-social .ftr-list > li > a:hover polygon { fill: #EEE; }
.kellogg-link { display: block; width: 200px; margin: 15px auto; width: 130px; opacity: 0.7; }
.kellogg-link:hover { opacity: 0.9; }
.kellogg-link img { width: 100%; height: auto; }
.nav-list > li.mobile-only { display: none; }
.nav-list > li.no-mobile { display: inline; }
@media (max-width: 780px) {
	.nav-list > li.mobile-only {
		display: inline;
	}
	.nav-list > li.no-mobile {
		display: none;
	}
}
@media (max-width: 1000px) {
	.portrait { float: right; width: 39%; margin: 0 0 30px 4%; position: relative; }
	.portrait-block { overflow: hidden; }
	.portrait-block .article-hdr { float: left; width: 57%; }
	.blocks .group-block h3 { font-size: 20px; line-height: 26px; }
	/*.article-txt { float: left; }*/
	.portrait-block .article-hdr .one-third h1 { letter-spacing: 0; font-size: 36px;}
	.portrait-block .article-hdr .one-third .article-deck { font-size: 19px;}
    .main-ftr-mod .ftr-signup { width: 50%; margin: 0 auto; }
    .ftr-social { width: 40%; }
    .main-ftr-mod .ftr-translate, .main-ftr-mod .ftr-links { width: 28%; }
    .ftr-h.secondary { width: 100%; }
}

@media (max-width: 700px) {
    footer .layout { margin: 0 10px; }
	#readinglist, .littletop5.one-col { width: 100%; margin-left: 0; }
	.littletop5.one-col { padding: 10px; }
	.littletop5 ol { margin: 30px 10px 0; }
	.top-dog.and-related .overlay aside { bottom: 0; right: auto; width: 100%; }
	.top-dog.and-related .overlay > a { left: auto; width: 100%; top: 100px;  }
	.blocks .littletop5 h2.divided { margin-left: 0; text-align: center; }
	.blocks .littletop5 h2.divided span { padding: 0; margin: 0; }

	div.bigside { width: 100%; float: none; margin: 20px 0 20px 0; border-bottom: 1px #888 solid; padding-bottom: 30px; }
	div.bigside p { font: 13px/21px Georgia, serif; }

.article-txt div.sidenote { position: relative; width: 100%; margin: 0 0 30px 0; right: auto; font-style: italic; font-size: 13px; line-height: 18px; color: #666; padding: 0 0 10px 0; border-bottom: 1px #CCC solid; }
.duo, .trio, .quatro, .many, .timeline { float: none; width: 100%; padding-top: 20px; margin: 20px 0 30px; overflow: hidden; }
.many .thumbs { position: relative; top: auto; width: 100%; right: auto; height: auto; }
.many .thumbs a { display: block; float: left; width: 33%; padding: 3px 5px; }
.many .biggie img { width: 100% !important; }
.many .caption { padding-right: 0; margin-bottom: 20px; }
.duo p, .duo .carrier { width: 100%; margin-right: 0; float: none; padding: 5px 0 20px 0; }
.trio p, .trio .carrier { width: 100%; margin-right: 0; float: none; border-right: 0; padding: 5px 0 20px 0; }
.quatro p, .quatro .carrier { width: 48%; margin-right: 2%; float: left; border-right: 0; padding: 5px 0 20px 0; }

.single-column { padding: 0 2% 20px 2%; }
.two-col article,
.featured-left .two-col,
.two-col,
.one-col,
	.inforesponsive .portrait { width: 100%; margin: 0; }
    .single-column .with-image img, 
    .headshots { display: none; }
    .two-col article { margin-bottom: 30px; }
article.bigboy .overlay .stage { padding: 40px 20px 20px; }
.two-col article.bigboy a, .two-col article.bigboy .overlay { height: 250px; }
.group-block, .bundle, .blog-block, .blocks .pullquote, .single-column, .subscribe-block, .duo-block { padding: 20px; }
.group-block article { padding: 12px 0; }
.blocks h2.divided { margin: 20px 0 10px; }
.two-col article.bigboy.video,
.group-block .one-col article.group-bundle { width: 100%; }
.single-column .with-image,
.group-block .two-col article.group-bundle { margin: 0; }
.single-column li.with-image { font-size: 18px; line-height: 23px; }
.single-column li { font: bold 18px/23px "proxima-nova"; margin: 20px 0; }
.podcast-block header { float: none; width: 100%; margin-right: 0; padding-top: 20px; }
.podcast-block header a { width: 33%; float: left; text-align: center; margin: 0; }
.podcast-block svg { margin: 0 auto 8px; float: none; width: 30px; height: 30px; }
.blocks h2.divided { font-size: 16px; margin: 30px 0 10px 0; }
.single-column.blocks h2.divided { margin: 30px 0 10px 0; }
.blocks h2.divided span { padding: 0 15px; margin: -9px 30px 0; }
.single-column li a span.meta { margin: 10px 0 0 0; font-size: 13px; line-height: 18px; }
.single-column ol { margin: 40px 0 0 0; }
.single-column li:before, .single-column li.with-image:before { font-size: 16px; width: 28px; height: 28px; line-height: 28px; }
.single-column li { padding-left: 40px; }
.podcast-block article > div { padding: 20px 0; }
.podgroup1 { display: none; }
.podcast-block .article-deck { font-size: 18px; font-family: "proxima-nova"; }
.podcast-block article > div { float: none; width: 100%; padding-left: 0; }
.podcast-block { padding: 0 20px; }
.podcast-block article > div h1 { font-size: 24px; line-height: 30px;}
.podgroup2 { width: 100%; margin: 0; }
.podcast-block article > div h4 { font-size: 16px; line-height: 23px; margin-bottom: 20px; }
.podcast-block .page-deck { font-size: 15px; background: #FFF; padding: 0; text-align: center; }
.group-block .two-col article.group-bundle { border: 0; border-top: 2px #CCC solid; border-bottom: 2px #CCC solid; padding: 20px; margin: 0 -20px 35px -20px; background: #EEE; box-sizing: content-box; }
.group-block .two-col article.group-bundle h1 { font-size: 28px; line-height: 33px; margin-bottom: 15px; }
.group-block .two-col article.group-bundle h2 { font-size: 16px; line-height: 21px; }
.group-block .two-col article.group-bundle p { display: none; }
.group-block .two-col article.group-bundle h6 { margin: 5px 0 20px 0 !important; }

	.inforesponsive .infographic-iframe	{ display: block; }
	.inforesponsive .infoblock	{ display: none; }
    .blocks .subscribe-block svg { display: none; }
    .blocks .subscribe-block form { width: 100%; display: block; float: none; margin: 80px 0 0 0; }
    .blocks .subscribe-block input[type="email"] { font-size: 14px; padding: 4px; width: 68%; font-weight: normal; border: 1px #CCC solid;line-height: 26px; }
    .blocks .subscribe-block input[type="submit"] { margin: 0; width: 28%; padding: 4px; font-size: 14px; line-height: 28px; }
    .blocks .subscribe-block p { left: 0; top: 70px; width: 100%; text-align: center; padding: 0 30px; }
    .subscribe-block { height: auto; }
	body, .toolbar { background: #FFF; }
	.full > .article-hdr .byline a,
	.full > .article-hdr .byline,
	.full > .article-hdr h1,
	.full .article-deck { color: #000; text-shadow: none; }
	.infographic-iframe { display: none; }
	.mobile-only { display: block; }
	.whatsnext, .full .article-hdr { background: #FFF !important; }
	.infoblock { display: block; border-radius: 6px; padding: 10px; width: 100%; text-align: center; font-size: 18px; margin-top: 20px; font-weight: bold; background: #552582; color: #FFF; }
	#feed input[type="text"] { width: 300px; font-size: 14px; }
	.toolbar { padding: 0 8px; width: 100%; float: left;  }
	.article-hdr h1 { border: 0; font-size: 22px; margin: 10px 0; padding: 0; letter-spacing: 0; }
    .homepage header.article-hdr { height: 440px; background-position: bottom left; }
	.attribution .article-meta-item > .mini-mug { left: 20px; }
	.article-long .article-txt > p:first-child span, .bumper span { text-transform: none; font-size: inherit; }
	.article-hdr .overlay h5 { font-size: 13px; }
    .article-deck { font-size: 15px; }
    .bottom-gradient .overlay .stage { padding: 40px 20px; }
	.article-txt > p { font-size: 15px; line-height: 24px; }
	.article-hdr { overflow: initial; width: 100%; margin-bottom: 25px;}
	.article-hdr .byline { font-size: 14px; }
	.article-long .article-txt.no-first p:first-child, .no-first .bumper,
	.article-long .article-txt > p:first-child, .bumper { margin: 0 0 15px 0; font-size: 15px; line-height: 24px; }
	.article-txt .promo { display: none; }
	.whatsnext .article-hdr { width: 50%; }
	.whatsnext .article-hdr.item3 { display: none; }
	.article-txt,
	.attribution,
	.article-meta article,
	.whatsnext { width: 100%; float: left; }
	.article-txt { width: auto; float: none; }
	.img-full img, .duo { width: 100%; }
	.section-h4 { margin: 15px 0 8px; }
	.wf-active .about-researchers .section-h4 { margin-bottom: 15px; }
	.narrow, .narrow-title, .wide, .wide-title,
	.portrait-block .article-hdr, 
	.img-full,
	.outset,
	.inset { width: 100%; float: none; margin-left: 0; } 
	.portrait { width: 25%; float: right; margin: 10px 0 20px 10px; }
	.img-full, .outset, .inset { margin: 20px 0; }
	.inset .caption, .outset .caption, .img-full .caption { width: 100%; margin-left: 0; font: 13px/17px "proxima-nova"; position: relative; left: auto; top: auto; padding: 5px 0 0 0;  }
	.sidelist { float: none; width: 100%; margin: 0; }
	.article-hdr img { max-height: 300px; width: auto !important; max-width: 100% !important; }
	.article-box { margin: 0; padding: 0 20px 25px 20px; width: 100%; float: left; overflow: hidden; }
	.content.special { margin: 15px 0 0 0; }
	.two-thirds , .one-third { width: 100%; margin-left: 0; }
	.quote, blockquote { letter-spacing: 0; font-size: 18px; padding: 15px 0; margin: 20px 0;  }
	.duo p { font-size: 11px; }
	.duo a.img { margin-bottom: 8px; }
	.whatsnext div.image { height: 100px !important; }
	.whatsnext .article-hdr h1 { font-size: 16px; line-height: 21px; }
	.whatsnext .article-hdr h3 { font-size: 13px; line-height: 17px; }
	.whatsnext .article-hdr { margin-bottom: 0; }
	.portrait-block .article-hdr h1 { font-size: 26px; }
	.portrait-block .article-hdr .article-deck { font-size: 16px; }
	.article-meta { padding: 0 10px 0; }
	.divider svg { height: 12px; margin: 20px auto; }
	.toolbar .podcast,
	.subscribeblock,
	.toolbar a.subscription { display: none; }
	.toolbar .icons { display: none; }
	.toolbar.fixed { height: 39px; }
	.toolbar.fixed .icons { display: block; }
	.toolbar.fixed .tz-time, 
	.toolbar.fixed .translations, 
	.toolbar.fixed .overline { display: none; }
	.portrait-block .one-third { display: block; }
	.full > .article-hdr { height: auto; margin-top: 8px; }
	.full > .article-hdr p.byline { padding: 0 20px; text-align: left; color: #777; }
	.full > .article-hdr h1 { margin-top: 25px; font-size: 32px; line-height: 37px; text-align: left; margin: 10px 0; padding: 0 20px; color: rgb(68, 68, 68); }
	.full .article-hdr .caption { position: relative; padding: 5px 15px; bottom: auto; right: auto; width: 100%; }
	.full .article-hdr h5 { position: relative; padding: 5px 20px; bottom: auto; right: auto; width: 100%; font-family: "proxima-nova";}
	.full .article-hdr .caption p { position: relative; top: auto; right: auto; }
	.full .article-deck { text-align: left; color: rgb(102, 102, 102); padding: 0 20px; font-size: 19px; }
	.full .article-body article.stage { position: absolute; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.5); }
	.full article.stage.bottom { position: relative; bottom: auto; }
	.relatedblock p { display: none; }
	.relatedblock { margin: 20px 0; background: #552582; padding: 20px; }
	.sidelist.subscribe.relatedblock { position: relative; right: auto; width: 100%; margin: 20px 0; }
	.relatedblock.sidelist h3 { margin: 0 0 5px 0; color: #FFF; font-size: 12px; letter-spacing: 1px; }
	.relatedblock.sidelist h5 { font-size: 14px; line-height: 20px; margin: 10px 0 5px 0; }
	.relatedblock.sidelist a { color: #FFF; }
	.bug { width: 14px; height: 14px; margin-top: 0; background-size: 8px 8px; }
	.article-hdr h5 { text-align: left; }
	.article-long .article-txt.no-first p:first-child::first-letter, .no-first .bumper::first-letter,
	.wf-active .article-long .article-txt > p:first-child::first-letter, .wf-active .dropcap { line-height: 107%; font-size: 68px; }
	.whatsnext h5.overline { padding: 0 20px; font-size: 16px; }
	.toolbar p.overline { padding: 0 5px 0 3px; border: 0; margin: 0 0 0 0; line-height: 23px; }
	.toolright { position: relative; right: auto; top: auto; }
	.toolbar p.overline a { margin: 0 4px 0 10px; }
	.tz-time { float: left; display: block; margin: 4px 0 0 15px; }
	.podblock { background: #552582; color: #FFF; padding: 15px 15px 30px; overflow: hidden; margin: 0 0 30px 0; text-align: center; }
	.sidelist.podblock a, .sidelist.podblock h3 { color: #FFF; text-align: center; }
	ul.icon-list { overflow: hidden; width: 100%; }
	.sidelist.podblock ul.icon-list a { font-weight: normal; font-size: 12px; line-height: 15px; }
	#content ul.icon-list .last { width: 33%; margin: 0; padding: 0; }
	ul.icon-list li { float: left; width: 33%; }
	.sidelist.podblock h3 { margin: 5px 0 25px 0 !important; }
	.sidelist.podblock h4 a { background: rgba(255,255,255,0.8); color: #552582; }
	.podcast-play-btn { height: 36px; }
	.sidelist.podblock polygon, .sidelist.podblock path, .sidelist.podblock circle { fill: #FFF; }
	.article-txt .sidelist ul.icon-list { margin-top: 30px; }
	.sidelist.podblock svg { width: 24px; height: 24px; display: block; margin: 0 auto 10px; float: none; }
	.article-comments { width: 320px; }
	.fixed .sharelist { top: 29px; }
	.toolbar .home-k nav { padding: 29px 0 12px 0; }
	.toolbar .translations a { display: inline-block; float: none; }
	.toolbar .translations { display: block; width: 100%; float: left; margin: 20px 0 5px 3px; }
	.legacy .article-txt table { margin: 0; }
	.article-txt p img { width: 100%; }
}
@media (max-width: 600px) {
footer .layout { margin: 0; }
.main-ftr-mod { max-width: 100%; }
.main-ftr-mod .media-block { overflow: hidden; }
.main-ftr-mod .ftr-signup, .ftr-social { width: 100%; }
.main-ftr-mod .ftr-translate, .main-ftr-mod .ftr-links { width: 45%; }
}