/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,var,hr,acronym,dl,dt,dd,ol,ul,li,pre,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;margin:0;padding:0;-webkit-text-size-adjust:100%;}em,strong,b,i,a,span,sub,sup,small{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}a:focus{outline:0}:focus,:active{outline:none;outline:0}::-moz-focus-inner{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{list-style:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border-top:1px solid #000;color:#000}input,select{vertical-align:middle;}sub{vertical-align:sub;font-size:smaller;line-height:0px}sup{vertical-align:super;font-size:smaller;line-height:0px}input,button,textarea,select,label,img{display:inline-block;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{-webkit-appearance: none;}textarea{resize:none;}button,a span{cursor:pointer}button{border:0;text-align:center;}button::-moz-focus-inner{padding:0;border:0;}table{table-layout:fixed;}a[href^=tel]{ color:inherit;} #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* != FONT SMOOTHING */ body,input,button,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;} /* * { box-sizing: border-box;} */ /* != .clearfix - CLEAR ELEMENTS */ .clear{clear: both;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfix{display:inline-table;} * html .clearfix{height:1%;}/* Hides from IE-mac \*/ .clearfix{display:block;}/* Hides from IE-mac \*/ * html .clearfix{zoom:1;}/* IE6 */ *:first-child+html .clearfix{zoom:1;}/* IE7 */ /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;word-wrap:break-word;} /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* != Open Sans ====================================== */ @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-Light-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: 300; font-style: normal;} @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-LightItalic-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-LightItalic-webfont.woff') format('woff'), rl('../fonts/Open-Sans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-Regular-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-Italic-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-Semibold-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-SemiboldItalic-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-Bold-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-BoldItalic-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-ExtraBold-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/Open-Sans/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('../fonts/Open-Sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Open-Sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../fonts/Open-Sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../fonts/Open-Sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: 700; font-style: italic; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { background: #fff; font: 400 15px/1.6 "OpenSans", Arial, Helvetica, sans-serif; color: #4b4f54; min-height: 100%; -webkit-user-select:none !important; -webkit-touch-callout:none !important; } body.single-publication {/* background: #4b4f54; */width: 100%; height: 100%; } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ /* ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */ /* != ICON FONT DECLARATION ===== */ @font-face{font-family:"hutker";src:url(../fonts/Hutker/hutker.eot);src:url(../fonts/Hutker/hutker.eot?#iefix) format("embedded-opentype"),url(../fonts/Hutker/hutker.woff) format("woff"),url(../fonts/Hutker/hutker.ttf) format("truetype"),url(../fonts/Hutker/hutker.svg#hutker) format("svg");font-weight:400;font-style:normal} [data-icon]:before{font-family:"hutker"!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} [class^="icon-"]:before,[class*=" icon-"]:before{font-family:"hutker"!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-right:before { content: "a"; } .icon-up:before { content: "b"; } .icon-left:before { content: "c"; } .icon-down:before { content: "d"; } .icon-menu:before { content: "e"; } .icon-youtube:before { content: "f"; } .icon-twitter:before { content: "g"; } .icon-rss:before { content: "h"; } .icon-linkedin:before { content: "i"; } .icon-facebook:before { content: "j"; } .icon-google:before { content: "k"; } .icon-close:before { content: "l"; } .icon-email:before { content: "m"; } .icon-search:before { content: "n"; } .icon-instagram:before { content: "o"; } .icon-pinterest:before { content: "p"; } .icon-flickr:before { content: "q"; } .icon-yelp:before { content: "r"; } /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != LAYOUT STYLES ===== */ h1 { font-size: 0; } h2 { font: 500 38px/1.2 'sweet-sans-pro', 'OpenSans'; color: #ff6c0c; margin: 20px 0 10px 0; text-align: center; text-transform: uppercase; } h3 { font: 500 22px/1.3 'sweet-sans-pro', 'OpenSans'; /*color: #000; */margin: 20px 0 10px 0;text-transform: uppercase; } h4 { font: 500 18px/1.5 'sweet-sans-pro', 'OpenSans'; /*color: #000;*/ margin: 20px 0 10px 0; text-transform: uppercase; } h4 span { font: 300 10px/1.2 'OpenSans'; /*color: #000;*/ text-transform: uppercase; display: block; } h5 { font: 500 30px/1.2 'sweet-sans-pro', 'OpenSans'; color: #F27B1F; margin: 20px 0; text-transform: uppercase; } h5 span { font: 300 12px/1.2 'OpenSans'; color: #B1B1B1; position: relative; top: -15px; } p { margin: 0 0 20px 0; } hr { height: 1px; border: none; background: #D7D7D7; color: #D7D7D7; margin: 10px 0 30px 0; } blockquote { font: 300 22px/1.4 'OpenSans'; text-align: center; position: relative; } blockquote:after { content: '”'; position: absolute; margin: -10px 0 0 5px; /*top: -10px;*/ /*right: -20px;*/ opacity: .3; font-size: 56px; font-family: Arial, Helvetica, sans-serif;} blockquote:before { content: '“'; position: absolute; top: -10px;/*left: -20px;*/ margin: 0 0 0 -25px; opacity: .3; font-size: 56px; font-family: Arial, Helvetica, sans-serif;} cite { font-size: 10px; font-weight: 400; display: block; ine-height: 1.2; margin: 20px 0; text-align: center; } cite strong{ font-size: 12px; font-weight: 500; } a { color: #ff6c0c; } a:hover { color: #4b4f54; } img { max-width: 100%; -webkit-user-select:none !important; -webkit-touch-callout:none !important; } .continue { font-size: 0; line-height: 1em; color: #F37D1F; margin: 0 0 0 5px; display: inline-block; vertical-align: middle; } .continue:after { content: 'a'; position: relative; font: normal 20px/20px 'hutker'; vertical-align: middle; top: 0; display: inline-block; transition: .2s; } .continue.white:after { color: #fff; } .continue:hover { color: #4b4f54; } .continue.text { font-size: 14px; vertical-align: middle; } .continue.text:after { position: static; margin: 0 0 0 5px; } .continue.big:after { font: normal 30px/30px 'hutker'; } a.more { text-transform: uppercase; font: 400 12px/1 'OpenSans'; margin: 30px 0; display: inline-block; } a.btn { display: inline-block; margin-top: 10px; font-family: 'sweet-sans-pro'; text-transform: uppercase; font-size: 19px; } a.btn:after { content: 'a'; font: normal 20px/20px 'hutker'; text-transform: none; vertical-align: middle; display: inline-block; margin-left: 5px; position: relative; top: -2px; } #logo-text { display: none; float: left; padding: 35px 0 0 75px; position: absolute; z-index: 100; } #logo-text a { display: block; text-indent: -9000px; background: url(../images/logo-text.png) no-repeat 0 0; width: 200px; height: 50px; background-size: contain; } .home #logo-text, .single-project #logo-text { display: block; } /*#header { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); position: fixed; top: 0; left: 0; width: 60px; height: 100%; z-index: 999; }*/ /*#header { left: 0; transition: .2s; }*/ /*#header.hidden { left: -65px; transition: .2s; }*/ /*a.toggle-header { position: fixed; width: 30px; height: 100%; left: 0; top: 0; z-index: 99;}*/ #header { background: #fff; box-shadow: 0 -2px 2px rgba(0,0,0,.2); /*box-shadow: 0 0 5px rgba(0,0,0,.2);*/ position: fixed; top: 0; left: 0; bottom: 0; width: 60px; z-index: 999; } body { position: relative;} #logo { margin: 0; padding: 30px 0; border-bottom: 1px solid #F0F0F0; } #logo a { display: block; margin: 0 auto; text-indent: -9000px; background: url(../images/logo-icon.png) no-repeat 0 0; width: 36px; height: 36px; background-size: contain; } #alert { background: rgba(251,107,34,.95); position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10; text-align: center; color: #fff; padding: 30px 0; font-size: 18px; } #alert .wrap { position: relative;} #alert h6 { font-size: 28px; font-weight: 400; } #alert p span {word-wrap: nowrap; display: inline-block; } #alert span.icon-close { position: absolute; font-size: 18px; top: -20px; right: 10px; border: 1px solid #fff; border-radius: 50%; display: inline-block; padding: 3px 0 0 0; width: 30px; height: 27px; cursor: pointer; text-align: center; } .wrap { width: 100%; max-height: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 20px 0 80px; /*padding: 0 20px 0 20px;*/ } .content-area .wrap { width: 1240px; max-width: 100%; } .featured.wrap { width: 1240px; max-width: 100%; } #nav-container { margin: 0; padding: 0; position: relative; } #nav-container .nav-toggle { vertical-align: middle; display: inline-block; padding: 22px 15px; cursor: pointer; height: 50px; box-sizing: border-box; width: 100%; background: none; border-bottom: 1px solid #F0F0F0; position: relative; } #nav-container .nav-toggle:after { content: 'Menu'; color: #c3c3c3; text-transform: uppercase; font-size: 12px; font-weight: 600; position: absolute; top: 100%; padding: 5px; text-align: center; left: 50%; transform: translateX(-50%); } #nav-container .nav-toggle span, #nav-container .nav-toggle span:before, #nav-container .nav-toggle span:after { cursor: pointer; border-radius: 5px; height: 4px; width: 30px; background: #C7C7C7; position: absolute; display: block; content: ''; } #nav-container .nav-toggle span:before { top: -8px; } #nav-container .nav-toggle span:after { bottom: -8px; } #nav-container.open .nav-toggle, .no-touch #nav-container:hover .nav-toggle { box-shadow: 0 0 20px rgba(0,0,0,.2); border-bottom: 1px solid #D8D8D8 } /* #nav-container.open .nav-toggle span, #nav-container.open .nav-toggle span:before, #nav-container.open .nav-toggle span:after, #nav-container:hover .nav-toggle span, #nav-container:hover .nav-toggle span:before, #nav-container:hover .nav-toggle span:after { background: #ff6c0c; }*/ #nav-container #nav { display: none; position: absolute; top: 0; left: 60px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); z-index: 0; width: 225px; } #nav-container #nav li { border-top: 1px solid #EEEEEE; } #nav-container #nav li:first-child { border: none; } #nav-container #nav li a { font-size: 12px; height: 49px; display: block; text-transform: uppercase; color: #767676; padding: 0 20px; line-height: 49px; } #nav-container #nav li a:hover { color: #ff6c0c; } #nav-container #nav li.current-page-item a { background: #EEEEEE; color: #A8A8A8; } #nav-container.open #nav:before, .no-touch #nav-container #nav:before { background: #fff; position: absolute; width: 10px; right: 100%; height: 48px; content: ''; display: block; top: 1px; } #nav-container.open #nav, .no-touch #nav-container:hover #nav { display: block; } #nav-container li form { height: 29px; box-sizing: border-box; margin: 10px 20px; background: #EDEDED; padding: 0; border-radius: 30px; } #nav-container li form:before { content: 'n'; font: normal 13px/29px 'hutker'; margin: 0 0 0 10px; width: 10px; position: absolute; z-index: 0;} #nav-container li form .search { display: block; border: none; background: none; height: 29px; line-height: 29px; box-sizing: border-box; position: relative; z-index: 1; padding: 0 0 0 30px; vertical-align: middle; font-size: 12px; color: #767676 } #media-nav { text-align: center; padding: 10px 0 } #media-nav a { display: block; padding: 2px 0; font: 600 11px/1.3 'OpenSans'; text-transform: uppercase; color: #C7C7C7; } #media-nav a.current-menu-item, #media-nav a:hover { color: #EF7A30; } #banner { height: 100vh; position: relative; overflow: hidden; width: 100%; } #slideshow { height: 100vh; z-index: 0; } #slideshow:after { content: ''; position: absolute; width: 100%; height: 10%; bottom: 0; z-index: 100; /*background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.2) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.2))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.2)',GradientType=0 );*/ } .slide { height: 100vh; width: 100%; background-repeat: none; background-size: cover; background-position: 50% 50%; } #slideshow-nav-container{ position: absolute; bottom: 20px; width: 100%; } #slideshow-nav { position: absolute; right: 20px; } #slideshow-nav span { display: inline-block; font-size: 0; width: 10px; height: 10px; margin: 0 0 0 5px; border: 1px solid #fff; border-radius: 50%; } #slideshow-nav span.cycle-pager-active { background: #fff; } #banner h3 { position: absolute; bottom: 0; color: #fff; font: 300 32px/1 'OpenSans'; letter-spacing: -.75px; } #slideshow-nav-container a.icon-down { font-size: 40px; color: #fff; display: block; margin: 0 auto; width: 40px; line-height: 30px; opacity: .4; -webkit-transition: .2s; transition: .2s; } #slideshow-nav-container a.icon-down:hover { opacity: 1 } #banner-image { height: 100vh; width: 100%; background-repeat: none; background-size: cover; background-position: 50% 50%; position: absolute; z-index: 0; } #banner-image:after { position: absolute;top: 0; left: 0; content: ''; background-color: rgba(0,0,0,.5); z-index: 1; width: 100%; height: 100%; } #banner-image.no-overlay:after { display: none; } #banner-image-text { z-index: 1; text-align: center; margin: 0 auto; width: 60%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #banner-image-text h2 { color: #fff; font-size: 48px;} #banner-image-text p { color: #fff; font-size: 18px; } #banner.careers-banner { height: 75vh; } #banner.careers-banner #slideshow {height: 75vh; } #banner.careers-banner #banner-image { height:75vh; } /* .process-banner { height: 100vh; position: relative; overflow: hidden; width: 100%; } .process-banner-image { height: 100vh; width: 100%; background-repeat: none; background-size: cover; background-position: 50% 50%; position: absolute; z-index: 0; } */ .process-banner { position: relative; width: 100%; padding-bottom: 37.3%; /*HEIGHT/WIDTH*/ height: 0; overflow: hidden; margin: 0 0 0 30px;} .process-banner-image { height: 100%; width: 100%; position: absolute; background-repeat: none; background-size: cover; background-position: 50% 50%; z-index: 0; } .process-banner-image:after { position: absolute;top: 0; left: 0; content: ''; /*background-color: rgba(0,0,0,.5);*/ z-index: 1; width: 100%; height: 100%; } .process-banner-image-text { z-index: 1; text-align: center; margin: 0 auto; width: 60%; position: relative; padding: 10% 0 0 0; } .process-banner-image-text h2 { color: #fff; font-weight: 300; font-size: 48px;} .process-banner-image-text p { color: #fff; font-size: 18px; line-height: 1.2} .process-banner-image-text.align-center { padding: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .process-banner-image-text.align-bottom { position: absolute; bottom: 10%; left: 0; width: 100%; padding: 0 20px 0 80px; box-sizing: border-box; text-align: center; } .content-area { padding: 30px 0; } .home #content-start.content-area { padding: 30px 0 0 0; } .content-main { float: left; width: 64%; padding: 20px 0 0 0; } .content-main :first-child { margin-top: 0; } .content-main ul { margin: 20px 0 20px 30px; } .content-main ul li { position: relative; padding-left: 10px; margin: 0 0 5px 0; } .content-main ul li:before { content: '•'; position: absolute; left: 0; } .content-main ol { counter-reset:li; margin: 20px 0 20px 30px; } .content-main ol li { position: relative; padding-left: 20px; margin: 0 0 5px 0; } .content-main ol li:before { content:counter(li) '. '; counter-increment: li; position: absolute; left: 0; } .content-sub { float: right; width: 32%; padding: 20px 0 0 0; } .content-sub img { width: 100%; } .content-main-right .content-main { float: right; } .content-main-right .content-sub { float: left; } .intro { text-align: center; max-width: 960px; margin: 0 auto; padding: 20px 0;} .intro p { font: 300 22px/1.5 'OpenSans'; } #intro-tabs p { font: 300 18px/1.4 'OpenSans'; /*color: #000;*/text-align: center; } #main_content .content-area:first-child p:first-child:first-letter { color: #ff6600; font-size: 200%; line-height: 1em; } .content-full { text-align: center;} .content-full p{ font-size: 22px; font-weight: 300; /*color: #000;*/ text-align: center; } .more-news { text-align: center; padding: 15px 0; border-top: 2px solid #d6d6d6; font-size: 17px; border-bottom: 2px solid #d6d6d6; } .more-news a { color:#8c8c8c; } .single-news-article .date-single .addtoany_shortcode { margin-top:30px; } .single-news-article .date-single .addtoany_shortcode a { display:block; width:25px; height:25px; margin:0 0 15px !important; padding:0 !important; } .single-news-article .date-single .addtoany_shortcode a.a2a_button_twitter { background:url('/wp-content/uploads/twittergray-1.png'); background-size:contain; background-repeat:no-repeat; background-position:center center;} .single-news-article .date-single .addtoany_shortcode a.a2a_button_facebook { background:url('/wp-content/uploads/fbgray-1.png'); background-size:contain; background-repeat:no-repeat; background-position:center center;} .single-news-article .date-single .addtoany_shortcode a span { display:none; } .single-news-article .date-single { position:absolute; left:0; top:0; } .single-news-article p { text-align:left; } .single-news-article p.pmonth { color:#000; text-align: center; margin: 0; font-size: 18px; line-height: 1.5em; } .single-news-article p.pday { color:#000; font-weight: normal; text-align: center; margin: 0; font-size: 30px; line-height: 1em; } .single-news-article h2, .single-news-article h3 { text-align:left; } .single-news-article h3, .single-news-article h6 { color:#8c8c8c; text-align:left; } .content-main h2 { text-align: left; } .resp-tabs-list { font-size: 0; text-align: center; border-bottom: 1px solid #D7D7D7; } .resp-tabs-list li { font-size: 14px; padding: 0 20px 5px 20px; text-transform: uppercase; color: #767676; /**/ display:inline-block; list-style: none; cursor: pointer; } .resp-tabs-list li:hover { color: #F07B2D; } .resp-tabs-list li.resp-tab-active { color: #F07B2D; position: relative; } .resp-tabs-list li.resp-tab-active:before { content: ''; border: 10px solid transparent; border-top: 10px solid #fff; width: 0; left: 50%; top: 100%; display: block; margin: 0 0 0 -10px; position: absolute; z-index: 1; } .resp-tabs-list li.resp-tab-active:after { content: ''; border: 11px solid transparent; border-top: 11px solid #D7D7D7; width: 0; left: 50%; top: 100%; display: block; margin: 0 0 0 -11px; position: absolute; z-index: 0; } .resp-tabs-container { padding: 30px 0 0 0; } h6.resp-accordion{ display: none;} .resp-tab-content{display:none;} .resp-content-active,.resp-accordion-active{display:block} .resp-tab-content{} h2.resp-accordion{cursor:pointer;display:none} h2.resp-tab-active{} h2.resp-tab-title:last-child{} /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list{float:left;} .resp-vtabs .resp-tabs-list li{display:block;cursor:pointer;float:none} .resp-vtabs .resp-tabs-container{float:left;clear:none} .resp-vtabs .resp-tab-content{} .resp-vtabs li.resp-tab-active{position:relative;z-index:1;} .resp-arrow{width:0;height:0;float:right;} h2.resp-tab-active span.resp-arrow{} /*-----------Accordion styles-----------*/ h2.resp-tab-active{} .resp-easy-accordion h2.resp-accordion{display:block} .resp-easy-accordion .resp-tab-content{} .resp-easy-accordion .resp-tab-content:last-child{} .resp-jfit{width:100%;margin:0} .resp-tab-content-active{display:block} h2.resp-accordion:first-child{} /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ /* Owl Carousel - Animate Plugin*/ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin*/ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .news-articles { font-size: 0; /*margin-left: -1%;*/ } .news-articles.no-carousel { font-size: 0; margin-left: -1%; } .news-articles .news-article { min-height:450px; display: block; float: left; width: 33.33%; padding: 0 15px; box-sizing: border-box; /*width: 31.3%; margin: 0 0 30px 2%;*/ font-size: 14px; vertical-align: top; margin:0 0 30px; } .home .news-articles .news-article { margin-bottom:0; } .news-articles .news-article p.ex { min-height:88px; margin:0; font-weight:300; font-size:18px; } .news-articles.no-carousel .news-article { display: inline-block; width: 31.3%; margin: 0 0 30px 2%; font-size: 14px; vertical-align: top; } .news-articles .news-article .news-thumb { position: relative; display: block; overflow: hidden; margin: 0 0 10px 0; min-height:250px; background-size:cover; background-repeat:no-repeat; background-position:center center; } .news-articles .news-article.meet-the-makers .news-thumb:after { content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(74, 79, 85,.7) url(../images/logo_meet-the-makers.png) no-repeat 50% 50%; background-size: 241px 58px; z-index: 0; text-align: center; color: #fff; box-sizing: border-box; } .news-articles .news-article .read { margin-left:10px;vertical-align:middle; } .news-articles .news-article .news-thumb img { display: block; width: 100%; max-width: 100%; } .news-articles .news-article .news-thumb div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.9); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); transition: .2s; } .news-articles .news-article .news-thumb span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 300; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .news-articles .news-article .news-thumb:hover div { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .news-articles .news-article h4 { /* max-height: 27px; */ margin: 0 0 10px; /* overflow: hidden; */ font: 300 18px/1.2 'OpenSans'; text-transform: none; } .news-articles .news-article h4 a { color: #ff6600; } .news-articles .news-article h4 a:hover { color: #F07B2D; } /*.news-articles .news-article.meet-the-makers .news-thumb div { background: rgba(74, 79, 85,.7) url(../images/logo_meet-the-makers.png) no-repeat 50% 50%; background-size: 241px 58px; } .news-articles .news-article.meet-the-makers .news-thumb div span { display: none; }*/ .three-columns { font-size: 0; margin-left: -2%; } .three-columns li { display: inline-block; width: 31.3%; margin: 0 0 30px 2%; font-size: 14px; vertical-align: top; } .three-columns li div { position: relative; display: block; overflow: hidden; margin: 0 0 10px 0; cursor: pointer; } .three-columns li div img { display: block; width: 100%; max-width: 100%; } .three-columns li div .hover { visibility: hidden; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); transition: .2s; } .three-columns li div span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 300; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .three-columns li div a span:after { display: block;content: 'a'; font-size: 25px; font-family: 'hutker'; margin: 5px 0 0 0;} .three-columns li div:hover .hover { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .featured.full { margin-left: 60px; } .content-featured { position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding-bottom: 53%; /* HEIGHT/WIDTH */ height: 0; background-size: cover; background-repeat: none; background-position: 50% 50%; } .content-featured:after { position: absolute; content: ''; width: 100%; height: 40%; bottom: 0; /*background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.7)',GradientType=0 ); */ } .content-featured.center:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.3); } .content-featured.center:after { display: none;} .content-featured.center .featured-content { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; margin: 0; bottom: auto; } .content-featured.top .featured-content { width: 60%; position: absolute; z-index: 1; top: 0; left: 50%; margin: 30px 0 30px -30%; text-align: center; color: #fff; } .content-featured.top:before { position: absolute; content: ''; width: 100%; height: 40%; top: 0; /*background-color: rgba(0,0,0,.7); background: -moz-linear-gradient(top, rgba(0,0,0,.7) 0, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,.7)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,.7)', endColorstr='rgba(0,0,0,0)',GradientType=0 ); */ } .content-featured.top:after { display: none; } .blog-posts .content-featured:after { position: absolute; content: ''; width: 100%; height: 40%; bottom: 0; background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.7)',GradientType=0 ); } /*.featured-content { width: 60%; position: absolute; z-index: 1; bottom: 0; left: 50%; margin: 0 0 30px -30%; text-align: center; color: #fff; }*/ .featured-content { width: 60%; position: absolute; z-index: 1; bottom: 0; left: 50%; margin: 0 0 30px -30%; text-align: center; color: #fff; } .featured-content.center { width: 60%; position: absolute; z-index: 1; top: 55%; transform: translateY(-50%); left: 50%; margin: 0 0 0 -30%; text-align: center; color: #fff; bottom: auto; } .featured-content h6 { font: 300 44px/1.2 'OpenSans'; /* margin-left: 60px; */ } .featured-content p { /* margin: 0 0 10px 60px; */ margin: 0 0 10px 0; } .featured-content .continue.white { color: #fff; display: inline-block; /* margin: 10px 0 10px 60px; */ margin: 10px 0 10px 0; opacity: .4; -webkit-transition: .2s; transition: .2s; } .featured-content .continue.white:after { font-size: 30px; line-height: 30px; } .featured-content .continue.white:hover { opacity: 1;} .content-featured-half { background: #767676; position: relative; margin: 0 0 0 60px; } .content-featured-half.orange { background: #FF6C0C; } .content-featured-half .wrap { padding-left: 0;} .content-featured-half .featured-content { position: static; text-align: left; margin: 0; padding: 130px 50px 130px 0; width: 50%; box-sizing: border-box;} .content-featured-half .featured-content h6 { font: 300 46px/1.3 'OpenSans'; margin-left: 50px; margin-bottom: 10px; } .content-featured-half .featured-content p { margin-left: 50px; } .content-featured-half .featured-content .continue.white { margin-left: 50px; } .content-featured-half-image { position: absolute; height: 100%; top: 0; left: 50%; right: 0; box-sizing: border-box; z-index: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;} .content-featured-half.content-right .featured-content { padding: 130px 0 130px 30px; float: right; } .content-featured-half.content-right .featured-content h6, .content-featured-half.content-right .featured-content p { margin-left: 30px; } .content-featured-half.content-right .content-featured-half-image { left: 0; right: 50%; } .content-featured-half.featured { background: #fff; } .content-featured-half.featured:nth-child(even) .featured-content { padding: 130px 0 130px 30px; float: right; } .content-featured-half.featured:nth-child(even) .content-featured-half-image { left: 0; right: 50%; } .content-featured-half.featured .content-featured-half-image { background-size: contain;} .content-featured-half.featured .featured-content {color: #4b4f54; } .content-featured-half.featured .featured-content h2 {text-align: left; margin-left: 50px; color: #666; position: relative; } .content-featured-half.featured .featured-content h2:before {content: ''; display: block; width: 90px; height: 1px; background: #666; position: absolute; top: -40px; } .content-featured-half.featured .featured-content p {font-size: 18px; font-weight: 300; } .content-featured-half.featured .featured-content a.btn { margin-left: 50px; } .publications { font-size: 0; /*margin-left: -1%;*/ } .publications.no-carousel { font-size: 0; margin-left: -1%; } .publications .publication { display: block; /*width: 15.66%; margin: 0 0 30px 1%;*/ font-size: 14px; vertical-align: top; } .publications.no-carousel .publication { display: inline-block; width: 15.66%; margin: 0 0 30px 1%; font-size: 14px; vertical-align: top; } .publications .publication .publication-thumb { position: relative; display: block; overflow: hidden; margin: 0 0 10px 0; } .publications .publication .publication-thumb img { display: block; width: 100%; max-width: 100%; } .publications .publication .publication-thumb div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } .publications .publication .publication-thumb span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 18px; line-height: 1.2; font-weight: 300; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .publications .publication .publication-thumb:hover div { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .publications .publication h4 { margin: 10px 0 ; /*font-size: 14px; font-weight: 500; */ font: 300 18px/1.2 'OpenSans'; text-transform: none; } .publications .publication h4 a { color: #4b4f54; } .publications .publication h4 a:hover { color: #F07B2D; } .publications .publication p { font: 500 12px/1.2 'OpenSans'; } .publications .publication p .date { font: 400 10px/1.2 'OpenSans'; text-transform: uppercase; display: block; } #team { padding: 0 0 0 60px; /*padding: 0;*/ } #team-list { font-size: 0; margin: 0; } #team-list .team-member { overflow: hidden; display: inline-block; width: 33.0%; margin: 0 .5% 5px 0; box-sizing: border-box; padding: 0; font-size: 12px; vertical-align: top; position: relative; } #team-list .team-member:nth-child(3n) { padding: 0; margin: 0 0 5px 0; } #team-list .team-member a {display: block; position: relative; width: 100%; padding-bottom: 69%;/*HEIGHT/WIDTH*/ float: left; height: 0; } #team-list .team-member a img { height: 100%; width: 100%; position: absolute; z-index: 0;} #team-list .team-member a:after {display: block; position: absolute; width: 100%; content: ''; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.04) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.04))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.04) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.04) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0,rgba(0,0,0,.04) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.04) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,.05)',GradientType=0 ); /* IE6-9 */} #team-list .team-member a h6 { position: relative; z-index: 1; padding: 25% 30px 0 30px; } #team-list .team-member.right a h6 { text-align: right; } #team-list .team-member a h6 span { font: 300 12px/1.2 'OpenSans'; color: #B1B1B1; display: inline-block; width: 55%; } #team-list .team-member a h6 span.member-name{ font: 300 22px/1.2 'OpenSans'; display: inline-block; width: 55%; color: #F27C32; } #team-list .team-member div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } #team-list .team-member:hover div { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } #team-list .team-member:hover p { position: absolute; font-size: 13px; top: 50%; left: 50%; width: 90%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #team-list .team-member .continue { display: block; margin: 5px 0; } #team-sort { display: block; text-align: center; color: #C7C7C7; font-weight: 800; font-size: 16px; line-height: 20px; padding: 20px 0; } #team-sort:hover { color: #EF7B30; cursor: pointer; } #bios { display: none; } .bio { position: relative; height: 100%; box-sizing: border-box; padding: 30px 0 10px 0; background-repeat: no-repeat; background-position: 13% 100%; /*background-size: 35%;*/ background-size: contain; overflow: auto } .bio-content { /*margin: 0 30px 0 450px;*/ float: right; /*width: 60%;*/ width: 55%; /*padding: 0 80px 0 0;*/ padding: 0 65px 0 0; box-sizing: border-box; position: relative; height: 100%; } .bio-content h5 { font-family: OpenSans; font-weight: 300; text-transform: none; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; padding-top: 1px;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000; opacity: 0.05; filter: alpha(opacity = 05);} #colorbox{outline:0; box-shadow: 0 0 10px 0 rgba(0,0,0,.3); background: #fff; } #cboxContent{margin-top:45px; overflow:visible; background:#fff; } .cboxIframe{background:#fff;} #cboxError{padding:50px; } #cboxLoadedContent{background:#fff; } #cboxLoadingGraphic{/*background:url(images/loading.gif) no-repeat center center;*/} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0 0 30px 0; margin:0; overflow:visible; text-indent:-9999px; width:50px; height:20px; position:absolute; top:-33px; background: #fff; /*background:url(images/controls.png) no-repeat 0 0;*/ z-index: 100;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{ background-position:-50px 0px; right:-10px; } #cboxClose span { position: relative; display: block; right: 0; text-indent: 0; color: #E57629;} #cboxClose span:before { color: #E57629; display: block; position: absolute; right: 20px; border: 1px solid #E77729; font-size: 15px; line-height: 30px; width: 30px; border-radius: 50%; transition: .2s; } #cboxClose:hover{background-position:-50px -25px;} #cboxClose:hover span:before { color: #4b4f54; border-color: #4b4f54; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} .jspContainer { overflow:hidden; position:relative; } .jspPane { position:absolute; } .jspVerticalBar { position:absolute; top:0; right:0; width:10px; height:100%; background:red; } .jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:16px; background:red; } .jspVerticalBar *,.jspHorizontalBar * { margin:0; padding:0; } .jspCap { display:none; } .jspHorizontalBar .jspCap { float:left; } .jspTrack { background:#fff; position:relative; } .jspDrag { background:#eee; border-radius: 30px; position:relative; top:0; left:0; cursor:pointer; } .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag { float:left; height:100%; } .jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer; } .jspArrow.jspDisabled { cursor:default; background:#80808d; } .jspVerticalBar .jspArrow { height:16px; } .jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; } .jspVerticalBar .jspArrow:focus { outline:none; } .jspCorner { background:#eeeef4; float:left; height:100%; } .jspHover, .jspActive { background: #C7C7C7; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin:0 -3px 0 0; } .centered { text-align: center; } .awards { font-size: 0; margin-left: -1%; position: relative; margin-bottom: -1px; overflow: hidden; } .awards:before { position: absolute; content: ''; width: 20%; left: 20%; top: 0; height: 100%; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } .awards:after { position: absolute; content: ''; width: 20%; right: 20%; top: 0; height: 100%; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } .awards .award { display: inline-block; width: 20%; padding: 0 2%; box-sizing: border-box; font-size: 12px; vertical-align: top; line-height: 190px; text-align: center; border-bottom: 1px solid #EDEDED; margin-bottom: -1px; cursor: pointer; overflow: hidden; position: relative;;} .awards .award img { line-height: 190px; vertical-align: middle; text-align: center; display: inline-block; max-width: 100%; } .awards .award div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(251,107,34,.9); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } .awards .award p { position: absolute; text-align: center; display: block; width: 100%; padding: 0 20px; color: #fff; font-size: 18px; line-height: 1.2; font-weight: 400; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } .awards .award p span { display: block; font-size: 12px; margin: 10px 0 0 0; } .awards .award:hover div { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .loader { text-align: center; font: 300 18px/1.5 'OpenSans'; } .loader-spinner { width: 25px; height: 25px; border: 1px solid #EF7A30; border-top: 1px solid #fff; border-radius: 50%; margin: 10px auto; -webkit-animation-name: spinningLoader; -moz-animation-name: spinningLoader; -o-animation-name: spinningLoader; animation-name: spinningLoader; -webkit-animation-duration: .75s; -moz-animation-duration: .75s; -o-animation-duration: .75s; animation-duration: .75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes spinningLoader { from { -webkit-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } to { -wekit-transform: rotate(359deg); -ms-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spinningLoader { from { -webkit-transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); -moz-transform: rotate(359deg); transform: rotate(359deg); } } #media-items { display: none; } .media-item { padding: 30px 55px 30px 50px; } .media-item img { float: left; width: 35%; padding: 20px 0 0 0; } .media-item .media-item-content { float: right; width: 60%; position: relative; height: 100%; margin: 0 0 20px;} .date { font: 400 12px/1.2 'OpenSans'; display: block; margin: 20px 0; } #portfolio-overview { width: 80%; text-align: center; margin: 30px auto; } #portfolio-overview p { font: 300 20px/1.5 'OpenSans'; } .image-row { font-size: 0; /*margin: -5px 0 10px 55px;*/ margin: -5px 0 10px -5px; overflow: hidden; } .image-row img { display: inline-block; margin: -5px 0 0 0; padding: 0; border-left: 5px solid #fff; box-sizing: border-box; /*font-size: 12px;*/ vertical-align: bottom; } .image-row .w1 { width: 25%; } .image-row .w2 { width: 50%; } .image-row.row-121 .w1 { float: right; margin-top: -2px; } .image-row.row-121 .w1:first-child { float: left; } .process-row { font-size: 0; margin: 5px 0 0 55px; /*margin: 5px 0 0 -5px;*/ overflow: hidden; position: relative; } .process-row img { display: inline-block; margin: -5px 0 0 0; padding: 0; border-left: 5px solid #fff; box-sizing: border-box; /*font-size: 12px;*/ vertical-align: bottom; } .process-row div { margin: 0 0 0 0; border-left: 5px solid #fff; font-size: 18px; background-color: #767676; background-position: 50% 50%; background-size: cover; color: #fff; display: inline-block; box-sizing: border-box; vertical-align: bottom; position: relative; width: 100%; padding-bottom: 39.68%; /*HEIGHT/WIDTH*/ float: none; height: 0; } .process-row div.background:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background: rgba(0,0,0,.3); */} .process-row div p { position: absolute; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; font-weight: 300; text-align: center; line-height: 1; } .process-row .w1 { width: 33.333333%; } .process-row .w1 p { font-size: 44px; /*52px*/ } .process-row .w2 { width: 66.666666%; } .process-row .w2 img { border: none; margin: 0; } .process-row .w2 p { font-size: 44px; } .process-row .w3 { width: 100%; } .process-row .w3 p { font-size: 44px; } .portfolio-items { font-size: 0; padding-left:60px; /* padding: 0; */ margin: 0 0 0 -5px;} .portfolio-items a {display: inline-block; position: relative; overflow: hidden; margin: 0 0 .2% .5%;/*width:395px*/ vertical-align: top;} .portfolio-items a.item--width2 {width:795px} .portfolio-items img { display: inline-block; margin: 0; box-sizing: border-box; vertical-align: bottom;width:100%;height:auto } .portfolio-items div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } .portfolio-items span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 300; box-sizing: border-box; /*transform: translate(-50%, -50%); */top: 42%; } .portfolio-items span:after { content: 'a'; font: normal 25px/25px 'hutker'; display: block; padding: 10px 0 0 0; } .portfolio-items a:hover div { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } /* OLD .portfolio-items { font-size: 0; padding-left:60px; /* padding: 0; / margin: 0 0 0 -5px;} .portfolio-items a {display: inline-block; position: relative; overflow: hidden; margin: 0 0 .2% .5%;/*width:395px / vertical-align: top;} .portfolio-items a.item--width2 {width:795px} .portfolio-items img { display: inline-block; margin: 0; box-sizing: border-box; vertical-align: bottom;width:100%;height:auto } .portfolio-items div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); transform: scale(2); transition: .2s; } .portfolio-items span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 300; box-sizing: border-box; /*transform: translate(-50%, -50%); / top: 42%; } .portfolio-items span:after { content: 'a'; font: normal 25px/25px 'hutker'; display: block; padding: 10px 0 0 0; } .portfolio-items a:hover div { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .portfolio-items a.size11 {/*width:33%;width:19.5%; / height:auto} .portfolio-items a.size21 {/*width:66%;width:39.5%; / height:auto;} .portfolio-items a.size21:after { content: ''; position: absolute; height: 1.3%; width: 100%; bottom: 0; background: #fff; z-index: 1; left: 0;} */ .portfolio-items { font-size: 0; padding-left:60px; margin: 0 0 5px 0;} .portfolio-items a {display: inline-block; position: relative; overflow: hidden; margin: 0 0 .2% .5%;/*width:395px*/ vertical-align: top;} .portfolio-items a.item--width2 {width:795px} .portfolio-items img { display: inline-block; margin: 0; box-sizing: border-box; vertical-align: bottom;width:100%;height:auto } .portfolio-items div { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } .portfolio-items span { position: absolute; text-align: center; display: block; width: 100%; color: #fff; font-size: 24px; line-height: 1.2; font-weight: 300; box-sizing: border-box; /*transform: translate(-50%, -50%); */top: 42%; } .portfolio-items span:after { content: 'a'; font: normal 25px/25px 'hutker'; display: block; padding: 10px 0 0 0; } .portfolio-items a:hover div { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .portfolio-items a.size11 { width: 23.27%; height:auto; margin: 0 .25%; } .portfolio-items a.size11.mobile { display: none;} .portfolio-items a.size21 { width: 52.46%; height:auto; margin: 0 .25%; } .portfolio-items.row-22 a.size21 { width: 49.75%; } .portfolio-items.row-22 a.size21 img { width: 100%; } .portfolio-items a:first-child { margin: 0 .25% 0 0; } .portfolio-items a:last-child { margin: 0 0 0 .25%; } .portfolio-items.image-row a { position: relative; } .portfolio-items.image-row a:after { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .portfolio-items.image-row img { border: none; pointer-events: none; position: relative; z-index: 0; } .hover img { width: 100%; max-width: 100%; } .hover { overflow: hidden; cursor: pointer; } .hover > p { transition: .2s; opacity: 1; } .hover:hover > p { opacity: 0; } .hover div.hovertext { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(251,107,34,.85); z-index: 1; text-align: center; color: #fff; box-sizing: border-box; opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); -moz-transform: scale(2); transform: scale(2); transition: .2s; } .hover span { position: absolute; text-align: center; display: block; width: 100%; left: 50%; padding-left: 10%; padding-right: 10%; color: #fff; font-size: 24px; line-height: 1.3; font-weight: 300; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; } .hover:hover div.hovertext { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); border: 0; } #open-positions { padding: 50px 0 0 0; } #open-positions ul { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; margin: 10px 0 0 0; padding: 40px 0 10px 0; font-size: 0; text-align: center; } #open-positions ul li { display: inline-block; vertical-align: top; width: 33.333333%; box-sizing: border-box; padding: 0 2%; margin: 0 0 30px 0; text-align: center;} #open-positions ul li a { display: block; font-size: 24px; line-height: 1.2; } #open-positions ul li a span.position-location { display: block; font-size: 12px; text-transform: uppercase; color: #767676; } #open-positions ul li a:hover span.continue { color: #4b4f54; } #open-positions .career-details-container { display: none; } .career-details { padding: 30px 50px; } .process-row .hovertext span a { color: #fff; border-bottom: 1px solid #fff; } #no-position { border-top: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; padding: 40px 0 40px 0; text-align: center; } .content-testimonial { background: #ff6c0c; color: #fff; position: relative; padding: 60px 0;} .content-testimonial.gray { background: #767676; } .content-testimonial.blue { background: #3d6e95; } .process-row-container + .content-testimonial { margin: 5px 0 0 0; } .content-testimonial:before { content: ''; position: absolute; display: block; top: 0; width: 100%; height: 20px; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,.05) 0, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(0,0,0,.05)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,.05) 0,rgba(0,0,0,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,.05)', endColorstr='rgba(0,0,0,0)',GradientType=0 ); /* IE6-9 */ } .content-testimonial blockquote { width: 80%; margin: 0 auto; } #footer { padding: 15px 0; text-align: center; } #footer .social { float: right; } #footer a.top { width: 20px; height: 20px; display: block; margin: 0 auto; color: #C7C7C7; transition: .2s; } #footer a.top:before { font-size: 20px; line-height: 1; height: 20px; } #footer a.top:hover { color: #221E1F; } .project-credits { font-size: 11px; color: #767676; font-weight: 300; float: right; margin: -20px 0 0 0; padding: 20px 0 0 0; } .credits { display: inline-block; position: relative; vertical-align: top; color: #767676 } .credits > span { cursor: pointer; font-weight: 300; padding: 0 0 5px 10px; margin: 0 0 0 5px; position: relative; z-index: 1; display: inline-block; } .credits > span:after { content: '+'; font-size: 12px; display: inline-block; line-height: 12px; width: 12px; vertical-align: top; margin: 2px 10px 0 5px; text-align: center; border-radius: 50%; border: 1px solid #aaa; } /* .credits ul { display: none; min-width: 100px; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.1); padding: 20px; position: absolute; bottom: 100%; right: 0; z-index: 0; } .credits ul li { text-align: left; display: block; white-space: nowrap; font-size: 0; padding: 0 20px 5px 20px;} .credits ul li strong, .credits ul li span { display: inline-block; width: 40%; } .credits ul li strong { font: 500 10px/1 'OpenSans'; text-transform: uppercase; text-align: right; color: #FF6600; padding-right: 5%; } .credits ul li span { font: 300 12px/1 'OpenSans'; text-align: left; color: #818181; padding-left: 5%; } */ .credits ul { display: none; min-width: 200px; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.1); padding: 20px; position: absolute; bottom: 100%; right: 0; z-index: 0; } .credits ul li { text-align: left; display: block; font-size: 0; padding: 15px 0 0 0;} .credits ul li:first-child { padding-top: 0;} .credits ul li strong, .credits ul li span { display: block; } .credits ul li strong { font: 500 10px/1 'OpenSans'; text-transform: uppercase; text-align: center; color: #FF6600; margin: 0 0 5px 0;} .credits ul li span { font: 300 12px/1 'OpenSans'; text-align: center; color: #818181; } .credits.open > span { background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.1); } .credits.open > span:after { content: '×'; font-size: 12px; display: inline-block; } .credits.open ul { display: block; } .touch .credits.open > span { background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,.1); } .copyright { font-size: 11px; color: #767676; font-weight: 300; float: left; margin: 0;} #footer .copyright a.top { display: none; } .jackrabbit { color: #bbb; font-weight: 300; display: inline-block;margin: 0 0 0 20px; } .jackrabbit a { color: #bbb; } .jackrabbit a:hover { color: #A2A2A2; } .social { height: 20px;} .social a { font-size: 0; color: #C7C7C7; line-height: 1; } .social a:before { font-size: 20px; transition: .2s; line-height: 20px; height: 20px; } .social a:hover:before { color: #221E1F; } /* #content-locations { overflow: hidden; min-height: 400px; } #content-locations .wrap { position: relative; } #map-canvas { position: absolute; width: 100%; height: 100%; left: 30%; top: 0; } .locations { width: 22%; } .location { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D7D7D7; } .location:last-child { border-bottom: none; }*/ #content-locations { overflow: hidden; min-height: 400px; } #content-locations .wrap { position: relative; } #map-canvas { width: 65%; height: 100%; position: absolute; right: 20px; } #map-canvas-mobile { display: none;} .locations { float: left; width: 22%;} .location { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D7D7D7; } .location h4 { color: #ff6c0c; font-size: 20px; } .location:last-child { border-bottom: none; } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } */ form { font-size: 0; } form ul { margin: 0; width: 50%; display: inline-block; vertical-align: top; } form ul li { background: none; list-style: none; display: inline-block; vertical-align: top; width: 45%; margin: 0 5% 15px 0; box-sizing: border-box; font-size: 14px; } form ul li div { display: block; vertical-align: top; } label { font-size: 11px; text-transform: uppercase; font-weight: 500; color: #ff6c0c; } input[type=text], input[type=password], input[type=url], input[type=email] { background: #F6F6F6; border: 1px solid #C8C8C8; display: block; padding: 0 10px; border-radius: 3px; line-height: 35px; height: 35px; width: 100%; color: #767676; box-sizing: border-box; } form .full { width: 95%; } form .half { width: 20%; } form .right-half li.full { width: 100%; } textarea { background: #F6F6F6; border: 1px solid #C8C8C8; display: inline-block;padding: 0 10px; border-radius: 3px; line-height: 30px; height: 324px; width: 100%; color: #767676; box-sizing: border-box; } input[type=submit], button{ display: inline-block; cursor: pointer; } input[type=submit]:hover, button:hover { } #field_1_11 input[type=checkbox] { -webkit-appearance: checkbox; vertical-align: top; margin: 2px 0 0 0; } #field_1_11 label { font: 400 14px/1 'OpenSans'; color: #4b4f54; text-transform: none; width: 70%; vertical-align: top; } #field_1_11 { width: 100%; } #field_1_11 ul {width: 100%; } #field_1_11 ul li {width: 100%; } button.continue { font-size: 14px; line-height: 20px; color: #767676; margin: -55px 0 0 5px; float: right; position: relative; z-index: 10; display: inline-block; vertical-align: middle;background: none; } button.continue:after { content: 'a'; position: static; margin: 0 0 0 5px; color: #F37D1F; font: normal 20px/20px 'hutker'; vertical-align: top; top: -2px; display: inline-block; transition: .2s; } button.continue:hover, button.continue:hover:after { color: #4b4f54; } .gform_title { font: 300 44px/1.2 'OpenSans'; color: #ff6c0c; margin: 20px 0 10px 0; text-align: center; width: 75%; margin: 0 auto;} .gform_description { font-size: 24px; font-weight: 300; width: 75%; margin: 30px auto; display: block; text-align: center; } .validation_message { font-size: 12px; color:#FF6600;text-transform:none !important} .gfield_error input, .gfield_error textarea {background:#FFE9DB !important;border:1px solid #FF6600 !important} .gfield_error .gfield_checkbox {background:#FFE9DB !important;padding:0 4px;border:1px solid #FF6600 !important} .validation_error {display:none} .date-input.gfield_contains_required .validation_message {padding-top:16px} .contact-block.request .date-input.gfield_contains_required .validation_message {padding-top:0;} span.gfield_required { display: none; } body.single-publication { position: relative; } .pdf-flip { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pdf-directions { position: absolute; top: 50%; left: 25%; z-index: 0; color: #fff;} .pdf-directions p { text-align: center; } .pdf-loader { position: absolute; top: 50%; left: 75%; z-index: 0; } .pdf-loader .loader-spinner { border: 1px solid #EF7A30; border-top: 1px solid #4b4f54; } .issuuembed { width: 100% !important; min-height: 510px; } .issuuembed div div + div { display: none;} /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(../images/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } /*#swipebox-bottom-bar { bottom: -50px; }*/ #swipebox-bottom-bar { top: -50px; } /*#swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } */#swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(../images/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; padding: 0 50px; box-sizing: border-box; width: 100%; height: 50px; } #swipebox-prev { background-position: -32px 12px; float: left; } #swipebox-next { background-position: -78px 12px; float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width:800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 92%; max-width: 800px; } } /* Skin --------------------------*/ #swipebox-overlay { background: rgba(0,0,0,.8); } #swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; } #swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; } #swipebox-bottom-bar, #swipebox-top-bar { background: none; top: 50%; margin-top: -75px; } #swipebox-arrows { padding: 0; width: 100%; max-width: 100%;} #swipebox-slider .slide { opacity: 0; transition: opacity .2s; } #swipebox-slider .slide.current { opacity: 1; } body[class*="interior"] h3, body[class*="interior"] h5 { color: #3d6e95; } body[class*="interior"] .portfolio-items div { background-color: rgba(61, 110, 149, .85); } .community-spotlight { background-color: #F5F5F5; padding: 80px 0 30px; margin-bottom: 50px; } .community-spotlight .spotlight-article { display: flex; justify-content: space-between; align-items: flex-start; max-width: 960px; margin: 0 auto; padding: 0 0 50px 0; } .community-spotlight .spotlight-article .article-image { width: 47.5%; } .community-spotlight .spotlight-article .article-image small { font-size: 12px; font-style: italic; } .community-spotlight .spotlight-article .spotlight-content { width: 47.5%; } .community-spotlight .spotlight-article .spotlight-content h2 { text-align: left; margin: 0 0 20px 0; } .community-spotlight .spotlight-article .spotlight-content img { margin: 0 0 20px 0; max-width: 320px; } .community-spotlight .by-the-numbers { padding: 0 0 50px 0; } .community-spotlight .by-the-numbers h2 { color: #666; margin: 0 0 30px 0; } .community-spotlight .by-the-numbers ul { display: flex; justify-content: space-around; align-items: stretch; } .community-spotlight .by-the-numbers ul li { font-family: 'sweet-sans-pro'; font-size: 16px; color: #4b4f54; text-transform: uppercase; border-left: 1px solid #666666; padding: 20px; text-align: center; flex: 1 1 auto; } .community-spotlight .by-the-numbers ul li:first-child { border-left: none; } .community-spotlight .by-the-numbers ul li strong { font-size: 55px; line-height: 1.2; color: #ff6c0c; font-weight: 500; display: block; } .community-spotlight .by-the-numbers ul li strong span { font-size: 45px; } /* ========================================================================= */ /* !MEDIA QUERIES */ /* ========================================================================= */ /* @media screen and (max-width: XXXpx) { } */ @media screen and (max-width: 1100px) { .bio { background-position: 6% 100%; } #team-list .team-member a h6 { padding: 25% 30px 0 30px; } #team-list .team-member a h6 span { font: 300 12px/1.2 'OpenSans'; } #team-list .team-member a h6 span.member-name { font: 300 18px/1.2 'OpenSans'; } } @media screen and (max-width: 950px) { #team-list .team-member { width: 49.75%; margin: 0 .5% 5px 0; } #team-list .team-member:nth-child(3n) { padding: 0; margin: 0 .5% 5px 0; } #team-list .team-member:nth-child(2n) { padding: 0; margin: 0 0 5px 0; } .bio { background-position: 2% 100%; } .process-row .w1 p { font-size: 28px; /*36*/ } .process-row .w2 p { font-size: 28px; } .process-row .w3 p { font-size: 28px; } .portfolio-items span { font-size: 18px; } .portfolio-items span:after { font: normal 20px/20px 'hutker'; } #map-canvas { /*left: 40%;*/ width: 60% } .locations { width: 30%; } .hover span { font-size: 18px; } .awards .award p { font-size: 16px; } } @media screen and (max-width: 850px) { h5 { font-size: 20px; } h5 span { top: -2px; line-height: 1.2; display: inline-block; } #banner-image-text h2 { font-size: 36px;} #banner-image-text p { color: #fff; font-size: 14px; } .featured-content { width: 80%; margin: 0 -60px 30px -40%; } .featured-content h6 { font: 300 36px/1.2 'OpenSans'; } .featured-content p { margin-top: 10px; line-height: 1.4; } #footer a.top { display: none; } .copyright { border-bottom: 1px solid #D7D7D7; padding: 0 0 20px 0; margin: 0 0 20px 0; float: none; text-align: left;} #footer .copyright a.top { display: inline-block; float: right; } #footer .social { float: none; text-align: left; } .resp-tabs-list li { font-size: 12px; } .publications.owl-carousel { padding-top: 30px; position: relative; } .publications.owl-carousel .owl-controls { position: absolute; top: 0; width: 100%; text-align: center; } .publications.owl-carousel .owl-dot { display: inline-block; transition: .2s; border: 1px solid #ff6c0c; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; } .publications.owl-carousel .owl-dot.active { background: #ff6c0c; } .publications.no-carousel { text-align: center; } .publications.no-carousel .publication { width: 24%; text-align: left;} .content-featured-half .featured-content { padding: 50px 50px 50px 0; } .portfolio-items a {margin: 0 0 .2% .5%;} .portfolio-items span { top: 42%; } .awards { } .awards:before { width: 25%; left: 25%; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } .awards:after { width: 25%; right: 25%; border-left: none; border-right: 1px solid #EDEDED; } .awards .award { width: 25%; } .bio { background-size: 45%; } .bio-content { width: 50%; } .media-item img { width: 45%; } .media-item .media-item-content { width: 50%; } #alert { padding: 20px 0; font-size: 14px; } #alert h6 { font-size: 20px; } #alert p { padding: 0;} #alert span.icon-close { top: -10px; right: 10px; } .community-spotlight .by-the-numbers ul li { font-size: 14px; } .community-spotlight .by-the-numbers ul li strong { font-size: 45px; } .community-spotlight .by-the-numbers ul li strong span { font-size: 35px; } } @media only screen and (max-width: 750px){ ul.resp-tabs-list{display:none} h6.resp-accordion{display:block; font: 300 18px/1.3 'OpenSans'; padding: 10px 0; cursor: pointer; border-bottom: 1px solid #F3F3F3; border-top: 1px solid #F3F3F3; margin-bottom: -1px; } h6.resp-tab-active, h6.resp-accordion:hover{ color: #ff6c0c; border-bottom: 1px solid #fff;} h6.resp-accordion { position: relative; } h6.resp-accordion .resp-arrow { position: absolute; content: ''; transition: .2s; border: 1px solid #B8B8B8; display: block;width: 15px; height: 15px; top: 13px; right: 0; border-radius: 50%; } h6.resp-accordion .resp-arrow:before { position: absolute; content: ''; border-left: 1px solid #B8B8B8; display: block;width: 0px; height:9px; top: 3px; left: 7px; } h6.resp-accordion .resp-arrow:after { position: absolute; content: ''; border-top: 1px solid #B8B8B8; display: block;width: 9px; height:0px; top: 7px; left: 3px; } h6.resp-accordion.resp-tab-active .resp-arrow { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #ff6c0c;} h6.resp-accordion.resp-tab-active .resp-arrow:before { border-left: 1px solid #ff6c0c; } h6.resp-accordion.resp-tab-active .resp-arrow:after { border-top: 1px solid #ff6c0c; } .resp-vtabs .resp-tab-content{ } .resp-vtabs .resp-tab-content-active{ } .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none} .resp-accordion-closed{display:none!important} .resp-vtabs .resp-tab-content:last-child{} .news-articles.owl-carousel { padding-top: 30px; position: relative; } .news-articles.owl-carousel .owl-controls { position: absolute; top: 0; width: 100%; text-align: center; } .news-articles.owl-carousel .owl-dot { display: inline-block; transition: .2s; border: 1px solid #ff6c0c; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; } .news-articles.owl-carousel .owl-dot.active { background: #ff6c0c; } .news-articles.no-carousel { margin-left: -1%; } .news-articles.no-carousel .news-article { width: 49%; margin: 0 0 30px 1%; } .content-featured-half .featured-content, .content-featured-half.content-right .featured-content { padding: 30px 0; width: 100%; text-align: center; } .content-featured-half .featured-content h6 { font: 300 36px/1.3 'OpenSans'; margin-left: 20px; } .content-featured-half .featured-content p { margin-left: 20px; } .content-featured-half .featured-content .continue.white { margin-left: 20px; } .content-featured-half-image { position: static; margin: -30px 0 0 0; height: 300px; top: 0; left: 0; right: 0; } .content-featured-half.featured:nth-child(odd) .featured-content { padding: 60px 0 30px 0; } .content-featured-half.featured:nth-child(even) .featured-content { padding: 60px 0 30px 0; } .content-featured-half.featured .featured-content h2 {text-align: center; margin-left: 20px; } .content-featured-half.featured .featured-content h2:before {left: calc(50% - 45px); } .image-row { font-size: 0; /*margin: -5px 0 5px 55px; */overflow: hidden; } .image-row img { display: inline-block; margin: 0 0 5px; padding: 0; border-left: 5px solid #fff; box-sizing: border-box; /*font-size: 12px;*/ vertical-align: bottom; } .image-row .w1 { width: 50%; } .image-row .w2 { width: 100%; } form ul { width: 100%; display: block; } form .right-half li.full { width: 95%; } button.continue { margin: -55px 3% 0 5px; } #content-locations { overflow: hidden; min-height: 400px; } #content-locations .wrap { position: relative; } #map-canvas-mobile { display: block; position: static; width: 100%; height: 300px; left: 0; } #map-canvas { display: none;} .locations { width: 100%; } #open-positions ul li { width: 100%; padding: 0; text-align: center; } #open-positions ul li a { font-size: 18px; line-height: 1.3; } #open-positions ul li a span.position-location { display: block; } #open-positions ul li a span.continue { display: inline-block; } .portfolio-items a.size11 { width: 49.5%; } .portfolio-items a.size21 { width: 100%; } .portfolio-items.row-211 a.size11 { margin: 0; float: left; } .portfolio-items.row-211 a.size11:last-child { float: right; } .portfolio-items.row-112 a.size11 { float: right; margin: 0;} .portfolio-items.row-112 a.size11:first-child { float: left; } .portfolio-items.row-121 a.size11 { margin: 0; float: left; } .portfolio-items.row-121 a.size11.mobile { display: inline-block; float: right; } .portfolio-items.row-121 a.size11.desktop { display: none; } .portfolio-items.row-22 a.size21 { width: 100%; } .portfolio-items.row-22 a.size21:last-child { margin: 5px 0 0 0; } .portfolio-items.image-row img { margin: 0; } .portfolio-items.image-row { margin: 0 0 5px 0; } .portfolio-items.image-row.row-211 a.size21 { margin: 0 0 5px 0; } .portfolio-items.image-row.row-121 a.size21 { margin: 5px 0 0 0; } .portfolio-items.image-row.row-112 a.size21 { margin: 5px 0 0 0; } .community-spotlight { padding: 50px 0 0; } .community-spotlight .spotlight-article { display: block; } .community-spotlight .spotlight-article .article-image { max-width: 400px; width: 100%; margin: 0 auto 30px auto; text-align: center; } .community-spotlight .spotlight-article .spotlight-content { width: 100%; text-align: center; } .community-spotlight .spotlight-article .spotlight-content h2 { text-align: center; } .community-spotlight .by-the-numbers ul { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; } .community-spotlight .by-the-numbers ul li { width: 50%; box-sizing: border-box; border: none; } } @media screen and (max-width: 700px) { .bio { background-size: 50%; background-position: 50% 0; } .bio-content { width: auto; height: auto; background: #fff; margin: 200px 50px 0 50px; padding: 20px 0; border-top: 1px solid #ededed; } .bio-content h5 { margin-top: 0; } } @media screen and (max-width: 600px) { h2 { /* font: 300 36px/1.2 'OpenSans'; */ font-size: 36px; } blockquote { font: 300 18px/1.4 'OpenSans'; } .content-main { float: none; width: 100%; margin-bottom: 30px; } .content-sub { float: none; width: 100%; margin-bottom: 30px; } .content-featured { height: 400px; padding-bottom: 0;} .content-featured:after { height: 100%; } .three-columns { margin-left: 0; } .three-columns li { display: block; width: 100%; margin: 0 0 30px 0; } #team-list .team-member { width: 100%; margin: 0 0 5px 0; } #team-list .team-member:nth-child(3n) { padding: 0; margin: 0 0 5px 0; } #team-list .team-member:nth-child(2n) { padding: 0; margin: 0 0 5px 0; } .publications.no-carousel .publication { width: 32%; } .awards:before { width: 33.33333%; left: 33%; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; } .awards:after { display: none; } .awards .award { width: 33.33333%; } .media-item img { width: 45%; float: none; display: block; margin: 0 auto; } .media-item .media-item-content { width: auto; } .process-row .w1 p { font-size: 22px; } .process-row .w2 p { font-size: 22px; } .process-row .w3 p { font-size: 22px; } .gform_title { font: 300 36px/1.2 'OpenSans'; width: 100%; } .gform_description { font-size: 20px; width: 100%; } .hover span { font-size: 14px; font-weight: 400; } .process-banner-image-text p { font-size: 36px;} } @media screen and (max-width: 500px) { #banner-image-text h2 { font-size: 28px;} #banner-image-text p { color: #fff; font-size: 12px; } h2 { /* font: 300 30px/1.2 'OpenSans'; */ font-size: 30px; } blockquote { font: 300 16px/1.4 'OpenSans'; } .content-featured { height: 400px; padding-bottom: 0;} .content-featured:after { height: 100%; } .featured-content h6 { font: 300 30px/1.2 'OpenSans'; } .featured-content p { font-size: 12px; line-height: 1.5;} .publications.no-carousel .publication { width: 49%; } .news-articles.no-carousel { margin-left: 0; } .news-articles.no-carousel .news-article { width: 100%; margin: 0 0 30px 0; } .awards:before { width: 50%; left: 50%; border-left: 1px solid #EDEDED; border-right: none; } .awards:after { display: none; } .awards .award { width: 50%; } .jackrabbit { display: block; margin: 0; } .bio { background-size: 50%; } .portfolio-items a.size11 {/*width:33%;width:100%;*/} .portfolio-items a.size21 {/*width:66%;width:100%;*/} .process-row div { padding-bottom: 59%; } .process-row .w1 { width: 100%; margin: 5px 0; } .process-row .w1:first-child { width: 100%; margin: 0 0 5px 0; } .process-row .w1:last-child { width: 100%; margin: 5px 0 0 0; } .process-row.row-111 .w1:first-child { width: 100%; margin: 0; } .process-row.row-111 .w1:last-child { width: 100%; margin: 0 0 0 0; } .process-row.row-12 .w2 { margin: 0 0 0 0; } .process-row .w2 { width: 100%; } .process-row .w3 { width: 100%; } .process-row .w1 p, .process-row .w2 p, .process-row .w3 p { font-size: 36px; } .process-banner { position: relative; width: 100%; padding-bottom: 52.3%; /*HEIGHT/WIDTH*/ height: 0; overflow: hidden; margin: 0 0 0 30px;} .process-banner-image-text p { font-size: 24px;} .community-spotlight .by-the-numbers ul { display: block; } .community-spotlight .by-the-numbers ul li { width: 100%; } } @media screen and (max-width: 450px) { form ul li { width: 100%; margin: 0 0 15px 0; } form .full, form .right-half li.full { width: 100%; } form .half { width: 47.5%; margin-right: 2.5%; } form .half + .half { width: 47.5%; margin-right: 0; margin-left: 2.5%; } #field_1_11 label { font: 400 14px/1 'OpenSans'; color: #4b4f54; text-transform: none; width: 90%; vertical-align: top; } button.continue { margin: 0; } } @media screen and (max-width: 414px) { .wrap { padding-left: 20px; } .featured-content h6 { margin-left: 0; } .featured-content p { margin: 0 0 10px 0; } .featured-content .continue.white { margin: 10px 0 10px 0; } #team { padding: 0; } /* #header { left: 0; transition: .2s; } #header.hidden { left: -65px; transition: .2s; } */ #header { position: fixed; bottom: 0; width: 100%; height: 60px; top: auto; } #logo { margin: 0; padding: 10px 0 0 20px; border-bottom: none; float: left;} #nav-container { float: right; } #nav-container .nav-toggle { padding: 27px 50px 0 20px; height: 60px; border-bottom: none; border-left: 1px solid #F0F0F0 } #nav-container.open .nav-toggle, .no-touch #nav-container:hover .nav-toggle { box-shadow: 0 0 20px rgba(0,0,0,.2); border-bottom: none; border-left: 1px solid #D8D8D8 } #nav-container #nav { display: none; position: absolute; top: auto; bottom: 60px; left: auto; right: 0; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); z-index: 0; width: 225px; } #nav-container.open #nav:before, .no-touch #nav-container #nav:before { background: #fff; position: absolute; width: 70px; right: 0; top: 100%; height: 15px; } #logo-text { margin: 0 0 0 -100px; padding: 35px 0 0 0; position: absolute; left: 50%; z-index: 100; } #team-sort { float: right; padding: 20px; } a.toggle-header { position: fixed; width: 30px; height: 100%; left: 0; top: 0; z-index: 99;} .content-featured-half { background: #585858; position: relative; margin: 0 0 0 0; } .content-featured-half .wrap { padding-left: 20px;} .content-featured-half .featured-content, .content-featured-half.content-right .featured-content { float: none; padding: 30px 0; width: 100%; } .content-featured-half .featured-content h6 { font: 300 36px/1.3 'OpenSans'; margin-left: 0; } .content-featured-half .featured-content p { margin-left: 0; } .content-featured-half.content-right .featured-content h6, .content-featured-half.content-right .featured-content p { margin-left: 0; } .content-featured-half .featured-content .continue.white { margin-left: 0; } .content-featured-half-image { position: static; margin: -30px 0 0 0; height: 300px; top: 0; left: 0; right: 0; } #team-list .team-member:hover p { font-size: 12px; } .bio { background-size: 50%; } .bio-content { margin: 150px 30px 0 20px; } #cboxClose span:before { right: 10px; top: -10px; font-size: 10px; line-height: 20px; width: 20px; } .image-row { margin: -5px 0 5px -5px; } .process-banner-image-text.align-center { padding: 0 20px 0 20px; } .process-banner-image-text.align-bottom { padding: 0 20px 0 20px; } .process-banner-image-text p { font-size: 24px; } .process-row { margin: 5px 0 0 -5px; } .process-row .w1 p, .process-row .w2 p, .process-row .w3 p { font-size: 28px; } .portfolio-items { padding-left: 0; margin: 0 0 0 -.5%; } .portfolio-items span { top: 35%; } #footer { padding: 15px 0 80px 0; } .project-credits { margin: -20px 0 0 0; padding: 0 0 20px 0; width: 100%; box-sizing: border-box; } .photo-credit { float: left; } .credits { float: right; margin-right: -10px; } .process-banner { margin: 0;} .featured.full { margin-left: 0; } .awards .award p { font-size: 14px; } #alert { padding: 20px 0; bottom: 60px; font-size: 12px; } #alert h6 { font-size: 18px; } #alert p { padding: 0;} #alert span.icon-close { top: -10px; right: 10px; font-size: 15px; width: 25px; height: 23px; padding: 2px 0 0 0; } } @media screen and (max-width:1380px) { .single-news-article .date-single { right:15px; left:auto; } } @media screen and (max-width: 991px) { .news-articles .news-article { width:50%; } } @media screen and (max-width: 767px) { .news-articles .news-article { float:none; width:100%; max-width:450px; margin:0 auto 30px; } }