 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document
 ========================================================================== */ /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */ html { line-height:1.15; /* 1 */ -webkit-text-size-adjust:100%; /* 2 */ }

 /* Sections
 ========================================================================== */ /**
 * Remove the margin in all browsers.
 */ body { margin:0; }

 /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */ h1 { font-size:2em; margin:0.67em 0; }

 /* Grouping content
 ========================================================================== */ /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */ hr { box-sizing:content-box; /* 1 */ height:0; /* 1 */ overflow:visible; /* 2 */ }

 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */ pre { font-family:monospace, monospace; /* 1 */ font-size:1em; /* 2 */ }

 /* Text-level semantics
 ========================================================================== */ /**
 * Remove the gray background on active links in IE 10.
 */ a { background-color:transparent; }

 /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */ abbr[title] { border-bottom:none; /* 1 */ text-decoration:underline; /* 2 */ text-decoration:underline dotted; /* 2 */ }

 /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */ b,strong { font-weight:bolder; }

 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */ code,kbd,samp { font-family:monospace, monospace; /* 1 */ font-size:1em; /* 2 */ }

 /**
 * Add the correct font size in all browsers.
 */ small { font-size:80%; }

 /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */ sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

 sub { bottom:-0.25em; }

 sup { top:-0.5em; }

 /* Embedded content
 ========================================================================== */ /**
 * Remove the border on images inside links in IE 10.
 */ img { border-style:none; }

 /* Forms
 ========================================================================== */ /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */ button,input,optgroup,select,textarea { font-family:inherit; /* 1 */ font-size:100%; /* 1 */ line-height:1.15; /* 1 */ margin:0; /* 2 */ }

 /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */ button,input { /* 1 */ overflow:visible; }

 /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */ button,select { /* 1 */ text-transform:none; }

 /**
 * Correct the inability to style clickable types in iOS and Safari.
 */ button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance:button; }

 /**
 * Remove the inner border and padding in Firefox.
 */ button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style:none; padding:0; }

 /**
 * Restore the focus styles unset by the previous rule.
 */ button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }

 /**
 * Correct the padding in Firefox.
 */ fieldset { padding:0.35em 0.75em 0.625em; }

 /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */ legend { box-sizing:border-box; /* 1 */ color:inherit; /* 2 */ display:table; /* 1 */ max-width:100%; /* 1 */ padding:0; /* 3 */ white-space:normal; /* 1 */ }

 /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */ progress { vertical-align:baseline; }

 /**
 * Remove the default vertical scrollbar in IE 10+.
 */ textarea { overflow:auto; }

 /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */ [type="checkbox"],[type="radio"] { box-sizing:border-box; /* 1 */ padding:0; /* 2 */ }

 /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */ [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height:auto; }

 /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */ [type="search"] { -webkit-appearance:textfield; /* 1 */ outline-offset:-2px; /* 2 */ }

 /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */ [type="search"]::-webkit-search-decoration { -webkit-appearance:none; }

 /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */ ::-webkit-file-upload-button { -webkit-appearance:button; /* 1 */ font:inherit; /* 2 */ }

 /* Interactive
 ========================================================================== */ /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */ details { display:block; }

 /*
 * Add the correct display in all browsers.
 */ summary { display:list-item; }

 /* Misc
 ========================================================================== */ /**
 * Add the correct display in IE 10+.
 */ template { display:none; }

 /**
 * Add the correct display in IE 10.
 */ [hidden] { display:none; }

 html { overflow:-moz-scrollbars-none; }

 body { font-family:'BentonSansBook'; padding:0px; margin:0px; font-size:16px; line-height:23px; overflow:-moz-scrollbars-none; }

 body ::-webkit-scrollbar { display:none; }

 ::-webkit-scrollbar { display:none; }

 div,input,ul,li { box-sizing:border-box; background-repeat:no-repeat; }

 ul,li { margin:0px; padding:0px; list-style:none; }

 h1 { font-size:28px; font-weight:bold; }

 a { color:#000; text-decoration:none; }

 a:hover { text-decoration:underline; }

 .bsc { font-family:'BentonSansCondensed'; }

 .bscm { font-family:'BentonSansCompressed'; }

 .logohead { width:100%; position:fixed; z-index:200; max-width:1300px; left:0; right:0; display:inline-block; float:none; text-align:center; top:0; margin:0 auto; overflow:visible; }

 .logohead .logostatic { top:0; width:100%; display:inline-block; height:1px; overflow:visible; right:0; left:0; max-width:1300px; position:absolute; margin:0 auto; padding:0 28px; }

 .logohead .logostatic img { position:absolute; left:28px; top:54px; width:60%; max-width:554px; height:auto; transition:all 0.4s; float:left; }

 .logohead .logostatic img.white { opacity:0; }

 .logohead .logostatic img.black { opacity:1; }

 .logohead .logostatic.w img.white { opacity:1; }

 .logohead .logostatic.w img.black { opacity:0; }

 .logohead .logostatic.sm img { top:21px; width:90%; max-width:415px; }

 .wholehead { margin:0px auto; height:140px; background-color:#fff; position:fixed; width:100%; z-index:100; top:0px; transition:all 0.4s; }

 .wholehead.trans { background-color:transparent; }

 .wholehead.trans .menu ul li ul { background-color:transparent !important; }

 .wholehead .inner { margin:0px auto; max-width:1300px; }

 .wholehead.sm { height:70px; }

 .wholehead.sm .header { padding:20px 28px; }

 .wholehead.sm .header .logo { max-width:416px; margin-top:5px; background-size:contain; background-position:left bottom; background-repeat:no-repeat; }

 .wholehead.sm .header .logo.white { background-image:url('/wp-content/uploads/logo-white.png'); }

 .wholehead.sm .menu { padding-top:23px; }

 .header { max-width:610px; width:54%; padding:56px 28px; display:inline; float:left; }

 .header .logo { display:none; max-width:653px; height:28px; background-image:url('/wp-content/uploads/logo-black.png'); background-size:contain; background-position:left bottom; background-repeat:no-repeat; }

 .header .logo.white { background-image:url('/wp-content/uploads/logo-white.svg'); }

 .gencontent { width:100%; overflow:auto; position:relative; margin:0px auto 0px auto; margin-top:140px; }

 .gencontent .inner { width:100%; max-width:1300px; margin:0px auto; }

 .menu { height:28px; padding-right:28px; padding-top:64px; font-size:20px; line-height:24px; font-family:'BentonSansCondensed'; font-weight:normal; display:inline; float:right; position:relative; z-index:100; transition:all 0.4s; }

 .menu.white a { color:#fff; }

 .menu a:hover { font-weight:600; text-decoration:none; }

 .menu ul li { display:inline; float:left; margin:0px 0px 0px 30px; position:relative; }

 .menu ul li.m-projects { width:56px; }

 .menu ul li.m-studio { width:42px; }

 .menu ul li.m-index { width:36px; }

 .menu ul li.m-delight { width:57px; }

 .menu ul li.current-menu-item > a,.menu ul li.current-menu-ancestor > a { font-weight:600; }

 .menu ul li.current-menu-ancestor .current-menu-item > a { font-weight:inherit; }

 .menu ul li ul { top:24px; left:-20px; padding:20px 20px 20px 20px; display:none; background-color:#fff; width:180px; position:absolute; font-weight:normal !important; }

 .menu ul li ul li { width:auto; height:22px; display:block; float:left; clear:both; margin-left:0px; margin-bottom:3px; }

 .menu ul li ul li.spacer { height:16px; }

 .menu ul li.b { font-weight:600; }

 .menu ul li:hover ul { display:block; }

 .catheader { width:100%; max-width:1300px; padding:40px 28px 30px 28px; margin:0px auto; font-size:28px; clear:both; font-family:'BentonSansCondensed'; }

 .catheader .title { font-size:28px; clear:none; display:inline; float:left; font-weight:normal; margin-right:28px; }

 .catheader .allproj { clear:none; display:inline; float:left; }

 .catheader .allproj a { color:#ccc; }

 .mobcontent { display:none; }

 .home2 { width:100%; overflow:auto; position:relative; margin:0px auto 0px auto; }

 .home2 .pg { position:relative; display:inline-block; width:100%; height:100vh; margin:0px auto; pointer-events:none; }

 .home2 .pg.off { display:none; }

 .home2 .pg .pgbg { position:absolute; z-index:1; width:100%; height:100vh; left:0px; top:0px; pointer-events:none; background-size:cover; background-position:center center; }

 .home2 .pg .pgbg .bg-video { background:#000; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }

 .home2 .pg .pgbg .bg-video video { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; }

 .home2 .pg .copy { font-family:'BentonSansCondensed'; font-size:24px; }

 .home2 .pg1 { z-index:20; }

 .home2 .pg2 { position:fixed; top:0px; left:0px; z-index:15; height:300vh; }

 .home2 .pg2 .copy { font-family:'BentonSansCompressed'; font-size:32px; line-height:40px; position:absolute; bottom:32px; right:32px; width:50%; z-index:5; }

 .home2 .pg2 .image { position:absolute; z-index:5; }

 .home2 .pg2 .image img { width:100%; }

 .home2 .pg2 .imga { width:40%; left:32px; top:8%; }

 .home2 .pg2 .imgb { width:40%; right:32px; top:22%; }

 .home2 .pg3 { position:fixed; top:0px; left:0px; background-color:#fff; z-index:10; }

 .home2 .pg4 { margin-top:0px; z-index:12; }

 .home2 .pg4 .inner { position:absolute; background-color:#fff; display:block; float:left; width:100%; height:300vh; top:0px; left:0px; }

 .home2 .pg4 .inner .copytop { font-family:'BentonSansCompressed'; font-size:32px; line-height:40px; position:absolute; top:32px; left:32px; width:50%; }

 .home2 .pg4 .inner .copybottom { font-family:'BentonSansCompressed'; font-size:32px; line-height:40px; position:absolute; bottom:32px; left:32px; width:50%; }

 .home2 .pg4 .inner .e { margin-top:50%; position:absolute; opacity:1; width:25%; padding-bottom:50%; left:10%; right:unset; top:25%; margin:0px auto; background-size:contain; background-position:center center; }

 .home2 .pg4 .inner .e.e1 { left:unset; padding-bottom:30%; right:8%; top:-2%; width:50%; }

 .home2 .pg4 .inner .e.e2 { left:0; padding-bottom:30%; right:0; top:21%; width:34%; }

 .home2 .pg4 .inner .e.e3 { left:7%; padding-bottom:30%; right:unset; top:-6%; width:20%; }

 .home2 .pg4 .inner .e.e4 { left:3%; padding-bottom:15%; right:unset; top:20%; width:45%; }

 .home2 .pg4 .inner .e.e5 { left:18%; padding-bottom:50%; right:unset; top:-9%; width:22%; }

 .home2 .pg4 .inner .e.e6 { left:unset; padding-bottom:20%; right:5%; top:35%; width:75%; }

 .home2 .pg4 .inner .e.e7 { left:unset; right:10%; top:12%; width:21%; }

 .home2 .pg4 .inner .e.e8 { left:10%; top:35%; width:30%; }

 .home2 .pg4 .inner .e.e9 { left:unset; padding-bottom:50%; right:10%; top:45%; width:30%; }

 .home2 .pg4 .inner .e.e10 { left:6%; top:60%; width:42%; }

 .home2 .pg4 .inner .e.e11 { left:unset; right:0; top:65%; width:45%; }

 .home2 .pg4 .inner .e.e12 { left:0; right:0; top:45%; width:25%; }

 .home2 .pg4 .inner .e.e13 { left:unset; right:30%; top:70%; }

 .home2 .pg5 { padding:30px; height:75vw; margin-bottom:0; position:fixed; z-index:5; overflow-y:scroll; top:0px; left:0px; }

 .home2 .pg5 .copy { font-family:'BentonSansCompressed'; font-size:32px; line-height:40px; margin-bottom:16px; color:#000; }

 .onscreen { pointer-events:all !important; }

 .projectsnew { width:100%; margin-top:140px; padding:30px 0 80px; overflow:auto; }

 .projectsnew .inner { max-width:1300px; margin:0px auto; padding:0 14px 0 28px; }

 .projectsnew .inner .home2thumb { border-bottom:2px solid #fff; }

 .home2thumb { position:relative; display:inline-block; float:left; vertical-align:top; width:33%; padding-bottom:25%; border-right:2px solid #fff; border-bottom:2px solid #fff; margin:0px auto; }

 .home2thumb .projimg { position:absolute; background-size:cover; background-position:center center; background-repeat:no-repeat; vertical-align:middle; width:100%; height:100%; left:0px; top:0px; background-color:#efefef; }

 .home2thumb .info { font-family:'BentonSansCondensed'; color:#fff; background-color:rgba(13, 34, 63, 0.5); position:absolute; top:0px; left:0px; padding:16px; font-size:24px; font-weight:600; opacity:0; width:100%; height:100%; }

 .home2thumb:hover .info { opacity:1; }

 .home2thumb:nth-child(3n) { border-right:0px; }

 .homegallery { max-width:1300px; padding:0px 28px; width:100%; position:relative; margin:140px auto 0px auto; clear:both; }

 .homegallery .homethumb { font-family:'BentonSansCondensed'; margin:32px 11% 0px 0px; display:inline-block; vertical-align:top; width:26%; padding-bottom:3%; }

 .homegallery .homethumb b { font-weight:600; }

 .homegallery .homethumb:hover { cursor:pointer; }

 .homegallery .homethumb a:hover { text-decoration:none; }

 .homegallery .homethumb:nth-of-type(3n+0) { margin-right:0px; }

 .homegallery .homethumb .projimg { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; background-repeat:no-repeat; vertical-align:middle; background-color:#efefef; }

 .homegallery .homethumb .info { margin-top:6px; }

 .bg { position:fixed; z-index:1; width:100%; height:100vh; left:0px; top:0px; pointer-events:none; background-size:cover; background-position:center center; }

 .cycle-slideshow { height:100vh; }

 .cycle-slideshow .cycle-slide { height:100vh; width:100%; background-size:cover; background-position:center center; -webkit-transform:translateZ(0); scroll-behavior:smooth; }

 .front { position:fixed; top:0px; left:0px; z-index:0; margin-top:40px; margin-bottom:64px; }

 .front .inner { overflow:scroll; height:100%; }

 .homecopy { width:100%; height:100vh; font-family:'BentonSansCompressed'; }

 .homecopy .copy { position:absolute; bottom:0px; width:80%; left:28px; z-index:10; color:#fff; }

 .homebottom { position:relative; z-index:1; width:100%; height:auto; left:0px; top:0px; background-size:cover; background-position:center center; pointer-events:none; }

 .projectholderholder { background-color:#fff; width:100%; position:relative; z-index:9; overflow:auto; }

 .projectholder { overflow:auto; padding:0px 28px 28px 28px; max-width:1200px; background-color:#fff; z-index:10; margin:0px auto 0px auto; position:relative; }

 .projectholder .topblock { position:relative; width:100%; overflow:auto; }

 .projectholder .topblock .primaryimage { width:70%; position:relative; float:left; margin-right:16px; background-position:center center; background-size:contain; background-repeat:no-repeat; }

 .projectholder .topblock .primaryimage img { width:100%; }

 .projectholder .topblock .caption { position:absolute; bottom:0px; left:70%; padding-left:16px; width:30%; }

 .projectholder .description { width:70%; }

 .midblock { width:100%; clear:both; position:relative; overflow:auto; }

 .midblock .left,.midblock .right { display:inline; width:49%; padding-bottom:50%; background-size:contain; background-position:center center; background-repeat:no-repeat; }

 .midblock .left { float:left; }

 .midblock .right { float:right; }

 .midquote { margin:0px auto; text-align:left; padding-bottom:128px; }

 .midquote .lq,.midquote .dq { display:inline; font-size:40px; font-weight:600; font-family:'BentonSansCompressed'; display:none; }

 .midquote .lq { margin-left:-18px; }

 .midquote h1 { font-family:'BentonSansCompressed'; font-size:46px; line-height:50px; font-weight:600; width:50% !important; margin:20px auto 0px auto; padding:20px 0px; }

 .midquote h1 p { font-family:'BentonSansCompressed'; font-size:46px; line-height:50px; font-weight:normal; font-weight:600; margin:0px; display:inline; padding:0px; }

 h1 { font-size:32px; line-height:40px; font-weight:normal; }

 h2 { padding:0px; font-size:24px; line-height:30px; font-weight:normal; }

 .midbig { margin-top:28px; width:100%; position:relative; margin:0px auto; }

 .midbig img { width:100%; }

 .nextgenname { font-size:16px; font-weight:600; font-family:'BentonSansCondensed'; }

 .endblock { font-family:'BentonSansCondensed'; width:100%; padding:0px 28px; margin:0px auto; position:relative; height:auto; font-size:16px; line-height:22px; background-color:#fff; position:relative; overflow:auto; min-height:120px; }

 .endblock .datablock { width:100%; max-width:1246px; margin:40px auto; position:relative; overflow:auto; padding-bottom:32px; }

 .endblock .datablock .datacol { width:25%; display:inline; float:left; padding-right:20px; }

 .endblock .datablock .datacol .spacer { height:8px; }

 .endblock h1 { margin:0px 0px 16px 0px; padding:0px; }

 .endblock.geoblock { float:left; width:280px; height:280px; }

 .olddatablock { display:none; }

 .projline { width:100%; height:40px; font-size:14px; border-bottom:1px solid #000; padding:8px 0px 0px 0px; position:relative; }

 .projline .expander { position:absolute; width:100%; height:40px; left:0; top:0; right:0; background-color:transparent; }

 .projline .col { display:inline; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

 .projline .col:hover { cursor:pointer; }

 .projline .col.sortup::after { content:" \2193"; }

 .projline .col.sortdown::after { content:" \2191"; }

 .projline .i-name { width:40%; }

 .projline .i-cat { width:15%; }

 .projline .i-loc { width:15%; }

 .projline .i-date { width:10.4%; float:right; }

 .projline .i-date .future { color:#ccc; }

 .projline .i-sf { width:12.2%; float:right; }

 .projline .i-lead { width:15%; }

 .projline.head { font-weight:600; }

 .projline.head .col { background-color:#fff; }

 .projline.head:hover { background-color:#fff; }

 .projline:hover { background-color:#f69994; }

 .projline .images { display:none; width:100%; height:auto; }

 .projline.expanded { min-height:370px; height:auto; overflow:auto; }

 .projline.expanded:hover { background-color:#fff; }

 .projline.expanded .content { display:block; }

 .projline .content { display:none; height:340px; padding:36px 0px 0px 0px; margin-bottom:8px; }

 .projline .content .thumbm { display:none; width:100%; }

 .projline .content .thumbm img { width:100%; }

 .projline .content .thumb { width:38%; height:304px; display:inline; float:left; background-size:contain; background-position:left; background-repeat:no-repeat; }

 .projline .content .right { width:60%; margin-left:2%; display:inline; float:left; height:304px; position:relative; }

 .projline .content .right .incol { display:inline; float:left; }

 .projline .content .right .incol b { font-weight:600; }

 .projline .content .right .top .c-team { width:25%; overflow:hidden; }

 .projline .content .right .top .c-size { width:25%; overflow:hidden; }

 .projline .content .right .top .c-awards { width:50%; overflow:hidden; }

 .projline .content .right .bottom { height:auto; position:absolute; bottom:-4px; width:100%; }

 .projline .content .right .bottom .c-descrip { width:66.66%; padding-right:20px; max-height:140px; overflow:hidden; }

 .projline .content .right .bottom .c-link { width:66.66%; height:20px; }

 .projline .content .right .bottom .c-link a { color:#f69994; }

 .single-projects .endblock .datablock { padding-bottom:0; }

 .studiocards { margin:140px auto 0px auto; }

 .studiocards h1 { font-family:'BentonSansCondensed'; margin:0px; padding:0px; }

 .studiocards h2 { font-family:'BentonSansCompressed'; font-weight:normal; }

 .studiocards .bioblock { padding:0px 20% 48px 28px; width:100%; margin:0px auto; max-width:1300px; }

 .studiocards .split { width:100%; position:relative; float:left; overflow:hidden; height:auto; }

 .studiocards .split .l,.studiocards .split .r { display:inline-block; float:left; vertical-align:top; width:50%; overflow:hidden; }

 .studiocards .qcard { float:left; border-top:1px solid #000; width:100%; background-color:#fff; overflow:visible; position:relative; }

 .studiocards .qcard .c3img { position:absolute; width:30%; padding-bottom:25%; background-size:contain; background-position:center center; background-repeat:no-repeat; }

 .studiocards .qcard .c3img.a { top:-4%; left:5%; }

 .studiocards .qcard .c3img.b { top:64%; left:25%; }

 .studiocards .qcard .c3img.c { top:-4%; right:25%; }

 .studiocards .qcard .c3img.d { top:64%; right:5%; }

 .studiocards .qcard .c7img { position:absolute; width:30%; padding-bottom:30%; background-size:contain; background-position:center center; background-repeat:no-repeat; }

 .studiocards .qcard .c7img.a { top:-4%; left:5%; }

 .studiocards .qcard .c7img.b { top:80%; left:20%; }

 .studiocards .qcard .c7img.c { top:-6%; right:0; left:0; margin:0 auto; }

 .studiocards .qcard .c7img.d { top:80%; right:20%; }

 .studiocards .qcard .c7img.e { top:-4%; right:5%; }

 .studiocards .qcard .question { color:#000; font-family:'BentonSansCompressed'; font-weight:400; font-size:32px; line-height:40px; text-align:center; padding:24px 24px 0 24px; position:absolute; width:100%; }

 .studiocards .qcard .question.w { color:#fff; }

 .studiocards .qcard .qimage { position:absolute; top:0; left:0; right:0; width:90%; font-size:12px; margin:80px auto 0 auto; text-align:center; background-size:contain; background-position:center center; background-repeat:no-repeat; overflow:hidden; }

 .studiocards .qcard .qimage .innerimg { width:100%; position:relative; }

 .studiocards .qcard .qimage .innerimg .l,.studiocards .qcard .qimage .innerimg .r { width:40%; display:inline-block; position:relative; background-size:contain; background-position:center center; background-repeat:no-repeat; }

 .studiocards .qcard .qimage .innerimg .l img,.studiocards .qcard .qimage .innerimg .r img { width:100%; height:auto; }

 .studiocards .qcard.b { background-color:#02233f; }

 .studiocards .qcard.p { background-color:#f66d73; }

 .studio { padding:0px 28px 0px 28px; width:100%; overflow:auto; margin:140px auto 0px auto; max-width:1300px; font-family:'BentonSansCondensed'; }

 .studio .main { min-width:695px; width:68.5%; float:left; background-position:bottom right; background-size:cover; display:inline; }

 .studio .main img { width:70%; display:inline; float:left; }

 .studio .main .caption { width:20%; padding-left:22px; display:inline; float:left; }

 .studio .bio { padding-top:0px; width:68.5%; float:left; }

 .studio .studioimgs,.studio .teamimgs { position:relative; overflow:auto; width:100%; text-align:center; }

 .studio .studioimgs .l,.studio .teamimgs .l,.studio .studioimgs .r,.studio .teamimgs .r,.studio .studioimgs .space,.studio .teamimgs .space { display:inline-block; margin:0px auto; vertical-align:middle; background-size:contain; }

 .studio .studioimgs .l,.studio .teamimgs .l { width:60%; padding-bottom:34%; }

 .studio .studioimgs .r,.studio .teamimgs .r { width:30%; padding-bottom:20%; }

 .studio .studioimgs .space,.studio .teamimgs .space { width:1%; padding-bottom:2%; }

 .studio .teamimgs { margin-top:20px; }

 .studio .teamimgs .l,.studio .teamimgs .r,.studio .teamimgs .space { display:inline; float:left; }

 .studio .teamimgs .l { width:55%; }

 .studio .teamimgs .r { margin-top:14%; }

 .studio .mission h2 { font-size:32px; line-height:40px; font-weight:normal; clear:both; text-align:left; padding-left:20%; width:50%; }

 .studio .mission p { font-family:'BentonSansCompressed'; width:50%; padding-left:20%; margin:0px auto; font-size:32px; line-height:40px; font-weight:normal; float:left; }

 .studio .mission p strong { font-family:'BentonSansCompressed'; font-weight:600; }

 .studio h1 { font-family:'BentonSansCondensed'; margin:0px; padding:0px; }

 .studio h2 { font-family:'BentonSansCompressed'; font-weight:normal; }

 .studio .pillarholder { width:60%; margin:0px auto 16px auto; padding-right:0px; float:left; }

 .studio .innerpillars { position:relative; float:left; width:100%; }

 .studio .innerpillars .left,.studio .innerpillars .right { width:50%; display:inline; float:left; padding:20px; vertical-align:top; }

 .studio .innerpillars .left .inner,.studio .innerpillars .right .inner { padding-top:20px; margin-bottom:64px; }

 .studio .innerpillars .left .inner h1,.studio .innerpillars .right .inner h1 { margin-top:8px; }

 .studio .innerpillars .left .inner img,.studio .innerpillars .right .inner img { width:100%; }

 .studio .innerpillars .left .inner p,.studio .innerpillars .right .inner p { margin-top:8px; width:80%; }

 .studio .innerpillars .left .inner:nth-child(2),.studio .innerpillars .right .inner:nth-child(2) { padding-left:0px; }

 .studio .innerpillars .right { margin-top:164px; padding-top:120px; }

 .studio .latony .l,.studio .latony .r { display:inline; float:left; position:relative; }

 .studio .latony .l { width:20%; padding-top:20%; padding-left:5%; }

 .studio .latony .l img { position:absolute; width:100%; }

 .studio .latony .r { float:right; width:65%; }

 .studio .latony .r .image { width:80%; float:left; }

 .studio .latony .r .image img { width:100%; }

 .studio .latony .r .copy { padding-top:22px; width:80%; float:left; }

 .studio .historysec .top { width:100%; }

 .studio .historysec .top .l,.studio .historysec .top .r { display:inline; float:left; display:inline; }

 .studio .historysec .top .l { width:40%; }

 .studio .historysec .top .r { float:right; padding-top:60px; width:50%; padding-left:22px; padding-right:13%; }

 .studio .historysec .top .r img { width:100%; }

 .studio .historysec .bottom img { width:52%; padding-left:0px; float:right; padding-right:13%; }

 .studio .partners .topcopy { width:50%; margin-bottom:50px; }

 .studio .partners .topcopy h2 { margin-top:0px; }

 .studio .partners .topcopy p { margin-top:8px; }

 .studio .partners .bioentry .biopic { position:relative; }

 .studio .partners .bioentry .bioinfo { padding:0px; }

 .studio .partners .bioentry .bioinfo h1 { margin-top:4px; }

 .studio .partners .bioentry .bioinfo p { margin-top:2px; }

 .studio .partners .bioentry.Frederick { padding-left:5%; }

 .studio .partners .bioentry.Frederick .biopic { width:38%; margin-left:6%; display:inline-block; vertical-align:middle; }

 .studio .partners .bioentry.Frederick .bioinfo { padding-left:30px; width:43%; display:inline-block; vertical-align:middle; }

 .studio .partners .bioentry.Frederick .bioinfo h1 { margin-top:-7px; }

 .studio .partners .bioentry.David,.studio .partners .bioentry.Joseph { width:38%; display:inline-block; position:relative; float:none; vertical-align:top; }

 .studio .partners .bioentry.David .biopic,.studio .partners .bioentry.Joseph .biopic { width:100%; display:block; float:left; height:auto; }

 .studio .partners .bioentry.David .bioinfo,.studio .partners .bioentry.Joseph .bioinfo { width:100%; display:inline-block; vertical-align:middle; }

 .studio .partners .bioentry.David { margin-top:-8%; }

 .studio .partners .bioentry.Joseph { margin-top:45px; float:right; }

 .studio .partners .bioentry2 { overflow:auto; float:left; position:relative; width:45%; display:block; margin-top:0; margin-bottom:100px; }

 .studio .partners .bioentry2 .biopic { position:relative; }

 .studio .partners .bioentry2 .bioinfo { padding:0px; clear:both; }

 .studio .partners .bioentry2 .bioinfo h1 { margin-top:4px; font-size:16px; font-weight:600; font-family:'BentonSansCondensed'; }

 .studio .partners .bioentry2 .bioinfo p { margin-top:2px; }

 .studio .partners .bioentry2.bioright { position:relative; width:45%; margin-top:100px; margin-bottom:0; float:right; }

 .studio .nextgen { margin-bottom:25px; }

 .studio .nextgen h2 { width:60%; float:left; clear:both; }

 .studio .nextgen h2 p { margin:-12px 0px 24px 0px; padding:0px; }

 .studio .nextgen .ngblocks { width:100%; float:left; }

 .studio .nextgen .ngblock { display:inline; float:left; width:25%; padding-right:12px; position:relative; }

 .studio .nextgen .ngblock .image { width:100%; }

 .studio .nextgen .ngblock .copy { width:100%; padding-top:4px; }

 .studio .nextgen .ngblock .copy b { font-family:'BentonSansCompressed'; }

 .studio .team h2 { width:60%; }

 .studio .team h2 p { padding:0px; margin:0px; }

 .studio .teamlist { font-size:16px; line-height:22px; clear:both; width:100%; float:left; }

 .studio .teamlist .teamcol { font-family:'BentonSansCompressed'; display:inline; float:left; width:25%; }

 .studio .teamlist .teamheader { font-size:18px; font-weight:bold; margin:24px 0px 12px 0px; padding:0px; }

 .studio .teamlist h1 { font-family:'BentonSansCompressed'; font-size:16px; line-height:22px; font-weight:600; margin:12px 0px 0px 0px; padding:0px; }

 .studio .teamlist .licensing { font-weight:400 !important; }

 .studio .sustainability .image { width:100%; margin:1px 12% 0px 0px; text-align:right; }

 .studio .sustainability .image img { margin:0px auto; width:59.6%; }

 .studio .sustainability .bottom { width:100%; position:relative; }

 .studio .sustainability .bottom .l,.studio .sustainability .bottom .r { display:inline-block; vertical-align:top; }

 .studio .sustainability .bottom .l { width:40%; padding-top:12%; padding-right:36px; }

 .studio .sustainability .bottom .l .image img { float:right; width:100%; }

 .studio .sustainability .bottom .r { width:50%; }

 .studio .sustainability .bottom .r h1 { margin-top:8px; }

 .page-delight { background-color:#0a2440; color:#fff; }

 .page-delight .logohead .logostatic .black { opacity:0; }

 .page-delight .logohead .logostatic .white { opacity:1; }

 .page-delight .menu ul li ul { background-color:transparent; color:#fff; }

 .page-delight .menu a { color:#fff; }

 .page-delight .wholehead { background-color:transparent; }

 .page-delight .wholehead .header .logo { background-image:url('/wp-content/uploads/logo-white.png'); }

 .mobiledelights { margin-top:78px; width:100%; position:relative; padding:16px; float:left; display:none; }

 .mobiledelights .mobdelight { width:100%; float:left; display:block; margin-bottom:32px; }

 .mobiledelights .mobdelight img { width:100%; }

 .delights { margin-top:0px !important; padding:0px 28px 0px 28px; overflow:hidden; width:100%; height:100vh; }

 .delights .delight { width:280px; height:280px; position:absolute; top:0px; left:0px; bottom:auto; }

 .delights .delight:hover { cursor:move; z-index:1000; }

 .delights .delight .image { height:280px; background-size:contain; width:100%; }

 .delights .delight .expanded { display:none; width:500px; left:300px; top:0px; position:absolute; }

 .delights .delight .expanded.on { display:block; }

 .delights .delight .close { top:296px; position:absolute; width:48px; height:48px; background-image:url('/wp-content/uploads/closex.svg'); background-size:contain; background-position:center center; background-repeat:no-repeat; display:none; }

 .delights .delight .close.on { display:block; }

 .delights .delight .close:hover { cursor:pointer; }

 .note { position:absolute; bottom:14px; left:28px; color:#fff; font-family:'BentonSansCompressed'; font-size:32px; line-height:40px; }

 .chunk { clear:both; margin:0px auto; width:100%; border:0px solid #ccc; margin-bottom:20px; position:relative; overflow:auto; }

 .chunk img { max-width:100%; }

 .chunk.partners { margin-top:128px; }

 .chunk.team { margin-top:32px; }

 .chunk.custom-html { margin-bottom:80px; }

 .chunk:last-child { margin-bottom:80px; }

 .bioentry { clear:both; float:left; margin-bottom:28px; }

 .biopic img { width:100%; }

 .bioinfo { position:relative; float:left; width:100%; padding-left:178px; padding-right:56px; }

 .pblocks { padding-top:28px; }

 .pblock { width:100%; position:relative; padding:0px; margin-top:60px; margin-bottom:60px; overflow:visible; min-height:200px; height:auto; float:left; }

 .pblock .details { position:absolute; top:12px; right:12px; background:#fff; font-size:10px; z-index:100; padding:8px; }

 .pblock .details.noborder { display:none; }

 .pblock.pquote { margin-top:10px; margin-bottom:10px; }

 .pinner { position:relative; display:inline; background-position:center center; background-size:contain; background-repeat:no-repeat; overflow:visible; }

 .pinner .scrollpos { position:absolute; top:12px; left:12px; background:#fff; padding:8px; color:#000; z-index:150; font-size:12px; }

 .pinner .scrollpos.off { display:none; }

 .pinner.coverme { background-size:contain; }

 .pinner img { width:100%; height:auto; }

 .ptxt { position:relative; width:100%; float:left; }

 .ptxt.full { width:78%; margin:0px auto; float:none; }

 .ptxt h2 { font-size:18px; }

 .ptxt p { font-family:'BentonSansBook'; font-size:16px; line-height:22px; }

 .pinner.c1 { width:100%; text-align:center; float:left; margin:32px auto 16px auto; background-position:left; }

 .pinner.c1 img { width:78%; margin:0px auto; height:auto; }

 .c2 { width:49%; display:inline; }

 .c2:first-child { float:left; }

 .c2:last-child { float:right; }

 .c3l { display:block; float:left; width:100%; }

 .c3r { display:block; float:right; width:100%; }

 .c3r:first-child { margin-bottom:28px; border-bottom:1px solid #f00; }

 .pblock.short { height:auto; }

 .projindexholder { padding:0px 28px; clear:both; max-width:1300px; margin:130px auto 80px auto; }

 .pinholder.c3 { width:48.5%; display:inline; }

 .pinholder.c3:first-child { float:left; }

 .pinholder.c3:last-child { float:right; }

 .debug { position:fixed; width:100px; right:16px; font-size:8px; padding:8px; color:#000; background-color:#fff; z-index:100; }

 .debug:hover { cursor:pointer; background-color:#ff0; }

 .hideborders { top:8px; }

 .ccchange { top:34px; }

 .pos { top:84px; }

 .noborder { border:0px !important; }

 .footer { color:#000; background-color:#e6e6e6; position:relative; overflow:auto; font-size:16px; line-height:20px; padding:14px 30px; }

 .footer .inner { margin:0px auto; max-width:1242px; width:100%; }

 .footer .inner .quad { padding:16px 0; float:left; width:25%; }

 .footer .inner .quad .menu-footer-container { display:block; overflow:auto; }

 .footer .spacer { height:10px; }

 address { text-decoration:none; font-style:normal; }

 .press,.opportunities { padding:128px 28px 0px 28px; width:100%; overflow:auto; margin:0px auto; max-width:1300px; font-family:'BentonSansCondensed'; }

 .press .main,.opportunities .main { display:block; float:left; }

 .press .main img,.opportunities .main img { width:80%; height:auto; display:inline; float:left; }

 .press .main .caption,.opportunities .main .caption { width:20%; padding-left:22px; display:inline; float:left; }

 .press .inner,.opportunities .inner { float:left; clear:both; display:block; width:80%; margin-bottom:64px; }

 .press .inner p,.opportunities .inner p { margin-bottom:2em; }

 .opportunities ul { margin-left:1.8rem; }

 .opportunities ul li { list-style-type:disc; }

 .clearfix { clear:both; }

 @media (max-width:900px) { .logohead .logostatic img { width:50%; max-width:415px; top:61px; }

 .logohead .logostatic.sm img { width:50%; }

 }

 @media (max-width:767px) { .logohead { display:none; }

 .wholehead .logo { display:block !important; }

 .wholehead { height:100px; }

 .wholehead.sm { height:90px; }

 .wholehead.sm .header { width:100%; padding:18px 0px 0px 28px; }

 .wholehead.sm .header .logo { display:block; width:260px; background-position:top left; }

 .wholehead.sm .menu { clear:both; padding-top:0; float:left; padding-left:28px; padding-right:0px; margin-bottom:14px; font-size:17px; line-height:20px; }

 .header { width:100%; padding:23px 0px 0px 28px; }

 .header .logo { width:260px; background-position:top left; }

 .header .logo.white { background-image:url('/wp-content/uploads/logo-white.png'); }

 .homegallery .homethumb { width:100%; padding-bottom:0px; margin:0px 0px 20px 0px; }

 .menu { clear:both; padding-top:0px; float:left; padding-left:28px; padding-right:0px; margin-bottom:14px; font-size:17px; line-height:20px; }

 .menu ul li { margin-right:20px; margin-left:0px; margin-bottom:1px; }

 .menu ul li ul { top:20px; width:180px; }

 .home2 { display:none; }

 .mobcontent { display:block; }

 .mobcontent p { font-size:24px; line-height:30px; }

 .mobcontent .pg { position:relative; display:inline-block; width:100%; height:100vh; margin:0px auto; pointer-events:none; }

 .mobcontent .pg .pgbg { position:absolute; z-index:1; width:100%; height:100vh; left:0px; top:0px; pointer-events:none; background-size:cover; background-position:center center; }

 .mobcontent .pg .pgbg .bg-video { background:#000; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }

 .mobcontent .pg .pgbg .bg-video video { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; }

 .mobcontent .pg .copy { font-family:'BentonSansCondensed'; font-size:24px; line-height:30px; width:auto; padding:0 28px 0 28px; }

 .mobcontent .pg1 .homecopy .copy { width:auto; left:0px; right:0px; bottom:92px; }

 .mobcontent .copy { font-family:'BentonSansCondensed'; font-size:24px; width:100%; padding:8px 28px; }

 .mobcontent img { width:100%; margin:0px auto 16px auto; }

 .mobcontent .home2thumb { width:100%; border-right:0px; padding-bottom:75%; border-bottom:2px solid #fff; border-right:0; }

 .mobcontent .specialfooter .footer { display:block; position:relative !important; height:auto !important; }

 .mobprojects { margin:16px 0 0 0; }

 .mobprojects .inner .home2thumb { float:inherit; }

 .projectsnew .inner { padding:0 28px; }

 .projectsnew .inner .home2thumb { width:100%; padding-bottom:75%; border-bottom:2px solid #fff; border-right:0; }

 .mobiledelights { display:block; }

 .delights { display:none; }

 .note { display:none; }

 .studiocards .bioblock { padding:0px 28px 48px 28px; }

 .studiocards .split .l,.studiocards .split .r { width:100%; }

 .bioentry2 { position:relative !important; display:block !important; clear:both !important; float:none !important; margin-bottom:30px !important; margin-top:30px; width:100% !important; }

 .bioentry2.bioright { margin-top:30px; margin-bottom:30px; }

 .biopic { position:relative; margin-bottom:14px; }

 .bioinfo { padding-left:0px; padding-right:14px; }

 .projectholder .description { width:100%; }

 .projectholder .topblock .primaryimage { width:100%; }

 .projectholder .topblock .caption { position:relative; left:0px; width:100%; padding:0px; }

 .endblock .datablock .datacol { width:50%; }

 .endblock .datablock .datacol:nth-child(3) { clear:both; }

 .studiocards { margin:140px auto 0px auto; }

 .studiocards .qcard { float:left; overflow:auto; }

 .studiocards .qcard .c3img { position:relative; width:100%; padding-bottom:50%; }

 .studiocards .qcard .c3img.a,.studiocards .qcard .c3img.b,.studiocards .qcard .c3img.c,.studiocards .qcard .c3img.d { top:unset; left:unset; right:unset; }

 .studiocards .qcard .c7img { position:relative; width:100%; padding-bottom:50%; }

 .studiocards .qcard .c7img.a,.studiocards .qcard .c7img.b,.studiocards .qcard .c7img.c,.studiocards .qcard .c7img.d,.studiocards .qcard .c7img.e { top:unset; left:unset; right:unset; }

 .studiocards .qcard .qimage { padding-bottom:50%; position:relative; margin:30px auto 30px auto; }

 .studiocards .qcard .qimage .innerimg .l,.studiocards .qcard .qimage .innerimg .r { width:100%; padding-bottom:50%; }

 .studiocards .qcard .qimage.winner { padding-bottom:0; }

 .studiocards .qcard .question { position:relative; }

 .home .l,.home .r { width:100% !important; }

 .home .main,.home .p1,.home .set1,.home .p2,.home .set2,.home .quote { padding:0px; width:100%; background-position:bottom center; background-size:cover; }

 .home .main { min-width:100%; padding-bottom:50%; }

 .home .main img { width:100%; }

 .studio .l,.studio .r,.studio .left,.studio .right,.studio .inner,.studio .copy,.studio .topcopy,.studio .biopic,.studio .bioentry,.studio .bioinfo,.studio .teamcol,.studio h1,.studio h2 { width:100% !important; padding:0px !important; }

 .studio p { padding:0px !important; width:100% !important; }

 .studio .main,.studio .bio,.studio .studioimgs,.studio .mission,.studio .pillars,.studio .pillarholder,.studio .latony,.studio .historysec,.studio .partners,.studio .nextgen,.studio .teamimgs,.studio .team,.studio .sustainbility { padding:0px; width:100%; }

 .studio .ngblocks .ngblock { width:100%; margin-bottom:16px; padding-right:0px; }

 .studio .chunk.main { min-width:100%; padding-bottom:72%; }

 .studio .chunk.main img { width:100%; margin-bottom:8px; }

 .studio .studioimgs .l,.studio .studioimgs .r { padding:0px; padding-bottom:80% !important; }

 .studio .studioimgs .main img { width:100%; }

 .studio .latony .l { overflow:auto; }

 .studio .historysec .top .l img,.studio .historysec .top .r img { width:100%; padding:0px; }

 .studio .historysec .bottom img { width:100%; padding:0px; }

 .studio .partners .bioentry { display:block !important; float:left !important; margin:0px 0px 32px 0px !important; }

 .studio .partners .bioentry .biopic { height:auto !important; margin-bottom:8px; }

 .studio .pillars .innerpillars .inner { margin-bottom:12px; }

 .studio .team .teamlist .teamcol:last-child .teamheader { display:none; }

 .studio .teamimgs .l { width:100% !important; padding-bottom:65% !important; }

 .studio .teamimgs .r { width:100% !important; padding-bottom:78% !important; margin:0px !important; }

 .studio .sustainability .image { margin-top:12px; }

 .studio .sustainability .image img { width:100%; }

 .studio .sustainability h1 { margin-top:16px; }

 .pblocks { padding-top:0px; }

 .pblock { overflow:auto; margin:20px 0px; }

 .ptxt { width:100%; }

 .ptxt.full { width:100%; }

 .midquote h1 { width:100% !important; }

 .projline:hover { background-color:inherit; }

 .projline .i-loc,.projline .i-date,.projline .i-lead,.projline .i-sf { display:none; }

 .projline .i-name { width:75%; }

 .projline .i-cat { width:25%; }

 .projline .content { display:none; height:auto; float:left; }

 .projline .content .thumbm { display:block; margin-bottom:2.5em; }

 .projline .content .thumb { display:none; }

 .projline .content .right { width:100%; height:auto; margin-left:0; }

 .projline .content .right .incol b { font-weight:600; }

 .projline .content .right .incol.c-size { width:50%; max-height:none; overflow:auto; }

 .projline .content .right .incol.c-team { width:100%; max-height:none; overflow:auto; }

 .projline .content .right .incol.c-awards { width:100%; margin:1em auto; max-height:none; overflow:auto; }

 .projline .content .right .bottom { position:relative; bottom:auto; width:100%; }

 .projline .content .right .bottom .c-descrip { width:100%; max-height:none; }

 .projline .content .right .bottom .c-link { width:100%; margin:0 auto 40px auto; }

 .projline.expanded { min-height:0; }

 .press .main img,.opportunities .main img { width:100%; }

 .press .inner,.opportunities .inner { width:100%; }

 .footer { font-family:'BentonSansCompressed'; overflow:auto; height:auto; padding:14px 28px; }

 .footer .inner .quad { padding-top:14px; width:100%; }

 .debug,.pblock .details,.scrollpos { display:none; }

 }

 .blogArchive { max-width:1300px; margin:140px auto; }

 .blogArchive__pagination { padding:18px; }

 .blogArchive__pagination h2 { display:none; }

 .blogArchive__pagination .nav-links { display:-webkit-box; display:-ms-flexbox; display:flex; }

 .blogArchive__pagination .nav-links > a,.blogArchive__pagination .nav-links > span { margin-right:14px; }

 .blogGrid { display:flex; flex-wrap:wrap; }

 .blogGrid__inner { padding:0; }

 .blogGrid__post { flex-basis:30%; padding:0; margin:1%; position:relative; }

 .blogGrid__featured { margin:0; height:330px; overflow:hidden; }

 .blogGrid__featured img { padding:0; height:100%; object-fit:cover; max-width:100%; width:100%; transition:all 0.35s ease-in-out; }

 .blogGrid__featured__featured:hover img { transform:scale(1.2); }

 .blogGrid__featured figcaption { background-color:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; width:100%; padding:10px; box-sizing:border-box; }

 .blogGrid__featured figcaption h2 { font-family:"BentonSansCondensed"; font-size:20px; font-weight:500; margin:0; }

 .blogGrid__featured figcaption a { color:white; }

 .blogGrid__featured--nopic { background-color:#e6e6e6; padding:14px; }

 .blogGrid__featured--nopic h2 { margin:0; }

 @media (max-width:768px) { .blogGrid__post { flex-basis:48%; }

 .blogGrid__featured { height:280px; }

 .blogGrid__featured figcaption h2 { font-size:17px; line-height:25px; }

 }

 @media (max-width:420px) { .blogGrid__post { flex-basis:100%; }

 }

 .blogSingleContainer { display:flex; max-width:1200px; margin:0 auto 80px auto; padding:20px; }

 .blogSingleContainer .inner { margin-bottom:100px; }

 .blogSingleContainer h1 { text-align:center; }

 .blogSingleContainer main { flex-basis:80%; margin-right:100px; }

 .blogSingleContainer aside { flex-basis:20%; }

 .blogSingleContainer .postMeta { font-size:13px; color:#3e3e3e; text-align:right; }

 .blogSocialIcons { display:flex; margin:10px 0; }

 .blogSocialIcons svg { margin-right:6px; width:40px; height:40px; }

 .blogSocialIcons a { transition:all 0.2s ease-in-out; }

 .blogSocialIcons a:hover { transform:scale(1.1); }

 @media (max-width:767px) { .blogSingleContainer { flex-direction:column; }

 .blogSingleContainer main { margin-right:0; margin-top:40px; }

 .blogSingleContainer aside { margin-top:40px; }

 }

 @font-face { font-family:'BentonSansBook'; src:url('../fonts/Benton-Sans-Book-FF&P.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'BentonSansBook'; src:url('../fonts/Benton-Sans-Book-Italic-FF&P.otf'); font-weight:normal; font-style:italic; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Book-FF&P.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Book-Italic-FF&P.otf'); font-weight:normal; font-style:italic; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Medium-FF&P.otf'); font-weight:600; font-style:normal; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Medium-Italic-FF&P.otf'); font-weight:600; font-style:italic; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Bold-FF&P.otf'); font-weight:bold; font-style:normal; }

 @font-face { font-family:'BentonSansCompressed'; src:url('../fonts/Benton-Sans-Compressed-Bold-Italic-FF&P.otf'); font-weight:bold; font-style:italic; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Book-FF&P.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Book-Italic-FF&P.otf'); font-weight:normal; font-style:italic; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Medium-FF&P.otf'); font-weight:600; font-style:normal; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Medium-Italic-FF&P.otf'); font-weight:600; font-style:italic; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Bold-FF&P.otf'); font-weight:bold; font-style:normal; }

 @font-face { font-family:'BentonSansCondensed'; src:url('../fonts/Benton-Sans-Condensed-Bold-Italic-FF&P.otf'); font-weight:bold; font-style:italic; }

 figure { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

 figure { position:relative; }

 figcaption { text-align:center; line-height:24px; font-size:16px; }

 figure[data-type=table] { clear:both; }

 figure[data-type=video] { position:relative; margin-bottom:24px; text-align:center; clear:both; }

 figure[data-type=video] p { margin:0; }

 figure[data-type=video].wy-figure-full p { position:relative; padding-bottom:51%; width:100%; height:0; }

 figure[data-type=video].wy-figure-full iframe { width:100%; height:100%; position:absolute; left:0; top:0; }

 figure[data-type=image] { position:relative; margin-bottom:24px; }

 figure[data-type=image] img { width:100%; }

 figure[data-type=image].wy-figure-large { width:100%; clear:both; }

 figure[data-type=image].wy-figure-medium { width:50%; }

 figure[data-type=image].wy-figure-small { width:33%; }

 figure[data-type=quote] { font-family:"Georgia", serif; margin-bottom:24px; margin-left:24px; font-style:italic; position:relative; border-left:solid 5px #404040; padding-left:24px; }

 figure[data-type=quote] figcaption { font-weight:bold; text-align:left; }

 figure[data-type=quote].wy-figure-medium { font-size:20px; }

 figure[data-type=quote].wy-figure-large { font-size:24px; }

 figure[data-type=quote].wy-figure-right { width:33%; }

 figure[data-type=quote].wy-figure-left { width:33%; border-left:none; border-right:solid 5px #404040; padding-left:0; padding-right:24px; margin-left:0; margin-right:24px; }

 figure[data-type=quote] cite { display:block; text-align:left; font-weight:bold; }

 figure[data-type=quote] cite:before { content:"\2014\00a0"; }

 .wy-figure-right { float:right; margin-left:24px; }

 .wy-figure-right .wy-figure-controls { right:0; }

 .wy-figure-left { float:left; margin-right:24px; }

/*# sourceMappingURL=main.css.map */