.clear {clear:both;} .mobile {display:none;} .tablet {display:none;} .screen {display:inherit;} .alignleft {float: left; padding-right: 5px;max-width: 100%;} .alignnone{padding-left:5px;max-width: 100%;} img.size-full {max-width: 100%; height: 100%;} .single-news .post-featured-image {display: none;} img.size-medium {width:50%; height: 100%;} @media (max-width: 425px) { img.size-medium {width: 100%; padding: 5px 0 5px 0;} } body {color:#101010;-webkit-font-smoothing: antialiased;} p {color:#787878;margin:0px 0px 20px;font-family:Helvetica,sans-serif;font-size:14px;line-height:18px;} a {text-decoration:underline;color:#787878;} a:hover {color:#f7b615;} header {position:relative;padding-bottom:34px;} header .logo {float:left;} header .logo img {width:190px;height:83px;} header .nav-container {text-align:right;} header .nav-container ul{padding:70px 0px 0px;font-size:0px;} header .nav-container ul li{list-style:none;display:inline-block;font-size:13px;margin-left:20px;line-height:13px;} header .nav-container ul li a {font-family:Lato,sans-serif;text-decoration:none;color:#999999;text-transform: uppercase} header .nav-container ul li.current-menu-item a, header .nav-container ul li.current_page_parent a, header .nav-container ul li.current-page-ancestor a, header .nav-container ul li a:hover {color:#f7b615;} .main-width {width:100%;margin:0 auto;padding-left:80px;padding-right:80px;} .main-min-width {/*min-width:900px;*/} #studio-top-banner.main-width { padding-right: 0;} .larger-screen-width{} #content .covid-container{border: 2px solid #ddd;border-radius: 2px;padding: 25px 15px;font-size: 18px;margin-bottom:40px;margin-top:40px;display:flex;} #content .covid-container p{margin-bottom:0;font-size:15px;margin-right:30px;} #content .covid-container .learn-more{transition:background-color 0.2s;min-width:150px;height:36px;background-color:#f7b615;border:1px solid #f7b615;display:inline-block;text-align:center;color: #000;font-size: 15px;text-decoration: none;text-transform: lowercase;line-height:36px;} #content .covid-container .learn-more:hover{background-color:transparent;} #home-slider-container {position:relative;} /*.cdv-slider-container {height:400px;}*/ .cdv-slider-container .cdvSlider-container{height:100%;} .cdv-slider-container .cdv-slide{height:100%;} .cdv-slider-container .cdv-slide .left{float:left;width:50%;position:relative;height:100%;background-size: cover;-ms-behavior: url(../js/background-size-polyfill-gh-pages/backgroundsize.min.htc);right:1.5px;font-size:34px;color:white;text-align:right;font-family:Lato,sans-serif;padding:0 20px;background-position:50% 50%;} .cdv-slider-container .cdv-slide .left a{text-align:right;font-family:Lato,sans-serif;text-decoration:none;color:white;} .cdv-slider-container .cdv-slide .left a:hover{} .cdv-slider-container .cdv-slide .right{float:right;width:50%;position:relative;height:100%;background-size: cover;-ms-behavior: url(../js/background-size-polyfill-gh-pages/backgroundsize.min.htc);left:1.5px;background-position:50% 50%} .cdv-slider-container .cdv-slide .right .desc-container {background:url(../images/bg-transp-orange.png);width:223px;height:100%;padding:0px 21px 20px;position:relative;} .cdv-slider-container .cdv-slide .right .desc-container h2{margin:0px;font-size:17px;font-family:Lato, sans-serif;font-weight:normal;color:white;padding:47px 0px 43px;} .cdv-slider-container .cdv-slide .right .desc-container p{font-size:14px;color:#513e13} .cdv-slider-container .cdv-slide .right .desc-container a:hover{color:white;} .cdv-slider-container .cdv-slide .right .desc-container .img-captions{color: white;font-familY: Lato, sans-serif;font-weight: bold;font-size: 13px;position: absolute;bottom: 0px;left: 0px;width: 100%;padding:0px 20px 20px;} .cdv-slider-container .cdv-slide .right .desc-container .left-caption{text-align:left;padding:0px 0px 10px;} .cdv-slider-container .cdv-slide .right .desc-container .right-caption{text-align:right;} #home-slider-container .cdv-slide-arrows{position:absolute;height:100%;top:0px;display:block;width:68px;} #home-slider-container .cdv-slide-arrows.cdv-slide-block{display:none;} #home-slider-container .cdv-slide-arrows span {display: block;width: 38px;text-indent: -100px;overflow: hidden;height: 56px;top: 50%;position: absolute;margin-top: -28px;} #home-slider-container .cdv-slide-arrows:hover span {background-position:0% 100%;} #home-slider-container .cdv-slide-next{right:0px;} #home-slider-container .cdv-slide-next span{background:url("../images/arrow-right-6.png") no-repeat 50% 0%;left:0px;} #home-slider-container .cdv-slide-prev{left:0px;} #home-slider-container .cdv-slide-prev span{background:url("../images/arrow-left-6.png") no-repeat 50% 0%;right:0px;} #content {padding-bottom:70px;} #content h1 {font-family:Lato, Helvetica, sans-serif;color:#e4a408;font-size:31px;margin:0px;font-weight:normal;} #content h3 {font-family:Lato, Helvetica, sans-serif;color:#1f1f1f;font-size:18px;margin:0px 0px 25px;font-weight:normal;} #content h4 {font-family:Lato, Helvetica, sans-serif;color:#1f1f1f;font-size:18px;margin:0px 0px 25px;font-weight:normal;background:url(../images/arrow-right-3.png) no-repeat 0px 4px;padding-left:13px;} #content h4 a{color:#1f1f1f;text-decoration:none;} #content h4 a:hover{color:#999999;} #content blockquote, #content blockquote p{font-size:16px;color:black;font-family:Lato,Helvetica,sans-serif;margin:0px 0px 20px;line-height:20px;} #content blockquote strong{font-size:12px;color:#eaa909;display:block;font-weight:normal;} #content p {font-size:13px;} #content.homepage h1 {margin:35px 0px 25px;} #content .projects .project .description {position:absolute;width:100%;top:100%;left:0px;background:url(../images/bg-transp-black.png);padding:15px 30px 15px 15px;font-family:Lato,Helvetica,sans-serif;font-size:0px;color:white;text-decoration:none;display:none;} #content .projects .project .description.mob {display:block;top:auto !important;bottom:0px;} #content .projects .project .description .vertical-aligner {display:inline-block;height:100%;vertical-align:middle;width:1%;} #content .projects .project .description .text {display:inline-block;vertical-align:middle;font-size:16px;width:99%;} #content .projects .project .description .arrow{position: absolute;background: url(../images/arrow-right-2.png) no-repeat 0% 0%;display: block;top: 50%;right: 15px;text-indent: -200px;overflow: hidden;width: 11px;height: 22px;margin-top: -11px;} /*#content .projects .project:hover .description {display:block;}*/ #content .projects .project .description:active {color:#f7b615;} #content .projects .project .description:active .arrow{background-position:0% 100%;} #content .bottom-elements {position:relative;} #content .bottom-elements .element{width: 33.33333%;float: left;padding:0px 0px 20px;} #content .bottom-elements .element:nth-child(3n+1) {padding-right:20px;} #content .bottom-elements .element:nth-child(3n+2) {padding-left:10px;padding-right:10px;} #content .bottom-elements .element:nth-child(3n) {padding-left:20px;} #content .bottom-elements .element .btn {position:absolute;bottom:0px;font-family:Lato,Helvetica,sans-serif;color:#000000;padding-left:12px;font-family:13px;line-height:18px;font-weight:bold;text-decoration:none;background:url(../images/arrow-right-3.png) no-repeat 0px 1px;} #content .bottom-elements .element .btn:hover {color:#e6aa2a;background-position:0px 100%;} #content .bottom-elements .element:nth-child(1) .btn{left:0px;} #content .bottom-elements .element:nth-child(2) .btn{left:33.33333%;margin-left:10px;} #content .bottom-elements .element:nth-child(3) .btn{left:66.66666%;margin-left:20px;} #content .bottom-elements .element h3{margin-bottom:18px;} #content .grid-container {font-size:0px;} #content .grid-container .grid-item{font-size:14px;display:inline-block;width:33.33333%;vertical-align:top;position:relative;padding:0 0 30px;} #content .grid-container .grid-item-inner {position:relative;width:100%;height:auto;overflow:hidden;} #content .grid-container .grid-item:nth-child(3n+1){padding-right:20px;} #content .grid-container .grid-item:nth-child(3n+2){padding-right:10px;padding-left:10px;} #content .grid-container .grid-item:nth-child(3n){padding-left:20px;} #content .grid-container .grid-item-inner img {width:100%;height:auto;display:block;} #content .two-columns-container .col-item{margin-bottom:35px;min-height:140px;font-size:0px} #content .two-columns-container .col-item .column-one{width:33.33333%;padding-right:20px;display:inline-block;vertical-align:middle;} #content .two-columns-container .col-item .column-one a.image {width:100%; display:block;} #content .two-columns-container .col-item .column-one a.image > img {width:100%;height:auto;} #content .two-columns-container .col-item .column-two{padding-top:5px;padding-left:10px;width:66.66666%;display:inline-block;vertical-align:middle;} #content .two-columns-container .col-item .column-two h3{margin-bottom:0px} #content .two-columns-container .col-item .column-two p{margin:18px 0px 0px;} /* PROJECTS */ #projects-top { position: relative; /*overflow: hidden;*/ margin-bottom:30px; } #projects-top .left-background {background-color:#f6f6f6;position:absolute;width:100%;left:-50%;height:100%;} #projects-top .projects-top {background-color:#ffffff;position:relative;} #projects-top .subnav-container{float:left;text-align: right;background: #f6f6f6;} #projects-top .subnav-container .subnav li{width:90px;} #projects-top .subnav-container .subnav li a{line-height: 25px;font-size: 13px;color: #999999;text-decoration: none;padding-right: 10px;height: 25px;display: block;width: 100%;position:relative;} #projects-top .subnav-container .subnav li.list a span{background: url(../images/list-icon.png) no-repeat;display: block;width: 16px;height: 16px;position: absolute;top: 4px;right: -31px;overflow: hidden;text-indent: 800px;} #projects-top .subnav-container .subnav li.map a span{background: url(../images/map-icon.png) no-repeat;display: block;width: 16px;height: 16px;position: absolute;top: 4px;right: -31px;overflow: hidden;text-indent: 800px;} #projects-top .subnav-container .subnav li.current a, #projects-top .subnav-container .subnav li a:hover{color:#000000;} #projects-top .subnav-container .subnav li.current a span, #projects-top .subnav-container .subnav li a:hover span{background-position:0% 100%;} #projects-top .subnav-container .subnav li.current.map a span, #projects-top .subnav-container .subnav li.map a:hover span{background-position:0% -40px;} #projects-top .filters-container {position:absolute;right:0px;bottom:0px;} #projects-top .filters-container .filters {font-size:0px;} #projects-top .filters-container .filters li{font-size:13px;display:inline-block;margin-left:20px;line-height:18px;} #projects-top .filters-container .filters li a{text-decoration:none;color:#999999;} #projects-top .filters-container .filters li.current-cat-parent a, #projects-top .filters-container .filters li.current-cat a, #projects-top .filters-container .filters li a.current, #projects-top .filters-container .filters li a:hover{color:#f7b615;} #projects-top .filters-container .filters li.is-parent a{padding-right:10px;} #projects-top .filters-container .filters li.is-parent.current-cat-parent, #projects-top .filters-container .filters li.is-parent.current-cat{min-width:150px;} #projects-top .filters-container .filters li.is-parent:hover .children{display:block;} #projects-top .filters-container .filters li.is-parent a{display: inline-block;width: calc(100% - 20px);} #projects-top .filters-container .filters li.is-parent:after{display: inline-block; position: relative; content: ""; top: 2px; right: 0; margin-left: 4px; width: 6px; height: 6px; transform: rotate(45deg); border-right: 2px solid #f7b615; border-bottom: 2px solid #f7b615; float:right; } #projects-top .filters-container .filters li .children{position:absolute;display:none;background-color: rgb(0, 0, 0, 0.9);z-index: 100;padding: 5px 0;min-width: 150px;} #projects-top .filters-container .filters li .children li{display:block;margin-left: 0;} #projects-top .filters-container .filters li .children li a{color:#fff;padding: 5px 10px;display: inline-block;width: 100%;} #projects-top .filters-container .filters li .children li.current-cat a, #projects-top .filters-container .filters li .children li a:hover{color:#f7b615;} #projects-top .title {position:absolute;right:0px;bottom:0px;} #projects-top .title h1{margin: 0px;font-weight: normal;font-size: 34px;color: black;} #loading-container {text-align:center;} .show-more-container { text-align:center; /*visibility: hidden;*/ } .show-more-container a{font-size: 12px;text-transform: uppercase;color: #101010;text-decoration: none;font-weight: bold;font-family: Lato, Helvetica, sans-serif;} /* INDIVIDUAL PROJECT PAGE */ #project-slider .cdvVScroll-container {overflow:hidden;position:relative;height:480px;visibility:hidden;} #project-slider .cdvVScroll-container .cdv-scrollable {position:relative;font-size:0px;margin:0 auto;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item {display:inline-block;margin-right:3px;cursor:pointer;position:relative;height:100%;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item:last-child { margin-right: 0; } #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item .project-title{position:absolute;top:0px;left:0px;font-size:28px;line-height:30px;color:white;text-align:right;background: url(../images/bg-transp-orange.png);padding:17px;width:100%;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item img{width:auto;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item:first-child .description{display:none !important;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item .description {position: absolute;width: 100%;font-size: 13px;padding:30px 20px 20px;background:url(../images/bg-transp-orange.png);bottom:0px;left:0px;display:none;text-decoration:none;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item .description.mob {display:none !important;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item .description span{font-size:13px;color:white;font-family:Lato,Helvetica,sans-serif;font-weight:bold;text-decoration:none;display:block;background:url(../images/glass-ico.png) no-repeat 100% 50%;padding-right:20px;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item:hover .description {display:block;} /*#project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item.draw {display:none;}*/ #project-slider .cdv-slide-arrows{position:absolute;height:100%;top:0px;display:block;width:68px;z-index:2;background:url("../images/bg-transp.png");} #project-slider .cdv-slide-arrows.cdvVScroll-block{display:none;} #project-slider .cdv-slide-arrows span {display: block;width: 38px;text-indent: -100px;overflow: hidden;height: 56px;top: 50%;position: absolute;margin-top: -28px;} #project-slider .cdv-slide-arrows:hover span {background-position:0% 100%;} #project-slider .cdvVScroll-next{right:0px;} #project-slider .cdvVScroll-next span{background:url("../images/arrow-right-6.png") no-repeat 50% 0%;left:0px;} #project-slider .cdvVScroll-prev{left:10px;} #project-slider .cdvVScroll-prev span{background:url("../images/arrow-left-6.png") no-repeat 50% 0%;right:10px;} #project-info {padding:20px 0px;background-color:#f6f6f6;margin:0px 0px 35px;} #project-info .project-info ul{float:left;} #project-info .project-info .left-info li{font-size:0px;} #project-info .project-info .left-info li > *{display:block;} #project-info .project-info .left-info .label{width:90px;font-size:10px;line-height:20px;color:#999999;text-align:right;padding-right:17px;float:left;} #project-info .project-info .left-info .info{border-left: 3px solid #f7b615;padding-left: 17px;font-size: 13px;line-height: 14px;color: black;margin-left: 90px;padding: 3px 17px;} #project-info .project-info .left-info .info a {color:black;text-decoration:none;} #project-info .project-info .left-info .info a:hover {color:#f7b615;} #project-info .project-info .right-info {float:right;font-size:0px;margin-top:22px;} #project-info .project-info .right-info > * {display:inline-block;vertical-align:middle;} #project-info .project-info .right-info .cdvVScroll-indicator-cont {width:275px;height:3px;background-color:#cdcdcd;overflow:hidden;} #project-info .project-info .right-info .cdvVScroll-indicator {background-color:#f7b615;border-left:1px solid #f6f6f6;border-right:1px solid #f6f6f6;} #project-info .project-info .right-info .switch-links {margin-left:10px;position:relative;width: 108px;height: 15px;} #project-info .project-info .right-info .switch-links a{font-size:13px;padding:0px 4px;border-right:1px solid #c3c3c3;text-decoration:none;position:absolute;top:0px;} #project-info .project-info .right-info .switch-links a.current, #project-info .project-info .right-info .switch-links a:hover{color:black;} #project-info .project-info .right-info .switch-links a[rel="photo"]{left:0px;} #project-info .project-info .right-info .switch-links a[rel="draw"]{left:51px;} #content.project {padding-bottom:0px;} #content .sidebar {float:right;width:33.33333%;padding-left:6%;} #content .sidebar .widget {padding:10px 0px 22px;border-top:1px solid #f3f3f3;} #content .sidebar .widget h3{margin-bottom:12px;} #content .sidebar .widget img{width:100%;height:auto;} #content .sidebar .widget .links{font-size:0px;} #content .sidebar .widget .links .link{display:inline-block;font-size:13px;width:50%;line-height:20px;margin-right:0px;} #content .sidebar .widget .links .link a{text-decoration:none;} #content .left-content {margin-right:33.33333%;padding-right:10px;} #content .left-content .links{font-size:0px;text-align:left;margin-top:40px} #content .left-content .links li{display:inline-block;margin-right:20px;vertical-align:middle;} #content .left-content .links li a.share, #content .left-content .links li a.pdf{display:block;background-image:url(../images/project-buttons.png);text-indent:-200px;overflow:hidden;width:20px;height:32px;} #content .left-content .links .pdf-link a.pdf{background-position:0% 0%;height:32px;width:20px;} #content .left-content .links .pdf-link a.pdf:hover{background-position:0% 100%;} #content.project .left-content p {color:#808285;} #content .left-content .links .share-link .button > a{background-position:100% 0%;height:32px;width:31px;} /*#content .left-content .links .share-link .button:hover > a{background-position:100% 100%;display:none;}*/ /*#content .left-content .links .share-link .button:hover .share-container{display:block;}*/ #content .left-content .links .share-link .share-container {display:none;} #content .left-content .links .share-link .share-container .share-btn{float:left;height:32px;padding: 10px 4px 0px;} #content .left-content .links .share-link.mob .share-container {display:block !important;} #content .left-content .links .share-link.mob .share {display:none !important;} .related-projects-container {padding-top: 20px;border-top: 1px solid #f3f3f3;margin-top:45px;margin-bottom:45px;} .related-projects-container .related-projects{font-size:0px;} .related-projects-container .related-projects .related-project{display:inline-block;width:16.66666%;padding:0px 0px 0px;} .related-projects-container .related-projects .related-project:nth-child(6n+1){padding-left:0px;padding-right:25px;} .related-projects-container .related-projects .related-project:nth-child(6n+2){padding-left:5px;padding-right:20px;} .related-projects-container .related-projects .related-project:nth-child(6n+3){padding-left:10px;padding-right:15px;} .related-projects-container .related-projects .related-project:nth-child(6n+4){padding-left:15px;padding-right:10px;} .related-projects-container .related-projects .related-project:nth-child(6n+5){padding-left:20px;padding-right:5px;} .related-projects-container .related-projects .related-project:nth-child(6n){padding-left:25px;padding-right:0px;} .related-projects-container .related-projects .related-project .related-project-inner{position:relative;overflow:hidden;} .related-projects-container .related-projects .related-project .related-project-inner img{width:100%;height:auto;} .related-projects-container .related-projects .related-project .related-project-inner .description{display:none;position:absolute;left:0px;top:100%;color:#ffffff;font-family:Lato;font-weight:bold;background:url(../images/bg-transp-black.png);width:100%;padding:10px;} .related-projects-container .related-projects .related-project .related-project-inner .description.mob {display:block;} .related-projects-container .related-projects .related-project .related-project-inner .description span{vertical-align:middle;display:inline-block;width:99%;font-size:12px;} .related-projects-container .related-projects .related-project .related-project-inner .description span.vertical-aligner{height:100%;width:1%;vertical-align:middle;} /*.related-projects-container .related-projects .related-project:hover .related-project-inner .description{display:block}*/ /* MAP */ #content.map .left {float: left;width: 65.5%;} #content.map .right {float:right;width:31%;background-color:#f5f5f5;font-size:0px;text-align:center;padding:20px 0px 25px} #content.map .right .count-container {text-align:center;display:inline-block;vertical-align:middle;} #content.map .right .count-container .count {font-size:68px;color:#f7b615;} #content.map .right .count-container .caption {font-size:13px;color:#101010;} #content.map .right .pipe {display:inline-block;width:3px;height:65px;background-color:#f7b615;vertical-align:middle;margin:0px 24px 0px 30px} #google-map div.gm-style-iw {left:0px !important;top:0px !important;height:auto !important;width:100% !important;padding:20px 20px 0px;} #google-map .gm-style-iw + div {background:url(../images/projects_map_x.png) 50% 50% no-repeat;top:2px !important;right:2px !important;width:18px !important;height:18px !important;opacity:1 !important; display:none;} #google-map .gm-style-iw + div img{display:none;} #google-map #map-popup-window {font-family:Helvetica; overflow: hidden;} #google-map #map-popup-window a { text-decoration: none; color: #000; width: 100%; height: 100%;} #google-map #map-popup-window .image {font-size:0px;} #google-map #map-popup-window .title{font-weight:bold;font-size:14px;font-family:Helvetica;padding-top:15px;} #google-map #map-popup-window.contact-popup-window .title{font-weight:bold;font-size:12px;font-family:Helvetica;} #google-map #map-popup-window .address{font-family:Helvetica;} #content.contact #google-map .gm-style-iw + div {display:none !important;} /* main */ #studio-top {padding:30px 0px 20px;} #studio-top .subnav {font-size:0px;text-align:right;} #studio-top .subnav li{display:inline-block;font-size:12px;margin-left:20px;line-height:18px;} #studio-top .subnav li:first-child{margin-left:0px;} #studio-top .subnav li a{text-decoration:none;color:#999999;} #studio-top .subnav li.current-menu-item a, #studio-top .subnav li a:hover{color:#f7b615;} #studio-top-banner {background-size:cover;-ms-behavior: url(../js/background-size-polyfill-gh-pages/backgroundsize.min.htc);background-position:50% 50%;position:relative;overflow:hidden;margin-bottom:73px;} #studio-top-banner .text-content{position:relative;display: table-row;} #studio-top-banner .right-background{background:url(../images/bg-transp-orange.png);height:100%;width:500%;position:absolute;top:0px;left:100%;} #studio-top-banner .text-content .left{display: table-cell;width:65.5%;padding:60px 0 60px 0px; vertical-align: top;} #studio-top-banner .text-content .left h1{font-size: 28px;font-family: Lato, Helvetica,sans-serif;color: white;text-align: right;margin:0px;line-height: 30px;font-weight:normal;float:right;max-width:510px; padding-right: 5.4%;} #studio-top-banner .text-content .right{display: table-cell;width: 34.5%;background: url(../images/bg-transp-orange.png);height: 100%;padding: 60px 80px 40px 3.5%;} #studio-top-banner .text-content .right p {color:#513e13;} #studio-top-banner .text-content .right a:hover {color:white;} .left_column_credit {display: flex; flex-direction: column; padding-bottom: 40px;} /* PRESENTATION */ #content.presentation .grid-item{cursor:pointer;} #content.presentation .grid-item .description{position: absolute;bottom: 0px;left: 0px;top:auto;background: url(../images/bg-transp-black.png);display: block;width: 100%;padding: 5%;color: white;font-size:0px;font-family: Lato,Helvetica,sans-serif;font-weight: bold;height:25%;} #content.presentation .grid-item .description .download-link{background:url(../images/paperclip.png) no-repeat 50% 0%;display: block;float: right;font-size: 10px;font-weight: normal;padding-top:18px;color:#f8bd2b;} #content.presentation .grid-item .video-btn{position:absolute;background:url(../images/play-btn.png) no-repeat;width:60px;height:60px;top:50%;left:50%;margin:-30px 0px 0px -30px;display:none;} #content.presentation .grid-item.video .video-btn {display:block} #content.presentation .grid-item.video .fancybox-video {display:none} #content.presentation .grid-item .description .title{text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:10px} #content.presentation .grid-item .description.mob {height:33% !important;padding:5%;font-size:0px;} #content.presentation .grid-item .description.mob .download-link{display:none;} #content.presentation .grid-item .description.mob .title{padding-right:20px;background:url(../images/arrow-right-7.png) no-repeat 100% 50%;font-size:13px;display:inline-block;width:99%;vertical-align:middle;} #content.presentation .grid-item .description .vertical-aligner{display:inline-block;width:0.5%;vertical-align:middle;height:100%;} #content.presentation .grid-item .description .vertical-container{width: 99%;display: inline-block;font-size: 13px;vertical-align: middle;} .wjla-video-clone { text-align: center; } /* PUBLICATIONS/AWARDS/ENTITLEMENTS */ #content.publications {padding-top:30px;} #content .two-columns-container .year {margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid #f3f3f3;} #content.publications .year .left{vertical-align:top;} #content.publications .year .right{vertical-align:top;} #content .year .left{width:31%;} #content .year .left blockquote {padding-top: 25px;color: #999999;font-style: italic;line-height:21px;} #content .year .left blockquote .text{} #content .year .left blockquote .author{font-size:12px;color:#eaa909;} #content .year .left img{max-width:100%;} #content .year .left .caption{font-size: 13px;color: #999999;padding-top:10px;} #content .two-columns-container .year .right{padding-top:0px;} #content .year .right .publications .publication{width:50%;float:left;padding:0px 0px;} #content .year .right .publications .publication:nth-child(2n){padding-left:15px;} #content .year .right .publications .publication:nth-child(2n+1){padding-right:15px;clear:both;} #content .year .right .publications .publication p{color:black;} #content .year .right .publications .publication p .link{text-decoration:none;font-style:italic;color:black;} #content .year .right .publications .publication p a:hover {color:#f7b615;} /*#content .year .right .publications .publication p a:hover .arrow{color:#f7b615;}*/ #content .year .right .publications .publication p a:active{color:#999999;} #content .year .right .publications .publication p a .arrow{font-style: normal;font-size: 27px;line-height: 13px;height: 18px;vertical-align: top;} #content .year .right blockquote {padding-top: 25px;color: #a7a9ac;font-style: italic;line-height:21px;clear:both;} #content .year .right blockquote .text{} #content .year .right blockquote .author{font-size:12px;color:#eaa909;} /* PEOPLE */ .people-slider {margin-bottom:50px;} /*.people-slider .cdv-slider-container .cdv-slide .left {background-size:contain;background-position:100% 0%;}*/ /*.people-slider .cdv-slider-container .cdv-slide .right {background-size:contain;background-position:0% 0%;}*/ .partners-container {margin-bottom:35px;} .partners-container.odd-number .partners-label {display:none !important;} .partners-container .grid-item.partner {margin-bottom:30px;} .mobile.title.odd-number{display:block;} .team-container {padding-top:12px;} .associates-container h3 {width:17.2%;padding-right:30px;float:left;} @media (max-width: 767px) { .associates-container h3 {width:34%;padding-right:6px !important;} .associates-container h3:nth-child(2) {padding-left:0 !important;} } #content .team-container h3 {margin-bottom:15px;} .team-container .related-projects{position:relative;} #content.people h1 {margin: 45px 0px 35px;} #content.people .related-project .grey{background:url("../images/bg-transp-grey.png");position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1;} #content.people .related-project{padding-bottom:30px;cursor:pointer;} #content.people .related-project h5{font-family:Lato,Helvetica,sans-serif;font-size:14px;color:white;margin:0px;} #content.people .related-project h5.name{position:absolute;bottom:7px;left:10px;z-index:2;} #content.people .related-project .rollover{position: absolute;width: 100%;z-index: 2;bottom: 0px;display:none;padding:10px;background:url("../images/bg-transp-black-2.png");} #content.people .related-project .rollover h5{font-size:13px;margin-bottom:3px;} #content.people .related-project .rollover p{margin: 0px;font-size: 12px;line-height: 13px;font-family: Lato,Helvetica,sans-serif;font-weight: bold;} #content.people .related-project .popup{display:none;} #content.people .related-project .image-wrapper{display:block;position:relative;z-index:1;} #content.people .related-project .image-wrapper > img{width:100% !important;height:auto;z-index:1;} #content.people .team-container-mobile .related-project .BWfade, #content.people .related-project:hover .BWfade {display:none !important} #content.people .team-container-mobile .related-project .rollover, #content.people .related-project:hover .rollover{display:block;} #content.people .team-container-mobile .related-project h5.name, #content.people .related-project:hover h5.name{display:none} #content.people .team-container-mobile .related-project .grey, #content.people .related-project:hover .grey{display:none;} #content.people.people-mobile blockquote.cdvVScroll-item{font-size:10px;vertical-align: top;} #content.people .partners .grid-item { padding-bottom: 0; } #content.people .grid-item img {display:block;cursor:pointer;} #content.people .grid-item h5{color: white;font-family: Lato,Helvetica,sans-serif;font-size: 14px;margin: 0px;} #content.people .grid-item .rollover{background:url("../images/bg-transp-black-2.png");display:none;position:absolute;bottom:0px;left:0px;width:100%;padding: 20px 25px;z-index:1;cursor:pointer;} #content.people .grid-item .rollover h5{float:left;} #content.people .grid-item .rollover .cv{display:block;float:right;color:white;font-family:Lato,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:20px;background:url(../images/arrow-right-5.png) no-repeat 100% 4px;padding-right:10px;} #content.people .grid-item.open .rollover, #content.people .grid-item:hover .rollover{display:block;} #content.people .grid-item:active .rollover h5{color:#f7b615;} #content.people .grid-item:active .cv{color:#f7b615;background-position:100% -26px;} #content.people .grid-item .cv-link{text-decoration:none;} #content.people .grid-item.partner .rollover{display:block;} #content.people .grid-item.partner .cv:hover{color:#f7b615;background-position:100% -26px;} #content.people .popup{display:none;position:absolute;width:100%;height:100%;z-index:2;left:0px;top:0px;overflow:auto;} #content.people .popup h5 {color:#f7b615;margin-bottom:5px;} #content.people .popup p {font-family:Lato,Helvetica,sans-serif;font-size:12px;line-height:15px;color:white;font-weight:bold;} #content.people .popup .close{position:absolute;display:block;background:url(../images/close-btn.png) no-repeat 50% 50%;text-indent: -100px;overflow: hidden;width: 20px;height: 20px;right: 8px;top: 10px;cursor: pointer;} #content.people .open .popup{display:block;} #content.people .grid-item .popup {background:url("../images/bg-transp-black-2.png");padding:20px;} #content.people .related-project .popup {background-size:cover;-ms-behavior: url(../js/background-size-polyfill-gh-pages/backgroundsize.min.htc)} #content.people .related-project .popup .bg-cont{background:url("../images/bg-transp-black-3.png");width:100%;height:100%;padding:20px 19px;overflow:auto;font-size:0px;} #content.people .related-project .popup .bg-cont .vertical-aligner{width:0.5%;display:inline-block;vertical-align:middle;height:100%;} #content.people .related-project .popup .bg-cont .centered-box{width:99%;display:inline-block;vertical-align:bottom;font-size:inherit;} #content.people .related-project .popup .bg-cont .centered-box h5{font-size:18px;line-height:18px;} #content.people .related-project .popup .bg-cont .centered-box p{font-size:15px;line-height:18px;} #content.people blockquote.cdvVScroll-item {display:inline-block;font-size:0px;vertical-align:top;} #content.people blockquote.cdvVScroll-item > div {margin-right:20px;margin-left:1px;font-style:italic;} #content.people blockquote.cdvVScroll-item *{font-size:16px;} #content.people blockquote.cdvVScroll-item strong{font-size:12px;} /* CONTACT */ #content.contact {} #content.contact .contact-inner{position:relative;} #content.contact .left{width:66.66666%;padding-right:10px;position:absolute;height:100%;left:0px;top:0px;} #content.contact .left #google-map {width:100%;height:100%;} #content.contact .right{width:33.33333%;padding-left:20px;float:right;} #content.contact .right p, #content.contact .right h3 {margin-bottom:5px;} #content.contact .right p + h3 {margin-top:20px;} #content.contact .right .curr-jobs{} #content.contact .right .credits-p{margin-bottom:0px;} html,body {height:100%;} #top-wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -120px;} #top-wrapper .push {height:120px;} footer {min-height:120px;background-color:#f7b615;position:relative;} footer .center {position:absolute;left:50%;width:200px;margin-left:-100px;top:-21px;} footer .socials {font-size:0px;text-align:center;padding:20px 0px 0px;} footer .socials li{display:inline-block;vertical-align:bottom;} footer .socials li a{display:block;margin:0 5px;} footer .socials li a.linkedin{background:url(../images/socials-in.png) no-repeat;width:21px;height:20px;} footer .socials li a.vimeo{background:url(../images/socials-v.png) no-repeat;width:20px;height:18px;} footer .socials li a.facebook{background: url(../images/socials-f@2x.png) no-repeat; width:14px;height:20px; background-size:contain;} footer .socials li a.twitter{background: url(../images/socials-t@2x.png) no-repeat; width:21px;height:20px; background-size:contain;} footer .socials li a.instagram{background: url(../images/socials-i@2x.png) no-repeat; width:21px;height:20px; background-size:contain;} footer .back-to-top{background: url(../images/back-to-top-arrow.png) no-repeat;display: block;width: 42px;text-indent: -200px;overflow: hidden;height: 42px;margin:0 auto;} footer .footer-container {padding-top:43px;} footer .footer-container .left{float:left;} footer .footer-container .left p{color:#000000;line-height:17px;font-size:13px} footer .footer-container .right{float:right;text-align:right;} footer .footer-container .right #menu-footer-menu{font-size:0px;} footer .footer-container .right #menu-footer-menu li{display:inline-block;margin-left:17px;} footer .footer-container .right a{text-decoration:none;color:black;font-size:13px;line-height:17px;} footer .footer-container .right a:hover{text-decoration:underline} footer .footer-container .right .link {background:url(../images/arrow-right-4.png) no-repeat 100% 50%;padding-right:10px;font-weight:bold;} .contact-popup {padding:0px;margin-top:45px;overflow:auto;} .contact-popup .scroll{padding:0px 45px 45px;} .contact-popup .current-job:first-child{border-top:0px;margin-top:0px;padding-top:0px;} .contact-popup .current-job{margin-top:35px;border-top:1px solid #f3f3f3;padding-top:50px;} .contact-popup .format h3{font-family: Lato, Helvetica, sans-serif;color: #1f1f1f;font-size: 18px;margin: 0px 0px 25px;font-weight: normal;background: url(../images/arrow-right-3.png) no-repeat 0px 4px;padding-left: 13px;} .contact-popup .format h4{margin: 0px;font-family: Helvetica;font-size: 13px;color:#010101;} .contact-popup .format p{color:#010101;font-size:13px;} .contact-popup .format ul{margin-bottom:20px;} .contact-popup .format ul li:before{content:"\00B7";padding:0px 3px;} .contact-popup .format ul li{font-size:13px;color:#010101;line-height:18px;} .contact-popup .format a.email{color:#010101;text-decoration:none;} .contact-popup .format a.email:hover{color:#f7b615;} .contact-popup .mCSB_scrollTools .mCSB_draggerContainer { padding-bottom: 25px; } .fancybox-bg {display:none;} /*#fancybox-content {left:20px;}*/ #fancybox-loading {} #fancybox-loading > div {background:url(../images/fancybox_.png) no-repeat;} #fancybox-wrap {padding:0px;margin:20px;} #fancybox-wrap .fancybox-video p {margin:0px;} #fancybox-title {position:absolute;bottom:0px;width:100%;color:white;background-color:#f7b614;font-size:13px;font-family:Lato,Helvetica,sans-serif;font-weight:bold;padding:30px 18px;left:0px !important;height:auto;} #fancybox-close {position:absolute;top:0px;right:0px;background:url(../images/close-popup.png) no-repeat 50% 50%;display:block;text-indent:-100px;overflow:hidden;width:42px;height:42px;background-color:white;} #fancybox-right-ico{background:url(../images/fancybox-arrow-right.png) no-repeat 0 0;width:20px;height:40px;} #fancybox-left-ico{background:url(../images/fancybox-arrow-left.png) no-repeat 0 0;width:20px;height:40px;} .mCustomScrollBox>.mCSB_container {opacity:1;} .contact-popup .mCSB_container .scroll{padding-right:15px;} .contact-popup .mCSB_container.mCS_no_scrollbar .scroll{padding-right:45px;} .mCustomScrollBox>.mCSB_scrollTools {opacity:1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";margin-right:12px;} .mCSB_scrollTools .mCSB_draggerContainer {} .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger{} .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{width: 9px;background: rgba(231,231,231,1);filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";} .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail{background-color:white;} .headline{background-color:#f7b615;} .headline.news .headline-inner{} .headline.news .headline-inner .header{background:url(../images/header-design-link.png) 0 50% no-repeat;text-indent:-99999px;height:135px;margin-bottom:25px;} #content.news{} #content.news .expand-link{display:block;position:absolute;height:30px;top:0px;right:0px;width:30px;} #content.news .expand-link span{background:url(../images/section-arrow.png) no-repeat 0 -11px;width:12px;height:11px;float:right;margin-right:10px;margin-top:10px;} #content.news .expandable-section{background-color:#f6f6f6;position:relative;min-height:30px;} #content.news .expandable-section .arrow{} #content.news .expandable-section.collapsed .expand-link{width:100%;} #content.news .expandable-section.collapsed .expand-link span{background-position:0 0px;} #content.news .expandable-section.collapsed .section-content{display:none} #content.news .widget .links-list{margin-left:13px;padding:10px 0 0;} #content.news .widget .links-list li{padding:3px 0;} #content.news .widget .links-list a{font-size:13px;line-height:18px;font-weight:400;font-family:Lato,Helvetica,sans-serif;color:#6f6f6f;text-decoration:none;display:block;} #content.news .widget .links-list a:hover{color:#f9cd7a;} #content.news .widget .expandable-section .links-list{padding:13px 0px 4px} #content.news .widget .expandable-section .links-list li{padding:0px 0px 9px} #content.news .widget .expandable-section .links-list li a{line-height:13px;} #content.news .subscribe {background:#fff; clear:left; font:12px Helvetica,Arial,sans-serif;} #content.news .subscribe .mc-field-group input {width:100%;height:28px;background-color:#f6f6f6;border:none;text-indent:10px; border-radius: 0;} #content.news .subscribe #mce-responses {margin-left:0px;} #content.news .subscribe #mce-responses .response {width:100%;} #content.news .widget .section-content .social-icon {background: url(../images/socials-icons2.png) no-repeat; background-size: 170px; width: 34px; height: 23px; overflow: hidden; display: inline-block;} #content.news .widget .section-content .social-icon.facebook {width:20px;} #content.news .widget .section-content .social-icon.twitter {background-position-x: -26px;} #content.news .widget .section-content .social-icon.linkedin {background-position-x: -68px;} #content.news .widget .section-content .social-icon.instagram {background-position-x: -108px;} #content.news .widget .section-content .social-icon.vimeo {background-position-x: -148px;} #content.news .widget .section-content .social-icon:hover {background-position-y: -23px;} #content.news .widget .links-list.tags{margin-left:0px;} #content.news .widget .links-list.archive{margin-left:20px;} #content.news .widget .links-list.archive li{list-style:disc;color:#f7b615} #content.news .widget .links-list.archive li:hover{color:#f7b615;} #content.news .widget .archive-more{color:#000;text-decoration:none;font-family:Lato,Helvetica,sans-serif;font-size:10px;text-transform:uppercase;} #content.news .widget .archive-more:hover{color:#f7b615;text-decoration:underline;} #content.news .widget.search{border-top:none;} #content.news .widget.search .submit{float:right;width:28px;height:28px; padding: 0; margin: 0; background:url(../images/magnificent_glass.png) no-repeat center center #f6f6f6;text-indent:-99999px;border:none; border-radius: 0;} #content.news .widget.search .input-container{padding-right:28px;} #content.news .widget.search .input-container input{width:100%;height:28px;background-color:#f6f6f6;border:none;text-indent:10px; border-radius: 0;} #content.news .search-query{margin-bottom:40px;} #content.news .news-container{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #f3f3f3;} #content.news .news-container:last-child{border-bottom:none;} #content.news .news-container .meta-date{font-size:10px;color:#999999;font-weight:400;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;} #content.news .news-container h2 a, #content.news .news-container h2{font-size:32px;line-height:40px;font-family:Lato,Helvetica,sans-serif;font-weight:400;margin: 20px 0;color:#101010;text-decoration:none;} #content.news .news-container h2 a:hover{color:#f7b615} #content.news .news-container .news-content {overflow:hidden;} #content.news .news-container .news-content p{font-size:13px;line-height:18px;font-family:Helvetica,Arial,sans-serif;font-weight:400;color:#101010;} #content.news .news-container .news-content img{max-width:100%;height:auto;} #content.news .news-container .news-content table td img{} #content.news .news-container .news-content img.wp-post-image{width:50%;padding-right:25px;padding-bottom:15px;height:auto;float:left;} #content.news .news-container .news-content .gallery br {display: none;margin:0;} #content.news .news-container .news-content ol, #content.news .news-container .news-content ul {margin-bottom:20px;padding-left:30px;font-size:13px;line-height:18px;} #content.news .news-container .news-content ul li {list-style:disc;} #content.news .news-container .news-content .blocks-gallery-grid {padding-left:0;margin-bottom:0;} #content.news .news-container .news-content .blocks-gallery-item img {height:100%;} #content.news .news-container .news-content .blocks-gallery-caption {font-size:13px;margin:0 auto;} #content.news .news-container .news-content blockquote.wp-block-quote {border-left: 4px solid #f7b615;padding-left: 10px;} #content.news .news-container .news-content blockquote cite {font-size:13px;} #content.news .news-container .news-content .wp-block-pullquote {border-top: 4px solid #f7b615;border-bottom: 4px solid #f7b615;padding:1em 0;margin-bottom:20px;} #content.news .news-container .news-content .wp-block-pullquote blockquote {margin-bottom:0} #content.news .news-container .news-content .wp-block-table {margin-bottom:20px;} #content.news .news-container .news-content .wp-block-table td {border:1px solid #000;padding:5px;font-size:13px;} #content.news .news-container .news-content .wp-block-table figcaption {font-size:13px;text-align:center;padding:5px;} #content.news .news-container .news-meta{clear:left;} #content.news .news-container .news-meta .categories {margin: 8px 0px;} #content.news .news-container .news-meta .categories span.list{color:#6f6f6f;} #content.news .news-container .news-meta .categories a {color:#6f6f6f;font-weight:400;font-family:Helvetica,Arial,sans-serif;font-size:10.5px;text-decoration:none;} #content.news .news-container .news-meta .categories a:hover{color:#f7b615;text-decoration:underline;} #content.news .news-container .news-meta .categories label{font-size:10px;font-weight:400;font-family:Helvetica,Arial,sans-serif;color:#000;} #content.news .news-container .news-meta .links{float:right;margin-top:0px;} #content.news .news-container .news-meta .share-link{margin-right:0px;} #content.news .news-slider{height:108px;position:relative;overflow:hidden;margin-bottom:25px;} #content.news .news-slider .cdvVScroll-item{display:inline-block;padding:0px 1px 0 2px;cursor:pointer;} #content.news .news-slider .cdv-slide-arrows{width:30px;position:absolute;top:0px;height:108px;text-indent:-99999px;} #content.news .news-slider .cdvVScroll-next{background:url(../images/news-slider-right.png) no-repeat 0 0;right:0px;} #content.news .news-slider .cdvVScroll-prev{background:url(../images/news-slider-left.png) no-repeat 0 0;left:0px;} #content.news .news-slider .cdvVScroll-prev:hover, #content.news .news-slider .cdvVScroll-next:hover {background-position:0px 100%;} #content.news .full-image{margin-bottom:3px;} #content.news .full-image.table{width:100%;} #content.news .full-image img{height:auto;width:100%;max-width:100%;display:block;position:relative;} #content.news .full-image .lightbox-link{overflow:hidden;display:none;height:100%;background-position:center center;background-size: cover;-ms-behavior: url(../js/background-size-polyfill-gh-pages/backgroundsize.min.htc);} #content.news .full-image .lightbox-link.visible{display:block;} /* PHILOSOPHY */ #content.content-philosophy .two-columns-container .col-item .column-one { max-width: 278px; } #content.content-philosophy .two-columns-container .col-item .column-one img { max-width: 278px; width: 100%; } @media all and (min-height: 900px){ /*.cdv-slider-container{height:475px;}*/ } @media all and (min-height: 1000px){ /*.cdv-slider-container{height:575px;}*/ } @media all and (min-width:1400px){ #content .projects .project .description .text {font-size:18px;} #projects-top .projects-top {width:1240px;margin-right:auto;margin-left:auto;} .larger-screen-width, body.home header, body.home .footer-container, body.post-type-archive-presentation .footer-container, body.post-type-archive-presentation header, body.category .footer-container, body.category header, body.blog .footer-container, body.blog header {width:1400px;margin-left:auto;margin-right:auto;} body.blog header {width:1400px;margin-left:auto;margin-right:auto;} /*#content.projects,*/ /*#content.homepage {width:1400px;margin:0 auto;}*/ } @media all and (max-width: 1157px){ .screen {display:none;} .tablet {display:inherit;} } @media all and (-webkit-min-device-pixel-ratio: 1.5){ #home-slider-container .cdv-slide-next span{background-image:url("../images/arrow-right-6@2x.png");background-size:38px 136px;} #home-slider-container .cdv-slide-prev span{background-image:url("../images/arrow-left-6@2x.png");background-size:38px 136px;} #content h4 {background-image:url(../images/arrow-right-3@2x.png);background-size:9px 36px;} #content .projects .project .description .arrow{background-image: url(../images/arrow-right-2@2x.png);background-size:12px 44px;} #content .bottom-elements .element .btn {background-image:url(../images/arrow-right-3@2x.png);background-size:9px 36px;} #projects-top .subnav-container .subnav li.list a span{background-image:url(../images/list-icon@2x.png);background-size:16px 62px;} #projects-top .subnav-container .subnav li.map a span{background-image: url(../images/map-icon@2x.png);background-size:16px 62px;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item .description span{background-image:url(../images/glass-ico@2x.png);background-size:17px 16px;} #project-slider .cdvVScroll-next span{background-image:url("../images/arrow-right-6@2x.png");background-size:38px 136px;} #project-slider .cdvVScroll-prev span{background-image:url("../images/arrow-left-6@2x.png");background-size:38px 136px;} #content .left-content .links li a.pdf{background-image:url(../images/project-buttons@2x.png);background-size:73px 72px;} #content.presentation .grid-item .description .download-link{background-image:url(../images/paperclip@2x.png);background-size:17px 17px;} #content.presentation .grid-item .video-btn{background-image:url(../images/play-btn@2x.png);background-size:60px 60px;} #content.people .grid-item .rollover .cv{background-image:url(../images/arrow-right-5@2x.png);background-size:6px 41px;} #content.people .popup .close{background-image:url(../images/close-btn@2x.png);background-size:21px 20px;} footer .socials li a.linkedin{background-image:url(../images/socials-in@2x.png);background-size:21px 20px;} footer .socials li a.vimeo{background-image:url(../images/socials-v@2x.png);background-size:20px 18px;} footer .footer-container .right .link {background-image:url(../images/arrow-right-4@2x.png);background-size:5px 10px;} footer .back-to-top {background-image:url("../images/back-to-top-arrow@2x.png");background-size:42px 42px;} #fancybox-close {background-image:url(../images/close-popup@2x.png);background-size:31px 29px;} .contact-popup .current-job h3{background-image: url(../images/arrow-right-3@2x.png);background-size:9px 36px;} #content.presentation .grid-item .description.mob .title{background-image:url(../images/arrow-right-7@2x.png);background-size:12px 22px;} #content.news .news-slider .cdvVScroll-next{background-image:url(../images/news-slider-right@2x.png);background-size:30px 232px;background-position: 0px -120px !important;} #content.news .news-slider .cdvVScroll-prev{background-image:url(../images/news-slider-left@2x.png);background-size:30px 232px;background-position: 0px -120px !important;} } @media all and (max-width: 950px){ #studio-top .subnav li {margin-left:8px;} .main-width {padding-left:70px;padding-right:70px;} .main-width-studio { padding-left: 40px; } #projects-top .subnav-container .subnav li{width:35px;} #projects-top .filters-container .filters li{margin-left:10px;} #studio-top-banner .text-content .right { padding-top: 30px; padding-bottom: 30px; width: 45%;} #studio-top-banner .text-content .left { padding-top: 30px; padding-bottom: 30px; width: 55%; } #content.people .grid-item .rollover{padding:10px 25px;} } @media all and (max-width: 767px) { #content .covid-container{display:block;margin-right:15px;margin-left:15px;} #content .covid-container p{margin-right:0;margin-bottom:1.5em;} .screen {display:none} .tablet {display:none !important;} .mobile {display:inherit} .main-width {padding-left:0px;padding-right:0px;} .main-width-extra-padding {padding-left:15px;padding-right:15px;} body.home #content {padding-bottom:0px;} body.home #top-wrapper {margin-bottom:20px;} /* HEADER */ header {padding-bottom:15px;position:relative;} header #fixed-nav-menu {height:53px;width:100%;} header .logo {display: block;float: none;padding-bottom: 20px;position:relative;z-index:22;background-color:white;} /*header .nav-container {position:fixed !important;z-index:999999;height:51px;padding:0px;width:100%;left:0px;top:0px;}*/ header .nav-container {position:absolute;z-index:999999;height:51px;padding:0px;width:100%;left:0px;top:107px;} header .nav-container .top-bar{background-color:#f4b61b;height:53px;border-bottom:2px solid white;} header .nav-container .overflow-box{padding:0px 15px;} header .nav-container .menu-btn {position:absolute;left:15px;top:12px;display:block;} header .nav-container .menu-btn img{width:28px;height:29px;} header .nav-container .menu-main-manu-container{display:none;position:absolute;width:100%;left:0px;top:0px;z-index:10;} /*header .nav-container.opened .menu-main-manu-container{display:block;}*/ header .nav-container ul {text-align: left;padding:0px;background-color:#f4b61b;} header .nav-container ul li{display: block;padding:0px;margin: 0px;border-right:2px solid white;border-bottom:2px solid white;padding-right:35px;} header .nav-container ul li a{color:white;color: white;font-weight: normal;display: block;padding: 0px 15px;line-height:51px;font-size:24px;} header .nav-container ul li.current-menu-item a, header .nav-container ul li.current_page_parent a, header .nav-container ul li.current-page-ancestor a, header .nav-container ul li a:hover {color:white;} header .nav-container .mob-subnav {position:absolute;top:53px;right:0px;width:100%;z-index:10;display:none;background-color:white;} header .nav-container .mob-subnav ul{background-color:#989898;} header .nav-container .mob-subnav ul li{border-right:0px;border-left:2px solid white;} header .nav-container .mob-subnav ul li.is-parent{padding-right:0;border-bottom:none;} header .nav-container .mob-subnav ul li .children{padding-right: 0;border-top:2px solid #fff;} header .nav-container .mob-subnav ul li .children li{padding-right: 0;border-left:0;padding-left:20px;} header .nav-container .mob-subnav ul li a{} /*header .nav-container.mobile.fixed {top:0px;position:fixed;width:100%;z-index:3;overflow-y:auto;max-height:100%;width:100%;}*/ header .nav-container.mobile.fixed {top:0px;position:fixed;width:100%;z-index:3;width:100%;} header .nav-container.mobile.fixed.opened {position:absolute;top:107px;max-height:none;} /*header .nav-container.mobile.fixed .mob-subnav{overflow:auto;}*/ .breadcrumbs {padding-bottom:15px;font-size:13px;color:#999999;font-weight:normal;font-family:Lato;z-index:999999;} .breadcrumbs > * {vertical-align:middle;text-transform:uppercase;} .breadcrumbs .arrow {font-size: 10px;padding-right: 4px;} .breadcrumbs .pipe {font-size:15px;padding:0px 4px;} .breadcrumbs a{text-decoration:none;color:#999999;} .breadcrumbs .current{color:#f4b61b;} #home-slider-container .cdv-slide-arrows {width:45px;} #content.homepage h1 {font-size:20px;} #content .grid-container .grid-item{width:100%;padding:0px 0px 30px;} #content .grid-container .grid-item-inner {position:relative;width:100%;height:auto;} #content .grid-container .grid-item-inner .description {display:block;top:auto !important;bottom:0px;} #content .grid-container .grid-item:nth-child(3n), #content .grid-container .grid-item:nth-child(3n+1), #content .grid-container .grid-item:nth-child(3n+2){padding:0px 0px 30px;} #content .sidebar {width:100%;padding-left:0px;float:none;} #content .sidebar .widget {padding:0px;border:none;} #content .sidebar .widget .links{margin-top:0px;} #content .left-content {margin-right:0px;padding-right:0px;width:100%;} #content .left-content > .links{margin-bottom:30px;margin-top:20px;} #studio-top-banner{margin-bottom:20px;font-size:0px;} #studio-top-banner .vertical-aligner {display:inline-block;height:100%;vertical-align:middle;width:1%;} #studio-top-banner .text-content { display: block; } #studio-top-banner .text-content .left {vertical-align: middle; padding: 30px;} #studio-top-banner .text-content .left h1 {font-size:22px;line-height:24px;max-width:320px;} #content.studio {padding:0px 15px;} #content.studio .description p, #content.studio .description{color:black;} #content.studio .grid-item {display:none;} #content .two-columns-container .col-item {margin-bottom:20px;} #content .two-columns-container .col-item .column-one {display:none;} #content .two-columns-container .col-item .column-two {padding-left:0px;width:100%;} #content .two-columns-container .col-item .column-two p {margin:0px;} #content.studio.publications {padding:0px;} #content.studio.publications .publications{padding:0px 15px;} #content.publications .mobile.images {width:100%;} #content.publications .mobile img {width:100%;height:auto;} #content.publications .year {padding-bottom: 0px;} #content.publications .year .right h4 {margin-bottom:20px;} #content.publications .year .right .publications .publication {padding:0px 0px 20px !important;float:none;width:100%;} .people-slider {margin-bottom:20px;} .mob-description {margin-bottom:20px;padding:0 15px;font-size:14px;color:black;font-family:Lato;} #content.studio.people {padding:0px;} #content.studio.people > h1 {display:none;padding:0px 15px;} #content.studio.people .mobile.title {padding:0 15px;} #content.studio.people .grid-item {} #content.studio.people .grid-item .rollover{position:static;background:none;padding:15px} #content.studio.people .grid-item .rollover h5{color:#939598;font-size:13px;float:none;} #content.studio.people .grid-item .rollover .cv-link{color:#f4b61b;font-size:13px;float:none;display:inline-block;background-position: 100% -26px;} #content.studio.people .grid-container {position:relative;margin-bottom:30px;} #content.studio.people .grid-container .grid-item-inner {position:static;} #content.studio.people .partners .partner {display:block;padding-bottom:0px;position:static;} #content.people .partners h3{margin-bottom:0px;padding:0 15px;} #content.people .partners .partner{width:50%;float:left;} #content.people .partners .partner:nth-child(2n+1){padding-left:2px;} #content.people .partners .partner:nth-child(2n){padding-right:2px;} #content.people .team-container {padding-top:0px;margin-top:0px;border-top:none;} #content.people .team-container h3 {padding:0px 15px;} #content.people .team-container .related-project{width:33.33333%;} #content.people .team-container .related-project:nth-child(3n+1){padding:0px 4px 6px 0px;} #content.people .team-container .related-project:nth-child(3n+2){padding:0px 2px 6px;} #content.people .team-container .related-project:nth-child(3n){padding:0px 0px 6px 4px;} /*#project-slider {max-height:320px;}*/ #project-slider .cdvVScroll-container{max-height:100%;height:220px;} #project-slider .cdvVScroll-container .cdv-scrollable{max-height:100%;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper{max-height:100%;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper .cdvVScroll-scrollable{max-height:100%; height: 220px;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper .cdvVScroll-scrollable .cdvVScroll-item{max-height:100%;display:inline-block !important;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper .cdvVScroll-scrollable .cdvVScroll-item img{max-height:100%;width:auto;} /*#project-slider .cdvVScroll-container .cdvVScroll-item {max-height:100%;}*/ /*#project-slider .cdvVScroll-container .cdv-scrollable {height:100%;}*/ /*#project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item,*/ /*#project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item,*/ /*#project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-item img{height:100%;width:auto;}*/ #project-info .project-info ul {float:none;} #project-info .project-info .left-info li{font-size:0px;} #project-info .project-info .left-info li > *{display:inline-block;vertical-align:middle;} #project-info .project-info .left-info .label{float:none;width:25%;} #project-info .project-info .left-info .info{width:75%;margin:0px;} #top-wrapper {margin:0 auto 60px;overflow:hidden;} #top-wrapper .push {height:16px;} footer {min-height:60px} footer .footer-container {padding-top:20px;} footer .socials {padding:0px;} footer .footer-container .right {margin-right:0px;} footer .footer-container .right .link {color:white;font-weight:bold;background:url("../images/mobile-arrow-right-1.png") no-repeat 100% 50%;color: white;line-height: 24px;font-size: 12px;} #content.presentation .projects .grid-item {width:50%;padding-bottom:4px;} #content.presentation .projects .grid-item:nth-child(2n+1) {padding-right:2px;} #content.presentation .projects .grid-item:nth-child(2n) {padding-left:2px;} #content.contact .left{width: 100%;padding-right: 0px;position: static;} #content.contact .right{width:100%;margin-top:20px;padding:0px 15px;} body.post-type-archive-presentation.mob #fancybox-wrap {position:fixed;top:-20px !important;z-index:9999999;width:100% !important;height:100% !important;left: -20px !important;background-color:black;} body.post-type-archive-presentation.mob #fancybox-wrap #fancybox-content{width:100% !important;height:100% !important;padding:42px 0px;background-color:black;} } @media all and (max-width:767px) and (-webkit-min-device-pixel-ratio: 1.5){ footer .footer-container .right .link {background-image:url("../images/mobile-arrow-right-1@2x.png");background-size:5px 10px;} } @media all and (max-width: 320px){ #project-slider .cdvVScroll-container{max-height:100%;height:250px;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper .cdvVScroll-scrollable{max-height:100%; height: 250px;} } @media all and (max-height: 400px){ #project-slider .cdvVScroll-container{max-height:100%;height:250px;} #project-slider .cdvVScroll-container .cdv-scrollable .cdvVScroll-wrapper .cdvVScroll-scrollable{max-height:100%; height: 250px;} }