@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}
	
	.page_content {font-family: garamond-fb-display, serif;}
	.page_content p {font-size:1.2em;}
	.page_content.article .body p {font-size:1.4em;}
	.image img {width:100%;}
	.separator {height:25px; background:url("../images/separator-bg.jpg"); background-repeat: repeat; background-position: center center; display:table; width:100%; font-family: linotype-vectora, sans-serif;}
	.separator .content_container {text-align: center;}
	.separator .content_container .title {text-align: center; background-color:#fff; font-size:1.6em; padding: 0% 2%; font-style: italic;}
	
	.index .billboard {padding:2% 0px;}
	.index .billboard .issue-date {margin-left:1%;}
	.index .cover-story .text .text-01 {font-size:1.75em; font-family: linotype-vectora, sans-serif;}
	.index .cover-story .text .title {font-size:3em; font-family: ltc-bodoni-175, serif; font-weight: 400; font-style: normal;}
	.index .cover-story .text .info {font-size:1.2em;}
	
	
	.separator.closing-thoughts .text-01 {text-transform: uppercase;
    font-weight: 600;
    font-size: 1.6em;
    background-color: #fff;
	padding:2%;}
	.separator.closing-thoughts .text-02 {text-transform: uppercase;
    background-color: #fff;}
	
	
	.index .articles .item {margin: 2%; padding: 2%;}
	.index .articles a .item{color:#000;}
	.index .articles a:hover .item {background-color:#eaeaea;}
	.index .articles a:focus .item {background-color:#eaeaea; text-decoration: none;}
	.index .articles .item .headline {font-size: 1.1em; text-transform: uppercase; font-family: linotype-vectora, sans-serif;}
	.index .articles .item .byline {font-style: italic;}
	
	.index .closing-thoughts.section {padding:3% 0px;}
	
	.index .closing-thoughts .text {font-size:1.2em; position:relative; padding:3%;}
	.index .closing-thoughts .text .job-title {font-size:.9em; font-family: linotype-vectora, sans-serif; margin-top:5%; padding:0px;}
	.index .closing-thoughts .text .job-title .text-01 {font-weight:600;}
	.index .closing-thoughts .text .job-title .text-02 {font-style:italic;}
	
	.index .credits .item {margin-bottom:3%;}
	.index .credits .text-02 {font-style: italic;}
	

	.article {}
	.article .billboard {}
	.article .content {}
	.article .content .hammer {}
	.article .content .headline {}
	.article .content .headline .title {font-size:2.25em; font-family: ltc-bodoni-175, serif; font-weight: 400; font-style: normal; line-height:1; margin: 5% auto;}
	.article .content .headline .byline {font-size:1.2em; font-style: italic;}
	.article .content .body {padding:0px 7%;}
	.article .content .body .image {margin:3% auto;}
	.article .content .body .image.large {}
	.article .content .body .image .cutline {font-size:1.2em; margin:3% auto; padding:3%; border-bottom:1px solid #000;}
	
	.article .content .body .quote {font-family: sweet-sans-pro,sans-serif; font-weight:600; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1; margin:5% 2%; padding:5%;}
	.article .content .body .quote p.credit {text-align: right; font-style: italic; font-size: 1.2em;}
	

	@media (min-width:768px) {
		.index .closing-thoughts .text {padding:0px 3%;}
		.article .content .headline .pre-title {font-size:1.2em;}
		.article .content .headline .title {font-size:2.75em; line-height:normal; margin: auto auto;}
		.article .content .headline .sub-title {font-size:1.2em;}
		.article .content .headline .byline {border-bottom:1px solid #a1a1a1; padding:1%;}
		.article .content .headline.super {text-align: center;}
		.article .content .headline.super .title {text-transform: uppercase; font-weight:600;}
		.article .content .headline.super .byline {}
		.article .content .body {padding:0px 2%;}
		.article .content .body .image.center {width:80%; margin:3% auto;}
		.article .content .body .image.left {width:50%; float:left; margin:3% 3% 3% 0;}
		.article .content .body .image.right {width:50%; float:right; margin:3% 0 3% 3%;}
		.article .content .body .image.headshot, .article .content .body .image.headshot {width:25%;}
		.article .content .body .image.right .cutline {text-align: right;}
		
		.article .content .body .quote.left, .article .content .body .quote.right {border-top:0px; border-bottom:0px; width:50%; margin:2% 3%;}
		.article .content .body .quote.left {float:left; border-right:2px solid #000;}
		.article .content .body .quote.right {float:right; border-left:2px solid #000;}
	}
	
	@media (min-width:992px) {
		.index .cover-story .text .title {font-size:3.5em; line-height: 1; margin:4% auto;}
		.article .content .headline .title {font-size:3em;}
		.article .content .body .quote.left, .article .content .body .quote.right {width:35%;}
	}
	
	@media (min-width:1200px) {
		.index .cover-story .text .title {font-size:5em;}
		.index .articles .item .headline {font-size: 1.3em;}
		.index .closing-thoughts.section .content_container {display:table; width:100%;}
		.index .closing-thoughts.section .content_container [class*="col-"] {display:table-cell; float:none; vertical-align: top;}
		
		.index .closing-thoughts .text .job-title {border-left:2px solid #000; padding-left:3%;}
		.article .content .headline .pre-title {font-size:1.5em;}
		.article .content .headline .sub-title {font-size:1.5em;}
	}