@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400i,500i');

.theme a { text-decoration: underline; }
.theme article {}
	.theme article h2:after { border-bottom: none; }
	.theme article h2:after { border-bottom: none; }
.theme footer {}
	.theme footer a { font-weight: 400; text-decoration: none; }
.theme h1 { font-family: "EB Garamond", serif; font-size: 5em; font-style: italic; font-weight: 400; text-transform: capitalize; } 
.theme h2 { font-family: "EB Garamond", serif; font-size: 3.5em; font-style: italic; font-weight: 400; text-transform: inherit; } 
.theme h3 { font-family: "EB Garamond", serif; font-size: 2.5em; font-style: italic; font-weight: 400; letter-spacing: 0.05em; }
	.theme h3:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto 1em; padding-top: 20px; width: 10%; }
.theme h4 { font-family: "EB Garamond", serif; font-size: 1.8em; font-style: italic; font-weight: 400; letter-spacing: 0.02em; line-height: 1.2em; }
.theme h5 { font-size: 0.8em; font-weight: 300; letter-spacing: 0.09em; }
.theme label { font-family: "Poppins"; font-weight: 400; }
.theme p { font-family: "Poppins", sans-serif; font-size: 1.07em; font-weight: 300; letter-spacing: 0.05em; line-height: 1.6em; margin-bottom: 1em; width: 100%; }
.theme span { font-family: "Poppins", sans-serif; font-size: 0.85em; font-weight: 300; letter-spacing: 0.09em; }
	.theme span a { font-weight: 400; }
.theme li { font-size: 0.85em; }
.theme nav a { text-decoration: none; }
.theme .alert { background-color: #de2425; color: #fff; margin: auto; padding: 0.5em; }
	.theme .alert a { color: #fff; }
	.theme .alert p { color: #fff; font-size: 0.85em; font-weight: 500; line-height: 1.5em; margin-bottom: 0; text-align: center; }

.theme .block_button { padding: 1em 0 0.5em 0; }
  .theme .button_secondary { background-color: none !important; border: solid 3px #000; box-shadow: none; color: #000; margin: auto; padding: 1em 3em 1em 3em; }
.theme .block_code { min-height: 100px; }
.theme .block_text { padding-top: 0.5em; padding-bottom: 0.5em; }
	.theme .block_text p {}

.theme .button { background-color: #de2425; box-shadow: 5px 6px 0px rgba(0,0,0,0.25); color: #000; margin: auto; padding: 1em 3em 1em 3em; text-decoration: none; }

.theme	.color_primary { background-color: #de2425; color: #000; }
.theme	.color_secondary { background-color: rgba(0,0,0,0.75); color: #000; }
.theme	.color_tertiary { background-color: rgba(0,0,0,0.50); color: #000; }

.theme .copyright { color: #aaa; font-size: 0.65em !important; padding-top: 4em; text-transform: uppercase; }
  .theme .copyright a { color: #aaa; }

.theme .card { padding: 2em; }

.theme .carousel { position: relative; }
  .theme .carousel button { background: rgba(0,0,0,0.5); background-position: center center; background-repeat: no-repeat; background-size: 60% 60%; border: none; border-radius: 0.1em; bottom: 0; height: 50px; margin: auto; opacity: 0.65; overflow: hidden; position: absolute; text-indent: 9999px; top: 0; width: 40px; z-index: 99; }
  .theme .carousel button:hover { opacity: 0.98; }
  .theme .carousel figure { height: 500px; padding: 0.2em; }
	.theme .carousel figure figcaption { padding: 1em; }
  .theme .carousel img { height: 100%; margin: auto; object-fit: contain; object-position: 99% 50%; width: auto; }
  .theme .carousel .slick-next { background-image: url('/img/icon_chevron-right_white.svg'); right: 20px; }
  .theme .carousel .slick-prev { background-image: url('/img/icon_chevron-left_white.svg'); left: 20px; }
  .theme .carousel .slick-slide { height: inherit !important; }
  .theme .carousel .slick-track { display: flex !important; }

.theme .cta { background: #f9f9f9; padding: 5em 0 5em 0; }

.theme .dropcap:first-letter { font-size: 4em; font-weight: 600; padding: 0.2em 0.2em 0.1em 0; }

.theme .headline { text-align: center; text-transform: capitalize; }
	.theme .headline:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto 1em; padding-top: 20px; width: 8%; }

.theme .height_full { height: 100vh; }

.theme .hero { background: #000; height: 80vh; overflow: hidden; padding: 0 0 0 0; position: relative; }
.theme .hero .block_image { filter: brightness(0.4); z-index: 1; }
.theme .hero .block_image img { height: 100vh; display: none; }
.theme .hero .block_code { height: 80vh; overflow: hidden; padding: 0; position: relative; width: 100%; }
	.theme .hero .block_code .logo { bottom: 0; height: 65%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80%; max-width: 550px; z-index: 99; }
	.theme .hero .block_code video { filter: brightness(0.55); height: 105%; left: 0; margin: auto; object-fit: cover; object-position: center bottom; padding: 0; position: absolute; top: 0; width: 100%; z-index: 2; }

.theme .feature-list { background: #f7f3ec; color: #000; padding: 5em 0 4em 0; }

.theme .spread { height: 600px; overflow: hidden; padding: 0 0 0 0; position: relative; }
	.theme .spread [id*='column_'] { height: 100%; width: 100%; }
	.theme .spread .copy { font-size: 0.95em; margin: auto; padding: 1em 5% 1em 5%; width: 100%; }
		.theme .spread .copy .logo { margin-bottom: 0; padding: 0 0 0 0; max-width: 350px; }
	.theme .spread .image { min-height: 100vh; overflow: hidden; position: relative; }
		.theme .spread .image img { height: 600px; object-fit: cover; object-position: 50% 50%; width: 100hw; }

.theme .sticky { background-color: rgba(255,255,255,0.98); padding: 1em 0 1em 0; width: 100%; }

.theme .wrap { max-width: 980px; }

.theme #common_footer { padding: 5em 0 2em 0; }
	.theme #common_footer .logo { margin: 1em auto 2em auto; max-width: 200px; }

.theme #common_nav { color: #fff; padding: 1em 0 1em 0; text-align: center; }
	.theme #common_nav .logo { /* background-image: url('/domain/img/logo2.svg'); background-size: 100px; background-repeat: no-repeat; */ width: 200px; }
		.theme #common_nav .logo img { max-width: 180px; }
		
	.theme #common_nav .nav_primary {}
		.theme #common_nav .nav_primary .social { font-size: 0.9em; margin: 0.6em 0 0 0; text-align: right; }	
		.theme #common_nav .nav_primary_link { font-size: 0.8em; font-weight: 500; letter-spacing: 0.15em; margin: auto; padding: 1em 1.3em 0 1.3em; text-align: middle; text-transform: uppercase; vertical-align: middle; }

	.theme #common_nav .nav_secondary {}
		.theme #common_nav .nav_secondary .nav_secondary_button { font-size: 0.9em; }	
		.theme #common_nav .nav_secondary .ui_icon_menu { background-size: 30px 70px; width:70px; } 

	.theme #common_nav .nav_tertiary { background: rgba(255,255,255,0.95); height: 100%; margin: 0; padding: 2%; position: fixed; right: 0; top: 0; width: 40%; z-index: 999; }
		.theme #common_nav .nav_tertiary .nav_menu_slideout { font-weight: 500; letter-spacing: 0.3em; text-align: center; text-transform: uppercase; }
		.theme #common_nav .nav_tertiary .nav_tertiary_link { display: block; font-size: 1.3em; letter-spacing: 0.04em; margin: 0.5em 0 0.5em 0; }

	.theme #common_nav .nav_tertiary #reservations h5 { color: #cd1212; font-weight: 600; margin-bottom: 0; text-transform: uppercase; }
	  .theme #common_nav .nav_tertiary #reservations .phone { color: #000; font-weight: 600; }
		.theme #common_nav .nav_tertiary #reservations .button { color: #fff; font-size: 0.8em; letter-spacing: 0.2em; padding: 1em 1.5em 1em 1.5em; }

	.theme #common_nav .nav_tertiary #social { bottom: 0; left: 0%; margin: 0; padding: 1em; position: absolute; text-align: center; width: 100%; }
	.theme #common_nav .nav_tertiary .icon_opentable { display: block; margin: auto; padding: 0.3em; max-width: 110px; }
	.theme #common_nav .nav_tertiary .ui_icon_close { z-index: 9999; }


.theme #event_form .block_image { margin: auto; text-align: center; max-width: 450px; }

.theme [id*='page_'] h2:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto 1em; padding-top: 20px; width: 8%; }

.theme [id*='page_hero_'] { background: none; color: #fff; height: 600px; overflow: hidden; }
	.theme [id*='page_hero_'] h2 { color: #fff; }
	.theme [id*='page_hero_'] .block_button { margin-top: 2em; }
	.theme [id*='page_hero_'] .block_code { min-height: 600px; position: relative; }
	.theme [id*='page_hero_'] .block_image { position: absolute; width: 100%; z-index: 98; }
		.theme [id*='page_hero_'] .block_image img { filter: brightness(45%); object-fit: cover; }
 	.theme [id*='hero_'] .block_text { height: 50%; position: absolute; z-index: 99; }
		.theme [id*='hero_'] .block_text .logo { padding: 0 2em 0 2em; }

.theme #page_hero_about { height: 600px; overflow: hidden; }
	.theme #page_hero_about h2 { color: #000; }
		.theme #page_hero_about h2:after { border-color: #000; }	
	.theme #page_hero_about .block_code { position: absolute; width: 100%; z-index: 99; }	
	.theme #page_hero_about .block_image { position: absolute; width: 100%; z-index: 98; }
		.theme #page_hero_about .block_image img { min-height: 600px; filter: brightness(100%); object-fit: cover; width: 100%; }
	.theme #page_hero_about .block_text { height: 35%; }

.theme #page_hero_home { background-image: url('/domain/files/uploads/cache6aab62b1cfcc267a3bfb97a2e80d6bd2_w1200.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 700px; }
	.theme #page_hero_home .block_code { bottom: 0; min-height: 30%; left: 0; position: absolute; right: 0; top: 0; z-index: 99; }	
	.theme #page_hero_home .logo { height: 275px; margin: auto; padding: 0 2em 0 2em; max-width: 640px; }

.theme #page_hero_home2 { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); height: 700px; }
.theme #page_hero_home2 .logo img { height: 275px; margin: auto; padding: 0 2em 0 2em; max-width: 640px; }

.theme #page_hero_info { background: #de2425; color: #fff; height: 500px; padding: 4em 0 4em 0; }
	.theme #page_hero_info h2 { color: #fff; }
		.theme #page_hero_info h2:after { border-color: #fff; }
	.theme #page_hero_info .button { background: rgba(0,0,0,0.35); margin-top: 2em; }
	.theme #page_hero_info .block_text { bottom: 0; height: 50%; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; }

.theme #page_hero_locations {}
	.theme #page_hero_locations .block_image img { min-height: 600px; filter: brightness(100%); object-fit: cover; width: 100%; }

/*
.theme #page_row_location_info { background: #de2425; color: #fff; height: auto; padding: 8em 0 8em 0; }
.theme #page_row_location_info h4 { color: #fff; }
.theme #page_row_location_info p { color: #fff; }
*/

.theme #page_row_mailinglist { background: #de2425; color: #fff; height: auto; padding: 5em 0 5em 0; }
	.theme #page_row_mailinglist h2 { color: #fff; }
		.theme #page_row_mailinglist h2:after { border-color: #fff; }
	.theme #page_row_mailinglist .block_button { margin-top: 2em; }
		.theme #page_row_mailinglist .block_button .button { background: rgba(0,0,0,0.35); }
	.theme #page_row_mailinglist .block_text { height: auto; padding: 0; position: relative; }

.theme #page_row_menu { padding: 0 0 0 0; }
.theme #page_row_menu .block_text a { background-color: #de2425; box-shadow: 5px 6px 0px rgba(0,0,0,0.25); color: #fff; font-weight: 500; margin: auto; padding: 1em 3em 1em 3em; text-decoration: none; }
.theme #page_row_menu .block_text a:hover { background-color: #cd1212; }

.theme [id*='page_row_'] { padding: 5em 0 3em 0; }
	.theme [id*='page_row_'] .block_code { min-height: auto; }
	.theme [id*='page_row_'] .block_text h4 { max-width: 800px; }
	.theme [id*='page_row_'] .block_text p {}
	.theme [id*='page_row_'] .pad { padding: 5em 0 4em 0; }

.theme #page_row_contact { padding: 5em 0 5em 0; }
	.theme #page_row_contact .form_contact { padding: 1em; }
		.theme #page_row_contact label { text-align: left; }	
		.theme #page_row_contact select { border: solid 1px #ccc; padding: 1em; width: 100%; }		
		.theme #page_row_contact textarea { border: solid 1px #ccc; }
		.theme #page_row_contact .form_input { padding: 0.5em; }

.theme #page_row_introduction { background-color: #f3f3f3; }
	.theme #page_row_introduction h2 { color: #000; }
		.theme #page_row_introduction h2:after { border-color: #000; }	
	.theme #page_row_introduction p { font-size: 1.2em; }	
	.theme #page_row_introduction .block_code { position: absolute; width: 100%; z-index: 99; }	
	.theme #page_row_introduction .block_image { position: absolute; width: 100%; z-index: 98; }
		.theme #page_row_introduction .block_image img { min-height: 600px; filter: brightness(100%); object-fit: cover; width: 100%; }
	.theme #page_row_introduction .block_text { height: 35%; }
	
.theme #page_row_menus { border-top: solid 1px #ddd; padding: 8em 0 5em 0; }
	.theme #page_row_menus .block_code { min-height: 200px; }
	.theme #page_row_menus [class*='grid_columns_'] {}
.theme #page_row_menus ul { margin-bottom: 4em; }
.theme #page_row_menus ul li { list-style-type: none; }

.theme #page_row_teaser { height: 700px; overflow: hidden; padding: 0; position: relative; }
	.theme #page_row_teaser .block_image img { height: 700px; object-fit: cover; width: 100%; }
	.theme #page_row_teaser .block_text { margin: 15% auto 1em auto; padding: 0; text-align: center; max-width: 600px; }
		.theme #page_row_teaser .block_text h3 { font-weight: 400; }
			.theme #page_row_teaser .block_text h3:after { border-bottom: 3px solid #000; content: ""; display: block; margin: 0 auto 1em; padding-top: 20px; width: 10%; }
		.theme #page_row_teaser .block_text h4 { margin-bottom: 0.5em; }
	.theme #page_row_teaser .block_text p { font-family: "Poppins", sans-serif; font-size: 1.05em; font-weight: 300; letter-spacing: 0.05em; line-height: 2.3em; margin-bottom: 0; width: 100%; max-width: auto; }


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

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: 18.750em) and (max-width: 64.000em) {

	/*
	——————————————————————————————————————————————————
	
	BREAKPOINT DETAILS
	
	Min-Width: 300px
	Max-Width: 1024px
	Target Device: Smartphone
	Orientation: Portait & Landscape
	
	—————————————————————————————————————————————————— */
	.theme article { padding: 2em; }
	.theme h1 { font-size: 10vw; }
	.theme h2 { font-size: 8vw; }
	.theme h3 { font-size: 7vw; }


	/*
	——————————————————————————————————————————————————
	
	CLASSES 300px-1024px
	
	—————————————————————————————————————————————————— */   

	.theme #page_row_teaser { height: auto; }
		.theme #page_row_teaser .block_button { padding-bottom: 5em; }
  
  .theme #common_nav .nav_tertiary { width: 100%; }

  .theme .carousel { height: 350px; }
	  .theme .carousel button { display: none; /* background-size: 60% 60%; border-radius: 0.2em; height: 35px; width: 20px; z-index: 99; */ }
	  .theme .carousel figure { height: 400px; }
		.theme .carousel figure figcaption { color: #000; font-size: 0.97em; font-weight: 600; letter-spacing: 0.1em; opacity: 1.0; padding: 1em 1em 1em 0; text-transform: uppercase; } \
	  .theme .carousel img { height: 350px /* same as carousel height */; object-fit: cover; object-position: 99% 50%; }  
	  .theme .carousel .slick-next { background-image: url('/img/icon_chevron-right_white.svg'); display: none; right: 20px; }
	  .theme .carousel .slick-prev { background-image: url('/img/icon_chevron-left_white.svg'); display: none; left: 20px; }
/*  
	.theme .spread { height: 1250px; overflow: visible; padding: 0 0 2em 0; position: relative; }
	  .theme .spread [id*='column_'] { display: block; height: 100%; width: 100%; }
	  .theme .spread .copy { font-size: 0.95em; padding: 5% 2em 5% 2em; position: absolute; top: 50%; }
	  .theme .spread .copy p { margin: auto; width: 80%; }	
		  .theme .spread .copy .logo { margin-bottom: 0; margin-top: 2em; max-width: 75%; }
	  .theme .spread .image { min-height: auto; height: 50%; overflow: hidden; position: absolute; top: 0; }
		  .theme .spread .image img { height: 600px; object-fit: cover; object-position: 50% 50%; width: 100hw; }
*/
  
	.theme .spread { height: auto; overflow: visible; padding: 0 0 2em 0; position: relative; }
	  .theme .spread [id*='column_'] { display: block; height: 100%; width: 100%; }
	  .theme .spread .copy { font-size: 0.95em; height: auto; order: 2; padding: 2em; position: relative; }
		.theme .spread .copy p { margin: auto; width: 80%; }	
		.theme .spread .copy .logo { margin-bottom: 0; margin-top: 2em; max-width: 75%; }
	  .theme .spread .image { min-height: auto; height: 400px; order: 1; overflow: hidden; position: relative; top: 0; }
		.theme .spread .image img { height: 400px; object-fit: cover; object-position: 50% 50%; width: 100hw; }
  
}
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																							";