/*COLOR PALETTE
Vermilion (red-orange): #f24c2f;
Bronze: #99826b;
Light tan: #f9f0e1;
Dark tan: #f6e8d0;
Dark gray (rgb 110,110,110): #6E6E6E;
Medium gray (rgb 150,150,150): #969696;
Light gray: (#B4B4B4: #B4B4B4;
*/

@font-face {
    font-family: 'socicon';
    src: url(../fonts/socicon-webfont.eot);
    src: url(../fonts/socicon-webfont.eot@) format('embedded-opentype'),
         url(../fonts/socicon-webfont.woff) format('woff'),
         url(../fonts/socicon-webfont.ttf) format('truetype'),
         url(../fonts/socicon-webfont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
    text-transform: inherit;
}

.socicon {
    font-family: 'socicon' !important;
    display: inline-block;
}

body {
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 300;
	font-style: normal;
	-moz-font-feature-settings: "liga", "kern";
	-moz-font-feature-settings:"liga=1, kern=1";
	-ms-font-feature-settings:"liga", "kern";
	-o-font-feature-settings:"liga", "kern";
	-webkit-font-feature-settings:"liga", "kern";
	font-feature-settings: "liga", "kern";

}

.container-fluid {
	padding: 0 5%;
	max-width: 1370px;
}

img {
	width: 100%;
	/* height: 100%;   dean added to fix hardcoded image tags */
	height: auto !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 2%;
}

h1, 
h2,
h3,
h4,
h5,
h6,
p,
small,
blockquote {
	margin: 0;
	color: black;
}

h1 {
	font-weight: 100;
	font-size: 78px;
	line-height: 1.05;
}

h2 {
	font-family: 'Lyon Text Web';
	font-weight: 700;
	font-size: 15px;
	line-height: 1.56;
	margin-bottom: 8px;

}

h2 strong {
	font-weight: 700;
	color: #f24c2f; 

}

h2.invert strong {
	font-weight: 700;
	color: #ffffff; 
}

h3, h4, h5 {
	line-height: 1.24;	
}

h3, h4 {
	margin-bottom: 10px;
}

h4, h5 {
	font-weight: 500;
}

h3 {
	color: #f24c2f;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	font-weight: 600;
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

.archive-deck {
	margin-top: 20px;
	font-size: 28px;
	font-weight: 300;
}

h5 {
	font-size: 18px;
	margin-bottom: 9px;
}

.second-opinion-subheader {
  font-size: 18px;
  margin-bottom: 42px;
  margin-top: -36px;
}

.subhead-blue { 
	font-family: 'Helvetica', sans-serif; 
	color: #205873; 
	font-weight: bold; 
	font-size: 18px;
}

.cjr-link {
	margin-bottom: 30px;
}

.cjr-link .glyphicon {
	font-size: 15px;
	opacity: 0.6;
	padding-right: 3px;
}

.cjr-link a {
	display: inline-block;
	margin-right: 20px;
}

.link-highlight {
	color: #f24c2f;
	margin-left: -20px;
}

.editors-note,
.caption-top {
	display: block;
}

.editors-note {
	margin-bottom: 36px !important;
}

p,
input,
ul,
ol,
li,
p.caption,
p.caption-2015,
.caption-top,
.editors-note,
blockquote {
	font-family: 'Lyon Text Web';
	font-weight: 400;
	font-size: 18px;
}

p,
p.caption,
p.caption-2015,
.caption-top,
.editors-note,
blockquote {
	line-height: 1.6;
	margin: 0 0 14.4px;
}

.tow-report-nav {
	font-style: normal !important;
}

.tow-report-nav a {
	font-style: normal !important;
	color:#357aab !important;
}

blockquote p {
	font-style: italic;
	color: #6E6E6E;
	line-height: 1.6;
	margin: 0 0 14.4px;
	font-family: 'Lyon Text Web';
	font-weight: 400;
	font-size: 18px !important;
}

p:first-of-type {
	font-size: 20px;
}

p:first-of-type strong:first-of-type {
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.05em;
}

.body-bold {
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.05em;
}

p + h5 {
	margin-top: 43.2px;
	margin-bottom: 14.4px;
}

li {
	margin-bottom: 10px;
}

.hard-numbers {
	font-size: 52px; 
	font-weight: bolder;
}

a {
	color: #f24c2f;
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.plus-button h1 {
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.trending-stories a h4,
.trending-stories a h4,
.trending-stories a h4,
.trending-stories a h5,
.trending-stories a h5,
.trending-stories a h5 {
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}

a:hover,
a:focus,
a:active,
.trending-stories a:active h4,
.trending-stories a:focus h4,
.trending-stories a:hover h4,
.trending-stories a:active h5,
.trending-stories a:focus h5,
.trending-stories a:hover h5,
#stack a:active h4,
#stack a:focus h4,
#stack a:hover h4 {
	text-decoration: none;
	color: #99826b;
}

small,
.btn {
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.27;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: 10px;
	color: #6E6E6E;
}

small strong,
.btn {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
}

p.caption,
p.caption-2015,
.caption-top,
blockquote {
	font-style: italic;
	color: #6E6E6E;
}

p.caption,
p.caption-2015 {
	margin-bottom: 28.8px;
}

img + p.caption,
img + p.caption-2015 {
	margin-top: 6.5px;
	margin-left: 26.5%;
}

small + small {
	margin-top: -6px;
}

p.quote, 
p.pullquote-2015,
p.pullquote_full, 
p.pullquote_left {
	font-family: 'Lyon Text Web';
	font-size: 21px;
	font-style: italic;
	font-weight: 400;
	border: none;
	padding: 44px 0px 0px 0px; /* was 0 */
    margin-top: 16px;
	line-height: 1.5;
	color: #99826b;
	margin-bottom: 23px;
	background: url(../img/quotation-mark.gif) no-repeat left 0px top;
	background-size: 35px auto;
}

/*For a native font solution to the large quotation mark above a blockquote*/

p.quote strong {
	display: block;
	font-size: 35px;
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 100;
	-moz-font-feature-settings: "ss01";
  	-ms-font-feature-settings: "ss01";
  	webkit-font-feature-settings: "ss01";
  	font-feature-settings: "ss01";
}

/*For the image "quotation-mark.gif" as the larger quotation mark*/

.quote-quotation-mark {
	display: block;
	width: 35px;
	margin: 28.8px 0 14.4px;
}

p.quote span, 
p.pullquote-2015 span,
p.pullquote_full span, 
p.pullquote_left span {
	color: #969696;
	font-size: 17px;
	font-weight: 400;
}

.archive-drop-cap, .dropcap {
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 100;
	vertical-align: text-top;
	font-size: 84px;
	float: left;
	margin: 0 14.4px 0 0;
	line-height: 1;
}

input {
	position: relative;
	top: 2px;
}

.form-control {
	background-color: white;
	color: black;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding: 28px 25px 25px;
	margin: 20px 0 40px;
	font-size: 17px;
}

.rectangle-ad {
	max-width: 300px;
	margin-bottom: 40px;
}

#latest .rectangle-ad {
	margin: 0 0 20px 0;
	width: 32%;
	float: right;
	max-width: none;
}

.banner-ad {
	margin-top: 40px;
	margin-bottom: 40px;
}

article header {
	margin-bottom: 86px;
}

.article-big-img header {
	margin-top: -87px;
	background-color: white;
	padding: 20px;
}

.article-big-img .category {
	margin-top: 20px;
}

.article-circle-img .img-circle {
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 100%;
}

.headline-quote {
	-moz-font-feature-settings: "ss01";
  -ms-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  font-feature-settings: "ss01";
}

#sharing {
	position: -webkit-sticky;
	position: sticky;
	background-color: white;
	background-color: rgba(255,255,255,0.85);
	z-index: 999;
	padding-bottom: 20px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

#sharing section {
	margin-top: 25px;
}

#sharing section:first-of-type {
	margin-top: 3px;
}

#sidebar section,
#news-feed-interior section {
	border-bottom: 1px #B4B4B4 solid;
	padding-bottom: 15px;
	padding-top: 25px;
}

.author-photo {
	width: 60px;
	margin-bottom: -7px;
	border-radius: 100%;
}

.perspective-img {
	width: 33%;
	margin: 7px 2% 2% 0;
}

.article-img {
	float: left;
	width: 136.5%;
	margin: 28.8px 4% 28.8px -36.5%;
}

.article-img-text-width {
	margin: 28.8px 0;
	width: 100%;
	width: 100%;
}

.article-img-text-width img + p.caption,
.article-img-text-width img + p.caption-2015 {
	margin-left: 0;
}

#homepage-top,
#magazine,
#perspective-top,
#footer-items,
#stack {
	padding: 20px 0;
}

#stack {
	padding: 40px 0 20px 0;
}

.stack-static {
	background-color: #ffffff !important; 
}

#homepage-top,
#magazine,
#perspective-bottom,
#stack {
	background-color: #f9f0e1;
}

/*For the new, simpler stack page*/

#stack .col-sm-8 {
	padding: 0;
}

#stack h3 {
	margin-bottom: 40px;
}

#stack .lead {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px #B4B4B4 solid;
}

#stack h4 {
	font-size: 25px;
}

.stack-pagination {
	margin-top: 20px;
	margin-bottom: 30px;
}

.stack-pagination li {
	float: left;
	margin-right: 20px;
	opacity: 0.6;
}

li.page-number-control {
	color: #b4b4b4;
	font-size: 10px;
	position: relative;
	top: 5px;
	opacity: 1;
} 

.page-number-control a {
	color: black;
}

li.page-number-active {
	font-weight: 700;
	opacity: 1;
	color: #f24c2f;
}

.category-more-link {
	font-family: 'Lyon Text Web';
	font-weight: 400;
	font-size: 18px !important;
}

.category-arrow {
	color: #000;
	font-size: 10px;
	position: relative;
	top: 0px;
	opacity: 1;
}

.static-arrow {
	color: #f24c2f;
	font-size: 12px;
	position: relative;
	top: 0px;
	opacity: 1;
}

#perspective-top {
	background-color: #f6e8d0;
}

#perspective-bottom {
	padding: 20px 0;
}

#newsletter {
	background-color: #f24c2f;
	padding: 40px 0 10px;
}

#footer-items {
	background-color: black;
}

.lead-box,
.vertical-lead-box,
.text-lead-box {
	background-color: #f9f0e1;
	padding: 20px;
}

.lead-box {
	margin-top: -97px;
}

.lead-box:active h1,
.lead-box:focus h1,
.lead-box:hover h1,
#perspective-top a:active .lead h1,
#perspective-top a:focus .lead h1,
#perspective-top a:hover .lead h1 {
	color: #99826b;
}

.vertical-lead-box,
.text-lead-box {
	margin-top: 0;
	background-color: #f6e8d0;
}

.text-lead-box {
	padding-top: 28px;
	margin-bottom: 20px;
}

.text-lead-box h1 {
	max-width: 930px;
	margin: 0 auto;
	font-weight: 300;
}

.secondary-box {
  background-color: #f6e8d0;
  width: 32%;
  margin: 0 2% 2% 0;
  min-height: 245px;
  padding: 20px;
  float: left;
}

.secondary-box-third {
	margin-right: 0;
}

.secondary-box,
.secondary-box-interior-img-2,
.vertical-lead-box,
.homepage-twitter-button,
.text-lead-box,
#magazine-highlight {
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.secondary-box:active,
.secondary-box:hover,
.secondary-box:focus,
.vertical-lead-box:active,
.vertical-lead-box:hover,
.vertical-lead-box:focus,
.text-lead-box:active,
.text-lead-box:hover,
.text-lead-box:focus {
	background-color: #efe1c9;
}

.vertical-box {
	width: 30.667%;
	float: left;
}

.vertical-box .secondary-box {
	width: 100%;
	margin: 0 0 6%; 
}

.vertical-box .secondary-box-interior-img {
	padding: 10px;
}

.secondary-box-img {
	padding: 0;
	background-image: url(https://archives.cjr.org/_resources2015/css/img/bradlee4.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.secondary-box-interior-img {
	padding: 10px;
}

.secondary-box-interior-img-2 {
	background-color: #f9f0e1;
	background-color: rgba(246,232,207,0.8);
	height: 100%;
	z-index: 999;
	padding: 10px;
}

.secondary-box-img:hover .secondary-box-interior-img-2 {
	background-color: #f9f0e1;
	background-color: rgba(246,232,207,0.7);
}

.secondary-box h2 {
	margin-bottom: 0;
}

.homepage-twitter-button {
	text-align: right;
	display: block;
	float: right;
	color: black;
	opacity: 0.15;
	margin-top: -4px;
	font-size: 14px;
}

#magazine .homepage-twitter-button {
	opacity: 0.2;
}

.homepage-twitter-button:active,
.homepage-twitter-button:focus,
.homepage-twitter-button:hover {
	opacity: 1;
}

#magazine .homepage-twitter-button:active,
#magazine .homepage-twitter-button:focus,
#magazine .homepage-twitter-button:hover {
	opacity: 1;
}

#latest,
#magazine,
#dont-miss,
#perspective-top {
	margin-top: 60px;
}

.btn {
	border-radius: 0;
	border: 1px #f24c2f solid;
	color: #f24c2f;
	font-size: 15px;
	padding: 14px 0;
}

.invert.btn {
	border: 1px solid white;
}

.btn:hover, 
.btn:active,
.btn:focus {
	background-color: black;
	border-color: black;
	color: white;
}

.btn-highlight {
	background-color: black;
	color: white;
	border: 1px black solid;
}

.btn + .btn {
	margin-left: 2%;
}

#magazine-highlight {
	background-color: #f24c2f;
	padding: 30px 20px;
	margin: 30px 0 20px;
}

#magazine-highlight:active,
#magazine-highlight:focus,
#magazine-highlight:hover {
	background-color: #e24c2b;
}

#magazine-highlight img {
	box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

#story-info small {
	color: #6E6E6E;
}

#sharing p {
	margin-bottom: 0;
}

.category-circle-img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
	margin-top: 3px;
}

/*

Deprecated CSS solution for the category circles

.category-circle {
	width: 60px;
	height: 60px;
	margin-top: 5px;
	display: block;
	overflow: hidden;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	margin-bottom: 10px;
}

.category-circle span {
	color: white;
	opacity: 0.5;
	font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;	
	font-size: 25px;
	padding-top: 17px;

.coffee {
	background-color: #9a8269;
}

.navy {
	background-color: #303d50;
}

.blue-gray {
	background-color: #a5b7c1;
}

.teal {
	background-color: #41b4a5;
}

.archive {
	background-color: #6E6E6E;
}*/

 
#article-content {
	z-index: 100;
}

#article-content p + small {
	margin-top: 28.8px;
	padding-top: 28.8px;
}

#article-content p + small.bio-overline {
	border-top: 1px #B4B4B4 solid;
}

#article-content p + small.bio-overline strong {
	font-family: 'Lyon Text Web';
	font-size: 16px !important;
	letter-spacing: 0em !important;
	text-transform: none;
}


#bottom-sharing {
	background-color: #f9f0e1;
	padding: 10px 5% 0;
	border-top: solid 2px #f6e8d0;
	display: none;
}

.lead h1,
#magazine-highlight h1 {
	font-size: 68px;
}

#perspective-top .lead section:hover a h1 {
	color: #99826b;
}

.lead h2 {
	margin-top: 20px;
}

.secondary-box-interior h4,
#magazine-highlight h4,
.secondary-vertical h4 {
	font-weight: 300;
	font-size: 24px;
}

#magazine-highlight h4 {
	letter-spacing: 0.02em;
}

#magazine-highlight p,
.lead p {
	margin-bottom: 0;
}

.secondary-box-interior-img h4 {
	font-weight: 500;
}

#news-feed .row,
.trending-stories .row,
#latest .row {
	margin-left: 0;
	margin-right: 0;
}

#news-feed h3,
.trending-stories h3 {
	border-bottom: 1px #B4B4B4 solid;
	padding-bottom: 3px;
	margin-bottom: 0;
}

#news-feed-interior {
	margin-bottom: 20px;
}

#news-feed-interior p:first-of-type,
#news-feed-interior p {
	font-size: 16px;
	line-height: 1.55;
}

#news-feed-interior p:first-of-type strong:first-of-type {
	font-size: 14px;
}

#news-feed-interior .glyphicon-chevron-right {
	font-size: 11px;
	opacity: 0.6;
}

#news-feed small {
	margin-top: 10px;
}

.news-feed-tweet {
	margin: -10px 0 0;
}

.news-feed-photo,
.news-feed-tweet-icon,
.news-feed-link-icon,
.trending-stories h1,
.plus-button h1,
.plus-button img,
.page-number {
	width: 60px;
	height: 60px;
}

.news-feed-tweet-icon,
.news-feed-link-icon,
#sharing .socicon,
#sharing .glyphicon,
#bottom-sharing .socicon,
#bottom-sharing .glyphicon {
	border-radius: 100%;
	text-align: center;
	font-size: 21px;
}

.news-feed-tweet-icon {
	padding-top: 18px;
	padding-left: 1px;
	background-color: #f6e8d0;
	color: #f24c2f;
	font-size: 19px;
	display: block;
}

.news-feed-link-icon {
	padding-top: 19px;
	padding-left: 2px;
	background-color: #f6e8d0;
	color: #f24c2f;
}

#sharing .socicon,
#sharing .glyphicon,
#bottom-sharing .socicon,
#bottom-sharing .glyphicon {
	width: 45px;
	height: 45px;
	margin-top: 5px;
	font-size: 16px;
	color: black;
	padding-top: 12px;
}

#sharing .socicon,
#sharing .glyphicon {
	margin: 5px 0 10px;
}

#sharing .glyphicon,
#bottom-sharing .glyphicon {
	padding-top: 15px;
}

#sharing .socicon:hover,
#sharing .socicon:focus,
#sharing .socicon:active,
#bottom-sharing .socicon:hover,
#bottom-sharing .socicon:focus,
#bottom-sharing .socicon:active,
#sharing .glyphicon:hover,
#sharing .glyphicon:focus,
#sharing .glyphicon:active,
#bottom-sharing .glyphicon:hover,
#bottom-sharing .glyphicon:focus,
#bottom-sharing .glyphicon:active {
	background-color: #99826b;
}

#sharing .socicon,
#sharing .glyphicon,
#bottom-sharing .socicon,
#bottom-sharing .glyphicon {
	background-color: black;
	color: white;
}

#bottom-sharing .socicon,
#bottom-sharing .glyphicon {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#sharing .socicon.no-circle {
	background-color: white;
	color: black;
	display: block;
	margin: 0 auto;
	height: 35px;
}

#sharing .socicon.no-circle:active,
#sharing .socicon.no-circle:focus,
#sharing .socicon.no-circle:hover {
	background-color: white;
	color: #99826b;
}

.trending-stories h1,
.plus-button h1,
.page-number {
	border-radius: 100%;
	text-align: center;
	color: white;
}

.trending-stories h1,
.page-number {
	font-size: 30px;
	padding-top: 15px;
}

.page-number-group {
	margin-bottom: 60px;
	display: block;
}

.page-number {
	border: 1px solid #B4B4B4;
	color: #B4B4B4;
	display: inline-block;
	padding-top: 14px;
	margin-right: 20px;
	margin-top: 20px;
}

a .page-number {
	border: 1px solid #f24c2f;
	color: #f24c2f;
}

.page-number.previous {
	padding-right: 1px;
}

.page-number.next {
	padding-left: 1px;
}

.page-number.active {
	background-color: #f24c2f;
	color: white;
}

a:active .page-number,
a:focus .page-number,
a:hover .page-number {
	color: white;
	border-color: black;
	background-color: black;
}

.plus-button:active h5,
.plus-button:focus h5,
.plus-button:hover h5 {
	color: #99826b;
}

.plus-button h5 {
	margin: 5px auto 30px;
}

.trending-1 {
	background-color: black;
}

.trending-2 {
	background-color: #3b3b3b;
}

.trending-3 {
	background-color: #5e5e5e;
}

.trending-4 {
	background-color: #919191;
}

.trending-5 {
	background-color: #c6c6c6;
}

#magazine small strong {
	font-weight: 300;
}

.invert,
.invert a {
	color: white;
}

.invert a:hover,
.invert a:active,
.invert a:focus {
	color: black;
}

.invert .btn:hover,
.invert .btn:active,
.invert .btn:focus {
	background-color: white;
	border-color: white;
	color: #f24c2f;
}

#magazine-highlight h4 {
	margin-top: 20px;
	letter-spacing: 0.03em;
}

#dont-miss .row {
	margin-left: -25px;
	margin-right: -25px;
}

#magazine-highlight small {
	letter-spacing: 0.15em;
}

#perspective-top .row {
	margin-top: 40px;
}

#perspective-top h1 {
	margin-bottom: 20px;
}

.perspective-icon {
	width: 35px;
	margin: 5px auto 20px;
}

#magazine h3 {
	color: black;
	margin-top: 20px;
	font-size: 34px;
}

#newsletter h3,
#magazine h3 {
	margin-bottom: 0;
}

#newsletter h5,
.magazine-date {
	opacity: 0.6;
	letter-spacing: 0.05em;
}

.form-group {
	margin-bottom: 0;
}

.form-control {
	margin-bottom: 20px;
}

.form-btn {
	display: block;
	width: 50%;
	margin-bottom: 30px;
}

#footer-items li {
	color: #99826b;
	font-size: 13px;
	font-style: italic;
	margin-top: 15px;
}

#footer-items a li {
	color: #99826b;
	font-style: normal;
	font-size: 15px;
}

#footer-items a:active li,
#footer-items a:hover li,
#footer-items a:focus li {
	color: #969696;
}

#footer-items small {
	margin: 30px 0 15px;
}

#footer-items small strong {
	color: #f24c2f;
}

@media screen and (max-width: 1230px) {
	.secondary-box {
		min-height: 220px;
	}

	p,
	p.caption,
	p.caption-2015,
	.caption-top,
	.editors-note,
	blockquote {
		font-size: 17px;
	}

	p:first-of-type {
		font-size: 19px;
	}

	p:first-of-type strong:first-of-type {
		font-size: 17px;
	}

}

@media screen and (max-width: 1100px) {
	.secondary-box {
		min-height: 200px;
		padding: 15px;
	}

	.secondary-box-img {
		padding: 0;
	}

	.secondary-box-interior-img {
		padding: 5px;
	}

	.lead {
		margin-bottom: 0;
	}

	#article h1 {
		font-size: 64px;
	}

	article header {
		margin-bottom: 60px;
	}

	#sharing h2,
	#sharing small,
	.category small {
		max-width: 100px;
		margin-left: auto;
		margin-right: auto;
	}

	.lead h1,
	#magazine-highlight h1,
	#stack h1 {
		font-size: 54px;
	}

	.lead-box {
		margin-top: -84px;
	}

	h2 {
	font-size: 16px;
	}

	#magazine h3 {
		font-size: 30px;
	}

	p,
	p.caption,
	p.caption-2015,
	.caption-top,
	.editors-note,
	blockquote {
		line-height: 1.55;
	}
	
	blockquote p {
		line-height: 1.55;
	}

	.secondary-box-interior h4,
	.secondary-vertical h4 {
	font-size: 21px;
	}

	.news-feed-photo,
	.news-feed-tweet-icon,
	.news-feed-link-icon,
	.trending-stories h1,
	.plus-button img,
	.page-number {
		width: 50px;
		height: 50px;
	}

	.news-feed-tweet-icon {
	padding-top: 14px;
	padding-left: 1px;
	}

	.news-feed-link-icon {
		padding-top: 15px;
		padding-left: 2px;
	}

	.trending-stories h1,
	.page-number {
		font-size: 25px;
		padding-top: 13px;
	}

	.page-number {
		padding-top: 12px;
	}

}


@media screen and (max-width: 992px) {
	
	p,
	p.caption,
	p.caption-2015,
	.caption-top,
	.editors-note,
	blockquote {
		font-size: 18px;
		line-height: 1.65;
	}
	
	blockquote p {
		line-height: 1.65;
	}

	p:first-of-type {
		font-size: 20px;
	}

	p:first-of-type strong:first-of-type {
		font-size: 18px;
	}

	.article-img {
		float: none;
		width: 100%;
		margin: 28.8px 0;
	}

	#article #sidebar {
		margin-bottom: -10px;
	}

	#article .rectangle-ad {
		margin: 25.6px auto 40px;
		display: block;
	}

	img + p.caption,
	img + p.caption-2015 {
		margin-left: 0;
	}

}

@media screen and (max-width: 900px) {
	
	#stack {
		margin-top: -20px;
	}

	.secondary-box,
	.vertical-box {
		width: 100%;
		
	}

	.secondary-box,
	.vertical-box .secondary-box {
		min-height: 200px;
		margin: 8px 0;
		padding: 20px;
	}

	.vertical-lead-box,
	.text-lead-box {
		margin-bottom: 8px;
	}

	.row {
		margin-left: 0;
		margin-right: 0;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  padding: 0;
	}

	.secondary-box-interior h4,
	.secondary-vertical h4 {
		font-size: 28px;
	}

	.secondary-box-img {
		padding: 0 10px;
	}

	.secondary-box-interior-img {
		padding: 10px 0;
	}

	.lead.row {
		margin-left: -8.5%;
		margin-right: -8.5%;
	}

	#magazine {
		margin-top: 0;
	}

	#magazine-highlight {
		padding: 20px;
	}

	#magazine-highlight img {
		width: 35%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 35px;
	}

	#latest .rectangle-ad {
		float: none;
		padding-top: 22px;
		margin: 0 auto 22px auto;
		width: 300px;
	}

	#latest .plus-button img {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.plus-button h5 {
		margin-bottom: 60px;
	}

	#news-feed h3,
	.trending-stories h3 {
		border-bottom: 0;
		padding-bottom: 0;
	}

	#dont-miss h3 {
		margin-bottom: 20px;
	}

	#dont-miss .row {
		margin-left: 0;
		margin-right: 0;
	}

	#perspective-bottom {
		padding-top: 8px;
		padding-bottom: 30px
	}

	.form-btn {
		margin-bottom: 40px;
	}

	.lead-box {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.news-feed-photo,
	.news-feed-tweet-icon,
	.news-feed-link-icon,
	.trending-stories h1,
	.plus-button img,
	.page-number {
		width: 40px;
		height: 40px;
	}

	.news-feed-tweet-icon {
		padding-top: 11px;
		padding-left: 2px;
		font-size: 15px;
	}

	.news-feed-link-icon {
		padding-top: 13px;
		padding-left: 1px;
		font-size: 16px;
	}

	.trending-stories h1,
	.page-number {
		font-size: 20px;
		padding-top: 11px;
		font-weight: 300;
	}

	.page-number {
		padding-top: 10px;
	}

	#news-feed-interior .col-xs-2,
	.trending-stories .col-xs-2 {
		margin-left: -2.5%;
		padding-left: 2.5%;
		padding-right: 2.5%;
		margin-right: 2.5%;
	}

	p,
	p.caption,
	p.caption-2015,
	.caption-top,
	.editors-note,
	blockquote {
		font-size: 17px;
		line-height: 1.6;
	}
	
	blockquote p {
		font-size: 17px;
		line-height: 1.6;
	}

	p:first-of-type {
		font-size: 19px;
	}

	p:first-of-type strong:first-of-type {
		font-size: 17px;
	}

	#article h1 {
		font-size: 50px;
		font-weight: 300;
	}

	article header {
		margin-bottom: 45px;
	}

	.article-circle-img .img-circle {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#footer-items {
		padding-bottom: 80px;
	}

	.sharing-buttons {
		display: none;
	}

	#bottom-sharing {
		display: block;
	}

	.category {
		display: none;
	}

	#sharing {
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 14.4px;
		text-align: left;
	}

	#sharing h2,
	#sharing small {
		max-width: none;
	}

	#sharing h2 {
		margin-bottom: 3px;
	}

}

@media screen and (max-width: 768px) {

	#article h1 {
		font-size: 40px;
		font-weight: 300;
	}

	.lead h1,
	#magazine-highlight h1,
	#stack h1 {
		font-size: 46px;
		font-weight: 300;
	}

	#magazine-highlight {
		margin-bottom: 10px;
	}

	#magazine-highlight img {
		width: 40%;
	}

	.cjr-link a {
		display: block;
		margin-bottom: 10px;
	}

	.link-highlight {
		margin-left: 0;
	}

	.perspective-img {
		padding-right: 10px;
	}

	.article-big-img header {
		margin-top: 0;
		background-color: none;
		padding: 14.4px 0 0;
	}

	.archive-deck {
		margin-top: 10px;
		font-size: 20px;
	}

}

@media screen and (max-width: 580px) {

	.secondary-box-interior h4,
	.secondary-vertical h4 {
		font-size: 24px;
	}

	article header {
		margin-bottom: 28.8px;
	}

	#article h1 {
		font-size: 34px;
	}

	.lead h1,
	#magazine-highlight h1,
	#stack h1 {
		font-size: 34px;
	}

	#magazine-highlight img {
		width: 50%;
	}

	.perspective-img {
		width: 100%;
		margin-bottom: 20px;
	}

	p,
	p.caption,
	p.caption-2015,
	.caption-top,
	.editors-note,
	blockquote {
		line-height: 1.5;
	}
	
	blockquote p {
		line-height: 1.5;
	}
}

@media print {

	.article-big-img header {
		margin-top: 0;
	}
	.largelogo {
		margin-left: 30px;
		width: 86%;
	}
	
	.article-big-img-headline {
		width: 100%;
	}
	
	#article-content {
		width: 100%;
	}
	
}

/* homepage only styles */

#homepage-top {
	padding: 0;
}

.hero-left-lockup {
	padding: 20px 4.2% 1% 5% !important;
}

.first-article-top {
	margin: 0 2% 0 2%;
}

.first-article-top-text {
	margin: 0 2% 0 2%;
	padding-top: 20px;
}

.firstcontent {
	padding-bottom: 20px; /* was 1% */
}

.first-content-text-only {
	padding: 2.5% 6.6% 1% 6.6%;
}

.homepage-author-photo {
	/* width: 60px; */
	margin-bottom: 0px !important;
	border-radius: 100%;
}

.link-highlight {
	margin-left: 0px;
}

@media screen and (max-width: 1080px) {
.first-article-top {
	margin: 0 2% 0 2%;
}

}

@media screen and (max-width: 900px) {
#homepage-top {
	margin-top: -20px;
	padding-top: 20px;
}

.first-article-top {
	margin: 0;
}

.hero-left-lockup {
	padding: 0px 4.2% 0 5% !important;
}

.first-content-text-only {
	padding: 0% 5% 0 5%;
}

#latest .rectangle-ad {
	padding-top: 22px;
	margin: 0 auto 22px auto !important;
	width: 300px;
	display: inline-block;
	float: none;
}

.latest-more {
	clear:both;
}

}

@media screen and (max-width: 765px) {
/*.banner-ad-creative {
	display:none;
} */

}

@media screen and (min-width: 1380) {
.first-content-text-only {
	padding: 1.4% 6.5% 0 6.5%;
}
	
}


/* Magazine template styles */

h3.magazine {
	margin-top: 20px;
}

.trending-magazine h3 {
	margin-bottom: 0px !important;
}

.past-issues {
	margin-top: 20px;
	margin-bottom: 40px;	
}

.cjr-link-magazine a {
	display: block;
	margin-bottom: 10px;
}

.mag-cover { 
	width: 100% !important;
	height: auto !important;
	margin: 8px 0px 20px 0px !important; 
	clear:both;               
}

@media screen and (max-width: 990px) {
.mag-cover { 
	width: 50% !important;
	height: auto !important;
	margin: 8px 0px 20px 0px !important; 
	clear:both;               
}

.trending-magazine {
	margin-left: 0;
	margin-bottom: 40px;
}	
}

/* video embed styles */

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* static page styles */

a.advertise-link {
	padding-left: 17px;
	background: url(../../../www.cjr.org/_resourcesbeta/img/interior/icon_pdf.gif) no-repeat 0 1px;	
}

input#mce-EMAIL.form-control {
	height: 53px;
	padding: 0px 0px 0px 0px !important;
	padding-left: 25px !important;
}

/* article content catch all */

.body-text-all {
display: block;
font-family: 'Lyon Text Web';
font-weight: 400;
font-size: 18px;
line-height: 1.6;
margin: 0 0 14.4px;
color: black;
}

p + h5 {
	line-height: 1.24;	
	font-weight: 800;
	margin-top: 43.2px;
	margin-bottom: 14.4px;
}

/* leaderboard ad */

.banner-ad-dynamic {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: -6px;
}
	
.banner-ad-dynamic-stack {
	margin-top: -20px;
	padding-bottom: 40px;
	margin-left: -6px;
}
	
/* chart styles */

@media screen and (min-width: 500px) {
#mycanvas  {width: 60% !important; max-width: 800px; height: auto !important;}
}
@media screen and (max-width: 499px) {
#mycanvas  {width: 100% !important; max-width: 800px; height: auto !important;}
}
.doughnut-legend li span {width: 1em; height: 1em; display: inline-block; margin-right: 5px;}
.doughnut-legend {list-style: none;}