@import url("https://use.typekit.net/wgs6cgp.css");


.theme {}

/*
—————————————————————————
MAIN ELEMENTS
————————————————————————— */

body { background: #fff; }
footer {}
header {}
main {}
nav {}
section {}

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

TYPE

Only attributes relating to font and text styling should be located here. 
Avoid including attributes relating to placement and positioning. You want to 
keep each section distinct to avoid duplications, overriding, and errors. Plus its just easier to manage.


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

.theme { background: none; margin: auto; width: 100%; max-width: 1600px; }
  .theme a { text-decoration: none; vertical-align: baseline; }
	.theme a:hover { text-decoration: underline; }
	  .theme a:hover h4 { text-decoration: none; }
	  .theme a:hover h5 { text-decoration: none !important; }
  .theme article {}
  .theme blockquote { font-family: "ivyora-display", serif; font-size: 4rem; font-weight: 300; letter-spacing: -0.01em; line-height: 0.9em; text-align: center; text-transform: inherit; }
  .theme dl {}
	.theme dl dd { font-family: "sofia-pro", sans-serif; font-size: 1.05rem; font-weight: 300; line-height: 2em; }
	.theme dl dt { font-family: "sofia-pro", serif; font-size: 1.05rem; font-weight: 400; text-transform: uppercase; }
  .theme h1 { font-family: "mixta-didone", serif; font-size: 8em; font-style: normal; font-weight: 200; letter-spacing: -0.01em; line-height: 0.85em; text-transform: inherit; }
	.theme h1 span { font-weight: 200; }
  .theme h2 { font-family: "mixta-didone", serif; font-size: 3.5rem; font-style: normal; font-weight: 200; line-height: 1.1em; letter-spacing: -0.01em; text-align: center; text-transform: inherit; }
	.theme h2 span { font-weight: 200; }
  .theme h3 { font-family: "mixta-didone", serif; font-size: 2.5rem; font-style: normal; font-weight: 200; letter-spacing: -0.01emem; line-height: 1.1em; text-transform: inherit; }
  .theme h4 { font-family: "sofia-pro", serif; font-size: 1.6rem; font-weight: 200; letter-spacing: 0.04em; line-height: 1.3em; text-transform: inherit; }
  .theme h5 { font-family: "sofia-pro", sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.5em; margin-bottom: 1.5em; }
  .theme h6 { font-family: "sofia-pro", sans-serif; font-size: 0.8rem; font-weight: 400; }
  .theme h7 { font-family: "sofia-pro", sans-serif; font-size: 0.65rem; font-weight: 400; letter-spacing: 0.1em; }
  .theme hgroup { margin: auto; max-width: 980px; }

  .theme input { font-size: 1.05em; font-weight: 300; }
	.theme input[type=submit] { font-family: "sofia-pro", serif; font-size: 1.05em; letter-spacing: 0.05em; text-transform: uppercase; }
  .theme label { font-family: "sofia-pro", sans-serif; font-size: 0.7em; font-weight: 500; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; }
  .theme main { perspective: 8px; perspective-origin: 0%; z-index: 1; }
  .theme p { font-family: "sofia-pro", sans-serif; font-size: 1.03rem; font-weight: 300; line-height: 1.8em; vertical-align: baseline; }
  .theme span { line-height: 0.8em; }
  .theme select { font-family: "sofia-pro", sans-serif; font-size: 1.05em; font-weight: 300; }
  .theme textarea { font-family: "sofia-pro", sans-serif; font-size: 1.05em; font-weight: 300; }
.theme ul { }
  .theme ul li { /* border-top: solid 1px #000; */ list-style: none; }
	.theme ul li:last-of-type { /* border-bottom: solid 1px #000; */ }
	.theme ul li span { font-size: 0.9rem; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; }

/*
—————————————————————————
CONTROLS
————————————————————————— */

.theme input { background: none; border: solid 1px #000; border-radius: 0; outline: none; margin-bottom: 0.8em; padding: 0.8em; transition: 0.20s all ease; }
  .theme input:focus { background: #fafafa; transition: 0.20s all ease; }
  .theme input:hover { transition: transition: 0.20s all ease; }
.theme input[type=submit] { background: #000; color: #fff; padding: 1em 1.5em 1em 1.5em; transition: 0.20s all ease; } 
  .theme input[type=submit]:hover { background-color: #333; transition: 0.20s all ease; }
.theme select { background: none; border: solid 1px #000; margin-bottom: 0.8em; outline: none; padding: 0.8em; transition: 0.20s all ease; }
  .theme select:focus { background: #fafafa; transition: 0.20s all ease; }
.theme table { border-bottom: solid 1px #d7d7d7; border-top: solid 1px #d7d7d7; }
.theme table tr { border-bottom: solid 1px #d7d7d7; border-top: solid 1px #d7d7d7; }
.theme table td { padding: 6% 0 6% 0; }
  .theme table td h4 { text-transform: uppercase; }
  .theme table td h5 { text-transform: uppercase; }
  .theme table td span { text-transform: capitalize; }
.theme textarea { background: none; border: solid 1px #000; margin-bottom: 0.8em; outline: none; padding: 0.8em; transition: 0.20s all ease; }
  .theme textarea:focus { background: #fafafa; transition: 0.20s all ease; }

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

.theme [class*='block_'] { margin: 0; padding: 0; }

.theme .block_button {}
  .theme .block_button .button { background: none; border: solid 1px #000; color: #000; padding: 1.3em 2em 1.3em 2em; font-family: "sofia-pro", serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }

.theme .block_code {}

.theme .block_header { min-height: 60vh; padding: 10%; text-align: center; }
  .theme .block_header hgroup { bottom: 0; display: flex; flex-direction: column; height: 30vh; left: 0; position: absolute; right: 0; top: 0; max-width: 980px; }
	.theme .block_header hgroup .byline { display: none; }
	.theme .block_header hgroup .dek { font-family: "sofia-pro", sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: 0.2em; line-height: 1.5em; margin-bottom: 1.5em; order: 1; text-transform: uppercase; }
	.theme .block_header hgroup .headline { order: 2; }

.theme .block_image { margin: auto; }

.theme .block_lead-image { height: 720px; margin: 8em 0 5em 0; /* transition: 0.35s all ease; transform: rotate(3deg); */ }
  .theme .block_lead-image figure { height: 720px; }
	.theme .block_lead-image figure img { filter: brightness(1.0); }

.theme .block_teaser {}
  .theme .block_teaser [class*='grid_columns_'] { flex-grow: 0; height: auto; justify-content: space-between; width: auto; }
  .theme .block_teaser [id*='teaser_'] { height: auto; margin-bottom: 0; overflow: visible; padding: 3%; position: relative; }

  .theme .block_teaser [id*='teaser_']:nth-child(3n) { flex-basis: 100%; }
	.theme .block_teaser [id*='teaser_']:nth-child(3n) .copy { margin: 0; width: 50%; }
	.theme .block_teaser [id*='teaser_']:nth-child(3n) .image { height: 500px; margin: 0; width: 50%; }

  .theme .block_teaser [id*='teaser_']:nth-child(3n-2) { height: auto; }
	.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .copy { margin: auto; width: 80%; }
	.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .image { height: 300px; margin: auto; width: 80%; }

  .theme .block_teaser [id*='teaser_'] .copy { background: none; height: auto; padding: 1em 0 1em 0; text-align: left; }
	  .theme .block_teaser [id*='teaser_'] a:hover { text-decoration: none; }
		.theme .block_teaser [id*='teaser_'] a:hover h4 { text-decoration: none; }
		.theme .block_teaser [id*='teaser_'] a:hover h5 { text-decoration: none; }
	  .theme .block_teaser [id*='teaser_'] .copy h4 { font-family: "mixta-didone"; font-size: 1.6em; font-weight: 400; letter-spacing: 0.02em; line-height: 1.1em; margin-bottom: 0; }
	  .theme .block_teaser [id*='teaser_'] .copy h5 { display: block; font-size: 0.9em; font-weight: 200; letter-spacing: 0.02em; line-height: 1.4em; }
	  .theme .block_teaser [id*='teaser_'] .copy .rubric { display: none; }

  .theme .block_teaser [id*='teaser_'] .image { height: 600px; }
	  .theme .block_teaser [id*='teaser_'] .image img { height: 100%; filter: brightness(1.0); }
		.theme .block_teaser [id*='teaser_']:hover .image img { height: 100%; filter: brightness(0.85); transition: 0.20s all ease; }

.theme .block_text {}
  .theme .block_text h2 { margin: auto; }
  .theme .block_text h3 { margin-bottom: 0.5em; }
  .theme .block_text p { padding: 0; }


/*
—————————————————————————
CUSTOM CLASSES
————————————————————————— */

.theme .bg_blur { background: rgba(255,255,255,0.10); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); transition: 0.25s all ease; }
.theme .bg_blur:hover { background: rgba(0,0,0,0.25); transition: 0.25s all ease; }

.theme .bg_gradient_noise { background: linear-gradient(180deg, rgba(243,243,243,1), rgba(0,0,0,0)), url('/domain/img/noise.svg'); background-repeat: repeat; filter: contrast(170%) brightness(100%); height: 250px; width: 250px; }

.theme .bg_gradient { background-image: url('/domain/img/gradient.png?ghvnedsd'); background-position: top left; background-repeat: repeat-x; background-size: contain; }
.theme .bg_solid { background-image: url('/domain/img/noise.png'); background-repeat: repeat; }
.theme .bg_color { background: rgba(248,248,248,1); }
  .theme .bg_color_1 { background: #fbf9f7; }
  .theme .bg_color_2 { background: #f4f0ed; }

.theme .border_bottom { border-bottom: solid 1px #000; }
.theme .border_top { border-top: solid 1px #000; }

.theme [class*='button_'] { background: none; border: solid 1px #000; color: #000; padding: 1.3em 2em 1.3em 2em; font-family: "sofia-pro", serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }
.theme [class*='button_'] { border: solid 1px #000; color: #000; padding: 1.3em 2em 1.3em 2em; font-family: "sofia-pro", serif; font-size: 14px; font-weight: 400; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; }

  .theme .button_cta { background: none; border: solid 1px #fff; color: #fff; }
	.theme a.button_cta:hover { background: #fff; border: solid 1px #fff; color: #000; transition: 0.15s all ease; text-decoration: none; }

  .theme .button_primary { background: none; transition: 0.10s all ease; }
	.theme .button_primary:hover { background: #000; border-color: solid 1px #000; color: #fff; text-decoration: none; transition: 0.10s all ease; }
	.theme a.button_primary:hover { background: #000; border-color: solid 1px #000; color: #fff; text-decoration: none; transition: 0.10s all ease; }

  .theme .button_secondary { background-image: url('/img/icon_plus-circle.svg'); background-position: left center; background-repeat: no-repeat; background-size: 20px; border: none; color: #000; font-weight: 500; padding: 0 2em 0 2em; text-align: left; }

  .theme .button_small { background: none; border-color: #fff; border-radius: 0px; font-size: 0.9em; letter-spacing: 0.1em !important; padding: 0.5em 0em; min-width: 10em;  }
	.theme a.button_small:hover { background: #000; border-color: #000; color: #fff; text-decoration: none; }
	  .theme .scrolled .button_small { background: none; border-color: #000; color: #000; }
		.theme .scrolled a.button_small:hover { background: #000; border-color: #000; color: #fff !important; }

.theme .card { background: #f5f5f7; border: none; border-radius: 2em; margin-bottom: 2em; padding: 10%; }

  .theme .carousel { height: 520px; }
	.theme .carousel button { background: #000; background-size: 70% 70%; background-position: center center; border: solid 0px #000; border-radius: 0; bottom: 0; color: rgba(255,255,255,0) /* purpose of color attr is to hide the text label */; height: 50px; margin: auto; opacity: 1.0; padding: 0.3em; position: absolute; top: 0; width: 45px; z-index: 999; }
	  .theme .carousel button.slick-disabled { opacity: 0.75; }
	  .theme .carousel button.slick-next { background-image: url('/img/icon_arrow-right-white.svg'); background-repeat: no-repeat; display: block; right: 20px; }
	  .theme .carousel button.slick-prev { background-image: url('/img/icon_arrow-left-white.svg'); background-repeat: no-repeat; display: block; left: 20px; }
	.theme .carousel figure { height: 500px; margin: 0.5em; }
	  .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 figure img { height: 500px /* same as figure height */; object-fit: cover; object-position: 50% 50%; width: auto; }  

  .theme .hero { height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 1; }
	.theme .hero img { filter: brightness(0.55); height: 100vh; }

.theme [class*='image_size_'] { margin: auto; padding: 5%; }
  .theme .image_size_s { max-width: 500px; } 
  .theme .image_size_m { max-width: 800px; }
  .theme .image_size_l {} 
	.theme .image_size_l img {} 

.theme .layout_spread { height: auto; overflow: visible; }
  .theme .layout_spread [class*='grid_columns_'] {}
  .theme .layout_spread .copy { padding: 5%; }
	.theme .layout_spread .copy [class*='block_'] { margin: auto; max-width: 500px; }
	.theme .layout_spread .copy .block_text { align-self: center; margin-top: 20%; }
  .theme .layout_spread .image {}
	.theme .layout_spread .image .block_image { align-self: center; min-height: 100px; justify-content: center; margin: auto; }
	.theme .layout_spread [class*='image_size_'] {}

.theme .logo_brand { left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 10%; width: auto; z-index: 99; } /* brand logo located in page header */
  .theme .logo_brand img { max-width: 140px; }

.theme .logos { margin: auto; }
  .theme .logos .logo { height: auto; }
	.theme .logos .logo img { aspect-ratio: 3/2; object-fit: contain; width: 75%; }

.theme .mail { background: #fff; }
  .theme .mail p { font-size: 1.08rem; max-width: 80%; }
  .theme .mail .container { background: none; border: none; }

.theme .marquee { height: 50px; padding: 0 0 0 0; position: absolute; right: -165%; top: -225px; transition: transform 0.3s ease-out; z-index: 2; }
  .theme .marquee span { bottom: 0; font-family: "ivyora-display"; /* font-family: "sofia-pro", sans-serif; */ font-size: 25vw; font-weight: 400; letter-spacing: -0.05em; opacity: 0.03; }

/* .theme .modal { background: #fff; box-shadow: 0, 10px, 80px, rgba(0,0,0,0.25); height: 100%; margin: auto; padding: 5%; position: relative; /* transform: translate(-50%, -50%); width: 90%; } */

.theme .nav_admin { background: #000; bottom: 0; color: #fff; font-size: 0.8em; padding: 0.2em 0 0.2em 0; position: fixed; width: 100%; }
  .theme .nav_admin a { color: #fff; text-decoration: underline; }

/* .theme .overlay { background: rgba(0,0,0,0.35); bottom: 0; height: 100%; left: 0; margin: auto; overflow-y: auto; opacity: 1; position: fixed; right: 0; top: 0; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; width: 100%; z-index: 9998; } */

.theme .section { min-height: auto; padding: 10% 0 10% 0; }
  .theme .section hgroup { margin-bottom: 2em; }

.theme .shape_arch { border-radius: 50% 50% 0 0; /* border-left: solid 1px #000; border-right: solid 1px #000; border-top: solid 1px #000; */ height: 650px; width: 600px; }
  .theme .shape_arch img { border-radius: 50% 50% 0 0; height: 650px; /* padding: 2em; */ width: 600px; }
.theme .shape_arch_bottom { border-radius: 0 0 50% 50%; height: 650px; width: 600px; }
  .theme .shape_arch_bottom img { border-radius: 0 0 50% 50%; height: 650px; width: 600px; }

.theme .shape_circle { border-radius: 100%; /* border: solid 1px #000; */ height: 580px; width: 600px; }
  .theme .shape_circle img { border-radius: 100%; height: 580px; /* padding: 1.5em; */ width: 600px; }

.theme .shape_rectangle { height: 700px; width: 100%; max-width: 700px }
  .theme .shape_rectangle img { height: 700px; width: 100%; }

.theme .shape_square { height: 580px; width: 600px; }
  .theme .shape_square img { height: 580px; width: 600px; }

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


/*
—————————————————————————
COMMON SELECTORS
————————————————————————— */

  /* Common Footer */
  .theme #common_footer { background: #000; bottom: 0; font-size: 0.8em; height: 100vh; padding: 0 0 0 0; position: relative; width: 100%; }

	.theme #common_footer #footer_cta { bottom: 0; height: 50%; margin: auto; position: absolute; top: 0; width: 100%; }
	  .theme #common_footer #footer_cta h2 { color: #fff; font-size: 6em; }
	  .theme #common_footer #footer_cta h5 { color: #fff; }

	.theme #common_footer #footer_legal { bottom: 0; color: #fff; font-size: 0.85em; letter-spacing: 0.08em; margin: auto; padding: 2em 0 1em 0; position: absolute; width: 100%; }

	.theme #common_footer #footer_nav { bottom: 4em; padding: 2em 0 2em 0; position: absolute; width: 100%; }	
	  .theme #common_footer #footer_nav .footer_link { color: #fff; font-weight: 500; margin: 0 1em 0 1em; letter-spacing: 0.2em; text-transform: uppercase; }

  /* Common Header */
  .theme #common_header { display: none; padding: 0 0 2% 0; }
	.theme #common_header .logo_header { margin: auto; width: 13%; }
  
  /* Common Modal */
  #common_modal_iframe .overlay { background: rgba(0,0,0,0.8); padding: 0 10% 0 10%; }
	#common_modal_iframe .overlay .ui_modal_close { background-image: url('/img/icon_close-circle-white.svg'); background-repeat: no-repeat; background-position: center center; height: 40px; width: 40px; }
	  #common_modal_iframe .overlay .ui_modal_close img { display: none; }

  #common_modal_iframe #modal_iframe_content { border-radius: 0; padding: 0; }

  /* Common Nav */
  .theme #common_nav {}

	.theme #common_nav #menu_primary { background: none; display: block; left: 0; padding: 1.5em 0.5em 1.5em 0.5em; position: absolute; width: 100%; transition: 0.25s all ease; top: 0; }
	  .theme #common_nav #menu_primary a { }
		.theme #common_nav #menu_primary a:hover { font-weight: 500; text-decoration: none; }
		.theme #common_nav #menu_primary .nav_icon_veterans { background-image: url('/domain/img/logo_veterans.svg'); background-position: left center; background-repeat: no-repeat; background-size: contain; padding-left: 20px; }
		.theme #common_nav #menu_primary .nav_link { color: #fff; font-size: 0.8em; font-weight: 500; letter-spacing: 0.2em; margin: 0 1.5em 0 0; mix-blend-mode: difference; text-transform: uppercase; }
		  .theme #common_nav #menu_primary .nav_link:last-of-type { margin-right: 0; }
	  .theme #common_nav #menu_primary.scrolled { background: rgba(255,255,255,0.9) !important; mix-blend-mode: darken; left: 0; padding: 1em 0 1em 0; position: fixed !important; top: 0; transition: 0.25s all ease; z-index: 9999; }
		  .theme #common_nav #menu_primary.scrolled .nav_link { color: #000; mix-blend-mode: darken; }

	.theme #common_nav #menu_secondary { background: rgba(255,255,255,0.98); display: none; height: 50px; position: fixed; width: 100%; }
	  .theme #common_nav #menu_secondary .ui_icon_menu { background: none; height: 60px; left: 1em; margin: 0; overflow: hidden; position: fixed; top: 0; width: 40px; z-index: 999; }
		.theme #common_nav #menu_secondary .ui_icon_menu img { height: 50px; }

	.theme #common_nav #menu_overlay { background: rgba(0,0,0,0.35); background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url('/domain/files/uploads/cache/7a27b8a54b4a0358d39e89c1b6533116_w2851.5.jpeg') center center no-repeat; background-size: cover; color: #fff; height: 100vh; overflow: hidden; position: fixed; right: 0; top: 0; width: 100%; z-index: 999; }
	  .theme #common_nav #menu_overlay .logo { left: 0; margin: auto; position: fixed; right: 0; top: 8%; max-width: 140px; }

	.theme #common_nav #menu_overlay .nav_info { bottom: 5%; position: absolute; text-align: center; width: 100%; }
	  .theme #common_nav #menu_overlay .nav_info h5 { margin-bottom: 0; text-transform: uppercase; }
	  .theme #common_nav #menu_overlay .nav_info p { }
	
	.theme #common_nav #menu_overlay ul { height: 100vh; left: 0; margin: auto; position: absolute; right: 0; top: 30%; width: 50%; }
	  .theme #common_nav #menu_overlay ul li { margin: 0; padding: 2em; text-align: center; }
		.theme #common_nav #menu_overlay ul li .nav_link { color: #fff; display: block; font-family: "mixta-didone"; font-size: 4vh; font-style: italic; font-weight: 200; text-transform: capitalize; }
	  .theme #common_nav #menu_overlay .ua_open-menu { mix-blend-mode: difference; width: auto; transition: width 0.3s; }
	  .theme #common_nav #menu_overlay .ua_close-menu { background: url('/img/icon_close-white.svg') center center no-repeat; height: 25px; left: 0.2em; position: fixed; right: auto; top: 0; width: 25px; }
		.theme #common_nav #menu_overlay .ua_close-menu img { display: none; }

	.theme #gallery [class*='grid_columns_'] .block_image { height: 500px; max-width: 400px; }
	  .theme #gallery [class*='grid_columns_']:nth-of-type(2) .block_image { height: 500px; max-width: 100%; }

	.theme #hero { height: 99vh; overflow: hidden; padding: 0 0 0 0; position: relative; width: 100%; }
	  .theme #hero .block_code { height: 100vh; z-index: 10; }
		.theme #hero .block_code .copy { left: 0; margin: auto; position: absolute; right: 0; top: 30vh; /* transform: translate(-50%, 75%); */ width: 100%; z-index: 11; } 
		  .theme #hero .block_code .copy h1 { color: #fff; margin: auto; width: 90%; max-width: 1080px; }
		  .theme #hero .block_code .copy .button_cta { margin-top: 5%; }
	  .theme #hero .hero { filter: brightness(65%); padding: 0.5em; } 
		.theme #hero .hero img { filter: brightness(0.55); height: 100vh; }
		.theme #hero .hero video { filter: brightness(0.55); height: 100vh; object-fit: cover; }


/*
—————————————————————————
CONTENT SELECTORS
————————————————————————— */

  /* About */
  .theme #about #brands {}
	.theme #about #brands h2 {}

  .theme #about-us #gallery {}
	.theme #about-us #gallery [class*='grid_columns_'] .block_image { height: auto; margin: auto; overflow: hidden; width: auto; max-width: 100%; }
	  .theme #about-us #gallery [class*='grid_columns_']:nth-of-type(1) .block_image { height: 500px; max-width: 600px; }
		.theme #about-us #gallery [class*='grid_columns_']:nth-of-type(1) .block_image img { height: 500px; max-width: 100%; }
	  .theme #about-us #gallery [class*='grid_columns_']:nth-of-type(2) .block_image { height: 300px; max-width: 500px; }
		.theme #about-us #gallery [class*='grid_columns_']:nth-of-type(2) .block_image img { height: 300px; max-width: 100%; }

  .theme #about-us #brands {}
	  .theme #about-us #brands .logo img { aspect-ratio: 4.5/2; }  

  .theme #about-us #our-founder {}

  .theme #about #team {}
	.theme #about #team .block_image { padding: 0 1em 0 1em; }
	.theme #about #team figure { border-radius: 50%; height: 200px; margin: auto; overflow: hidden; text-align: center; width: 200px; }
	  .theme #about #team figure img { filter: grayscale(100%); height: 200px /* same as figure height */; object-fit: cover; object-position: 50% 50%; width: 100%; max-width: 200px; }  
	.theme #about #team h3 { font-size: 1.6em; margin: 0.5em 0 0.5em 0; }

  .theme #about-us #veteran-employment { color: #fff !important; }
	.theme #about-us #veteran-employment hgroup {}
	.theme #about-us #veteran-employment [class*='grid_columns_']:nth-of-type(3) { border-left: solid 1px #fff; padding-left: 4em; }
	.theme #about-us #veteran-employment .block_text { padding: 5% 0 15% 0; max-width: 500px; }
	  .theme #about-us #veteran-employment .block_text p {  } 
	.theme #about-us #veteran-employment .button_primary { border: solid 1px #fff; color: #fff; }
	  .theme #about-us #veteran-employment .button_primary:hover { background: #fff; border: solid 1px #fff; color: #000; }

  .theme #about-us #who-we-are {}

  /* Case Study */

  .theme article [id*='case-study_'] {}
	.theme article [id*='case-study_'].section { min-height: auto; padding: 10% 0 10% 0; /* note: initial .section class is within the same element as #id selector */ }
	  .theme article [id*='case-study_'] .section_copy p { font-size: 1.6rem; font-weight: 300; line-height: 1.5em; }
	  .theme article [id*='case-study_'] .section_details { flex-basis: 10%; padding-bottom: 1em; }
		.theme article [id*='case-study_'] .section_details h5 { text-transform: uppercase; }
	.theme article [id*='case-study_'] .section_gallery {}
	  .theme article [id*='case-study_'].gallery {}
		.theme article [id*='case-study_'].gallery .block_image { height: 700px; width: 100% }
		  .theme article [id*='case-study_'].gallery .block_image img { height: 700px; object-fit: contain; width: 100% }
	  .theme article [id*='case-study_'].gallery .grid { gap: 1em; }

	.theme article #case-study_details {}

	.theme article #case-study_overview { padding: 5% 0 10% 0; }

	.theme article #case-study_results {}

  /* Contact */
  .theme #contact {}
	.theme #contact .header { min-height: auto; height: 80vh; padding-bottom: 0; }
  .theme #contact #info { padding-bottom: 10em; }

  /* Home */
  .theme #home .section {}

	.theme #home #clients { background: #fff; overflow: hidden; }
	  .theme #home #clients .logos { margin-top: 5%; }
		.theme #home #clients .logos .logo { padding: 0 1em 0 1em; }
		  .theme #home #clients .logos .logo img { aspect-ratio: 5/2; width: 100%; }

  .theme #home #hero { padding: 0 0 0 0; }
	.theme #home #hero .button_primary { border: solid 1px #fff; color: #fff; }
	  .theme #home #hero .button_primary:hover { background: #cd1212; border: solid 1px #cd1212; }
	.theme #home #hero .copy { top: 25vh; /* transform: translate(-50%, 50%); */ }
	.theme #home #hero .hero { filter: brightness(70%); } 

	.theme #home #introduction { padding-bottom: 0; }	
	  .theme #home #introduction .block_code .logo_circle { margin: auto; max-width: 125px; }

	.theme #home #gallery { padding-bottom: 5em; }
	  .theme #home #gallery [class*='grid_columns_'] .block_image { height: auto; margin: auto; width: auto; max-width: 100%; }
		.theme #home #gallery [class*='grid_columns_']:nth-of-type(1) .block_image { height: 275px; max-width: 400px; }
		  .theme #home #gallery [class*='grid_columns_']:nth-of-type(1) .block_image img { height: 275px; max-width: 100%; }
		.theme #home #gallery [class*='grid_columns_']:nth-of-type(2) .block_image { height: 450px; max-width: 100%; }
		  .theme #home #gallery [class*='grid_columns_']:nth-of-type(2) .block_image img { height: 450px; max-width: 100%; }

	.theme #home #our-work { background: #000; min-height: 100vh; }
	  .theme #home #our-work h2 { color: #fff; }
	  .theme #home #our-work h3 { color: #fff; }
	  .theme #home #our-work h5 { color: #fff; }
	  .theme #home #our-work p { color: #fff; }
	  .theme #home #our-work .button_primary { border: solid 1px #fff; color: #fff; }
	  .theme #home #our-work .case-study { margin: auto; margin-top: 2em; max-width: 60%; }

	.theme #home #press { background: #fff; }

	.theme #home #services { height: 100%; position: relative; }

	  .theme #home #services-culinary { padding-bottom: 0; } 
		.theme #home #services-culinary .shape { left: -20%; opacity: 0.6; position: absolute; top: -10%; z-index: 1; }
		  .theme #home #services-culinary .shape img { height: 800px; }

	.theme #home #services-business { background: #fff; padding-bottom: 0; }
	  .theme #home #services-business .layout_spread .copy .block_text { margin-top: 5%; }

.theme #home #veterans { background-image: url('/domain/files/uploads/5406502047.jpg'); background-position: center bottom; background-repeat: no-repeat; background-size: cover; }

  /* Our Work */
  .theme #our-work {}
	.theme #our-work #case-studies {}
	.theme #our-work #clients {}

/* Press */

.theme #press .articles { }

  /* Services */
  .theme #services {}
	.theme #services .layout_spread .copy .block_text {} 
	.theme #services .layout_spread .image .block_image img {}

	.theme #services #business-development-services {}
	.theme #services #culinary-hospitality-solutions {}
	  .theme #services #culinary-hospitality-solutions .block_code {}

	.theme #services #veteran-employment { color: #fff !important; }
	  .theme #services #veteran-employment hgroup { margin-bottom: 5em; }
	  .theme #services #veteran-employment [class*='grid_columns_']:nth-of-type(3) { border-left: solid 1px #fff; padding-left: 4em; }
	  .theme #services #veteran-employment .block_text { padding: 5% 0 15% 0; max-width: 500px; }

	.theme #services #veteran-employment .button_primary { border: solid 1px #fff; color: #fff; }
	  .theme #services #veteran-employment .button_primary:hover { background: #fff; border: solid 1px #fff; color: #000; }

.theme #veteran-employment {}
  .theme #veteran-employment #clear-pathway .block_image { margin: auto; margin-top: 2em; max-width: 60%; }






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

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 only screen and (min-width: 1024px) and (max-width: 1280px) {

	/*
	——————————————————————————————————————————————————
	
	BREAKPOINT DETAILS
	
	Min-Width: 1024px	
	Max-Width: 1280px
	Target Device: Tablets
	Orientation: Portait & Landscape
	
	—————————————————————————————————————————————————— */  

	.theme h1 { font-size: 14vh; }
	.theme h2 { font-size: 5vh; }
	.theme h3 { font-size: 4vh; }
	.theme h4 { font-size: 3vh; }
	.theme h5 { font-size: 2vh; }
	.theme input { border: solid 1px #000; font-size: 1.3em; }
	  .theme input:focus { background: none; border: solid 1px #cd1212; }
	.theme input[type=submit] { font-size: 1.3em; margin-top: 0.5em; padding: 0.5em 1em 0.5em 1em; } 
	.theme select { border: solid 1px #000; font-size: 1.3em; }
	  .theme select:focus { background: none; border: solid 1px #cd1212; }
	.theme table {}
	.theme textarea { border: solid 1px #000; font-size: 1.3em; }

  	/*
	—————————————————————————
	Classes (Tablets Landscape)
	————————————————————————— */
  
	.theme .spread { height: auto; overflow: visible; padding: 2em 0 2em 0; position: relative; }
	  .theme .spread h3 { text-align: center; }
	  .theme .spread h5 { text-align: center; }
	  .theme .spread p { font-size: 1.1em; line-height: 1.5em; text-align: center; }
	  .theme .spread .copy { min-height: auto; height: auto; left: 0; order: 2; padding: 2em 0 0 0; position: relative; top: 0 !important; }
		.theme .spread .copy .block_text { height: auto; margin: auto; position: relative; text-align: left !important; max-width: 100%; }
	  .theme .spread .image { height: auto; order: 1; position: relative; margin-bottom: 0.5em; }
		.theme .spread .image img {}
	  .theme .spread .wrap { padding: 0 1em 0 1em; }
	  .theme .spread [id*='column_'] { display: block; width: 100%; }
   
  
	/*
	—————————————————————————
	Selectors (Tablets Portait)
	————————————————————————— */

	.theme #common_footer #footer_nav { display: none; }
  
  
}
@media only screen and (max-width: 767px) {

	/*
	——————————————————————————————————————————————————
	
	BREAKPOINT DETAILS
	
	Max-Width: 767px
	Target Device: Smartphones & Handheld
	Orientation: Portait & Landscape
	
	—————————————————————————————————————————————————— */

	.theme h1 { font-size: 8vh; max-width: 100%; }
	.theme h2 { font-size: 5vh; max-width: 100%; }
	.theme h3 { font-size: 4vh; line-height: 1.2em; }
	.theme h4 { font-size: 3vh; }
	.theme h5 { }
	.theme hgroup { padding: 1em; }
	.theme input { border: solid 1px #000; font-size: 1.3em; }
	  .theme input:focus { background: none; border: solid 1px #cd1212; }
	.theme input[type=submit] { font-size: 1.3em; margin-top: 0.5em; padding: 0.5em 1em 0.5em 1em; } 
	.theme p { font-size: 1em; line-height: 1.8em; }
	.theme select { border: solid 1px #000; font-size: 1.3em; }
	  .theme select:focus { background: none; border: solid 1px #cd1212; }
	.theme table {}
	  .theme table td h4 { font-size: 5vw; }
	.theme textarea { border: solid 1px #000; font-size: 1.3em; }

  	/*
	—————————————————————————
	Classes (Mobile)
	————————————————————————— */
  
	.theme .block_button {}
	  .theme .block_button [class*='align_'] { }
  
	.theme .block_code { min-height: auto; }
  
	.theme .block_teaser { height: auto; padding: 0 0 0 0; margin-top: 5em; }
	  .theme .block_teaser [id*='teaser_'] { height: auto; margin-bottom: 2em; }
		.theme .block_teaser [id*='teaser_'] .image { height: 325px; }
	  .theme .block_teaser [id*='teaser_']:nth-child(3n) { flex-basis: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n) .copy { margin: 0; width: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n) .image { height: 325px; margin: 0; width: 100%; }
	  .theme .block_teaser [id*='teaser_']:nth-child(3n-2) { height: auto; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .copy { margin: auto; width: 100%; }
		.theme .block_teaser [id*='teaser_']:nth-child(3n-2) .image { height: 325px; margin: auto; width: 100%; }

	.theme .button_cta { font-size: 2vh; height: auto; padding: 1em 2em 1em 2em; width: auto; }

	.theme [class*='grid_columns_2'] .block_text { padding: 0; max-width: 100%; }
 
	.theme .header { min-height: 50vh; height: 100%; margin: 5em auto 10em auto; }
	  .theme .header .block_code { height: auto; }
	  .theme .header .block_image img { height: 99vh; }

  	.theme .layout_spread .copy { order: 2; }
	  .theme .layout_spread .copy .block_text { align-self: center; margin: 2em auto 2em auto; max-width: 100%; z-index: 3; }
	.theme .layout_spread .image { order: 1; }
	  .theme .layout_spread .image .block_image { align-self: center; display: flex; justify-content: center; margin: auto; }

	.theme .logos [class*='span_'] { width: 50%; }
	  .theme .logos .logo { height: auto; }
		.theme .logos .logo img { aspect-ratio: 1/1; width: 100%; }
  
	.theme .nav_admin { bottom: 0; position: fixed; z-index: 999; }
  
	.theme [class*='shape_'] { border-radius: 0; height: auto; width: 100%; }
	  .theme [class*='shape_'] img { border-radius: 0; height: auto; width: 100%; }
 
	.theme .section { min-height: auto; padding: 15% 0 15% 0; }
  
	.theme .spacer { display: none; }
  
	.theme .spread { height: auto; overflow: visible; padding: 2em 0 2em 0; position: relative; }
	  .theme .spread h3 { text-align: left; }
	  .theme .spread h5 { text-align: left; }
	  .theme .spread p { text-align: left; }
	  .theme .spread [id*='column_'] { display: block; width: 100%; }
	  .theme .spread .block_text { max-width: 100%; }
	  .theme .spread .copy { min-height: auto; height: auto; left: 0; order: 2; padding: 0 0 0 0; position: relative; top: 0; }
		.theme .spread .copy .block_text { height: auto; position: relative; max-width: 100%; }
	  .theme .spread .image { height: auto; order: 1; position: relative; margin-bottom: 0.5em; }
		.theme .spread .image img { }
	  .theme .spread .wrap { padding: 0 1em 0 1em; }
  
	.theme .wrap { padding: 0 1em 0 1em; }
	  .theme .wrap_inner { padding: 0 1em 0 1em; }
  
  
	/*
	—————————————————————————
	Selectors (Mobile)
	————————————————————————— */
 
  .theme #common_footer #footer_cta h2 { font-size: 6vh; }
  .theme #common_footer #footer_nav { display: none; }
  
  .theme #common_header {} 
    .theme #common_header .logo_header { margin-top: 2em; width: 110px; }
  
    #common_modal_iframe .overlay { background: rgba(0,0,0,0.8); padding: 0 0 0 0; }
  	#common_modal_iframe .overlay .ui_modal_close { background-image: url('/img/icon_close-circle.svg'); height: 30px; width: 30px; }

  .theme #common_nav #menu_primary { display: none; }  
  .theme #common_nav #menu_secondary { display: block; }

  .theme #contact {}
	.theme #contact .header { min-height: 30vh; height: auto; padding-bottom: 5em; }
	.theme #contact #info [class*='span_'] { display: block; float: none; width: 100%; }

  
  .theme [class*='section'] { padding: 20% 0 20% 0; }
	.theme [class*='section'] hgroup { margin-bottom: 10%; }
	.theme [class*='section'] p { text-align: left; }

  .theme #about-us #veteran-employment [class*='grid_columns_']:nth-of-type(3) { border-left: none; padding-left: 0; }
	.theme #about-us #veteran-employment .block_text { padding: 0; max-width: 100%; }  

  .theme #gallery { display: none; }
  
  .theme #home #header { padding: 0 0 0 0; }
  
  .theme #home #introduction { min-height: 100%; }
	.theme #home #introduction .block_code { min-height: 275px; }
  
  .theme #home #services-culinary {}
  
  .theme #home #media {}
	.theme #home #media table { margin: 0 0 0 0; }

  .theme #home #our-work {}
  
  .theme #section_marquee { display: none; }
  
  .theme #section_work_clients {}
	.theme #section_work_clients [class*='span_'] { width: 50%; }
  
}
  
  /*
  ——————————————————————————————————————————————————

  MAIL

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

  .theme .mail p { margin: auto; max-width: 100%; }
  .theme .mail .container { background: #fff; }
  .theme .mail .wrap { margin: 0 auto 0 auto; }