/*  Theme Name: Bespoke 
	Description: 1.4.1
	Author: Addedlovely
*/

/* ==========================================================================
	Fonts
   ========================================================================== */
@import url("//hello.myfonts.net/count/2a9559");

/**
 * @license
 * MyFonts Webfont Build ID 2790745, 2014-04-08T11:30:34-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Sabon Pro Italic by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/sabon/pro-italic/
 * Licensed pageviews: 500,000
 * 
 * Webfont: Sabon Pro Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/sabon/pro-roman/
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2790745
 * Webfonts copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 2008 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be reproduced, 
 * 
 * © 2014 MyFonts Inc
*/
  
@font-face {font-family: 'Sabon';src: url('fonts/2A9559_0_0.eot');src: url('fonts/2A9559_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2A9559_0_0.woff') format('woff'),url('fonts/2A9559_0_0.ttf') format('truetype'); font-style: italic; }
 
  
@font-face {font-family: 'Sabon';src: url('fonts/2A9559_1_0.eot');src: url('fonts/2A9559_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2A9559_1_0.woff') format('woff'),url('fonts/2A9559_1_0.ttf') format('truetype');}

@font-face {
  font-family: 'ala';
  src: url('fonts/ala.eot?35650507');
  src: url('fonts/ala.eot?35650507#iefix') format('embedded-opentype'),
       url('fonts/ala.woff2?35650507') format('woff2'),
       url('fonts/ala.woff?35650507') format('woff'),
       url('fonts/ala.ttf?35650507') format('truetype'),
       url('fonts/ala.svg?35650507#ala') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "ala"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before { content: '\e800'; } /* '' */
.icon-instagram:before { content: '\e801'; } /* '' */
.icon-pinterest:before { content: '\e802'; } /* '' */
.icon-mail:before { content: '\e803'; } /* '' */
.icon-linkedin:before { content: '\e804'; } /* '' */
.icon-gplus:before { content: '\e805'; } /* '' */
.icon-facebook:before { content: '\e806'; } /* '' */
.icon-close:before { content: '\e807'; } /* '' */
.icon-left:before { content: '\e808'; } /* '' */
.icon-right:before { content: '\e809'; } /* '' */
.icon-menu:before { content: '\e80a'; } /* '' */
.icon-down:before { content: '\e80b'; } /* '' */

/* ==========================================================================
	Helpers
   ========================================================================== */
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.center {display:block; margin-left: auto; margin-right:auto;} 
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.browsehappy {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #000; color: #fff;}

.fluid-video {position: relative;}
.fluid-video iframe {position: absolute; top:0; left:0; bottom: 0; right:0; height: 100%; width: 100%;} 
.fluid-video:before {padding-top: 56.25%; content: ''; display: block;}

.grey {background-color: #EBEBEB;}

.bt {position: relative;}
.bt:after {border-top:3px solid transparent; position: absolute; top:0; left:8px; right:8px; content:'';}

.hotspot, .hotspot.active:before {position: absolute; top:0; bottom: 0; right:0; left:0; cursor: pointer; z-index: 1;}
.hotspot.active:before {content:''; background: rgba(192,192,192,0.5); left:8px; right:8px;}

div.hotspot.active:before {display: none;} /* Fix for title links */

.tint {position: relative;}
.tint:before {content: ''; position: absolute; top:0; bottom: 0; left:0; right:0; mix-blend-mode: multiply;}

/* Lazyload */
img.lazy { opacity: 0; transition: opacity 1s; }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }

/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;} 
*, *:before, *:after  {box-sizing: inherit;}

body {background: #ffffff; color: #000; }
img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}
iframe {border: 0;}
figure { margin:0; }

/* ==========================================================================
	Typography
   ========================================================================== */
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.375; }
h1, h2, h3, h4 {font-weight: normal; font-size: inherit;}
p {margin-bottom: 16px;}
a {text-decoration: none; outline: none; color: inherit;}
cite, address {font-style: normal;}

.f-12 {font-size: 12px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px;}
.f-17 {font-size: 17.5px;}
.f-20 {font-size: 20px;}
.f-26 {font-size: 26px;}
.f-44 {font-size: 44px;}

.sanserif {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: normal;}
.serif {font-family: 'Sabon'; letter-spacing: -0.044em;}
.italic {font-style: italic;}
.red {color: #FF0F00;}

/* ==========================================================================
	Forms
   ========================================================================== */
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none;}
input[type=text], input[type=submit], input[type=email], input[type=password] {-webkit-appearance: none; border-radius:0;}
input, select {height: 30px;} /* Input / select need to have height set and NOT lineheight (IE specifically) */
button, input[type="button"], input[type="submit"] {cursor: pointer;}
textarea {resize: none; overflow: auto; -webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; line-height: normal;}

::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

/* ==========================================================================
	Structure
   ========================================================================== */
body {margin-top: 80px;}
.wrap {background-color: #FFF; position: relative; z-index: 1;}
.container {padding-left: 14px; padding-right: 14px; max-width: 1024px; width: 100%; margin: auto; position: relative; display: block;}   

.block {padding: 8px 8px 0px 8px; border-left:1px solid #C1C1C1; margin-bottom: 32px; position: relative; background: #FFF; z-index: 1;}
.block h3 {margin-bottom: 24px;}
.block figure {position: relative; margin: 0;}
.block img {width: 100%; height: auto;}
.block .slideshow img {width: auto;}
.block div {line-height: 1.2;}

/* Slideshow */
.slick-dots {font-size: 0; position: absolute; bottom: 8px; left:8px; z-index: 1;}
.slick-dots li {display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #00DC00; list-style-type: none; margin-right: 8px; cursor: pointer;}
.slick-dots li.slick-active {background: #FFF;}

.slick-arrow {position: absolute; width: 50%; background:none; top:0; bottom: 16px; font-size: 0; z-index: 2;}
.slick-next { right:0; }
.slick-prev { left:0; }

/* ==========================================================================
	Header
   ========================================================================== */
.header {position: fixed; height: 80px; left:0; right:0; top:0; background: #FFF; z-index: 2; will-change: transform; -webkit-transition: transform 200ms linear;  transition: transform 200ms linear;}
.header .container {padding-top: 16px; padding-left: 0; padding-right: 0; max-width: 980px;}   
.headroom--pinned { -webkit-transform: translateY(0%); transform: translateY(0%);}
.headroom--unpinned {-webkit-transform: translateY(-100%); transform: translateY(-100%); }

/* ==========================================================================
	Menu
   ========================================================================== */
.menu {position: absolute; top:32px; right:0; line-height: 32px; text-align: right; font-size: 0;}
.menu ul {width: 100%; display: block; height: 32px;}
.menu li {list-style-type: none; display: inline-block;}
.menu a {padding: 0 20px; position: relative; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
.menu a:after, .menu > ul > li:first-of-type:before  {content: ''; height: 16px; width: 1px; background: #C1C1C1; position: absolute; right:0; top:0; bottom: 0; margin: auto;}
.menu > ul > li:first-of-type:before {right: auto; left:0;}
.menu.hover a { color: #969696; }
.menu.hover li.hover > a {color: #1D1D1B;}
.menu .has-submenu a {padding-right: 44px; }
.menu .has-submenu > a:before { content: '\e80b'; font-family: 'ala'; font-size: 8px; position: absolute; right: 20px; width: 14px; color: #C1C1C1; -webkit-transition: transform 200ms linear;  transition: transform 200ms linear;}
.menu .has-submenu.hover  a:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/* Social */
.menu-social { padding: 0 0 0 10px; }
.menu-social a { padding: 0 5px; color: #c1c1c1; }
.menu-social a:after { display: none; } 
.menu-social .icon-twitter { font-size: 13px; }

/* Burger */
.burger {display: none !important; line-height: 64px;  position: absolute; right: -8px; width: 64px; font-size: 32px; background: none; top:0; height: 64px; }
.burger:after, .burger:before { position: absolute; content: ''; margin: auto; left:0; right:0; bottom: 0; top:0; }
.burger:after {width: 32px; height: 24px; border-top:2px solid #000; border-bottom:2px solid #000; }
.burger:before {height: 2px; width: 32px; background: #000;}

/* Submenu */
.menu-submenu {position: absolute; left:0; top: 32px; width: 100%; background: #FFF; text-align: left; line-height: 1.3125; visibility: hidden; opacity: 0; -webkit-transition: height 0.5s ease-out; transition: height 0.5s ease-out; overflow:hidden;}
.menu-submenu-container { padding: 16px 20px 16px 20px; }
.menu-submenu a {display: block; padding: 0; color: #969696;}
.menu-submenu a:after {display: none;}
.hover .menu-submenu {visibility: visible; opacity: 1; height: 0;}


/* Submenu : Contact */
.menu-submenu-contact .menu-submenu-container {padding-left: 0; padding-right: 0; padding-bottom: 32px; padding-top: 0;}
.page-title {margin: 0 8px; border-top:32px solid transparent; display: block; text-align: left; height: 128px; line-height: 0.9; padding-top: 16px;}

/* Submenu : Contact Map */
.map {clear: both;} 
.map:before { padding-top: 66.393442622951%; content: ''; display: block; width: 100%;}

/* Submenu : Social */
.menu .social {position: static; margin-left: -8px;}
.menu .social a {color: #C0C0C0 !important; display: inline-block;}
.menu .social a:last-of-type {border-right: 0;}

/* ==========================================================================
	Homepage
   ========================================================================== */
.page-home { margin-top: 0; padding-top: 100%; padding-top: 100vh;}
.page-home .header .page-title {visibility: hidden;}
.page-home .header.headroom--not-top {background: #FFF;}
.page-home .wrap {padding-top: 16px;}

.homepage-slide {height: 100%; position: relative;}
.homepage-slideshow {color: #FFF; position:fixed !important; z-index: 0; top:0; left:0; bottom:0; right:0; background: #000; line-height: 1.15384615384615;}
.homepage-slideshow div {height: 100%;}
.homepage-slideshow figure, .homepage-slideshow figcaption  {position: absolute; left:0; right:0;}
.homepage-slideshow figure {top:80px; bottom: 72px;}
.homepage-slideshow figcaption { bottom: 0; background:#FFF; color: #000; height: 72px; padding: 16px 0;}
.homepage-slideshow figcaption .container div {position: relative;}
.homepage-slideshow p {margin-bottom: 0;}
.homepage-slideshow img { width: 100%; height: 100%; object-fit:cover; }

.scroll-to-news {background: none; position: absolute; right: 0; bottom: 0; width: 72px; height: 72px; text-align: center; cursor: pointer; color: #FF0F00; }
.scroll-to-news:before { width: 32px; height: 18px; font-size: 18px;  position: absolute; bottom: 0; right: 0; z-index: 2; top: 0; margin: auto; left: 0; right: 0;     line-height: 18px;}
.scroll-to-news:hover {color: #000;}

/* ==========================================================================
	Content
   ========================================================================== */
.close {height: 32px; position: relative; color: #FFF; display: block; margin-bottom: 10px; }
.close:before {position: absolute; top:0; right:0; width: 32px; text-align: center; line-height: 32px;}

.content {margin: 0 8px 16px 8px; position: relative;}
.content h1, .content h2 {padding: 0 16px; max-width: 704px; line-height: 1.13;}
.content h2 {margin-bottom: 24px;}
.content-article { position: relative; padding: 16px 16px 24px 16px; border-right:1px solid #C0C0C0;}
.content-article:before {content: ''; height: 1px; left:16px; right:16px; top: 0; background: #C0C0C0; display: block; position: absolute;}
.content-text {padding-left: 8px; padding-top: 8px;}
.content-text li {list-style-position: inside; margin-bottom: 4px;}
.content-text-column {padding-left: 0; margin-bottom: 44px; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px;}
.content-text-column p {display: inline-block;}
.content-text a { color: #FF230A;}

/* Content Slideshow */
.content-slideshow {border-bottom:1px solid #C0C0C0; padding-bottom: 16px;} 
.content-slideshow .slick-dots { position:static; margin-bottom: -16px; text-align: center; line-height: 24px;}
.content-slideshow .slick-dots li {background: #C1C1C1; vertical-align: middle;}
.content-slideshow .slick-dots .slick-active {background: #FFF;}
.content-slideshow .slide-text, .content-slideshow .slide-meta {display: none;}
.content-slideshow img { height: 100%; width: auto; object-fit:contain; }

.image-container { position: relative; padding-top:69.460227272727273%; width: 100%; }
.image-container img { position: absolute; top:0; left: 0; }

.social {position: absolute; bottom: 0; left:10px; line-height: 24px; height: 24px; font-size: 0;}
.social a {padding: 0 8px; border-right:1px solid #C0C0C0; color: #C0C0C0; font-size: 16px; line-height: 24px;}

/* Page */
.page .content-article:before {display: none;}

/* ==========================================================================
	Content : Ajax
   ========================================================================== */
.ajax-container {height: 0; overflow: hidden; /* -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; */ width: 100%; z-index: 0;}
.ajax-container.active {margin-bottom: 16px;}

/* ==========================================================================
	About 
   ========================================================================== */
.section-about .page-title {border-color:#75FFFE;}
.section-about .bg, .section-about .bt:after, .section-about .sidebar .bt:after  {background: #75FFFE;}
.section-about.tint-images .tint:before { background: #75FFFE; }	/* Tint Images */
.section-about .content-article { border-right: 0; }

/* ==========================================================================
	About : Publications
   ========================================================================== */
.publication {min-height: 152px; margin-bottom: 16px; background: #EBEBEB; width: 25%; float: left; }
.publication div {padding-bottom: 8px;}
.publication div:before, .publication div:after {top:0; bottom: 0; width: 8px; background: #FFF; content: ''; display: block; position: absolute; }
.publication div:before {left:0;}
.publication div:after {right: 0;}
.publication h3 {margin-bottom: 0px;  color: #FF0F00; display: block; }
.publication time {margin-bottom: 20px; display: block;}

.publication-filter {position: absolute; top: 32px; right: 22px; height: 46px; line-height: 46px; font-size: 0; }
.publication-filter a { padding-left: 16px; margin-left: 16px;  color: #969696;  height: 16px; line-height: 16px; text-align: right; display: inline-block; }
.publication-filter .active {color: #1D1D1B;}
.publication-filter-publication {border-left: 1px solid #C1C1C1;}

.section-publications.filtered .publication {display: none;}
.section-publications.filtered .publication.active {display: block;}
.section-publications:before { content: ''; top: 0; bottom: 0; background: #FFF; width: 1px; position: absolute; z-index: 2;}

/* ==========================================================================
	About : Vacancies
   ========================================================================== */
.vacancy h3 {margin-bottom: 16px;}
.vacancy {border-bottom: 1px solid #C0C0C0; margin-bottom: 8px; padding-bottom: 16px;}

/* ==========================================================================
	News
   ========================================================================== */
.page-news .page-title, .page-news .bt:after {border-color:#23DF28;}
.page-news .bg {background: #23DF28;}
.page-news .tint:before { background: #23DF28; }
.page-news.single div.ajax-container.active {height: auto !important;}

/* Grid */
.grid-sizer {width: 25%;}

/* News : Title */
.page-title-news {margin: 0 8px; padding: 16px 0 32px 0; clear:both; overflow: auto;}
.page-title-news h2 {width: 50%; float: right;}

/* News Container */
.news-container:before {content:''; top:0; bottom: 0; background: #FFF; width: 1px; position: absolute;  z-index: 2;}

/* News Block */
.news.block {float:left; margin-bottom: 16px;}
.news.block figure { position: relative; padding-top:69.515669515669516%; height: 0; }
.news.block img { position: absolute; top:0; left: 0; height: 100%; width: 100%; object-fit: cover; }
.news > div { /* min-height: 167px; */ overflow: hidden;}

/* News : Widths */
.news.block {width: 25%;}
.news.block:before, .slick-slide:before  {content:''; width: 100%; display: block; }
.news.block-large {width: 50%;}
.news.block-horizontal {width: 50%;}

/* Large */
.news.block-large { padding-top:0; }
.news.block-large > div {background: #00DC00; min-height: auto; padding: 8px; color: #FFF; position: absolute; top:0; left:8px; right:8px; z-index: 3; bottom: auto;}

/* Slideshow */
.news.block .slick-slide:before {padding-top: 66.666666666667%; }

/* Text */
.news.block-text:before {padding-top: 65.51724137931%; background: #E6E6E6;}
.news.block-text div {position: absolute; top:14px; left:8px; right:8px; min-height: 0;     bottom: 0;}
.news.block-text {padding-top: 0;}
.news.block-text figure {display: none;}

/* Vertical */
.news.block-vertical {padding-top: 0;}
.news.block-vertical:before { padding-top: 74.568965517241379%;}
.news.block-vertical div {position: absolute; top:16px; left:8px; right:8px; }
.news.block-vertical.director div {top:0;}

/* Horzontal */
.news.block-horizontal {padding-top: 0; grid-template-columns: repeat(2, 1fr); display: grid; grid-gap:0; } 
.news.block-horizontal:before { display: none; }
.news.block-horizontal div.hotspot { position: static; grid-column-start: 2; padding: 16px 8px;}
.news.block-horizontal figure { grid-row: 1; grid-column-start: 1; padding-top:66.112266112266112%; }

/* Hero */
.news.block-hero {width: 75%; padding-top: 0;}
.news.block-hero:before { padding-top: 43.956043956044%;}
.news.block-hero > div {color: #FFF; background: #23DF28; padding-top:13px;}
.news.block-hero > div, .news.block-hero figure { position: absolute; }
.news.block-hero > div {  top: 0; left: 8px; right: 66.666666666%; padding-right: 8px; padding-left: 8px; min-height: 0; bottom: 0;}
.news.block-hero figure { top: 0; left: 33.3333333%; right: 8px; bottom: 0; overflow: hidden;}
.news.block-hero h3 {position: absolute; bottom:0; left:8px; right:66.666666%; background: #FFF; margin-bottom: 0;}
.news.block-hero h3 span {position: absolute; padding: 8px; left:0; top:0; z-index: 1; background: #FFF; min-height: 100%;}
.news.block-hero h3:before {content:''; padding-top: 66.935483870968%; width:100%; display: block;}
.news.block-hero:after {display: none;}

/* Director Post */
.news.block.director div {background-color: #00DC00; color: #FFF;}
.news.block-vertical.director {padding-top: 0;}
.news.block-vertical.director:before { background-color: #00DC00;}
.news.block-vertical.director div {padding:8px; min-height: 178px;}
.news.block-text.director div {padding-left: 8px;}
.news.block-horizontal.director { padding-top: 0;}
.news.block-horizontal.director:before {padding-top: 31.666666666667%; background-color: #00DC00;}
.news.block-horizontal.director:after {display: none;}
.news.block-horizontal.director figure {top:0;}

/* ==========================================================================
	News : Single
   ========================================================================== */
.content .news-subtitle { border-bottom: 1px solid #B4B4B4; padding: 8px 0; margin: 0;}
cite { line-height: 40px; border-bottom: 1px solid #B4B4B4; display: block;}


/* ==========================================================================
	News : Search
   ========================================================================== */
.searchform {position: relative; padding: 16px 0 8px 0; margin: 0 8px;}
.searchform button {position: absolute; top:16px; bottom: 8px; right:0; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #C0C0C0; background: none; }
.searchform button svg { width: 20px; height: 20px; vertical-align: middle; }
.searchform input {height: 40px; display: block; background: #EBEBEB; text-indent: 8px; width: 100%;}
.searchform .searchclose {right:40px; visibility: hidden; opacity:0; background: none;}
.searchform .searchclose:after {content:''; position: absolute; top:0; bottom: 0; right:0; height: 24px; margin: auto; width: 1px; background: #C0C0C0;}
.searchform.active .searchclose {opacity: 1; visibility: visible;}

/* Search Results */
.search-results-container {margin: 0 8px; }
.search-results a {margin: 0 8px 16px 8px; border-top: 1px solid #FF230A; padding: 8px 8px 0 0 ;}
.search-results div {margin-left: 64px;}
.search-results img {float:left;}

/* ==========================================================================
	Projects
   ========================================================================== */
.page-projects .page-title, .page-projects .bt:after {border-color:#FF0F00;}
.page-projects .bg {background: #FF0F00;}
.page-projects .sidebar a {border-color: #FF0F00;}

.project {width: 25%; display: inline-block;}
.project:before {content:''; padding-top: 34.334763948498%; width: 100%; display: block;}
.project div {position: absolute; top: 8px; left: 8px; right: 8px;}

.project-meta {padding-right: 8px;}
.project-meta ul {width: 100%; clear:both; overflow: auto; margin-bottom: 8px;}
.project-meta ul li { border-bottom: 1px solid #C0C0C0; padding: 9px 0; clear:both; overflow:auto;}

.projects-container {position: relative;}
.projects-container:before {content:''; top:0; bottom: 0; background: #FFF; width: 1px; position: absolute;  z-index: 2;}


/* ==========================================================================
	People
   ========================================================================== */
.person {width: 25%; display: inline-block;}
.person div {min-height: 117px;}

.people-container {position: relative;}
.people-container:before {content:''; top:0; bottom: 0; background: #FFF; width: 1px; position: absolute;  z-index: 2;}


/* ==========================================================================
	Clients
   ========================================================================== */
.page-clients .content-text-column p {display: block;}

/* ==========================================================================
	Sidebar
   ========================================================================== */
.sidebar {padding-left: 8px;}
.sidebar .bt:after {left:0; right:0; background: #FC171B;}
.sidebar h3 {line-height: 42px; margin-bottom: 24px; margin-top: 24px;} 
.sidebar h3:first-of-type {margin-top: 0;}
.sidebar h3.mt { margin-top: 40px;}
.sidebar a {display: block; padding: 8px 0; border-top: 1px solid #FC171B; clear: both; overflow: auto; position: relative;}
.sidebar time {display: block;}
.sidebar.bt:after {right:0;}
.sidebar a.active:before {content:''; background: rgba(235,235,235,0.5); left:0; right:0; top:0; bottom: 0; position: absolute; z-index: 1;}

.submenu-item figure {width: 56px; height: auto; margin-right: 8px; float: left;}
.submenu-item span {display: block; padding-left: 64px;}

/* ==========================================================================
	Contact
   ========================================================================== */
.page-contact .page-title, .page-contact .bt:after {border-color:#FF0F00;}
.page-contact .content-text-column {-webkit-columns: unset; -moz-columns: unset; columns: unset; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
.page-contact .content-article {border-right:0;}
.page-contact .content-article a {color: #000;}
.page-contact .content-article p {display: block;}
.page-contact .content-article .map-link {color: #969696; }
.page-contact .contact-map { border-left: 1px solid #C0C0C0;}

/* ==========================================================================
	Brochure Embed
   ========================================================================== */
.page-fullscreen {position: fixed; top:80px; left: 0; bottom: 0; right: 0;}
.page-fullscreen iframe {height: 100% !important; width: 100% !important; position: absolute !important;}

/* ==========================================================================
	Layout : Cookie
   ========================================================================== */
.moove-gdpr-info-bar-container { padding: 10px 22px !important; width: 100% !important; max-width: 1024px !important;}
.moove-gdpr-info-bar-container .moove-gdpr-button-holder { padding-left: 0 !important; margin-left: auto !important; }
.moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton:last-of-type { margin-right: 0 !important; }
.moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { padding: 0 !important; }

/* ==========================================================================
	Page : Privacy
   ========================================================================== */
.page-privacy .t-column p {padding-right: 16px;}
.page-privacy .t-column.d5-d8 p {padding-right: 0;}
.page-privacy .content-article {border-right: 0;}

/* ==========================================================================
	Media Queries
   ========================================================================== */
/* Large Screen */
@media only screen and (min-width : 1680px) {
	.homepage-slideshow figure {bottom: 72px;}
	.homepage-slideshow .container {max-width: 1200px;}
}

/* Header Adjustment */
@media only screen and (max-width : 1024px) {
	.header {padding-left: 24px; padding-right: 24px;}
}

/* ----------- Desktop - Only ----------- */
@media only screen and (min-width : 880px) {
	/* Disable First Border */
	.block.d1-d2, .block.d1-d4  {border-left: 0;}
}

/* ----------- Tablet ----------- */
@media only screen and (max-width : 880px) {
	
	
	/* Content */
	.content-article {border-right: 0;}

	/* Social */
	.social {position: static;}
	
	/* Sidebar */
	.sidebar {padding-left: 16px; padding-right: 16px;}

	/* News : Widths */
	.news.block, .grid-sizer {width: 33.33333333333333%;}
	.news.block-hero {width: 100%;}
	.news.block-large, .news.block-horizontal {width: 66.66666666666666%;}
	
	/* Project */
	.project {width: 33.33333333333333%; }

	/* Team */
	.person {width: 33.33333333333333%; }
}

/* ----------- Tablet - Only ----------- */
@media only screen and (min-width: 700px) and (max-width : 880px) {
	
	/* Project : Meta */
	.project-meta ul div, .project-meta ul label {line-height: inherit; width: 100%;}
	
	/* Social */
	.social { padding-left: 8px;}

	/* Sidebar : Two Column */
	.t1-t3.t-column {padding-right: 8px;}
	.t4-t6.t-column {padding-left: 8px;}
	.sidebar h3.mt {margin-top: 0;}
	
	/* Disable First Border */
	.block.t1-t2, .block.t1-t3  {border-left: 0;}

}

/* ----------- Condense Menu ----------- */
@media only screen and (max-width: 890px) {
	
	/* Header */
	.burger {height: 80px; width: 80px;}

	
	/* Menu */
	.burger {display: block !important;}
	.menu { position: absolute; top:64px; visibility: hidden; opacity: 0; background: #FFF; line-height: normal; margin: 0 -8px; left: 0; right: 0; width: auto; padding: 8px 8px 16px 8px; line-height: 1.5; text-align: left; display: none;}	
	.menu li {display: block;}
	.menu a {padding: 0; display: block;}
	.menu ul {height: auto; }
	.menu .has-submenu a {padding: 0;}
	.menu .has-submenu a:before {display: none;}
	.menu a:after, .menu > ul > li:first-of-type:before {display: none;}
	.menu-submenu {    position: static; visibility: visible; height: auto; opacity: 1;}
	.menu-submenu-container {    padding: 0 0 16px; }
	
	/* Menu : State */
	.show-menu .menu {visibility: visible; opacity: 1; display: block;}
	.show-menu .headroom--unpinned { -webkit-transform: translateY(0%);  transform: translateY(0%);}
	
	/* Menu : Social */
	.menu-social {padding: 16px 0 0 0;}
	.menu-social a {display: inline-block; margin: 0 20px 0 0;}
}


/* ----------- Mobile ----------- */
@media only screen and (max-width: 700px) {
	
	/* Tuck In Container */
	.container {padding-left: 0; padding-right: 0;}
	
	/* Header */
	.burger {height: 64px; width: 64px;}

	
	/* Homepage */
	.homepage-slideshow  .container {padding-left: 8px; padding-right: 8px;}
	.homepage-slideshow .d1-d4 {margin-bottom: 8px;}
	.homepage-slideshow figcaption {min-height: 112px; font-size: 20px; }
	.homepage-slideshow figure {bottom: 112px;}
	.homepage-slide-mobile { height: calc(100% - 176px); top:64px; }
	
	/* Content */
	.content h1, .content h2 {padding-left: 8px; padding-right: 8px;}
	.content-article {padding: 8px;}
	.content-article:before {left:8px; right:8px;}
	.content-text {padding-left: 0; padding-top: 16px;}
	.content-text-column {-webkit-columns: initial; -moz-columns: initial; columns: initial;}

	/* Sidebar */
	.sidebar {padding-left: 8px; padding-right: 8px;}
	.sidebar h3.mt {margin-top: 24px;}
	
	/* Menu */
	body {margin-top: 64px;}
	.header {height: 64px; padding-left: 8px; padding-right: 8px; height: 64px;}
	.logo {width: 148px; height: 32px;}
	.header .container {padding-top: 16px;}
	.map {display: none;}
	
	/* Vacancies */
	.vacancies {padding-top: 16px; border-top: 1px solid #C0C0C0;}
	
	/* Type Reduction */
	.f-20 {font-size: 16px;}
	.f-26 {font-size: 16px;}
	.f-44 {font-size: 26px;}

	/* Disable First Border */
	.block.m1 {border-left: 0;}

	/* News : Widths */
	.news.block, .grid-sizer {width: 50%;}
	.news.block-hero, .news.block-large, .news.block-horizontal {width: 100%;}
	
	/* News : Hero */
	.news.block-hero h2 {font-size: 20px;}
	.news.block-hero h3, .news.block-hero > div, .news.block-hero figure {position: static; width: 100%;}
	.news.block-hero figure {position: relative; left: auto; right: auto;}
	.news.block-hero h3:before, .news.block-hero:before {display: none;}
	.news.block-hero h3 span {position: static; display: block;}
	.news.block-hero > div {padding-bottom: 16px;}
	.news.block-large figure {top:32px;}
	.news.block-large {max-height: none;}
	.news.block-large img {height: 100%; object-fit:cover;}

	/* Project */
	.project {width: 50%; }

	/* Team */
	.person {width: 50%; }

	
	/* Search */
	.searchform input {height: 32px;}
	.searchform button {width: 32px; height: 32px;}
	
	/* Publications */
	.publication {width: 50%;}
	.publication-filter {position: static; padding: 0 8px;}
	.publication-filter a { margin-left: 0; padding-left: 0; margin-right: 16px; padding-right: 16px;}
	.publication-filter-publication {border: 0;}
	.publication-filter-date {border-right: 1px solid #C1C1C1;}
	
	/* Brochure */
	.page-fullscreen {top:64px;}
	
	/* Cookie Warning */
	.moove-gdpr-info-bar-container { padding:8px !important;}

}


/* ==========================================================================
	Cross Browser
   ========================================================================== */
.browserupgrade {padding: 10px; position: fixed; bottom: 0; left:0; right:0; font-size: 13px; text-align: center; color: #000; background-color: #FFF;}
.browserupgrade a {color: #000; text-decoration: underline;}

/* ==========================================================================
	Slick Slider
   ========================================================================== */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}