@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900i');

.theme { background: #fafafa; }
	.theme a, a:link, a:visited { color: #000; text-decoration: none; }
		.theme 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; }
	.theme article section { padding: 5em 0 2em 0; }
		.theme article {}
	.theme b { font-weight: 500; }
	.theme blockquote { font-family: "Poppins"; }
	.theme body { background: none; color: #333; font-family: "Open Sans"; font-weight: 200; }
	.theme fieldset { margin: auto; padding: 2em; max-width: 480px; }
	.theme footer { font-family: "Poppins"; text-align: center; }
		.theme footer .links a { font-weight: 500; }
		.theme footer .copyright { margin-top: 2em; }
		.theme footer .denim { margin: 2em 0 1em 0; text-transform: lowercase; }
	.theme h1 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 4rem; font-weight: 600; letter-spacing: 0.03em; line-height: 1.2em; text-transform: inherit; }
		.theme h1 a, h1 a:link, h1 a:visited { text-decoration: none; }
		.theme h1 a:hover { text-decoration: none; }
	.theme h2 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 2em; font-weight: 600; letter-spacing: 0.06em; line-height: 1.2em; text-transform: inherit; }
		.theme h2 a, h2 a:link, h2 a:visited { color: #000; text-decoration: none; }
		.theme h2 a:hover { text-decoration: none; }
	.theme h3 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 1.8em; font-weight: 600; letter-spacing: 0.02em; line-height: 1em; margin-bottom: 0.3em; text-transform: inherit; }
		.theme h3 a, h3 a:link, h3 a:visited { color: #000; text-decoration: none; }
		.theme h3 a:hover { text-decoration: none; }
	.theme h4 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 1.4em; font-weight: 500; letter-spacing: -0.01em; line-height: 1em; text-transform: inherit; }
		.theme h4 a, h4 a:link, h4 a:visited { color: #000; text-decoration: none; }
		.theme h4 a:hover { text-decoration: none; }
	.theme h5 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 1.2em; font-weight: 500; line-height: 1em; text-transform: inherit; }
	.theme h6 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 1.1em; font-weight: 500; line-height: 1.2em; text-transform: inherit; }
	.theme h7 { color: #000; font-family: "Poppins", Helvetica, sans-serif; font-size: 0.9em; font-weight: 500; line-height: 1em; text-transform: inherit; }
	.theme hr { border-bottom: solid 5px #000; margin: 2em auto 2em auto; }
	.theme input { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff; border-bottom: none; border: solid 1px #000; color: #333; font-family: "Poppins"; font-size: 1em; font-weight: 300; margin-bottom: 0.5em; padding: 1em; width: auto; }
		.theme input:active { border-bottom: none; border: solid 1px rgba(0,0,0,0.25); }
.theme input[type=button] { background-color: #000; color: #fff; font-family: "Poppins", Helvetica, sans-serif; font-size: 0.9em; font-weight: 400; padding: 1.5em 2em 1.5em 2em; text-align: center; text-decoration: none; text-indent:0; width: auto; }
			.theme input[type=button]:disabled { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #ccc; }
			.theme input[type=button]:hover { background: #333; color: #fff; }
		.theme input[type=checkbox] { border-radius: 0; padding: 0.3em; }
		.theme input[type=password] { -webkit-appearance: none; margin-bottom: 1em; width: 100%; }
		.theme input[type=radio] { border-radius: 1em; padding: 0.6em; }
		.theme input[type=submit] { background: #000; border: none; color: #fff; font-family: "Poppins", sans-serif; font-size: 0.9em; font-weight: 400; margin-bottom: 0.5em; padding: 1.5em 2em 1.5em 2em; text-align: center; text-transform: capitalize; }
			.theme input[type=submit]:disabled { background: #ccc; color: #fff; }
			.theme input[type=submit]:hover { background: #666; color: #fff; }
		.theme input[type="text"] { -webkit-appearance: none; margin-bottom: 1em; width: 100%; }
			.theme input[type="text"]:active { border: solid 1px #ccc; }
	.theme label { color: #333; font-family: 'Poppins'; font-size: 0.95em; font-weight: 400; margin: 0em; text-transform: capitalize; }
	.theme legend { color: #111; font-family: "Poppins", Helvetica, sans-serif; font-weight: 500; font-size: 1em; }
	.theme li { font-size: 1em; font-weight: 300; line-height: 2.2em; }
.theme nav { padding: 0.5em 0 0.5em 0; }
	.theme p { font-size: 1em; font-weight: 300; line-height: 2.2em; }
	.theme select { appearance: none; -webkit-appearance: none; border: solid 1px #000; border-radius: 0; font-family: "Poppins"; font-size: 1em; font-weight: 300; margin-bottom: 1em; padding: 1em; text-transform: capitalize; min-width: 5em; width: 100%; }
		.theme select:focus { background-color: rgba(0,0,0,0.1); }
	.theme span {}
	.theme 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: "Poppins"; font-size: 1em; margin-bottom: 10px; padding: 5px; width: 99%; }
	.theme ul {}
		.theme ul li { list-style: disc; list-style-type: disc; }


/*
—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

OVERWRITE 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
  
—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
*/ 

.theme .button { background-color: #000; color: #fff; font-family: "Open Sans", Helvetica, sans-serif; font-size: 0.9em; font-weight: 400; letter-spacing: 0.02em; padding: 1.5em 2em 1.5em 2em; text-align: center; text-decoration: none; text-indent: 0; transition: 0.25s all ease; vertical-align: middle; width: auto; }
	.theme .button:active { position: relative; }
	.theme .button:hover { background-color: #333; transition: 0.25s all ease; }

.theme .border { border: solid 1px #000; }

.theme .color_primary { background: #fc0; color: #000 !important; }
.theme .color_secondary { background: #000; }


/*———————————————————————————————
BLOCKS
————————————————————————————————*/

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

/* Block Button */
.theme .block_button {}
	.theme .block_button [class*='button_'] { background: #000; border: solid 2px #000; 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; }
		.theme .block_button [class*='button_']:hover { color: #fff; opacity: 1.0; }
	.theme .block_button .button_rounded_outline { background: none; border-radius: 10em; color: #000; }
		.theme .block_button .button_rounded_outline:hover { background: #000; color: #fff; }
	.theme .block_button .button_rounded_solid { border-radius: 20em; }
	.theme .block_button .button_square_outline { background: none; color: #000; }
		.theme .block_button .button_square_outline:hover { background: #000; color: #fff; }
	.theme .block_button .button_square_solid {}		

/* Block Header */
.theme .block_header { text-align: center; text-transform: capitalize; width: 100%; }
	.theme .block_header hgroup { margin: auto; max-width: 80%; }
	.theme .block_header .arrowdown { display: none; }
	.theme .block_header .byline { display: block; font-size: 0.8em; letter-spacing: 0.3em; margin: 2.5em 0 2.5em 0; text-transform: uppercase; }
	.theme .block_header .date { color: #000; display: block; font-size: 0.85em; font-weight: 400; letter-spacing: 0.09em; margin: 0 0 2em 0; text-transform: uppercase; }
	.theme .block_header .dek { font-size: 1rem; font-weight: 300; line-height: 1.8em; margin: auto; max-width: 70%; }
	.theme .block_header .headline { font-size: 3.5rem; }
	.theme .block_header .hero { background: #f8f8f8; max-height: 1280px; height: 100%; margin: 4em auto 0 auto; overflow: hidden; padding: 0 !important; width: 100%; z-index: 2; }
		.theme .block_header .hero img { max-height: 1600px; object-fit: cover; object-position: center center; width: 100%; /* max-width: 1300px; */ } 
	.theme .block_header .share { font-size: 1em; }
		.theme .block_header .share a { margin-left: 1.5em; margin-right: 1.5em; }

/* Block Header Featured */
.theme .block_header.featured { height: 98%; margin: 0; padding: 0 !important; position: relative; width: 100%; }
	.theme .block_header.featured hgroup { margin: auto; max-width: 85%; }
	.theme .block_header.featured .arrowdown { animation: float 1.5s ease-in-out infinite; bottom: 8%; display: block; height: auto; left: auto; margin: auto; position: absolute; right: 2em; transform: translatey(0px); width: 50px; z-index: 999; }		
	@keyframes float {
		0% { transform: translatey(0px); }
		50% { transform: translatey(-5px); }
		100% { transform: translatey(0px); }
	}
	.theme .block_header.featured .byline { color: #fff; display: none; font-size: 0.90vw; font-weight: 400; letter-spacing: 0.4em; margin: 0; text-transform: uppercase; }
	.theme .block_header.featured .date { color: #fff; display: block; font-size: 0.85em; font-weight: 400; letter-spacing: 0.09em; margin: 0 0 2em 0; text-transform: uppercase; }
	.theme .block_header.featured .dek { color: #fff; font-size: 1.2em; font-weight: 400; letter-spacing: 0.04em; line-height: 1.2em; margin: auto; max-width: 80%; }
	.theme .block_header.featured .headline { color: #fff; font-family: "Playfair Display"; font-size: 6.5em; font-style: italic; font-weight: 600; letter-spacing: -0.04em; line-height: 0.9em; margin-bottom: 0.25em; text-transform: lowercase; }
	.theme .block_header.featured .hero { max-height: 95%; overflow: hidden; width: 100%; }
		.theme .block_header.featured .hero img { width: 100%; max-width: 100%; } 
	.theme .block_header.featured .share { color: #fff; font-size: 1em; margin: 2.5em 0 1em 0; }
		.theme .block_header.featured .share a { color: #fff; margin-right: 0.8em; }
	.theme .block_header.featured .position_middle { height: 50%; padding: 2em; width: 85%; z-index: 999; transition: 0.25s all ease; }
	.theme .block_header.featured img { filter: brightness(0.75); height: 100%; object-fit: cover; object-position: center top; width: auto; max-width: 100%; }

/* Block Image */
.theme .block_image .wrap { margin: auto; padding: 0 3.5em 0 3.5em; width: 55%; }
.theme .block_image .wrap_inner { margin: auto; padding: 0 2em 0 2em; max-width: 700px; width: 50%; }


/* Block Recipe */
.theme .block_recipe { max-width: 800px; }
	.theme .block_recipe h3 { font-size: 1.3em; font-weight: 600; margin-bottom: 1em; }
	.theme .block_recipe hr { border-bottom: solid 5px #000; margin: 2em auto 2em auto; }
	.theme .block_recipe ol {}
	.theme .block_recipe ul { font-family: "Poppins"; font-size: 0.9em; font-weight: 400; letter-spacing: 0.05em; }
	.theme .block_recipe .recipe_ingredients { /* background: rgba(0,0,0,0.035); */ border: solid 1px #000; margin-bottom: 2em; padding: 3em; }
	.theme .block_recipe .recipe_steps { margin-top: 2em; padding: 0; }

/* Block Teaser */
.theme .block_teaser { display: block; position: relative; }

	.theme .block_teaser [class*='grid_columns_'] .copy .rubric { background: none !important; border: solid 1px #000; border-radius: 0; width: auto; }

	/* 1 column */
	.theme .block_teaser .grid_columns_1 { border-bottom: solid 0 #ddd; height: 550px; margin: 0 0 2em 0; position: relative; }
		.theme .block_teaser .grid_columns_1 hgroup { bottom: 0; height: 50%; margin: auto; position: absolute; top: 0; width: 80%; }		
		.theme .block_teaser .grid_columns_1.ad { background: rgba(0,0,0,0.025); height: auto; padding: 4em 2em 4em 2em; } 
		  .theme .block_teaser .grid_columns_1.ad .block_advertisement { background: none; margin: auto; padding: 0; }
		.theme .block_teaser .grid_columns_1 .copy { bottom: 0; height: 100%; left: auto; margin: 0; overflow: hidden; padding: 5%; position: absolute; right: 0; text-align: left; top: 0; width: 50%; }
		.theme .block_teaser .grid_columns_1 .dek { font-size: 1rem; font-weight: 300; line-height: 1.8em; }
		.theme .block_teaser .grid_columns_1 .headline { font-size: 2.3rem; }
		.theme .block_teaser .grid_columns_1 .image { bottom: 0; height: 100%; left: 0; margin: auto; overflow: hidden; position: absolute; top: 0; width: 50%; }
		.theme .block_teaser .grid_columns_1 .rubric { display: block; font-size: 0.7em; font-weight: 600; height: auto; letter-spacing: 0.2em; line-height: auto; margin: 1em 0 2em 0; padding: 0.7em !important; text-align: center; text-transform: uppercase; }
		.theme .block_teaser .grid_columns_1 .block_advertisement { border-bottom: none; border-top: none; margin: 0 0 4em 0; padding: 0; height: auto; }	
		.wrap_none .grid_columns_1 .hero { border-bottom: none; margin-bottom: 2em; }
		.theme .block_teaser .grid_columns_1.even .copy { left: 0; right: auto; }
		.theme .block_teaser .grid_columns_1.even .image { left: auto; right: 0; }
		.theme .block_teaser .grid_columns_1.nothumb { height: 350px !important; }
	
	/* 2 columns */
	.theme .block_teaser .grid_columns_2 { height: 680px; padding-right: 2em; }
		.theme .block_teaser .grid_columns_2 .copy { background: none; padding: 1.5em 0 1em 0; text-align: center; width: 100%; }
		.theme .block_teaser .grid_columns_2 .dek {}
		.theme .block_teaser .grid_columns_2 .headline {}
		.theme .block_teaser .grid_columns_2 .image { height: 400px; overflow: hidden; }
			.theme .block_teaser .grid_columns_2 .image img { height: 100%; object-fit: cover; object-position: center center; width: 100%;  }
		.theme .block_teaser .grid_columns_2 .rubric { display: block; margin: 1em auto 2em auto; padding: 0.5em 0.2em 0.5em 0.2em; text-align: center; text-transform: uppercase; }
	.theme .block_teaser .grid_columns_2.even {  padding-left: 2.5em; padding-right: 0; }

	/* 3 columns */
	.theme .block_teaser .grid_columns_3 { height: 450px; margin: 0 0 3em 0; }
		.theme .block_teaser .grid_columns_3 .copy { background: none; height: 35%; overflow: hidden; }
			.theme .block_teaser .grid_columns_3 .dek { color: #000; display: none; font-size: 0.85em; font-weight: 300; line-height: 1.5em; margin: auto; max-width: 90%; }
			.theme .block_teaser .grid_columns_3 .headline { font-size: 1.3rem; letter-spacing: 0.01em; margin-bottom: 0.5em; }
		.theme .block_teaser .grid_columns_3 .image { height: 300px; overflow: hidden; }
		.theme .block_teaser .grid_columns_3 .rubric { display: block; font-size: 9px; margin: 1em auto 1.5em auto; padding: 0.6em !important; text-align: center; text-transform: uppercase; width: 85px; }

	/* 4 columns */
	.theme .block_teaser .grid_columns_4 { height: 280px; margin: 0 0 2em 0; }
		.theme .block_teaser .grid_columns_4 .copy { background: none; display: block; padding: 1em 0 1em 0; overflow: visible; width: 100%; }
			.theme .block_teaser .grid_columns_4 .copy hgroup { position: relative; }
			.theme .block_teaser .grid_columns_4 .headline { font-size: 1em; letter-spacing: 0.01em; margin-bottom: 0.5em; }
			.theme .block_teaser .grid_columns_4 .dek { color: #000; display: none; font-family: "Poppins"; font-size: 0.75em; margin: auto; max-width: 90%; }
		.theme .block_teaser .grid_columns_4 .image { height: 160px; overflow: hidden; }
		.theme .block_teaser .grid_columns_4 .rubric { display: none; margin: 1em 0 1em 0; padding: 1em !important; text-align: center; text-transform: uppercase; }

	/* hero */
	.theme .block_teaser .hero { height: 800px; margin: auto; overflow-x: hidden; padding: 0; position: relative; max-width: 2000px; width: 100%; }
		.theme .block_teaser .hero .copy { background: none; bottom: 30%; height: 50%; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: auto; max-width: 800px; width: 85%; }
			.theme .block_teaser .hero .copy hgroup { bottom: 0; height: 40%; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
			.theme .block_teaser .hero .copy .headline { color: #fff; font-family: "Playfair Display"; font-size: 6rem; font-style: italic; font-weight: 600; letter-spacing: -0.02em; line-height: 0.9em; text-transform: lowercase; }
			.theme .block_teaser .hero .copy .dek { color: #fff; font-size: 1.1em; font-weight: 300; letter-spacing: 0.05em; line-height: 1.5em; margin: auto; text-transform: capitalize; max-width: 75%; }
		.theme .block_teaser .hero .image { height: 100%; overflow: hidden; }
			.theme .block_teaser .hero .image img { height: 100%; filter: brightness(0.75); object-fit: cover; object-position: center center; transform: scale(1.0); transition: 0.35s all ease; width: 100%; }
		.theme .block_teaser .rubric { display: none; }
	
/* Block Text */
.theme .block_text { width: 100%; max-width: 700px; }
	.theme .block_text blockquote { border-left: solid 0 #000; margin: 0 auto 1em auto; text-align: center; max-width: 75%; }
		.theme .block_text blockquote:before { content: open-quote; display: block; font-size: 9rem; line-height: 0; margin: 0.8em auto 0 auto; text-align: center; }
	.theme .block_text ol { width: 55%; }
	.theme .block_text p { margin: auto auto 2em auto; line-height: 2em; width: 100%; }
	.theme .block_text ul { width: 55%; }
	
.theme .dropcap {}
	.theme .dropcap:first-letter { color:#000; float:left; font-family: "Poppins"; font-size: 4em; font-style: normal; font-weight: 600; line-height: 0.5em; margin: 0.25em 0 0.2em 0; padding: 0 0.20em 0 0; text-transform: uppercase;  }

.theme .hero {}
	.theme .hero h3 { font-family: "Playfair Display" !important; font-style: italic; text-transform: lowercase !important; }

.theme .mail {}
	.theme .mail p { font-family: "Poppins"; font-weight: 300; }
	.theme .mail span { font-family: "Poppins"; font-weight: 300; }

.theme .sticky { background: rgba(0,0,0,0.90); }

.theme .ui_tab { font-family: "Poppins"; }
	.theme .ui_tab_button a { width: 100px; }


/*
—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

OVERWRITE SELECTORS (ID)
   
 *
 * 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. Classes can be used preceding the selector to modify specific attributes of an element (i.e. #selector .class {} )
  
—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
*/ 

.theme #common_nav { background: rgba(0,0,0,0.92); color: #fff; font-family: "Poppins"; line-height: auto; padding: 0.5em 0 0.5em 0; }
	.theme #common_nav .nav_primary { height: auto; padding: 0.2em 0.2em 0.25em 0.2em; }
		.theme #common_nav .nav_primary a { color: #fff; display: inline-block; font-size: 0.8em; font-weight: 500; letter-spacing: 0.08em; padding-right: 1em; text-transform: capitalize; width: auto; }
			.theme #common_nav .nav_primary a.active { color: #fc0; }
			.theme #common_nav .nav_primary a:hover { color: #fc0; opacity: 1.0; } 
				/* button */
				.theme #common_nav .nav_primary a.nav_primary_button { border-radius: 0.2em; color: #fff; font-size: 0.5em; font-weight: 500; height: auto; letter-spacing: 0.2em; line-height: auto; margin: 0; padding: 0.5em 0.7em 0.4em 0.7em; text-transform: uppercase; }
					.theme #common_nav .nav_primary a.nav_primary_button.admin { border-left: solid 1px rgba(255,255,255,0.5); border-radius: 0; padding-left: 1.2em; }
					.theme #common_nav .nav_primary a.nav_primary_button.highlight { background: #ff6b6b; color: #000; }
				/* link */
				.theme #common_nav .nav_primary .nav_primary_link { margin: 0; padding: 0 1em 0 0; }
				.theme #common_nav .nav_primary .wrap { padding: 0 1em 0 1em; max-width: 100%; width: 100%; }
	
	.theme #common_nav .nav_secondary {} 
		.theme #common_nav .nav_secondary .nav_secondary_button { font-size: 1em; }
		.theme #common_nav .nav_secondary .nav_secondary_link { font-size: 8vw; letter-spacing: 0.08em; padding: 0.2em 0 0.2em 0; }

	.theme #common_nav .nav_tertiary { background: rgba(0,0,0,0.85); color: #fff; }
		.theme #common_nav .nav_tertiary a { color: #fff; }
		.theme #common_nav .ui_icon_close { text-align: left; }

	.theme #common_nav .nav_menu_search {}
		.theme #common_nav .nav_menu_search input { border-bottom: solid 0 #fff; color: #fff; font-family: "Poppins"; }
		.theme #common_nav .nav_menu_search h5 { color: #fff; text-align: center; }		

	.theme #common_nav .ui_icon_menu { background: url('/img/icon_menu_white.svg'); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; min-width: 50px; }
	.theme #common_nav .ui_icon_search { background: url('/img/icon_magnifier_white.svg'); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; min-width: 50px; }

.theme #error {}
	.theme #error h4 { margin-bottom: 2em; }

.theme #newsletter { background: rgba(0,0,0,1.0); display: none; height: 400px; margin: 0; overflow: hidden; padding: 0; position: relative; }
	.theme #newsletter figure { max-height: 400px; overflow: hidden; }
		.theme #newsletter figure img { height: 100%; object-fit: "cover"; min-width: 600px; }
	.theme #newsletter input { font-size: 1.03em; }
		.theme #newsletter input[type=email] { display: inline; float: left; text-align: center;  }
		.theme #newsletter input[type=submit] { background: 000; border: solid 1px #fff; color: #000; display: inline; float: left; font-weight: 500; width: 100%;  }
	.theme #newsletter h3 { color: #fff; font-size: 2.5em; font-weight: 600; padding: 0.5em 0 0.2em 0; line-height: 1.0em; text-transform: inherit; }
	.theme #newsletter h4 { color: #fff; font-size: 0.9em; margin-bottom: 2em; text-transform: inherit; }
	.theme #newsletter p { font-size: 1em; line-height: auto; }
	.theme #newsletter .container { background: none; color: #fff; height: 50%; margin: auto; padding: 2em 1em 1em 1em; text-align: center; width: 85%; max-width: 450px; }
	
.theme [id*='page_'] {}
	
	.theme [id*='page_'] .block_advertisement { background: rgba(0,0,0,0.025); border-bottom: solid 0 #dfdfdf; border-top: solid 0 #dfdfdf; flex-basis: 100%; flex-grow: 1; height: auto; padding: 2em 0 2em 0; position: relative; }

	.theme [id*='page_'] section { /* background: -moz-linear-gradient(top, #fff 0%, rgb(242,241,240) 100%); background: linear-gradient(top, #fff 0%, rgb(242,241,240) 100%); background: -webkit-linear-gradient(top, #fff 0%, rgb(242,241,240) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgb(247,246,245)',GradientType=0 ); */ }
	.theme [id*='page_'] .block_text { padding: 0.5em 0 0.5em 0; }
		.theme [id*='page_'] .block_text h1 { font-size: 5em; }
		.theme [id*='page_'] .block_text h3 { font-family: "Playfair Display"; font-size: 4em; font-style: italic; font-weight: 700; letter-spacing: -0.04em; padding: 0.5em 0 1em 0; text-transform: lowercase; }
			/* .theme [id*='page_'] .block_text h2:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto; padding-top: 20px; width: 8%; } */

.theme #recommended { background: none; margin: auto; margin-top: -5em; padding: 2em 0 2em 0; max-width: 800px; }
	.theme #recommended hr {  }
	.theme #recommended .block_text { padding: 0 0 2em 0; }
		.theme #recommended .block_text h3 { /* font-size: 2.5em; text-align: center; */ font-family: "Playfair Display"; font-size: 4em; font-style: italic; font-weight: 700; letter-spacing: -0.02em; text-align: center; text-transform: lowercase; }
			.theme #recommended .block_text h3:after { border-bottom: 3px solid #000; content: ""; display: none; margin: 0 auto; padding-top: 20px; width: 8%; }
	.theme #recommended .block_teaser [class*='grid_columns_'] { display: block; flex: none; height: auto; margin: 0 auto 0 auto; padding-right: 0 !important; padding-bottom: 3em; position: relative; width: 100%; }	
		.theme #recommended .block_teaser [class*='grid_columns_'].ad { }
		.theme #recommended .block_teaser [class*='grid_columns_'] .copy { display: block; height: auto; margin: auto; overflow: hidden; padding: 2em; position: relative; text-align: center; width: 100%; max-width: 600px; }
			.theme #recommended .block_teaser [class*='grid_columns_'] .copy .dek { display: block; }
		.theme #recommended .block_teaser [class*='grid_columns_'] .image { height: 450px; left: auto; margin: auto; overflow: visible; position: relative; width: 100%; max-width: 800px; }
		.theme .#recommended .block_teaser [class*='grid_columns_'] .rubric { margin: 4em auto 2em auto; text-align: center; }


.theme #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)
*
*




/*
——————————————————————————————————————————————————————————————————————————————————————————————

BREAKPOINT DETAILS

Min-Width: 1024px
Max-Width: 1156px
Device: Tablet, Desktop
Orientation: Landscape

——————————————————————————————————————————————————————————————————————————————————————————————
*/

@media screen and (min-width: 64.000em) and (max-width:72.249em) {
	
	.theme h1 { font-size: 10vw; }
	.theme h2 { font-size: 8vw; }
	.theme h3 { font-size: 2.5vw; }



	/*———————————————————————————————
	CLASS OVERWRITES 1024px-1156px
	————————————————————————————————*/   

	.theme .block_teaser [class*='grid_columns_'] { display: block; flex: none; height: auto; margin: 0 auto 0 auto; padding-right: 0 !important; padding-bottom: 3em; position: relative; width: 100%; max-width: 600px; }	
		.theme .block_teaser [class*='grid_columns_'].even {  padding-left: 0; padding-right: 0; }
		.theme .block_teaser [class*='grid_columns_'] .copy { display: block; height: auto; margin: auto; overflow: hidden; padding: 2em; position: relative; text-align: center; width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy hgroup { bottom: auto; margin: auto; position: inherit; top: auto; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .dek { display: block; font-size: 0.9rem; font-weight: 300; line-height: 1.8em; margin: auto; text-align: center; max-width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .headline { font-size: 1.5rem; margin-bottom: 0.5em; }			
		.theme .block_teaser [class*='grid_columns_'] .image { height: 350px; left: auto; overflow: visible; position: relative; width: 100%; }
			.theme .block_teaser [class*='grid_columns_'] .image img { object-fit: cover; filter: brightness(0.85); height: 100%; width: 100%; transition: 0.35s all ease; }									
				.theme .block_teaser [class*='grid_columns_']:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }		
		.theme .block_teaser [class*='grid_columns_'] .rubric { display: block; font-size: 0.5em; font-weight: 600; letter-spacing: 0.05em; margin: 4em auto 2em auto; padding: 0.8em !important; text-align: center; text-transform: uppercase; width: auto; max-width: 80px; }

		
  	/* 1 column */
	.theme .block_teaser .grid_columns_1 { border-bottom: solid 0 #ddd; height: 500px; margin: 0 0 2em 0; position: relative; max-width: 100%; }
		.theme .block_teaser .grid_columns_1 .copy { bottom: 0; height: 100%; left: auto; margin: 0; overflow: hidden; padding: 5%; position: absolute; right: 0; text-align: left; top: 0; width: 50%; }
			.theme .block_teaser .grid_columns_1 .copy hgroup { bottom: 0; height: 50%; margin: auto; position: absolute; top: 0; width: 80%; }		
			.theme .block_teaser .grid_columns_1 .copy .dek { font-size: 0.9rem; font-weight: 300; line-height: 1.8em; text-align: left; }
			.theme .block_teaser .grid_columns_1 .copy .headline { font-size: 2rem; }
		.theme .block_teaser .grid_columns_1 .image { bottom: 0; height: 100%; left: 0; margin: auto; overflow: hidden; position: absolute; top: 0; width: 50%; }
		.theme .block_teaser .grid_columns_1 .rubric { display: block; font-size: 0.7em; font-weight: 600; height: auto; letter-spacing: 0.2em; line-height: auto; margin: 1em 0 2em 0; padding: 0.7em !important; text-align: center; text-transform: uppercase; }
		.theme .block_teaser .grid_columns_1.even .copy { left: 0; right: auto; }
		.theme .block_teaser .grid_columns_1.even .image { left: auto; right: 0; }
		.theme .block_teaser .grid_columns_1.nothumb { height: 350px !important; }
  
		.theme [id*='page_'] .block_teaser .hero { height: 720px; }
			.theme [id*='page_'] .block_teaser .hero .copy { width: 80%; }
				.theme [id*='page_'] .block_teaser .hero .copy h3 { font-size: 9vw; }
				.theme [id*='page_'] .block_teaser .hero .copy p { font-size: 1.2em; font-weight: 400; max-width: 90%; }
		

	/*———————————————————————————————
	SELECTOR OVERWRITES 1024px-1156px
	————————————————————————————————*/   
	
		.theme #common_nav {}
			.theme #common_nav .nav_main { display: block; }
			.theme #common_nav	.nav_mobile { display: none; }
			
		.theme #newsletter { height: auto; max-height: 100%; padding-bottom: 4em; }
			.theme #newsletter figure { max-height: 600px; }
			.theme #newsletter h2 { font-size: 4em; }
			.theme #newsletter h4 { font-size: 1.3em; margin-botom: 0.5em; }
			.theme #newsletter input { font-size: 1.1em; text-align: center; }
			.theme #newsletter .container { height: 300px; margin: auto; text-align: center; max-width: 50%; }
	
		.theme #recommended .block_teaser [class*='grid_columns_'] { display: block; flex: none; }	
	
	
}

/*
——————————————————————————————————————————————————————————————————————————————————————————————

BREAKPOINT DETAILS

Min-Width: 720px
Max-Width: 1024px
Target Device: Tablet
Orientation: Portait

——————————————————————————————————————————————————————————————————————————————————————————————
*/

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

	/*———————————————————————————————
	CLASS OVERWRITES 720px-1024px
	————————————————————————————————*/   
	
	.theme .block_teaser [class*='grid_columns_'] { display: block; flex: none; height: auto; margin: 0 auto 0 auto; padding-right: 0 !important; padding-bottom: 3em; position: relative; width: 100%; max-width: 600px; }	
		.theme .block_teaser [class*='grid_columns_'].even {  padding-left: 0; padding-right: 0; }
		.theme .block_teaser [class*='grid_columns_'] .copy { display: block; height: auto; margin: auto; overflow: hidden; padding: 2em; position: relative; text-align: center; width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy hgroup { bottom: auto; margin: auto; position: inherit; top: auto; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .dek { display: block; font-size: 0.9rem; font-weight: 300; line-height: 1.8em; margin: auto; text-align: center; max-width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .headline { font-size: 1.5rem; margin-bottom: 0.5em; }			
		.theme .block_teaser [class*='grid_columns_'] .image { height: 350px; left: auto; overflow: visible; position: relative; width: 100%; }
			.theme .block_teaser [class*='grid_columns_'] .image img { object-fit: cover; filter: brightness(0.85); height: 100%; width: 100%; transition: 0.35s all ease; }									
				.theme .block_teaser [class*='grid_columns_']:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }		
		.theme .block_teaser [class*='grid_columns_'] .rubric { display: block; font-size: 0.5em; font-weight: 600; letter-spacing: 0.05em; margin: 4em auto 2em auto; padding: 0.8em !important; text-align: center; text-transform: uppercase; width: auto; max-width: 80px; }

	
	.theme [id*='page_'] .block_teaser .hero { height: 720px; }
		.theme .block_teaser .hero .copy { width: 80%; }
			.theme .block_teaser .hero .copy .headline { font-size: 6rem; }
			.theme .block_teaser .hero .copy .dek { font-size: 1em; max-width: 90%; }

	.theme .block_header {}	
		.theme .block_header hgroup { max-width: 90%; }
			.theme .block_header hgroup .headline { font-size: 3rem; }
			.theme .block_header hgroup .dek { font-size: 1rem; line-height: 1.8rem; max-width: 85%; }
			.theme .block_header hgroup .share {}
	
	.theme [id*='page_'] .block_text h2 { font-size: 8vw; }
	
	.theme [class*='column_'] { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }

	.theme .icon { height: auto; max-width: 40px; }
		.theme .icon_xsmall { max-width: 30px; }
		.theme .icon_small { max-width: 40px; }
		.theme .icon_medium { max-width: 45px; }
		.theme .icon_large { max-width: 55px; }
		.theme .icon_xlarge { max-width: 70px; }
		
	.theme .wrap { margin: auto; padding: 0; width: 100%; }	

	

	/*———————————————————————————————
	SELECTOR OVERWRITES 720px-1024px
	————————————————————————————————*/   

	.theme #common_nav {}
		.theme #common_nav .nav_main { display: none; }
			.theme #common_nav .nav_main [class*='nav_button_'] img { height: 35px; width: 30px; }
		.theme #common_nav	.nav_mobile { display: block; }

	.theme #newsletter { height: auto; max-height: 100%; padding-bottom: 4em; }
		.theme #newsletter figure { max-height: 600px; }
		.theme #newsletter h2 { font-size: 4em; }
		.theme #newsletter h4 { font-size: 1.3em; margin-bottom: 0.5em; }
		.theme #newsletter input { font-size: 1.1em; text-align: center; }
		.theme #newsletter .container { height: 300px; margin: auto; text-align: center; max-width: 70%; }

	.theme #recommended {}
		.theme #recommended .block_teaser [class*='grid_columns_'] { display: block; flex: none; height: auto; margin: 0 auto 0 auto; padding-right: 0 !important; padding-bottom: 3em; position: relative; width: 100%; max-width: 600px; }	
		.theme #recommended .block_text h3 { font-size: 2.5rem; }

	.theme #search { left: 0; padding: 2em; position: absolute; top: 0; z-index: 999; }
		.theme #search input { background: none; border: none; border-bottom: solid 0 #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%; }
		.theme #search .overlay { background: rgba(255,255,255,0.97); }
		.theme #search .ui_search_close { padding: 1em; position: absolute; right: 0; top: 0; }
		.theme #search .ui_modal_close { margin: 1em; padding: 0 0 0 0; }
			.theme #search .ui_modal_close img { width: 25px; }
			
	.theme .wrap { padding: 0 1em 0 1em; width: 100%; }
	

}

/*
——————————————————————————————————————————————————————————————————————————————————————————————

BREAKPOINT DETAILS

Min-Width: 300px
Max-Width: 720px
Target Device: Smartphone
Orientation: Portait & Landscape

——————————————————————————————————————————————————————————————————————————————————————————————
*/

@media screen and (min-width: 18.750em) and (max-width: 44.999em) {
	
	.theme footer { text-align: center; text-transform: inherit; }
		.theme footer .links a { display: block; font-weight: 600; letter-spacing: 0.1em; width: 100%;  }
		.theme footer .copyright { margin-top: 2em; }
		.theme footer .denim { line-height: auto; margin: 2em 0 1em 0; text-transform: lowercase; }
			.theme footer .denim a { font-weight: 400; }
	
	.theme h1 { font-size: 3.5rem; }
	.theme h2 { font-size: 2.5rem; }
	.theme h3 { font-size: 1.2rem; }


	/*———————————————————————————————
	CLASS OVERWRITES 300px-720px
	————————————————————————————————*/   

	.theme article section { padding: 2em 0 2em 0 !important; }
	
	.theme [class*='column_'] { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }

	.theme .block_header { display: block; min-height: auto; height: auto; margin: auto; padding-bottom: 0 !important; padding: 4em 0 0 0; position: relative; text-align: center; text-transform: capitalize; width: 100%; z-index: 888; }
		.theme .block_header hgroup { max-width: 90%; }
		.theme .block_header .dek { font-size: 0.9rem; line-height: 1.8em; width: 100%; max-width: 90%; }
		.theme .block_header .headline { font-size: 2.5rem; font-weight: 600; line-height: 1.1em; }
		.theme .block_header img { height: 100%; object-fit: cover; object-position: center top; width: auto; max-width: 1600px; }
				
	.theme .block_teaser [class*='grid_columns_'] { display: block; flex: none; height: auto; margin: 0 auto 0 auto; padding-right: 0 !important; padding-bottom: 3em; position: relative; width: 100%; max-width: 600px; }	
		.theme .block_teaser [class*='grid_columns_'].even {  padding-left: 0; padding-right: 0; }
		.theme .block_teaser [class*='grid_columns_'] .copy { display: block; height: auto; margin: auto; overflow: hidden; padding: 2em; position: relative; text-align: center; width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy hgroup { bottom: auto; margin: auto; position: inherit; top: auto; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .dek { display: block; font-size: 0.9rem; font-weight: 300; line-height: 1.8em; margin: auto; text-align: center; max-width: 100%; }
		  .theme .block_teaser [class*='grid_columns_'] .copy .headline { font-size: 1.5rem; margin-bottom: 0.5em; }			
		.theme .block_teaser [class*='grid_columns_'] .image { height: 350px; left: auto; overflow: visible; position: relative; width: 100%; }
			.theme .block_teaser [class*='grid_columns_'] .image img { object-fit: cover; filter: brightness(0.85); height: 100%; width: 100%; transition: 0.35s all ease; }									
				.theme .block_teaser [class*='grid_columns_']:hover .image img { filter: brightness(0.90); transform: scale(1.02); transition: 0.35s all ease; }		
		.theme .block_teaser [class*='grid_columns_'] .rubric { display: block; font-size: 0.5em; font-weight: 600; letter-spacing: 0.05em; margin: 4em auto 2em auto; padding: 0.8em !important; text-align: center; text-transform: uppercase; width: auto; max-width: 80px; }

		.theme .block_teaser [class*='grid_columns_']:nth-child(even) .copy { left: auto; right: auto; }
		.theme .block_teaser [class*='grid_columns_']:nth-child(even) .image { left: auto; right: auto; }	
			

	.theme .block_teaser .hero { height: 720px; margin: auto; overflow-x: hidden; padding: 0; position: relative; max-width: 1600px; width: 100%; }		
		.theme .block_teaser .hero .copy { background: none; bottom: 10%; height: 75%; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: auto; width: 90%; }
			.theme .block_teaser .hero .copy hgroup { bottom: 0; height: 40%; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
			.theme .block_teaser .hero .copy .headline { font-size: 4.5rem; }
			.theme .block_teaser .hero .copy .dek { font-size: 1em; margin-top: 1em; max-width: 95%; }
		.theme .block_teaser .hero .image { height: 100%; overflow: hidden; }
			.theme .block_teaser .hero .image img { height: 100%; filter: brightness(0.75); object-fit: cover; object-position: center top; transform: scale(1.0); transition: 0.35s all ease; width: 100%; }		
		.theme .block_teaser .rubric { display: none; }
	
	.theme .block_text { width: 100%; }
		.theme .block_text blockquote { width: 95%; }
		.theme .block_text ol { font-size: 0.96em; line-height: 1.5em; width: 85%; }
		.theme .block_text p { font-size: 0.96em; margin: 0 auto 1.5em auto; line-height: 2em; width: 85%; }
		.theme .block_text ul { font-size: 0.96em; line-height: 1.5em; width: 85%; }

		.theme [id*='page_'] .block_text { padding: 0.5em 0 0.5em 0; }
		.theme [id*='page_'] .block_text h1 { font-size: 6em; }
		.theme [id*='page_'] .block_text h2 { font-family: "Playfair Display" !important; font-size: 3em; font-style: italic; font-weight: 700; padding: 0.5em 0 0.5em 0; text-transform: lowercase; }
			.theme [id*='page_'] .block_text h2:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto; padding-top: 15px; width: 10%; }
			
	.theme .dropcap {}
		.theme .dropcap:first-letter { font-size: 4em; }
		
	.theme .wrap { overflow: hidden; padding: 0 1em 0 1em; width: 100%; }
	
	
	
	
	/*———————————————————————————————
	SELECTOR OVERWRITES 300px-720px
	————————————————————————————————*/   
	
	.theme #common_nav {}
		.theme #common_nav .nav_main { display: none; }
			.theme #common_nav .nav_menu_link { font-size: 8vw; padding: 0.2em 0 0.2em 0; }
		.theme #common_nav .nav_mobile { display: block; }

	.theme #content_favorites img { max-width: 5em; }
	.theme #content_favorites .icon_small { padding-right: 0.5em; width: 100%; max-width: 50px; }

	.theme #newsletter { min-height: 640px !important; height: auto; max-height: auto; margin: 0; overflow: visible; padding-bottom: 2em; position: relative; }
		.theme #newsletter figure { height: auto; object-fit: "cover"; overflow: hidden; width: 100%; }
			.theme #newsletter figure img { height: auto; width: 100%; }
		.theme #newsletter input[type=email] { display: inline; float: left; height: auto; text-align: center; width: 100% !important; }
		.theme #newsletter input[type=submit] { display: inline; float: left; height: auto; width: 100%; }
		.theme #newsletter h3 { font-size: 2em; }
		.theme #newsletter h4 { font-size: 0.9em; }
		.theme #newsletter p { font-size: 1em; line-height: auto; }
		.theme #newsletter .container { background: none; height: auto; margin: auto 0 auto 0; padding: 2em; text-align: center; max-width: 100%; }
	
	.theme #recommended {}
		.theme #recommended .block_text h3 { font-size: 3rem; }
  
	.theme #page_search {}
		.theme #page_search header { padding: 2em 1em 2em 1em; }
		.theme #page_search h2 { font-size: 2em; font-weight: 600; text-align: center; }
	
}