/* ==========================================================================

OVERWRITES

========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,500');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Spectral:200,300,300i');

html, body { background: url('/uploads/1519378006.jpg'); background-color: #000; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; height: 100%; }
a, a:link, a:visited { color: #fff; text-decoration: none; }
	a:hover, b a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { opacity: 0.9; text-decoration: none; }
b { font-weight: 700; }
blockquote { border-left: solid 1px #fff; color: #fff; font-family: "Work Sans", Helvetica, sans-serif; font-size: 2.2em; font-style: italic; font-weight: 400; letter-spacing: -0.01em; line-height: 1.2em; margin: 0.5em auto 1.5em auto; padding: 0 1em 0 1em; text-align: left; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-transform: inherit; width: 75%; }
body { color: #fff; font-family: "Roboto"; font-weight: 200; letter-spacing: 0.06em; }
footer { border-top: solid 0px rgb(225,225,225); bottom: 0px; color: #999; display: block; font-size: 0.9em; letter-spacing: 0.9; padding: 7em 0 5em 0; position: relative; }
h1 { color: #fff; font-family: "Work Sans", Helvetica, sans-serif; font-size: 9vh; font-weight: 200; letter-spacing: -0.01em; line-height: 1em; margin-bottom: 0.2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-transform: uppercase; }
	h1 a, h1 a:link, h1 a:visited { text-decoration: none; }
	h1 a:hover { text-decoration: none; }
h2 { color: #fff; font-family: "Work Sans", Helvetica, sans-serif; font-size: 3em; font-weight: 200; letter-spacing: -0.01em; line-height: 1.3em; margin-bottom: 0.2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-transform: capitalize; }
	h2 a, h2 a:link, h2 a:visited { color: #fff; text-decoration: none; }
	h2 a:hover { text-decoration: none; }
h3 { color: #fff; font-family: "Work Sans", Helvetica, sans-serif; font-weight: 400; font-size: 1.5em; letter-spacing: -0.01em; line-height: 1.2em; margin-bottom: 0.3em; text-transform: capitalize; }
	h3 a, h3 a:link, h3 a:visited { color: #fff; text-decoration: none; }
	h3 a:hover { text-decoration: none; }
h4 { color: #fff; font-family: "Work Sans", Helvetica, sans-serif; font-weight: 400; font-size: 1.1em; letter-spacing: -0.01em; line-height: 1.2em; margin-bottom: 0.5em; text-transform: inherit; }
	h4 a, h4 a:link, h4 a:visited { color: #fff; text-decoration: none; }
	h4 a:hover { text-decoration: none; }
h5 { color: #ccc; font-family: "Roboto", Helvetica, sans-serif; font-size: 0.9em; font-weight: 400; line-height: 1.5em; text-transform: inherit; }
h6 { color: #ccc; font-family: "Roboto", Helvetica, sans-serif; font-size: 0.85em; font-weight: 300; line-height: 1.8em; margin-bottom: 10px; margin-top: -5px; }
input { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff; border: solid 1px rgba(0,0,0,0.05); color: #333; display: block; font-family: "Roboto"; font-size: 1em; font-weight: 300; margin-bottom: 0.5em; padding: 1em; width: 100%; }
	input[type=button] { background-color: none; color: #fff; font-family: "Roboto", Helvetica, sans-serif; font-size: 1.1em; font-weight: 300; padding: 1.0em; text-align: center; text-decoration: none; text-indent:0; width: auto; }
		input[type=button]:disabled { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #ccc; }
		input[type=button]:hover {}
	input[type=checkbox] { background-color: #fff; border: solid 1px rgba(0,0,0,0.05); border-radius: 0.2em; font-size: 2em; height: 0.4em; margin: 0 0.2em 1em 0; padding: 0.3em; width: 0.4em; }
		input[type=checkbox]:checked { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAADFJREFUGBljYCAO/CdGGY0UMUHtJsp4mDuRFSOzYfIoNEwBjEaRROaAFBBUBNOAVSEAjeIL97iBfGoAAAAASUVORK5CYII='); background-color: #fff; background-position: center center; background-repeat: no-repeat; }
	input[type=password] { -webkit-appearance: none; margin-bottom: 1em; }
	input[type=radio] { font-size: 1.1em; width: auto; }
	input[type=submit] { background: none; border: none; color: #fff; font-family: "Roboto", sans-serif; font-size: 1.0em; font-weight: 300; margin-bottom: 0.5em; padding: 1em 1.5em 1em 1.5em; text-align: center; text-transform: capitalize; width: auto; }
		input[type=submit]:disabled { background: #ccc; color: #fff; }
		input[type=submit]:hover {}
	input[type="text"] { -webkit-appearance: none; margin-bottom: 1em; }
label { display: block; color: #333; font-family: 'Roboto'; font-size: 0.95em; font-weight: 400; margin-bottom: 0.5em; text-transform: capitalize; }
legend { color: #111; font-family: "Roboto", Helvetica, sans-serif; font-weight: 500; font-size: 1em; }
p { font-family: "Roboto"; font-size: 1.2em; font-weight: 300; line-height: 1.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); }
section { background: none; }
	section h2 { font-size: 6em; margin: auto; padding: 1em 0 0.5em 0; text-align: center; text-transform: uppercase; }
	section h2:after { border-bottom: 1px solid #fff; content: ""; display: block; margin: 0 auto; padding-top: 20px; width: 5%; }
select { appearance: none; -webkit-appearance: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAACdJREFUGBljYGBg+A/E2ABWcXRBdD6KQTBJGI0iic4hShG6puHLBwBNzAb64q4q3AAAAABJRU5ErkJggg=='); background-color: #fff; background-repeat: no-repeat; background-position-x: 98%; background-position-y: 50%; border: solid 1px rgba(0,0,0,0.05); border-radius: 0; clear: both; color: #666; font-family: "Roboto"; font-size: 0.85em; margin-bottom: 1em; padding: 1em; text-transform: capitalize; min-width: 5em; width: 100%; }
	select:focus { background-color: rgba(0,0,0,0.1); }
textarea { background-size: cover; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff; border: solid 1px rgba(0,0,0,0.05); color: #333; font-family: "Roboto"; font-size: 1em; font-weight: 300; height: 100px; margin-bottom: 10px; padding: 5px; width: 99%; }


/* ==========================================================================

CUSTOM CLASSES
   
 *
 * Use throughout the site to modify the appearance of a specific element beyond it's default state
 *
 * 1. Use sparingly (overuse indicates a new block may be needed, or element should be simplified)
 * 2. Multiple classes can be used for the same element
  
========================================================================== */ 

li { list-style: none; list-style-type: none; list-style-position: outside; }

.button { background-color: none; border: solid 1px #fff; color: #fff; font-family: "Roboto", Helvetica, sans-serif; font-size: 1.1em; font-weight: 300; letter-spacing: 0.02em; padding: 1em 2em 1em 2em; text-align: center; text-decoration: none; text-indent: 0; vertical-align: middle; width: auto; }
	.button:active { position: relative; top: 1px; }
	.button:hover { background-color: #fff !important; border: solid 1px #fff; color: #000 !important; }
[class*='button_'] { background: #fff; border: solid 1px #fff; color: #fff; display: inline-block; font-family: "Roboto", Helvetica, sans-serif; font-size: 0.9em; font-weight: 400; letter-spacing: 0.02em; margin: 1em 0 1em 0; padding: 0.8em 2em 0.8em 2em; text-align: center; min-width: 12em; }
	[class*='button_']:hover { color: #fff; opacity: 1.0; }
	.button_rounded_outline { background: none; border-radius: 10em; color: #0099ff; }
		.button_rounded_outline:hover { background: #0099ff; color: #fff; }
	.button_rounded_solid { border-radius: 20em; }
		.button_rounded_solid:hover { color: #fff; opacity: 0.5; }
	.button_square_outline { background: none; color: #fff; }
		.button_square_outline:hover { background: #fff; color: #000; }
	.button_square_solid {}

/* Advertisement */
.block_advertisement { background: rgba(0,0,0,0.03); display: block; margin: 0 auto 0 auto; padding: 2em 0 1em 0; text-align: center; width: 100%; }
	.block_advertisement p { font-size: 0.6em; margin-top: 0.4em; opacity: 0.35; }
	.block_advertisement .wrap_outer { margin: auto; text-align: center; }

/* Button */
.block_button {}
	.block_button [class*='button_'] { background: #000; border: solid 1px #fff; color: #fff; font-size: 1.1em; font-weight: 400; margin: 2em 0 2em 0; padding: 1em 2em 1em 2em; text-align: center; min-width: 12em; }
		.block_button [class*='button_']:hover { color: #fff; opacity: 1.0; }
	.block_button .button_rounded_outline { background: none; border-radius: 10em; color: #000; }
		.block_button .button_rounded_outline:hover { background: #000; color: #fff; }
	.block_button .button_rounded_solid { border-radius: 20em; }
	.block_button .button_square_outline { background: none; color: #000; }
		.block_button .button_square_outline:hover { background: #000; color: #fff; }
	.block_button .button_square_solid {}		

/* Headline */
.block_headline { display: block; min-height: auto; height: auto; margin: auto; padding: 4em 0 1em 0; position: relative; text-transform: capitalize; width: 100%; z-index: 888; }
	.block_headline .arrowdown { display: none; }
	.block_headline .block_share a { color: #000; font-size: 0.9em; }
	.block_headline .byline { color: #000; display: none; font-size: 0.90vw; font-weight: 400; letter-spacing: 0.4em; margin: 0; margin-top: 4em; text-transform: uppercase; }
	.block_headline .date { color: #000; display: block; font-size: 1.3vh; font-weight: 400; letter-spacing: 0.2em; margin: 0 0 2em 0; text-transform: uppercase; }
	.block_headline .dek { color: #000; font-family: "Zilla Slab"; font-size: 2.2em; }
	.block_headline .headline { color: #000; font-family: "Roboto"; font-size: 4.5em; font-weight: 600; letter-spacing: -0.04em; line-height: 1.0em; margin-bottom: 0.25em; text-transform: capitalize; }
.block_headline.featured { height: 100%; }
	.block_headline.featured .arrowdown { bottom: 0; display: block; position: absolute; }
	.block_headline.featured .block_hero { filter: brightness(0.65); height: 100%; margin: auto; margin: 0 0 2em 0; overflow: hidden; padding: 0; width: 100%; z-index: 2; }
		.block_headline.featured .block_hero img { max-height: 720px; height: auto; filter: brightness(0.65); object-fit: cover; width: 100%; }
	.block_headline.featured .block_share a { display: none; color: #fff; font-size: 0.9em; }
	.block_headline.featured .byline { color: #fff; display: none; font-size: 0.90vw; font-weight: 400; letter-spacing: 0.4em; margin: 0; margin-top: 4em; text-transform: uppercase; }
	.block_headline.featured .date { color: #fff; display: block; font-size: 1.2vh; font-weight: 400; letter-spacing: 0.2em; margin: 0 0 2em 0; text-transform: uppercase; }
	.block_headline.featured .dek { color: #fff; font-family: "Zilla Slab"; font-size: 3.5vh; }
	.block_headline.featured .headline { color: #fff; font-family: "Roboto"; font-size: 7vh; font-weight: 600; letter-spacing: -0.04em; line-height: 1.0em; margin-bottom: 0.25em; text-transform: capitalize; }

/* Hero */
.block_hero { height: 100%; margin: auto; padding: 0; width: 100%; z-index: 2; }
	.block_hero img { object-fit: cover; width: 100%; }
	.block_hero .wrap { margin: auto; padding: 0; /* max-width: 100%; */ }
	.block_hero .wrap_none { height: 100%; }
	
/* Teaser */
.block_teaser {}
	.block_teaser [class*='span_'] { border-right: 0; min-height: auto; height: 300px; margin-bottom: 1em; padding: 0 1em 0 0; }
		.block_teaser [class*='span_'] .copy { background: #fff; display: none !important; float: none; height: 400px; margin: 0 auto 0 auto; padding: 2.5em; position: relative; text-align: center; width: 100%; }
			.block_teaser [class*='span_'] .copy h3 { color: #000; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; margin-bottom: 0.5em; text-transform: capitalize; }
			.block_teaser [class*='span_'] .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.8em; font-weight: lighter; line-height: 1.25em; }
		.block_teaser [class*='span_'] .image { height: 300px; overflow: hidden; }
			.block_teaser [class*='span_'] .image img { filter: brightness(0.89); height: 100%; }
			.block_teaser [class*='span_']:hover .image img { filter: brightness(1.0); }
		.block_teaser [class*='span_'] .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
			.block_teaser [class*='span_'] .rubric img { max-height: 12px; }
	
		.block_teaser .span_3 { bottom: 0; border: 0; height: 350px; left: 0; padding: 0 1em 0 1em; position: relative; }
			.block_teaser .span_3 .copy {}
				.block_teaser .span_3 .copy h3 { color: #000; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .span_3 .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.85em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .span_3 .image { height: 200px; overflow: hidden; }
			.block_teaser .span_3 .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
				.block_teaser .span_3 .rubric img { max-height: 12px; }

		.block_teaser .span_4 { bottom: 0; border: 0; left: 0; position: relative; }
			.block_teaser .span_4 .container { background: none; height: auto; padding: 0; }
			.block_teaser .span_4 .copy {}
				.block_teaser .span_4 .copy h3 { color: #000; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .span_4 .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.85em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .span_4 .image { height: 300px; overflow: hidden; }
			.block_teaser .span_4 .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
				.block_teaser .span_4 .rubric img { max-height: 12px; }
			.block_teaser .span_4 .container #advertisement { background: none; padding: 1em 0 0 0; }
	
		.block_teaser .span_6 { bottom: 0; border: 0; height: 650px; left: 0; position: relative; }
			.block_teaser .span_6 .copy { height: 280px; }
				.block_teaser .span_6 .copy h3 { color: #000; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .span_6 .copy h4 { color: #000; font-family: "Roboto"; font-size: 1em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .span_6 .image { height: 380px; overflow: hidden; }
			.block_teaser .span_6 .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
				.block_teaser .span_6 .rubric img { max-height: 12px; }
		
		.block_teaser .span_12 { bottom: 0; border-right: none; height: auto; left: 0; position: relative; }
			.block_teaser .span_12 .copy { float: none; height: auto; margin: auto; padding: 2em 1em 4em 1em; text-align: center; width: 80%; }
				.block_teaser .span_12 .copy h3 { color: #000; font-size: 1.8rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .span_12 .copy h4 { color: #000; font-family: "Roboto"; font-size: 1.1em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .span_12 .image { height: 450px; overflow: hidden; }
			.block_teaser .span_12 .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
				.block_teaser .span_12 .rubric img { max-height: 12px; }

		.block_teaser .hero {  border-right: none; max-height: 720px; margin-bottom: 0; overflow: hidden; padding: 0; position: relative; }
			.block_teaser .hero .copy { background: none; bottom: 27%; border: none; height: auto; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; text-align: center; top: auto; max-width: 960px; width: 80%; }
				.block_teaser .hero .copy h3 { color: #fff; font-size: 4em; font-weight: 600; line-height: 1em; margin: 0.2em 0 0.2em 0; padding: 0; }
				.block_teaser .hero .copy h4 { color: #fff; font-size: 1.3em; font-weight: 500; line-height: 1.3em; text-transform: capitalize; }
				.block_teaser .hero .copy p { color: #fff; font-size: 1.8vw; }
				.block_teaser .hero .copy time { color: #fff; font-size: 0.9em; font-weight: 300; }
			.block_teaser .hero .image { min-height: 100%; height: 100%; filter: brightness(0.85); overflow: hidden; transition: 0.35s all ease; width: 100%; }
				.block_teaser .hero:hover .image { filter: brightness(0.75); transform: scale(1.02); transition: 0.35s all ease; }
				.block_teaser .hero .image img { object-fit: cover; min-height: 720px; width: 100%; transition: ease }
			.block_teaser .hero .rubric { bottom: auto; color: #fff; display: none; float: none; font-size: 0.8em; }
	
			.block_teaser .spread {  border-right: none; height: 500px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
				.block_teaser .spread .copy { background: #fff; bottom: 0; height: 100%; left: auto; margin: 0; overflow: hidden; padding: 12% 3em 3em 3em; position: absolute; right: 0; text-align: center; top: 0; width: 50%; }
					.block_teaser .spread .copy h3 { color: #000; font-size: 2.5em; font-weight: 600; letter-spacing: 0; line-height: 1em; margin-bottom: 0.5em; padding: 0; }
					.block_teaser .spread .copy h4 { color: #000; font-family: "Roboto"; font-size: 1.1em; font-weight: 400; line-height: 1.5em; }
					.block_teaser .spread .copy p { color: #000; font-size: 1.2vw; }
					.block_teaser .spread .copy time { color: #fff; font-size: 0.9em; font-weight: 300; }
				.block_teaser .spread .image { height: 600px; left: 0; overflow: hidden; position: absolute; width: 50%; }
					.block_teaser .spread .image img { object-fit: cover; filter: brightness(0.85); min-height: 100%; width: 100%; transition: 0.35s all ease; }									
						.block_teaser .spread:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }
				.block_teaser .spread:nth-child(even) .copy { left: 0; position: absolute; right: auto; }
				.block_teaser .spread:nth-child(even) .image { left: auto; right: 0; }
				.block_teaser .spread .rubric { background: none; border: solid 1px #000; bottom: auto; color: #000; display: none; font-size: 0.8em; left: 0; margin: auto; margin-top: 2em; right: 0; top: 2em; width: 125px; }

		.block_teaser .masonry { column_count: 3; -moz-column-count: 3; -webkit-column-count: 3; padding: 5em; }
			.block_teaser .masonry .span_4 { bottom: 0; border: 0; left: 0; margin: 0; padding: 0; position: relative; width: 100%; }
				.block_teaser .masonry .span_4 .container {  min-height: 400px; margin: 0; padding: 0; }
				.block_teaser .masonry .span_4 .copy { height: auto; margin: 0; padding: 2.5em; text-align: center; width: 100%; }
					.block_teaser .masonry .span_4 .copy h3 { color: #000; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; margin-bottom: 0.5em; text-transform: capitalize; }
					.block_teaser .masonry .span_4 .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.8em; font-weight: normal; line-height: 1.45em; }
				.block_teaser .masonry .span_4 .image { height: 300px; overflow: hidden; }
					.block_teaser .masonry .span_4 .image img { filter: brightness(0.95); height: 100%; }
				.block_teaser .masonry .span_4 .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
					.block_teaser .masonry .span_4 .rubric img { max-height: 12px; }

/* Text */
.block_text { margin: 1em auto 1em auto; }
	.block_text h3 { margin: auto; padding-bottom: 1em; width: 85%;  }
	.block_text p { margin: auto; padding-bottom: 2em; text-shadow: 1px 1px 1px rgba(0,0,0,0.85); width: 65%;  }
	.block_text .wrap { max-width: 960px; width: 100%; }

.collection {}
	.collection article { padding: 0 0.25em 0.1em 0; }

.dropcap {}
	.dropcap:first-letter { color: #fff; float:left; font-family: "Roboto"; font-size: 4em; font-style: normal; font-weight: 200; line-height: 0.5em; margin: 0.28em 0em 0 0; padding: 0 0.15em 0 0; text-transform: uppercase;  }

.overlay { background: rgba(10,09,08,1.0); bottom: 0; height: 100%; left: 0; margin: auto; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; }

#block_42 { text-align: center; }
	#block_42 img { margin: auto; max-width: 500px; }

#common_footer {}
	#common_footer h5 { color: #fff; }
	#common_footer h6 { color: #fff; }

#common_nav { background: none; position: fixed; z-index: 9999; }
	#common_nav .nav_main { padding: 1em; }
	#common_nav .menu { background: #000; color: #fff; }
		#common_nav .menu a:link { color: #fff; }
	#common_nav .menu .nav_link { border-bottom: none; color: #fff; display: block; font-size: 0.95em; font-weight: 200; letter-spacing: 0.1em; margin: auto; margin-bottom: 0.2em; padding: 1em; text-transform: uppercase; width: 95%; }
	#common_nav #nav_menu_button { padding: 1em; }
#common_nav #nav_menu_close_button { padding: 2em; }

#gallery {}
	#gallery h2 { font-size: 4em; margin: auto; padding: 1em 0 1em 0; text-align: center; text-transform: uppercase; }

[id*='page_'] {}
	[id*='page_'] section:nth-of-type(even) { /* background: #fff; */ }

#column_91 { display: none; }
#column_92 { display: none; }

#section_about {}

#section_home { padding-top: 3em !important; }
	#section_home h2 { font-size: 2.5em; padding: 0; width: auto; }
	#section_home h2:after { border-bottom: none; content: ""; display: block; margin: 0 auto; padding-top: 0; width: auto; }

#system_message p { color: #fff; font-weight: 500; letter-spacing: -0.04em; text-align: center; }


/* ==========================================================================

MEDIA QUERIES

*
* Conditions modify existing classes & selectors to change the appearance of elements based on screen width
* 
* 1. The default 3 conditions typically cover majority of screen sizes, though additional conditions can be included.
* 2. Use sparingly (complex modifications typically indicate an element should be simplified)
*
*

========================================================================== */


@media screen and (min-width: 80.236em) {

	/*//////////////////////
	// 	                  //
	//  1280px to *px     //
	//                    //
	//////////////////////*/

	.block_headline.featured { height: 75%; }
	
	/* BLOCK: TEASER */
	.block_teaser .hero { }
		.block_teaser .hero .copy {}	
			.block_teaser .hero .copy h3 { font-size: 5vmax; font-weight: 600; }
			.block_teaser .hero .copy h4 { font-size: 1.5vmax; font-weight: 400; }
		.block_teaser .hero .image {}
			.block_teaser .hero .image img { min-height: 700px; }


	.wrap { max-width: 80em; }
	[id*='article_'] { max-width:  1800px; }	

}

@media screen and (min-width: 72.250em) and (max-width: 80.236em) {

	/*//////////////////////
	// 	                  //
	//  1156px to 1280px  //
	//                    //
	//////////////////////*/


	section { }
		section h2 { font-size: 3em; }
	
	.block_headline {}
		.block_headline .dek { font-size: 1.8em; }
		.block_headline .headline { font-size: 4em; }
	.block_headline.featured { height: 70%; }
		.block_headline.featured .dek { font-size: 1.5vw; }
		.block_headline.featured .headline { font-size: 5vw; }
	
	/* BLOCK: TEASER */
	.block_teaser .hero { }
		.block_teaser .hero .copy {}	
			.block_teaser .hero .copy h3 { font-size: 5.8vmax; font-weight: 600; }
			.block_teaser .hero .copy h4 { font-weight: 400; }
		.block_teaser .hero .image {}
			.block_teaser .hero .image img { min-height: 700px; }
	
	.block_teaser .span_4 { height: 425px; }
		.block_teaser .span_4 .copy { height: 150px; }
			.block_teaser .span_4 .copy h3 { font-size: 1.2rem; }
			.block_teaser .span_4 .copy h4 { font-size: 0.8em; line-height: 1.50em; }
		.block_teaser .span_4 .image { height: 250px; }
			.block_teaser .span_4 .image img { filter: brightness(0.95); height: 100%; }
		.block_teaser .span_4 .rubric { display: none; }
	
	.block_teaser .spread {  border-right: none; height: 450px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
		.block_teaser .spread .copy { background: #fff; bottom: 0; height: 100%; left: auto; margin: 0; overflow: hidden; padding: 12% 3em 3em 3em; position: absolute; right: 0; text-align: center; top: 0; width: 50%; }
			.block_teaser .spread .copy h3 { color: #000; font-size: 2em; font-weight: 600; letter-spacing: 0; line-height: 1em; margin-bottom: 0.5em; padding: 0; }
			.block_teaser .spread .copy h4 { color: #000; font-family: "Roboto"; font-size: 1em; font-weight: 400; }
			.block_teaser .spread .copy p { color: #000; font-size: 1.2vw; }
			.block_teaser .spread .copy time { color: #fff; font-size: 0.9em; font-weight: 300; }
		.block_teaser .spread .image { height: 600px; left: 0; overflow: hidden; position: absolute; width: 50%; }
			.block_teaser .spread .image img { object-fit: cover; filter: brightness(0.85); min-height: 100%; width: 100%; transition: 0.35s all ease; }									
				.block_teaser .spread:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }
		.block_teaser .spread:nth-child(even) .copy { left: 0; position: absolute; right: auto; }
		.block_teaser .spread:nth-child(even) .image { left: auto; right: 0; }
		.block_teaser .spread .rubric { background: none; border: solid 1px #000; bottom: auto; color: #000; display: none; font-size: 0.8em; left: 0; margin: auto; margin-top: 2em; right: 0; top: 2em; width: 125px; }

	.block_teaser .masonry {}
		.block_teaser .masonry .span_4 { height: 480px; }
			.block_teaser .masonry .span_4 .copy { height: 125px; }
				.block_teaser .masonry .span_4 .copy h3 { font-size: 1.2rem; }
				.block_teaser .masonry .span_4 .copy h4 { display: none; }
			.block_teaser .masonry .span_4 .image { height: 275px; overflow: hidden; }
			.block_teaser .masonry .span_4:nth-child(2n) .image { top: 125px; }
		
	.wrap { max-width: 73.236em; }

				
}

@media screen and (min-width: 64.000em) and (max-width:72.250em) {
	
	/*//////////////////////
	// 	                  //
	//  1024px to 1156px  //
	//                    //
	//////////////////////*/
	
	
	section { }
		section h2 { font-size: 2.5em; }
	
	/* Block: Headline */
	.block_headline { display: block; min-height: auto; height: auto; margin: auto; padding: 4em 0 1em 0; position: relative; text-transform: capitalize; width: 100%; z-index: 888; }
		.block_headline .dek { font-size: 1.8em; }
		.block_headline .headline { font-size: 3.5em; }
	.block_headline.featured { height: 65%; }
		.block_headline.featured .block_share a { color: #000; font-size: 0.9em; }
		.block_headline.featured .byline { display: none; }
		.block_headline.featured .date { display: none; }
		.block_headline.featured .dek { font-size: 1.6em; }
		.block_headline.featured .headline { font-size: 3.8em; line-height: 1.0em; margin-bottom: 0.25em; text-transform: capitalize; }

	/* Quote */
	.block_quote { margin: 2em 0 3em 0; padding: 1em 0 1em 0;  }
		.block_quote blockquote { font-size: 2.5em; }
			.block_quote blockquote::after { content: "\201D"; bottom: 0; font-size: 2em; line-height: 0.1em; right: 0; vertical-align: -0.3em; }
			.block_quote blockquote::before { content: "\201C"; font-size: 2em; left:0; line-height: 0.1em; vertical-align: -0.3em;  }
	
	/* Block: Recipe */
	.block_recipe [class*='span_'] { display: block; float: none; width: 100%; }
		.block_recipe .recipe_steps { margin-bottom: 5em; }
	
	/* Block: Teaser */
	.block_teaser .hero { }
		.block_teaser .hero .copy {}	
			.block_teaser .hero .copy h3 { font-size: 5.5vmax; font-weight: 600; }
			.block_teaser .hero .copy h4 { font-weight: 400; }
		.block_teaser .hero .image {}
			.block_teaser .hero .image img { min-height: 700px; }
	
	.block_teaser [class*='span_'] { padding: 0 1em 1em 1em; }
	
	.block_teaser .span_3 { height: 360px; }
		.block_teaser .span_3 .copy { height: 150px; }
			.block_teaser .span_3 .copy h3 { font-size: 1.2rem; }
			.block_teaser .span_3 .copy h4 { font-size: 0.85em; }
		.block_teaser .span_3 .image { height: 200px; }
			.block_teaser .span_3 .image img { filter: brightness(0.95); height: 100%; }
	
	.block_teaser .span_4 { height: 360px; }
		.block_teaser .span_4 .copy { height: 150px; }
			.block_teaser .span_4 .copy h3 { font-size: 1.2rem; }
			.block_teaser .span_4 .copy h4 { display: none; }
		.block_teaser .span_4 .image { height: 225px; }
			.block_teaser .span_4 .image img { filter: brightness(0.95); height: 100%; }
		.block_teaser .span_4 .rubric { display: none; }
	.block_teaser .span_4.image_none { min-height: 360px; }
	
	.block_teaser .spread {  border-right: none; height: 400px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%; }
		.block_teaser .spread .copy { background: #fff; bottom: 0; height: 100%; left: auto; margin: 0; overflow: hidden; padding: 12% 3em 3em 3em; position: absolute; right: 0; text-align: center; top: 0; width: 50%; }
			.block_teaser .spread .copy h3 { color: #000; font-size: 2em; font-weight: 600; letter-spacing: 0; line-height: 1em; margin-bottom: 0.5em; padding: 0; }
			.block_teaser .spread .copy h4 { color: #000; font-family: "Roboto"; font-size: 1em; font-weight: 400; }
			.block_teaser .spread .copy p { color: #000; font-size: 1.2vw; }
			.block_teaser .spread .copy time { color: #fff; font-size: 0.9em; font-weight: 300; }
		.block_teaser .spread .image { height: 600px; left: 0; overflow: hidden; position: absolute; width: 50%; }
			.block_teaser .spread .image img { object-fit: cover; filter: brightness(0.85); min-height: 100%; width: 100%; transition: 0.35s all ease; }									
				.block_teaser .spread:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }
		.block_teaser .spread:nth-child(even) .copy { left: 0; position: absolute; right: auto; }
		.block_teaser .spread:nth-child(even) .image { left: auto; right: 0; }
		.block_teaser .spread .rubric { background: none; border: solid 1px #000; bottom: auto; color: #000; display: none; font-size: 0.8em; left: 0; margin: auto; margin-top: 2em; right: 0; top: 2em; width: 125px; }

	.block_teaser .masonry {}
		.block_teaser .masonry .span_4 { height: 400px; }
			.block_teaser .masonry .span_4 .copy { height: 125px; }
				.block_teaser .masonry .span_4 .copy h3 { font-size: 1.2rem; }
				.block_teaser .masonry .span_4 .copy h4 { display: none; }
			.block_teaser .masonry .span_4 .image { height: 225px; overflow: hidden; }
			.block_teaser .masonry .span_4:nth-child(2n) .image { height: 220px; top: 125px; width: 225px; }
			
	/* Block: Quote	*/
	.block_text { margin-bottom: 2em; }
		.block_text p { font-size: 1.1em; font-weight: 400; line-height: 2em; padding-bottom: 1.5em;  }
		.block_text .wrap { max-width: 960px; width: 100%; }

	
	.wrap { max-width: 63.236em; }
	

	#section_mailing-list { background: #cd1212; height: 300px; margin: 0 0 0 0; overflow: hidden; }
			#section_mailing-list input { padding: 0.8em; }
				#section_mailing-list input[type=email] { display: inline; float: left; width: 70% !important; }
				#section_mailing-list input[type=submit] { background: rgba(0,0,0,0.35); display: inline; float: left; width: auto; }
			#section_mailing-list h3 { color: #fff; font-size: 2em; font-weight: 600; padding: 0.5em 0 0.3em 0; line-height: 1.0em; text-transform: inherit; text-align: left; }
			#section_mailing-list p { color: #fff; font-size: 0.9em; margin-bottom: 0.5em; text-transform: inherit; }
			#section_mailing-list .wrap { color: #fff; height: auto; margin: auto; margin-bottom: 0; padding: 3em 2em 3em 2em; text-align: left; max-width: 550px; }
			#section_mailing-list .block_image figure picture { height: 100%; object-fit: "cover"; }

	#section_mailing-list h3 { font-size: 2em; }
		

}

@media screen and (min-width: 45.000em) and (max-width: 64.000em) {

	/*////////////////////
	// 	                //
	//  720px to 1024px  //
	//                  //
	////////////////////*/


	h3 { font-size: 1.1em; }
	section { }
		section h2 { font-size: 2.5em; }
	
	.block_headline { width: 85%; }
		.block_headline .block_share a { color: #000; font-size: 0.9em; }
		.block_headline .byline { font-size: 0.90vw; font-weight: 400; }
		.block_headline .date { font-size: 1.3vh; font-weight: 400; }
		.block_headline .dek { font-size: 1.5em; font-weight: 400; }
		.block_headline .headline { font-size: 3.3em; }	
		.block_headline .wrap { padding: 0; }

	.block_headline.featured { height: 60%; padding: 0; width: 85%; }
		.block_headline.featured .dek { font-size: 2.3vw; }
		.block_headline.featured .headline { font-size: 6.5vw; line-height: 0.9em; }
	
	/* Quote */
	.block_quote { margin: 2em 0 3em 0; padding: 1em 0 1em 0;  }
		.block_quote blockquote { font-size: 2.5em; }
			.block_quote blockquote::after { content: "\201D"; bottom: 0; font-size: 2em; line-height: 0.1em; right: 0; vertical-align: -0.3em; }
			.block_quote blockquote::before { content: "\201C"; font-size: 2em; left:0; line-height: 0.1em; vertical-align: -0.3em;  }
	
	.block_recipe { display: block; position: relative; }	
	.block_recipe li { padding: 0.25em; }
	.block_recipe h3 { margin-bottom: 1em; }
	.block_recipe [class*='recipe_'] { }
	.block_recipe [class*='span_'] { padding-right: 0; width: 100%; }
	.block_recipe .advertisement { border-bottom: none; border-top: none; margin: 0; padding: 4em 0 2em 0; text-align: center; }
	
	.block_teaser {}
		.block_teaser [class*='span_'] { border-right: 0; height: 400px; padding: 1.5em; width: 50%; }
			.block_teaser [class*='span_'] .copy { height: 200px; padding: 2em 1em 1em 1em; }
				.block_teaser [class*='span_'] .copy h3 { font-size: 1.2rem; line-height: 1.1em; }
				.block_teaser [class*='span_'] .copy h4 { display: none; font-size: 0.8em; font-weight: normal; line-height: 1.25em; }
			.block_teaser [class*='span_'] .image { height: 250px; }
				.block_teaser [class*='span_'] .image img { filter: brightness(0.85); }
				.block_teaser [class*='span_']:hover .image img { filter: brightness(1.0); }

		.block_teaser .hero { height: 850px; }
				.block_teaser .hero .copy h3 { color: #fff; font-size: 7vw; font-weight: 600; line-height: 0.9em; margin: 0.2em 0 0.2em 0; padding: 0; }
				.block_teaser .hero .copy h4 { color: #fff; font-size: 2.3vw; font-weight: 300; line-height: 1.3em; text-transform: capitalize; }
				.block_teaser .hero .image { min-height: 100%; height: 101%; filter: brightness(0.85); overflow: hidden; transition: 0.35s all ease; width: 100%; }
				
		.block_teaser .masonry { column_count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
			.block_teaser .masonry .span_4 { height: 400px; width: 50%; }
				.block_teaser .masonry .span_4 .copy {}
					.block_teaser .masonry .span_4 .copy h3 { font-size: 1.2rem; letter-spacing: 0.01em; line-height: 1.1em; }
					.block_teaser .masonry .span_4 .copy h4 { display: none; font-size: 0.8em; line-height: 1.25em; }
				.block_teaser .masonry .span_4 .image { height: 250px; overflow: hidden; }
					.block_teaser .masonry .span_4 .image img { filter: brightness(0.95); height: 100%; }
				.block_teaser .masonry .span_4:nth-child(2n) .copy { padding: 2em; position: relative; }
					.block_teaser .masonry .span_4:nth-child(2n) .image { border-radius: 0; height: 250px; position: relative; top: 0; width: auto; }
						.block_teaser .masonry .span_4:nth-child(2n) .image img { height: 100%; transform: none; transition: none; }

		.block_teaser .spread {  height: auto; }
			.block_teaser .spread .copy { bottom: auto; float: none; height: auto; padding: 3em 1em 3em 1em; position: relative; right: auto; text-align: center; top: auto; width: 100%; }
				.block_teaser .spread .copy h3 { color: #000; font-size: 1.3rem; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .spread .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.8em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .spread .image { display: block; filter: brightness(1.0); height: 400px; left: auto; position: relative; right: auto; top: auto; width: 100%; }
			.block_teaser .spread .rubric { display: none; font-size: 0.7em; width: 120px; }
			.block_teaser .spread:nth-child(even) .copy { left: auto; right: auto; }
			.block_teaser .spread:nth-child(even) .image { left: auto; right: auto; }
			
		.block_teaser .wrap { padding: 0 5em 0 5em; }
	
	.block_text { margin-bottom: 2em; }
		.block_text p { font-size: 1.1em; font-weight: 400; line-height: 2em; padding-bottom: 1.5em; text-shadow: 1px 1px 1px rgba(0,0,0,0.75);  }
		.block_text .wrap { max-width: 960px; width: 100%; }

	
	[class*='column_'] { column_count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }

	.icon { height: auto; max-width: 40px; }
		.icon_xsmall { max-width: 30px; }
		.icon_small { max-width: 40px; }
		.icon_medium { max-width: 45px; }
		.icon_large { max-width: 55px; }
		.icon_xlarge { max-width: 70px; }
	

	.wrap { padding: 0 5em 0 5em; }
	
	#advertisement { background: rgba(0,0,0,0.03); margin: auto; text-align: center; }
	
	#common_nav {}				
		#common_nav [class*='span_'] { display: inline; float: left; }
		#common_nav .wrap { padding: 0.2em 1em 0.2em 1em; }
		#common_nav .nav_main a { color: #fff; }
		#common_nav .nav_mobile #nav_mobile_button_close img { width: 25px; }
		
		#search .ui_modal_close img { width: 25px; }
		#search input { color: #fff; font-size: 2em; }
		
	#section_mailing-list { height: 275px; margin: 0 0 0 0; overflow: hidden; }
		#section_mailing-list input[type=email] { display: none; float: none; width: 100% !important; }
		#section_mailing-list input[type=submit] { background: rgba(0,0,0,0.35); display: inline; float: none; font-size: 0.9em; width: 75%; }
		#section_mailing-list h3 { color: #fff; font-size: 1.8em; font-weight: 600; padding: 0.5em 0 0.3em 0; line-height: 1.0em; text-transform: inherit; text-align: center; }
		#section_mailing-list p { color: #fff; font-size: 0.9em; margin: auto; text-transform: inherit; max-width: 75%; }
		#section_mailing-list .wrap { color: #fff; height: auto; margin: auto; margin-bottom: 0; padding: 2.2em 2em 1.5em 2em; text-align: center; max-width: 400px; }
		#section_mailing-list .block_image figure picture { height: 100%; object-fit: "cover"; }

	#search { left: 0; padding: 2em; position: absolute; top: 0; z-index: 999; }
		#search input { background: none; border: none; border-bottom: solid 1px #333; color: #000; font-size: 3em; font-weight: 600; margin: 1em auto 0 auto; outline: none; padding: 0.5em 0 0.2em 0; text-transform: uppercase; width: 90%; }
		#search .overlay { background: rgba(255,255,255,0.97); }
		#search .ui_search_close { padding: 1em; position: absolute; right: 0; top: 0; }
		#search .ui_modal_close { margin: 1em; padding: 0 0 0 0; }
			#search .ui_modal_close img { width: 25px; }
	
	#search_results {}
		#search_results .teaser #advertisement { border-bottom: solid 1px #e9e9e9; border-top: solid 1px #e9e9e9; margin: 3em auto 0 auto; padding: 3em 0 2em 0; text-align: center }
		#search_results .teaser { border-bottom: none 1px #e9e9e9; padding: 2em 0 2em 0; text-align: center; }
		#search_results .teaser h3 { font-size: 1.4em; font-weight: 500; padding: 1em 0 1em 0; }
		#search_results .teaser h4 { font-size: 1em; font-weight: 300; }
		#search_results .teaser .rubric { font-size: 0.75em; }


}

@media screen and (min-width: 20.000em) and (max-width: 45.000em) {

	/*////////////////////
	// 	                //
	//  320px to 720px  //
	//                  //
	////////////////////*/
	
	footer a { font-size: 0.8em; }
	h3 { font-size: 1.1em; }
	section {}
		section h2 { font-size: 2.5em; }
	
	.block_headline { width: 92%; }
		.block_headline .block_share a { color: #000; font-size: 0.9em; }
		.block_headline .byline { color: #000; display: none; font-size: 0.90vw; font-weight: 400; letter-spacing: 0.4em; margin: 0; margin-top: 4em; text-transform: uppercase; }
		.block_headline .date { color: #000; display: block; font-size: 1.3vh; font-weight: 400; letter-spacing: 0.2em; margin: 0 0 2em 0; text-transform: uppercase; }
		.block_headline .dek { color: #000; font-size: 1.3em; font-weight: 400; }
		.block_headline .headline { color: #000; font-size: 2.8em; }	
		.block_headline .wrap { padding: 0; }

	.block_headline.featured { height: 65%; padding: 0; width: 95%; }
		.block_headline.featured .block_share a { color: #fff; font-size: 0.9em; }
		.block_headline.featured .byline { color: #fff; display: none; font-size: 0.90vw; font-weight: 400; letter-spacing: 0.4em; margin: 0; margin-top: 4em; text-transform: uppercase; }
		.block_headline.featured .date { color: #fff; display: block; font-size: 1.3vh; font-weight: 400; letter-spacing: 0.2em; margin: 0 0 2em 0; text-transform: uppercase; }
		.block_headline.featured .dek { color: #fff; font-size: 1.2em; font-weight: 400; }
		.block_headline.featured .headline { color: #fff; font-size: 3em; }
		.block_headline.featured .arrowdown { bottom: 12%; display: none; width: 20px; }
	
	.block_quote { margin: 1em 0 3em 0; padding: 0;  }
		.block_quote blockquote { color: #000; font-size: 2.5em; letter-spacing: -0.01em; line-height: 1em; width: 98Ω%; }
			.block_quote blockquote::after { content: "\201D"; bottom: 0; font-size: 1.5em; line-height: 0.1em; right: 0; vertical-align: -0.3em; }
			.block_quote blockquote::before { content: "\201C"; font-size: 1.5em; left:0; line-height: 0.1em; vertical-align: -0.3em;  }

	.block_recipe { display: block; position: relative; }	
		.block_recipe h3 { margin-bottom: 1em; }
		.block_recipe li { padding: 0.25em; }
		.block_recipe .advertisement { border-bottom: none; border-top: none; margin: 0; padding: 2em 0 2em 0; text-align: center; }
		.block_recipe [class*='recipe_'] { }
		.block_recipe [class*='span_'] { padding-right: 0; width: 100%; }
	
	.block_teaser {}
		.block_teaser [class*='span_'] { border-right: 0; display: block; float: none; height: 550px; margin: auto; padding: 0; width: 100%; }
			.block_teaser [class*='span_'] .copy { background: none; float: none; height: auto; margin: 0; padding: 3em 1em 3em 1em; text-align: center; width: 100%; }
				.block_teaser [class*='span_'] .copy h3 { color: #000; font-size: 1.3em; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser [class*='span_'] .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.9em; font-weight: normal; line-height: 1.25em; }
			.block_teaser [class*='span_'] .image { filter: brightness(1.0); height: 350px; left: auto; position: relative; right: auto; top: auto; width: 100%; }
				.block_teaser [class*='span_'] .image img { filter: brightness(0.85); }
				.block_teaser [class*='span_']:hover .image img { filter: brightness(1.0); }
			.block_teaser [class*='span_'] .rubric { background: #cd1212; color: #fff; display: none; font-size: 0.55em; height: auto; letter-spacing: 0.05em; padding: 0.8em 1.5em 0.8em 0.8em; text-transform: capitalize; }
				.block_teaser [class*='span_'] .rubric img { max-height: 12px; }

		.block_teaser .hero { min-height: 600px; overflow: visible; padding: 0; width: 100%; }
			.block_teaser .hero .copy { background: none; bottom: 10%; height: auto; left: 0; margin: auto; padding: 3em 1em 3em 1em; position: absolute; right: 0 text-align: center; top: auto; width: 90%; }
				.block_teaser .hero .copy h3 { color: #fff; font-size: 3.2em; font-weight: 600; letter-spacing: -0.05em; line-height: 1.0em; margin: 0.2em 0 0.2em 0; padding: 0; }
				.block_teaser .hero .copy h4 { color: #fff; font-size: 1.1em; font-weight: 500; line-height: 1.3em; text-transform: capitalize; }
				.block_teaser .hero .copy p { color: #fff; font-size: 1.8vw; }
				.block_teaser .hero .copy time { color: #fff; font-size: 0.9em; font-weight: 300; }
			.block_teaser .hero .image { border: none; min-height: auto; height: 100%; filter: brightness(0.85); overflow: hidden; max-width: 100%; width: 100%; }
				.block_teaser .hero .image img { object-fit: cover; object-position: 50% 50%; min-height: 600px; width: 100%; transition: ease; }
			.block_teaser .hero .rubric { display: none; }

		.block_teaser .masonry { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
			.block_teaser .masonry .span_4 { display: block; height: 550px; margin: auto; padding: 0; position: relative; text-align: center; width: 100%; }
				.block_teaser .masonry .span_4 .copy { background: none; float: none; height: auto; margin: auto; padding: 3em 1em 3em 1em; position: absolute; text-align: center; top: 350px; width: 100%; }
					.block_teaser .masonry .span_4 .copy h3 { color: #000; font-size: 1.3em; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
					.block_teaser .masonry .span_4 .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.9em; font-weight: normal; line-height: 1.25em; }
				.block_teaser .masonry .span_4 .image { height: 350px; margin: auto; overflow: hidden; position: absolute; top: 0; width: 100%; }
					.block_teaser .masonry .span_4 .image img { filter: brightness(0.85); height: 100%; object-fit: cover; transform: scale(1.0); transition: 0.35s all ease; }
						.block_teaser .masonry .span_4 .image:hover img { filter: brightness(0.99); transform: scale(1.01); }
				.block_teaser .masonry .span_4:nth-child(2n) .copy { bottom: auto; padding: 3em 1em 3em 1em; top: 350px; }
				.block_teaser .masonry .span_4:nth-child(2n) .image { border-radius: 0; height: 350px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; }
			.block_teaser .masonry .span_4  .container { padding: 0; }

		.block_teaser .spread {  height: 550px; margin: auto; position: relative; width: 100%; }
			.block_teaser .spread .copy { background: none; bottom: auto; float: none; height: 200px; left: 0; padding: 2em 1em 2em 1em; position: absolute; right: auto; text-align: center; top: auto; width: 100%; }
				.block_teaser .spread .copy h3 { color: #000; font-size: 1.3em; font-weight: 600; letter-spacing: 0.01em; line-height: 1.1em; text-transform: capitalize; }
				.block_teaser .spread .copy h4 { color: #000; font-family: "Roboto"; font-size: 0.9em; font-weight: normal; line-height: 1.25em; }
			.block_teaser .spread .image { display: block; filter: brightness(1.0); height: 350px; left: auto; position: relative; right: auto; top: auto; width: 100%; }
			.block_teaser .spread .rubric { display: none; font-size: 0.7em; width: 120px; }
			.block_teaser .spread:nth-child(even) .copy { left: 0; right: 0; top: 350px; }
			.block_teaser .spread:nth-child(even) .image { left: 0; right: 0; top: 0; }
			
		.block_teaser .wrap { padding: 0 1em 0 1em; }
	
	.block_text p { font-size: 1.03em; line-height: 1.9em; }
	
	[class*='column_'] { column_count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }

	.dropcap {}
		.dropcap:first-letter { font-size: 3.5em; }

	.icon { height: auto; max-width: 40px; }
		.icon_xsmall { max-width: 30px; }
		.icon_small { max-width: 40px; }
		.icon_medium { max-width: 45px; }
		.icon_large { max-width: 55px; }
		.icon_xlarge { max-width: 70px; }
	

	[class*='span_'] { float: none; display: block; width: 100%; }

	.wrap { padding: 0 3em 0 3em; }
	
	#advertisement { background: rgba(0,0,0,0.03); margin: auto; text-align: center; }
	
	#common_nav {}				
		#common_nav [class*='span_'] { display: inline; float: left; }
		#common_nav .wrap { padding: 0.2em 1em 0.2em 1em; }
		#common_nav .nav_mobile #nav_mobile_button_close img { width: 25px; }
		
		#search .ui_modal_close img { width: 25px; }
		#search input { color: #fff; font-size: 2em; }
		
	#section_mailing-list { height: auto; margin: 0 0 0 0; overflow: hidden; }
		#section_mailing-list input[type=email] { display: none; float: none; width: 100% !important; }
		#section_mailing-list input[type=submit] { background: rgba(0,0,0,0.35); display: inline; float: none; font-size: 0.9em; width: 75%; }
		#section_mailing-list h3 { color: #fff; font-size: 2em; font-weight: 600; margin: auto; padding: 0.5em 0 0.3em 0; line-height: 1.0em; text-transform: inherit; text-align: center; max-width: 80%; }
		#section_mailing-list p { color: #fff; font-size: 0.9em; margin: auto; text-transform: inherit; max-width: 90%; }
		#section_mailing-list .block_image { margin: auto; }
			#section_mailing-list .block_image figure picture { height: 100%; object-fit: "cover"; width: 100%; }
		#section_mailing-list [class*='span_'] { display: block; float: none; width: 100%; }
		#section_mailing-list .wrap { color: #fff; height: auto; margin: auto; padding: 1em 3em 2em 3em; text-align: center; max-width: auto; }

	#search { left: 0; padding: 2em; position: absolute; top: 0; z-index: 999; }
		#search input { background: none; border: none; border-bottom: solid 1px #333; color: #000; font-size: 2.5em; font-weight: 600; margin: 1em auto 0 auto; outline: none; padding: 0.5em 0 0.2em 0; text-transform: uppercase; width: 90%; }
		#search .overlay { background: rgba(255,255,255,0.97); }
		#search .ui_search_close { padding: 1em; position: absolute; right: 0; top: 0; }
		#search .ui_modal_close { margin: 1em; padding: 0 0 0 0; }
			#search .ui_modal_close img { width: 25px; }
	
	#search_results {}
		#search_results h2 { font-weight: 700; }
		#search_results .teaser #advertisement { border-bottom: solid 1px #e9e9e9; border-top: solid 1px #e9e9e9; margin: 3em auto 0 auto; padding: 3em 0 2em 0; text-align: center }
		#search_results .teaser { border-bottom: none 1px #e9e9e9; padding: 2em 0 2em 0; text-align: center; }
		#search_results .teaser h3 { font-size: 1.4em; font-weight: 500; padding: 1em 0 0.5em 0; }
		#search_results .teaser h4 { font-size: 1em; font-weight: 300; }
		#search_results .teaser [class*='span_'] { width: 100%; }
		#search_results .teaser .image { padding-right: 0; } 
		#search_results .teaser .rubric { font-size: 0.75em; }


}