@charset "utf-8";
/* CSS Document */

	.content_topper {background-color:#050505; height: 80vh; background-image: url("../../_assets/images/topper-bear.jpg"); background-size:cover; }
	
	.content_topper .research-logo {text-align: center; padding:8%;}
	.content_topper .research-logo img {width:85%;}
	
	.content_topper .edition-title {font-family: garamond-fb-display, serif; font-size:28px; font-weight:600; text-transform: uppercase; letter-spacing: 1px; position:absolute; bottom:20%; width:50%; text-align:left; padding:3%; line-height: 1; color:#ffe0a3;}
	
	.contents {max-width:1000px;}
	.contents .item {padding:2%;}
	.contents .item .thumb img {width:100%;}
	.contents .item a .headline {font-size:18px; text-transform: uppercase; line-height: 1; color:#03244d; font-family:linotype-vectora;}
	.contents .item a .byline {font-style: italic; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; color:#03244d;}
	
	.previous-issue {text-align: center; padding:3%;}
	.previous-issue img {width:85%}
	.previous-issue .text1 {font-size:22px;}
	.previous-issue .text2 {font-size:18px; padding:2%;}
	
	.border-top {border-top:5px solid #000;}
	.border-bottom {border-bottom:5px solid #000;}
	.large-img-container img {width:100%;}

	.row-title {margin-top:20px;}
	.row-title .text {background-color:#000; color:#fff; text-align:center; text-transform: uppercase;}
	.row-title .text h2 {font-size:18px; font-family:linotype-vectora;}
	.row-title .text a {color:#fff;}
	.coverstory {background-color:#000; text-align: center;}
	.coverstory img {width:100%; max-width:1400px;}
	
	.thoughts {padding:0px;}
	.thoughts .content_container {padding:0px;}
	.thoughts .item img {width:100%;}
	.thoughts .item .thoughts-name {text-transform: uppercase; font-size:18px;}
	.thoughts .item .thoughts-title {font-style: italic; font-size:14px;}
	.thoughts .item.left {padding:0px;}
	.thoughts .item.right {padding:3%;}
	
	@media (min-width:768px) {
		
		.content_topper {height:80vh;}
		.content_topper {background-position:right center; background-size:contain; background-repeat: no-repeat;}
		
		.content_topper {display: table;}
		.content_topper .research-logo {float: none; display: table-cell; vertical-align: middle; padding:0px; color:#fff; padding:3%;}
		.content_topper .research-logo img {width:50%;}
		.row-title .text h2 {font-size:26px;}
		.thoughts .item .thoughts-name {font-size:24px;}
		.thoughts .item .thoughts-title {font-size:16px;}
	}
	
	@media (min-width:768px) {
		.content_topper .research-logo {text-align: left;}
	}
	
	@media (min-width:1280px) {
		.content_topper .research-logo {text-align: center;}
	}