/*Theme Name: Fathom — Summer 2013 Refresh Theme URI: http://fathom.info Author: Fred Fathom Author URI: http://fathom.info Version: May 2013 */ h1, h2, h3, h4, h5, h6, body, div, p, blockquote, ul, li { margin: 0; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; display: block; } /* * Often repeated stuff */ .clear { clear: both; } /* * Fancy color functions */ @font-face { font-family: 'fat-icons'; src: url('fonts/fat-icons.eot'); } @font-face { font-family: 'fat-icons'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } p { -webkit-font-smoothing: antialiased; } p strong { font-weight: 500; } img { border-style: none; outline: none; } .arrow { position: absolute; right: 0; bottom: 0; padding: 0 25px; line-height: 500px; z-index: 9999; font-family: 'fat-icons'; font-size: 65px; color: #555555; font-size: 70px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .arrow.left { left: 3%; right: auto; } .arrow:hover { cursor: pointer; } .arrow.disabled { color: rgba(255, 0, 0, 0.5); } h1, h2, h3, h4, h5, h6 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; margin-bottom: 12.5px; margin-top: 12.5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; text-transform: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, span a:hover, li a:hover, .content-section a:hover, .meta a:hover { cursor: pointer; } a ~ img:hover { border-bottom: 1px dotted red !important; } h1 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; margin-top: 12.5px; margin-bottom: 12.5px; } h1 a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; text-transform: none; } a { text-decoration: none; color: #d6de23; cursor: pointer; } a:hover { cursor: pointer; } ::selection { background: #dbdbdb; /* Safari */ } ::-moz-selection { background: #dbdbdb; /* Firefox */ } #player { background-color: rgba(255, 255, 255, 0) !important; } .player .video-wrapper { background: rgba(255, 255, 255, 0) !important; } /* * Header.php */ body { -moz-font-feature-settings: "onum=1, pnum=1"; -ms-font-feature-settings: "onum", "pnum"; -webkit-font-feature-settings: "onum", "pnum"; -o-font-feature-settings: "onum", "pnum"; font-feature-settings: "onum", "pnum"; background: black; /*this is all for the 404 page*/ /*end 404 page*/ } body.error404 #wrapper #container { background: #464646; } body.error404 #wrapper #container .section { background: #464646; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #cccccc; } body.error404 #wrapper #container .section .inner { width: 100%; max-width: 1000px; } body.error404 #wrapper #container .section .inner .content-section { margin-left: 19% !important; margin-right: 19% !important; } body.error404 #wrapper #container .section .inner p { margin: 15px 19% 15px 19%; } body.error404 #wrapper #container .section.front.top.error .inner { width: 600px; height: 250px; background-color: #3c3c3c; border-radius: 6px; padding: 15px; } body.error404 #wrapper #container .section.front.top.error .inner h3 { margin: 10px 10px 10px 10px; color: #cccccc; } body.error404 #wrapper #container .section.front.top.error .inner a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body.error404 #wrapper #container .section.front.top.error .inner a:hover .title { color: #d6de23 !important; } body.error404 #wrapper #container .section.front.top.error .inner a .project { float: left; width: 180px; margin: 10px; } body.error404 #wrapper #container .section.front.top.error .inner a .project .thumb img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 1; } body.error404 #wrapper #container .section.front.top.error .inner a .project .thumb img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } body.error404 #wrapper #container .section.front.top.error .inner a .project .label { cursor: pointer !important; } body.error404 #wrapper #container .section.front.top.error .inner a .project .label .title { color: #cccccc; margin: 10px 0 0 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body.error404 #wrapper #container .section.front.top.error .inner a .project .label .client { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; margin: 0px; color: #999999; } body #wrapper { position: relative; width: 100%; margin: 0; padding: 0; overflow-x: hidden; } body #wrapper header { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; height: 223px; position: absolute; top: 0; left: 0; z-index: 8888; background: white; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -moz-box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.15000000000000002); -webkit-box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.15000000000000002); box-shadow: 0 0 12.5px rgba(0, 0, 0, 0.15000000000000002); } body #wrapper header .header-inner { position: relative; top: 0; left: 0; max-width: 1000px; min-width: 300px; margin: 0 auto; padding: 40px 3% 3% 3%; height: 223px; } body #wrapper header .header-inner #branding { width: 100%; font-family: 'fat-icons'; font-size: 65px; color: #555555; z-index: 9999; position: absolute; -webkit-font-smoothing: antialiased; } body #wrapper header .header-inner #branding a { color: #555555; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper header .header-inner #branding a:hover { color: #464646; border: 0; } body #wrapper header nav { position: relative; top: 0px !important; right: 0px !important; height: 223px; z-index: 9999; margin: 0; padding: 0; } body #wrapper header nav .menu-fathom-menu-container { position: absolute; right: 0; top: 0 !important; max-width: 240px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin: -1.5em 0 0 0; } body #wrapper header nav .menu-fathom-menu-container ul { margin: 0; padding: 0; width: 210px; } body #wrapper header nav .menu-fathom-menu-container ul li { margin: 0; list-style: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin-left: 50px; } body #wrapper header nav .menu-fathom-menu-container ul li a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; text-decoration: none; padding: 9px 0px 7px 30px; display: block; color: #999999; width: 129px; margin-left: 1px; } body #wrapper header nav .menu-fathom-menu-container ul li a:hover { border: 0; background: rgba(0, 0, 0, 0.05); } body #wrapper header.interior { margin-left: 0; position: fixed; height: 64px; width: 100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background: rgba(255, 255, 255, 0.95); } body #wrapper header.interior .header-inner { height: 64px; padding: 0 3%; } body #wrapper header.interior .header-inner .mission { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; position: absolute; opacity: 1; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #999999; } body #wrapper header.interior .header-inner .mission .mission-inner { min-width: 300px; max-width: 1000px; margin-top: 30px; width: 36%; } body #wrapper header.interior #branding { font-size: 33px; color: white; top: 15px; } body #wrapper header.interior #branding a { padding: 7px 7px 7px 0px; color: #d4d4d4; z-index: 9999; } body #wrapper header.interior #branding a:hover { color: #999999; } body #wrapper header.interior nav { z-index: 8888; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; height: 64px; position: relative; top: -36px; right: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper header.interior nav .menu-fathom-menu-container { margin-top: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper header.interior nav .menu-fathom-menu-container li { height: 0; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper header.interior nav .menu-fathom-menu-container li.current-menu-item { background: #d6de23 url('images/drop-menu.png') no-repeat left top !important; background-size: 50px 65px !important; margin-left: 0px; width: 160px; height: 64px; opacity: 1; background-color: black; padding-left: 50px; overflow: hidden; position: relative; } body #wrapper header.interior nav .menu-fathom-menu-container li.current-menu-item a { padding: 24px 30px 20px 30px; color: #555555; } body #wrapper header.interior nav .menu-fathom-menu-container li.current-menu-item:hover { z-index: 9999; background-color: #dfea47 !important; } body #wrapper header.interior nav .menu-fathom-menu-container li.current-menu-item a { color: #555555; border-left: 1px solid white; margin: 0; background: none !important; } body #wrapper header.interior.expanded { position: fixed; width: 100%; z-index: 9999; height: 223px; } body #wrapper header.interior.expanded nav { height: 223px; } body #wrapper header.interior.expanded .mission { opacity: 1; } body #wrapper #container { position: relative; left: 0; top: 0; background: white; min-height: 740px; } body #wrapper #container.interior { top: 0; } body #wrapper #container.interior .section:first-child { padding-top: 64px; } body #wrapper #container .section { position: relative; background: white; /* * The primary definition of entry. The ones for &.longform and &.lately come after this. */ /* top section of the landing page */ } body #wrapper #container .section > .inner { height: auto; position: relative; max-width: 1000px; min-width: 300px; margin-left: auto; margin-right: auto; padding: 35px 3% 25px 3%; } body #wrapper #container .section .readmore { margin: 10px 0; } body #wrapper #container .section .readmore a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #d6de23; } body #wrapper #container .section h3 { color: #999999; } body #wrapper #container .section .entry { position: relative; /* * output a post of post_type team */ } body #wrapper #container .section .entry .header { position: relative; color: #ffffff; padding-top: 10px; margin-bottom: 25px; } body #wrapper #container .section .entry .header h1, body #wrapper #container .section .entry .header h2, body #wrapper #container .section .entry .header h4 { margin-top: 0; margin-bottom: 0; width: 31%; color: #555555; } body #wrapper #container .section .entry .header h4 { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #999999; margin-bottom: 25px; } body #wrapper #container .section .entry .social { width: 85px; background: #f8f8f8; -webkit-border-radius: 6.25px; -moz-border-radius: 6.25px; -ms-border-radius: 6.25px; -o-border-radius: 6.25px; border-radius: 6.25px; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; margin-top: 25px; min-height: 20px; } body #wrapper #container .section .entry .social h3 { display: none; } body #wrapper #container .section .entry .social a { float: right; display: block; width: 30px; font-family: 'fat-icons'; font-size: 25px; color: #999999; text-align: center; border: 0; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry .social a.share-email { margin-right: 22px; } body #wrapper #container .section .entry .social a.share-email { font-size: 18px; } body #wrapper #container .section .entry .social a:hover { color: #d6de23; border: 0; } body #wrapper #container .section .entry .content { color: #b3b3b3; } body #wrapper #container .section .entry .content p { margin-left: 37%; padding-bottom: 12.5px; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section .entry .content .interactive, body #wrapper #container .section .entry .content .projectimage { border: 0; margin: 25px 0 50px 0; } body #wrapper #container .section .entry .content .interactive { position: relative; display: block; width: 100%; border: 1px solid #e6e6e6; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; overflow: hidden !important; } body #wrapper #container .section .entry .content .interactive.noborder { border: 0; } body #wrapper #container .section .entry .content .interactive.loading { background: rgba(0, 0, 0, 0.050000000000000044); } body #wrapper #container .section .entry .content .interactive iframe { border: 0; width: 100%; overflow: hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry .content .interactive iframe canvas { margin: 0 auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry .content .projectimage { width: 100%; } body #wrapper #container .section .entry .content .projectimage img { width: 100%; max-width: 1000px; height: auto; } body #wrapper #container .section .entry .content .content-section { margin-left: 37%; border: 1px solid transparent; } body #wrapper #container .section .entry .content .content-section .inner { display: block; margin: 0; padding: 0; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #4a4a4a; } body #wrapper #container .section .entry .content .content-section .inner h3 { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #555555; font-weight: 700; } body #wrapper #container .section .entry .content .content-section .inner p { margin: 0; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #555555; } body #wrapper #container .section .entry .content .content-section.rounded { background: #f8f8f8; border-radius: 6px; margin: 35px 0 25px 37%; position: relative; /*light related projects*/ } body #wrapper #container .section .entry .content .content-section.rounded.related { height: auto; min-height: 275px; overflow: hidden; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner { width: 588px; overflow: hidden; margin: 25px; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .readmore { position: absolute; top: 0px; right: 0px; margin: 20px; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .readmore a { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #b9c221; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner h2 { margin: 0 0 20px 0; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 1; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project { width: 180px; float: left; margin-right: 18px; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; color: #999999; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project .thumb { height: 90px; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project:last-child { margin-right: 0; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project a:hover .thumb { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project a:hover h2 { color: #b9c221 !important; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project a:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; -moz-box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); -webkit-box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project a h2 { color: #555555; margin: 10px 0 0 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body #wrapper #container .section .entry .content .content-section.rounded.related .inner .project a h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; margin: 0px; color: #999999; } body #wrapper #container .section .entry.project { /* The default white project entry (a la fathom.info/kichen) */ } body #wrapper #container .section .entry.project .social { background: none; position: absolute; top: 20px; right: 0; margin: 0; border-radius: 0; width: 120px; padding: 0px; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet .inner, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet .inner { width: 65%; margin: 20px auto 20px auto !important; position: relative; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: relative; margin: 0 auto 0 auto; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a:hover, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a:hover { border-bottom: none !important; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a:hover h6, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a:hover h6 { color: #555555; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a:hover img, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a:hover img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; /*.glow();*/ } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a img, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a img { width: 100%; height: 100%; border-radius: 27px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry.project .content .content-section.rounded.chicklet a h6, body #wrapper #container .section .entry.project .content .content-section.single.rounded.chicklet a h6 { text-align: center; background: #555555; height: 30px; border-radius: 6px; line-height: 40px; padding: 5px 0 10px 0; margin-top: 10px; min-width: 150px; } body #wrapper #container .section .entry.project .content p a { color: #b9c221; } body #wrapper #container .section .entry.project .content #traces.interactive { width: 960px; height: 600px; margin: 25px 0 50px 0; background: transparent; } body #wrapper #container .section .entry.project .content #topovsgeo.interactive { margin-left: 25%; width: auto; border: none; width: 750px; height: 750px; } body #wrapper #container .section .entry.project .content #topovsgeo.interactive iframe { width: 750px !important; height: 750px !important; } body #wrapper #container .section .entry.project .content #healthvis.interactive { width: 100% !important; } body #wrapper #container .section .entry.project .content #healthvis.interactive iframe { height: 750px !important; } body #wrapper #container .section .entry.project .content #aging.interactive { padding: 30px 0; } body #wrapper #container .section .entry.longform { /* The longform project entry. Note this doesn't mean dark, per se. * That depends on what style of section it is in (default, dark, darker) */ } body #wrapper #container .section .entry.longform .header h1 { width: 31%; color: #4a4a4a; margin: 0; } body #wrapper #container .section .entry.longform .header h4 { color: #999999 !important; } body #wrapper #container .section .entry.longform .header h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #4a4a4a; margin-bottom: 25px; } body #wrapper #container .section .entry.longform .header .mediaintro { margin-bottom: 25px; } body #wrapper #container .section .entry.longform .header .mediaintro iframe { width: 100%; } body #wrapper #container .section .entry.longform .header .mediaintro p { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; font-size: 14px; line-height: 22px; text-align: right; color: #4a4a4a; } body #wrapper #container .section .entry.longform .content .__seadragon { margin: 25px 9% 25px 40% !important; background: white !important; border: 1px solid rgba(0, 0, 0, 0.75) !important; margin: 0px 0% 0px 0% !important; } body #wrapper #container .section .entry.longform .content #__seadragon2 { margin: 5px 3% 10px 37% !important; } body #wrapper #container .section .entry.longform .content p a { color: #b9c221; } body #wrapper #container .section .entry.longform .content .content-section { margin-left: 37%; margin-top: 0; } body #wrapper #container .section .entry.longform .content .content-section.rounded { background-color: #f8f8f8; position: relative; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner h2, body #wrapper #container .section .entry.longform .content .content-section.rounded .inner h6 { margin: 20px 0 5px 0; color: #555555; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner p a { color: #555555; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner .related-link { margin: 15px 0; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner .related-link .date { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner .related-link .title a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #555555; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner .related-link .title a:hover { color: #d6de23 !important; } body #wrapper #container .section .entry.longform .content .content-section.rounded .inner .related-link .date { color: #999999; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related { height: auto; min-height: 275px; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .readmore { position: absolute; top: 0px; right: 0px; margin: 20px; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .readmore a { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #d6de23; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner h2 { margin: 0 0 20px 0; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .project a .thumb { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .project a:hover .thumb { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .project a:hover h2 { color: #d6de23 !important; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .project a h2 { color: #555555; margin: 10px 0 0 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body #wrapper #container .section .entry.longform .content .content-section.rounded.related .inner .project a h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; margin: 0px; color: #999999; } body #wrapper #container .section .entry.longform .content .longform-sidebar { position: absolute; width: 25%; } body #wrapper #container .section .entry.longform .content .longform-sidebar br { display: none; } body #wrapper #container .section .entry.longform .content .longform-sidebar p { margin: 0; } body #wrapper #container .section .entry.longform .content .longform-sidebar ul { margin: 3% 0; padding: 0; list-style: none; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; font-size: 14px; line-height: 22px; } body #wrapper #container .section .entry.longform .content .longform-sidebar ul li { margin-bottom: 25px; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section { margin-left: 0; margin-top: 0; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner { margin: 20px; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner .related-link { margin: 15px 0; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner .related-link .date { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner .related-link .title { color: #555555; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner .related-link .title a:hover { color: #d6de23 !important; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner h6, body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #555555; margin-bottom: 3px; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner p a { color: #b9c221; } body #wrapper #container .section .entry.longform .content .longform-sidebar .content-section.rounded .inner p:last-child { padding: 0; } body #wrapper #container .section .entry.longform .content iframe { margin-bottom: 25px; margin-top: 25px; border: 0; z-index: 0; } body #wrapper #container .section .entry.longform .content p { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section .entry.longform .content p img { width: 100%; height: auto; margin: 15px 0; } body #wrapper #container .section .entry.longform .content figure { margin: 3% 0 3% 37%; } body #wrapper #container .section .entry.longform .content figure img { width: 100%; height: auto; } body #wrapper #container .section .entry.longform .content figure br { display: none; } body #wrapper #container .section .entry.longform .content figure figcaption { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #f8f8f8; padding: 20px; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; text-align: left; margin: 5px 0 0 0; max-width: 100%; } body #wrapper #container .section .entry.longform .content figure.alignleft { margin-left: 37%; } body #wrapper #container .section .entry.longform .content figure.alignleft figcaption { background: transparent !important; padding: 0; } body #wrapper #container .section .entry.longform .content figure.alignleft img { float: left; margin-right: 3%; } body #wrapper #container .section .entry.longform .content figure.alignright { margin-right: 0; } body #wrapper #container .section .entry.longform .content figure.alignright figcaption { background: transparent !important; padding: 0; } body #wrapper #container .section .entry.longform .content figure.alignright img { float: right; margin-left: 3%; } body #wrapper #container .section .entry.lately { /* entry.lately */ position: relative; padding: 150px 0; color: #555555; border-bottom: 1px solid #d6de23; } body #wrapper #container .section .entry.lately:last-child { border: none; } body #wrapper #container .section .entry.lately:first-child { padding: 50px 0; } body #wrapper #container .section .entry.lately .header { margin-left: 33%; padding: 0 8%; } body #wrapper #container .section .entry.lately .header h1, body #wrapper #container .section .entry.lately .header h2 { padding: 0; width: auto; color: #555555; } body #wrapper #container .section .entry.lately .header h1 a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 28px; line-height: 36px; color: #555555; } body #wrapper #container .section .entry.lately .header h1 a:hover { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none; color: #d6de23; } body #wrapper #container .section .entry.lately .header h2 { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; margin-top: 37.5px; color: #555555; } body #wrapper #container .section .entry.lately .more-link { display: block; position: relative; width: 197%; left: -79%; border-top: 1px solid #888888; text-indent: 79%; margin: 25px 0; background: #ffffff; padding: 5px 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #d6de23; } body #wrapper #container .section .entry.lately .more-link:hover { border-bottom: 0; background: #fbfbfb; } body #wrapper #container .section .entry.lately .content { margin: 37.5px 0 0 0; } body #wrapper #container .section .entry.lately .content .content-section { position: relative; margin: 0; } body #wrapper #container .section .entry.lately .content .content-section .inner { margin: 50px 0 50px 33%; padding: 50px 8% 0 5%; border-top: 1px solid #d4d4d4; } body #wrapper #container .section .entry.lately .content .content-section .inner .column { width: 100%; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner h1 { margin: 15px 0; padding: 0; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link { margin: 13px 0; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link h2, body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link h4 { margin: 0; padding: 0; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link h2, body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #999999; } body #wrapper #container .section .entry.lately .content .content-section .inner .column .column-inner .related-link a:hover { color: #d6de23; } body #wrapper #container .section .entry.lately .content figure a:hover { border-bottom: none; } body #wrapper #container .section .entry.lately .content figure .inner { margin: jamjam; } body #wrapper #container .section .entry.lately .content p:first-child { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; border-bottom: 1px solid #d4d4d4; padding-bottom: 50px; margin-bottom: 50px; color: #555555; } body #wrapper #container .section .entry.lately .content p:first-child a { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #b9c221; } body #wrapper #container .section .entry.lately .content p, body #wrapper #container .section .entry.lately .content h1, body #wrapper #container .section .entry.lately .content h2, body #wrapper #container .section .entry.lately .content h3, body #wrapper #container .section .entry.lately .content h4, body #wrapper #container .section .entry.lately .content h5, body #wrapper #container .section .entry.lately .content h6, body #wrapper #container .section .entry.lately .content #appLauncher, body #wrapper #container .section .entry.lately .content #_mcePaste { margin-left: 33%; padding: 0 8%; } body #wrapper #container .section .entry.lately .content h5, body #wrapper #container .section .entry.lately .content h6 { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; border-bottom: 1px solid #eeeeee; padding-bottom: 50px; margin-bottom: 50px; color: #555555; } body #wrapper #container .section .entry.lately .content h5 a, body #wrapper #container .section .entry.lately .content h6 a { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #999999; } body #wrapper #container .section .entry.lately .content .__seadragon { margin: 25px 9% 25px 40% !important; background: white !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; margin: 25px 0% 25px 33% !important; } body #wrapper #container .section .entry.lately .content #attachment_customcss { margin-top: -35px !important; } body #wrapper #container .section .entry.lately .content h1, body #wrapper #container .section .entry.lately .content h2, body #wrapper #container .section .entry.lately .content h3, body #wrapper #container .section .entry.lately .content h4 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 23px; margin-top: 25px; color: #4a4a4a; font-size: 15px; } body #wrapper #container .section .entry.lately .content p { margin-bottom: 12.5px; } body #wrapper #container .section .entry.lately .content p iframe { width: 137%; left: -80px; position: relative; margin: 10px 0; } body #wrapper #container .section .entry.lately .content p a.more-link { position: relative; border: 1px solid #d6de23; top: 93px; margin-left: 78%; width: 100px; text-indent: 0px; text-align: center; border-radius: 6px; } body #wrapper #container .section .entry.lately .content p > img, body #wrapper #container .section .entry.lately .content p > a > img { margin: 12.5px 0; width: 100%; height: auto; } body #wrapper #container .section .entry.lately .content a { color: #b9c221; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section .entry.lately .content p > a { border: 0; } body #wrapper #container .section .entry.lately .content p > strong { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 23px; margin-top: 25px; color: #4a4a4a; font-size: 15px; } body #wrapper #container .section .entry.lately .content ul { margin: 25px 0 25px 0; list-style-type: circle; padding: 0 8% 0 5%; } body #wrapper #container .section .entry.lately .content ul li { margin: 10px 3% 10px 47%; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #555555; list-style-type: disc; display: list-item; } body #wrapper #container .section .entry.lately .content blockquote a { font-family: "ff-more-web-pro-wide", serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 17px !important; line-height: 23px !important; color: #bdc63f !important; } body #wrapper #container .section .entry.lately .content blockquote a:hover { color: #d6de23 !important; } body #wrapper #container .section .entry.lately .content blockquote p { padding: 0 2% 0 2% !important; margin: 50px 0 50px 33% !important; border: none !important; font-family: "ff-more-web-pro-wide", serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 17px !important; line-height: 23px !important; color: #b9c221 !important; border-left: 1px solid #d6de23 !important; line-height: 28px !important; } body #wrapper #container .section .entry.lately .content blockquote p:first-child { font-family: "ff-more-web-pro-wide", serif !important; font-style: normal !important; font-weight: 400 !important; font-size: 17px !important; line-height: 23px !important; } body #wrapper #container .section .entry.lately .meta { position: absolute; width: 25%; } body #wrapper #container .section .entry.lately .meta h3 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; font-size: 18px; color: #777; margin: 0; } body #wrapper #container .section .entry.lately .meta h4 { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; font-size: 14px; line-height: 22px; margin: 5px 0; } body #wrapper #container .section .entry.lately .meta h4 a { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; font-size: 14px; line-height: 22px; } body #wrapper #container .section .entry.lately .meta h4 a:hover { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #d6de23; } body #wrapper #container .section .entry.lately .meta .social { padding: 25px; } body #wrapper #container .section .entry.lately figure { position: relative; text-align: right; margin-top: 37.5px; margin-bottom: 37.5px; margin-left: 33%; margin-right: 0; padding: 0; } body #wrapper #container .section .entry.lately figure.wp-caption { right: 0; } body #wrapper #container .section .entry.lately figure figcaption { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #f8f8f8; padding: 20px; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; text-align: left; margin: 5px 0 0 0; max-width: 100%; } body #wrapper #container .section .entry.lately figure img { width: 100%; min-width: 300px; height: auto; } body #wrapper #container .section .entry.lately figure img.size-iphone-vertical { left: 0px; max-width: 125px; height: auto; padding-right: 315px; } body #wrapper #container .section .entry.lately figure.outerglow img { border: 0 !important; -moz-box-shadow: 0 0 25px rgba(85, 85, 85, 0.09999999999999998); -webkit-box-shadow: 0 0 25px rgba(85, 85, 85, 0.09999999999999998); box-shadow: 0 0 25px rgba(85, 85, 85, 0.09999999999999998); } body #wrapper #container .section .entry.lately .mceTemp { margin: 12.5px 3% 12.5px 37%; } body #wrapper #container .section .entry.team { color: #555555; position: relative; } body #wrapper #container .section .entry.team .meta { width: 20%; position: absolute; left: 0; } body #wrapper #container .section .entry.team .meta .thumb { width: 120px; height: 120px; margin-bottom: 12.5px; overflow: hidden; } body #wrapper #container .section .entry.team .meta .thumb img { width: 100%; height: auto; } body #wrapper #container .section .entry.team .header { color: #555555; margin: 0; padding: 0; margin-left: 26%; } body #wrapper #container .section .entry.team .content { margin-left: 26%; } body #wrapper #container .section .column { display: inline-block; color: #f9f9f9; } body #wrapper #container .section .column .column-inner { /*margin: @buffer 0 @buffer 0; not sure if this is nessessary*/ height: auto; display: block; -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ -o-column-count: 1; /* opera? */ column-count: 1; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section .column .column-inner .item { display: block; position: relative; height: auto; margin: 0 0 3% 0; } body #wrapper #container .section.front-a { background-color: #f8f8f8; position: relative; display: block; } body #wrapper #container .section.front-a .inner { max-width: 1238px; min-width: 300px; position: relative; overflow: hidden; padding-top: 223px; padding-left: 0; padding-right: 0; padding-bottom: 0; } body #wrapper #container .section.front-a .inner br, body #wrapper #container .section.front-a .inner p { margin: 0; } body #wrapper #container .section.front-a .inner .arrow { top: 223px; right: 0; z-index: 8888 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; height: 506px; line-height: 506px; color: white; background-color: rgba(0, 0, 0, 0.1); } body #wrapper #container .section.front-a .inner .arrow:hover { background-color: rgba(0, 0, 0, 0.15); color: white; } body #wrapper #container .section.front-a .inner .static-overlay { max-width: 1000px; margin: 0 auto; padding: 0 3%; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 222px; z-index: 8889; width: 210px; height: auto; min-height: 250px; background: white; padding: 0 3% 3% 3%; border-radius: 0px 0px 6px 6px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner h1 { color: #555555; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner h1, body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner p, body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner .readmore { display: none; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner p { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; margin-bottom: 12.5px; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner p span { color: inherit; } body #wrapper #container .section.front-a .inner .static-overlay .static-overlay-inner a { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #d6de23; } body #wrapper #container .section.front-a .inner .carousel { position: absolute; z-index: 100; width: 100%; height: 500px; overflow-x: hidden; overflow-y: hidden; padding: 0; margin: 0; z-index: 5555; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner { width: 100%; height: inherit; position: relative; top: 0; left: 0; overflow: hidden; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 9999; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner a, body #wrapper #container .section.front-a .inner .carousel .carousel-inner a:link, body #wrapper #container .section.front-a .inner .carousel .carousel-inner a:visited, body #wrapper #container .section.front-a .inner .carousel .carousel-inner a:active, body #wrapper #container .section.front-a .inner .carousel .carousel-inner a:hover { border: 0px !important; text-decoration: none !important; outline: 0 !important; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element { position: absolute; display: none; top: 0; left: 0; height: inherit; z-index: 9999; overflow: display; -webkit-transition: 0.75s left ease-in-out; -moz-transition: 0.75s left ease-in-out; -ms-transition: 0.75s left ease-in-out; transition: 0.75s left ease-in-out; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.active, body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.prev, body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.next { display: block; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.prev { left: -100%; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.active { left: 0; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element.next { left: 100%; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element .image img { border: none; border-style: none; outline: none; width: 100%; max-width: 1238px; min-width: 300px; } body #wrapper #container .section.front-a .inner .carousel .carousel-inner .element .overlay { display: none; } body #wrapper #container .section.front-a .inner .bottomimage { background-color: #43556d; } body #wrapper #container .section.front-a .inner .bottomimage img { opacity: 0; } body #wrapper #container .section.front-a .inner .bottomimage { position: relative; margin: 0 0 -8px 0; padding: 0; z-index: 0; } body #wrapper #container .section.front-a .inner .bottomimage img { width: 100%; margin: 0; padding: 0; } body #wrapper #container .section.front-b { background-color: #464646; -webkit-font-smoothing: antialiased; } body #wrapper #container .section.front-b h1, body #wrapper #container .section.front-b .mission { color: #cccccc; } body #wrapper #container .section.front-b .inner { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ -o-column-count: 2; /* opera? */ column-count: 2; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.front-b .column { width: 99%; min-height: 180px; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; } body #wrapper #container .section.front-b .project-section .project-rect { float: left; margin: 5px 6px 0 1px; width: 19px; min-height: 9px; height: 100%; border: 1px solid #d6de23; opacity: 0.5; } body #wrapper #container .section.front-b .project-section p { margin-left: 145px; } body #wrapper #container .section.front-b .project-section:hover { color: #d6de23; } body #wrapper #container .section.front-b .project-section:hover .project-rect { background-color: #d6de23; opacity: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.front-c .inner { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ -o-column-count: 1; /* opera? */ column-count: 1; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.front-c .inner h1 { color: #555555; } body #wrapper #container .section.front-c .column { width: 100%; } body #wrapper #container .section.front-c a { text-transform: none; } body #wrapper #container .section.front-c .arrow { height: 100%; right: -1.5%; padding: 0; } body #wrapper #container .section.front-c .arrow.left { right: auto; left: -1.5%; } body #wrapper #container .section.front-c .arrow.disabled { display: none; } body #wrapper #container .section.front-d { height: auto; background-color: #464646; -webkit-font-smoothing: antialiased; } body #wrapper #container .section.front-d h1, body #wrapper #container .section.front-d h2, body #wrapper #container .section.front-d h3 { color: #cccccc; margin-bottom: 0; line-height: 22px; } body #wrapper #container .section.front-d h1 a, body #wrapper #container .section.front-d h2 a, body #wrapper #container .section.front-d h3 a { color: #cccccc; text-transform: none; } body #wrapper #container .section.front-d h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #999999; margin: 3px 0 20px 0; } body #wrapper #container .section.front-d .inner { -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari and Chrome */ -o-column-count: 3; /* opera? */ column-count: 3; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.front-d .inner .content { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; color: #cccccc; margin-right: 12.5px; } body #wrapper #container .section.front-d .column { width: 99%; min-height: 380px; } body #wrapper #container .section.front-d .column .latestpost { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.front-d .column .latestpost h2 a:hover { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #d6de23; border: none; } body #wrapper #container .section.front-d .column .latestpress { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; margin-right: 3%; } body #wrapper #container .section.front-d .column .latestpress h2 a:hover { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #d6de23; border: none; } body #wrapper #container .section.front-d .column h1 { margin-bottom: 20px; } body #wrapper #container .section.front-d .column .content { color: #999999; } body #wrapper #container .section.front-d .column .project { width: 100%; height: 105px; } body #wrapper #container .section.front-d .column .project.side .thumb { float: left; margin-right: 12.5px; height: 90px; } body #wrapper #container .section.front-d .column .project.side h2 { text-transform: none; margin: 0 0 0 200px; } body #wrapper #container .section.front-d .column .project.side h4 { margin: 0 0 0 200px; color: #999999; } body #wrapper #container .section.front-d .column .project a:hover .thumb { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.front-d .column .project a:hover h4 { color: #cccccc; } body #wrapper #container .section.front-d .column .project a:hover h2 { color: #d6de23; } body #wrapper #container .section.dark, body #wrapper #container .section.darker { background-color: #464646; -webkit-font-smoothing: antialiased; /* where we reset all the colors for dark backgrounds */ } body #wrapper #container .section.dark h1, body #wrapper #container .section.darker h1, body #wrapper #container .section.dark h2, body #wrapper #container .section.darker h2, body #wrapper #container .section.dark h3, body #wrapper #container .section.darker h3, body #wrapper #container .section.dark ul, body #wrapper #container .section.darker ul, body #wrapper #container .section.dark li, body #wrapper #container .section.darker li { color: #cccccc; } body #wrapper #container .section.dark figcaption, body #wrapper #container .section.darker figcaption { color: #cccccc !important; } body #wrapper #container .section.dark .anchor, body #wrapper #container .section.darker .anchor { position: absolute; top: -65px; } body #wrapper #container .section.dark .inner, body #wrapper #container .section.darker .inner { position: relative; } body #wrapper #container .section.dark .column, body #wrapper #container .section.darker .column { display: block; } body #wrapper #container .section.dark .column.left, body #wrapper #container .section.darker .column.left { width: 27%; margin-left: 0; float: left; } body #wrapper #container .section.dark .column.left h1, body #wrapper #container .section.darker .column.left h1 { text-transform: capitalize; color: #d6de23; } body #wrapper #container .section.dark .column.left p, body #wrapper #container .section.darker .column.left p { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; color: #cccccc; margin-bottom: 50px; } body #wrapper #container .section.dark .column.right, body #wrapper #container .section.darker .column.right { width: 70%; position: relative; float: right; } body #wrapper #container .section.dark .column.right .project, body #wrapper #container .section.darker .column.right .project { float: left; margin: 0 0 3% 4.5%; font-size: .8em; max-width: 180px; min-width: 180px; height: 190px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .column.right .project img, body #wrapper #container .section.darker .column.right .project img { width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 1; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .column.right .project h2, body #wrapper #container .section.darker .column.right .project h2 { color: #cccccc; text-transform: none; margin-top: 12.5px; margin-bottom: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .column.right .project h4, body #wrapper #container .section.darker .column.right .project h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; color: #999999; margin-top: 0; text-transform: lowercase; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .column.right .project .thumb, body #wrapper #container .section.darker .column.right .project .thumb { height: 90px; } body #wrapper #container .section.dark .column.right .project:hover .thumb, body #wrapper #container .section.darker .column.right .project:hover .thumb { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .column.right .project:hover img, body #wrapper #container .section.darker .column.right .project:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } body #wrapper #container .section.dark .column.right .project:hover h2, body #wrapper #container .section.darker .column.right .project:hover h2 { color: #d6de23; } body #wrapper #container .section.dark .column.right .project:hover h4, body #wrapper #container .section.darker .column.right .project:hover h4 { color: #cccccc; } body #wrapper #container .section.dark .entry, body #wrapper #container .section.darker .entry { /*for dark and darker in projects, longform etc*/ } body #wrapper #container .section.dark .entry .mediaintro p, body #wrapper #container .section.darker .entry .mediaintro p { color: #cccccc !important; } body #wrapper #container .section.dark .entry .social, body #wrapper #container .section.darker .entry .social { background: rgba(248, 248, 248, 0); } body #wrapper #container .section.dark .entry .social a:hover, body #wrapper #container .section.darker .entry .social a:hover { color: #d6de23 !important; } body #wrapper #container .section.dark .entry .header h1, body #wrapper #container .section.darker .entry .header h1 { color: #cccccc; } body #wrapper #container .section.dark .entry .header h4, body #wrapper #container .section.darker .entry .header h4 { color: #999999; } body #wrapper #container .section.dark .entry .content p, body #wrapper #container .section.darker .entry .content p { color: #cccccc; } body #wrapper #container .section.dark .entry .content figure figcaption, body #wrapper #container .section.darker .entry .content figure figcaption { background-color: #3c3c3c; } body #wrapper #container .section.dark .entry .content a, body #wrapper #container .section.darker .entry .content a { text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.dark .entry .content .content-section.rounded, body #wrapper #container .section.darker .entry .content .content-section.rounded { background-color: #3c3c3c; } body #wrapper #container .section.dark .entry .content .content-section.rounded .inner, body #wrapper #container .section.darker .entry .content .content-section.rounded .inner { margin: 20px 20px; } body #wrapper #container .section.dark .entry .content .content-section.rounded .inner .related-link .title a, body #wrapper #container .section.darker .entry .content .content-section.rounded .inner .related-link .title a { color: #cccccc; } body #wrapper #container .section.dark .entry .content .content-section.rounded .inner p a, body #wrapper #container .section.darker .entry .content .content-section.rounded .inner p a { color: #d6de23; } body #wrapper #container .section.dark .entry .content .longform-sidebar .content-section.rounded, body #wrapper #container .section.darker .entry .content .longform-sidebar .content-section.rounded { background-color: #3c3c3c; } body #wrapper #container .section.dark .entry .content .longform-sidebar .content-section.rounded .inner, body #wrapper #container .section.darker .entry .content .longform-sidebar .content-section.rounded .inner { color: #cccccc; } body #wrapper #container .section.dark .entry .content .longform-sidebar .content-section.rounded .inner .related-link .title a, body #wrapper #container .section.darker .entry .content .longform-sidebar .content-section.rounded .inner .related-link .title a { color: #cccccc; } body #wrapper #container .section.dark .entry .content .longform-sidebar .content-section.rounded .inner p, body #wrapper #container .section.darker .entry .content .longform-sidebar .content-section.rounded .inner p { padding: 0; margin: 0; } body #wrapper #container .section.dark .entry .content .longform-sidebar .content-section.rounded .inner p a, body #wrapper #container .section.darker .entry .content .longform-sidebar .content-section.rounded .inner p a { color: #d6de23; } body #wrapper #container .section.dark .entry.project, body #wrapper #container .section.darker .entry.project { /*jamjam*/ } body #wrapper #container .section.dark .entry.project .content-section .inner p, body #wrapper #container .section.darker .entry.project .content-section .inner p { color: #cccccc !important; } body #wrapper #container .section.dark .entry.project .content-section .inner h2, body #wrapper #container .section.darker .entry.project .content-section .inner h2, body #wrapper #container .section.dark .entry.project .content-section .inner h6, body #wrapper #container .section.darker .entry.project .content-section .inner h6 { margin: 20px 0; color: #cccccc !important; } body #wrapper #container .section.dark .entry.project .content-section .inner p a, body #wrapper #container .section.darker .entry.project .content-section .inner p a { color: #555555; } body #wrapper #container .section.dark .entry.project .content-section.related, body #wrapper #container .section.darker .entry.project .content-section.related { height: auto; margin-top: 25px; min-height: 290px; background-color: #3c3c3c; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .readmore, body #wrapper #container .section.darker .entry.project .content-section.related .inner .readmore { position: absolute; top: 0px; right: 0px; margin: 0px !important; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .readmore a, body #wrapper #container .section.darker .entry.project .content-section.related .inner .readmore a { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #d6de23; } body #wrapper #container .section.dark .entry.project .content-section.related .inner h2, body #wrapper #container .section.darker .entry.project .content-section.related .inner h2 { margin: 20px 0; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .project a, body #wrapper #container .section.darker .entry.project .content-section.related .inner .project a { cursor: pointer !important; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .project a:hover h2, body #wrapper #container .section.darker .entry.project .content-section.related .inner .project a:hover h2 { color: #d6de23 !important; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .project a h2, body #wrapper #container .section.darker .entry.project .content-section.related .inner .project a h2 { color: #cccccc; margin: 10px 0 0 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body #wrapper #container .section.dark .entry.project .content-section.related .inner .project a h4, body #wrapper #container .section.darker .entry.project .content-section.related .inner .project a h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; margin: 0px; color: #999999; } body #wrapper #container .section.darker { background-color: #333333; } body #wrapper #container .section.projects { /* these are the project thumbs */ } body #wrapper #container .section.projects .inner { padding-top: 95px; } body #wrapper #container .section.projects .inner .column.right { padding-top: 25px; } body #wrapper #container .section.about > .inner { position: relative; padding-top: 65px; } body #wrapper #container .section.about > .inner .anchor { position: absolute; top: -63px; left: 0; } body #wrapper #container .section.about > .inner .mission { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #f8f8f8; margin-right: 27%; margin-bottom: 0; } body #wrapper #container .section.about > .inner .mission .mission-inner { padding: 37.5px; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; color: #4a4a4a; } body #wrapper #container .section.about > .inner .clientlist { width: 20%; position: absolute; top: 97px; right: 30px; color: #555555; } body #wrapper #container .section.about > .inner .clientlist h3 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #4a4a4a; } body #wrapper #container .section.about > .inner .clientlist ul { margin: 0; padding: 0; list-style: none; } body #wrapper #container .section.about > .inner .clientlist ul li { margin: 0 0 12.5px 0; padding: 0; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; } body #wrapper #container .section.about > .inner .clientlist ul li p { color: #4a4a4a; margin: 0; padding: 0; } body #wrapper #container .section.about > .inner .serviceslist { margin-right: 27%; padding: 50px 0 0 0; } body #wrapper #container .section.about > .inner .serviceslist ul { margin: 0; padding: 0; -moz-column-count: 3; /* Firefox */ -webkit-column-count: 3; /* Safari and Chrome */ -o-column-count: 3; /* opera? */ column-count: 3; column-gap: 25px; -moz-column-gap: 25px; -webkit-column-gap: 25px; -o-column-gap: 25px; } body #wrapper #container .section.about > .inner .serviceslist ul li { margin: 0; padding: 0; display: inline-block; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section.about > .inner .serviceslist ul li h3 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #4a4a4a; } body #wrapper #container .section.talks { margin: 50px 0; } body #wrapper #container .section.talks .inner { padding: 0; padding-top: 30px; position: relative; border-top: 1px solid #d9d9d9; } body #wrapper #container .section.talks .inner > h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; padding-bottom: 12.5px; color: #555555; width: 25%; } body #wrapper #container .section.talks .inner .row { float: left; width: 25%; } body #wrapper #container .section.talks .inner .latestpress { margin-bottom: 25px; } body #wrapper #container .section.talks .inner .latestpress h2, body #wrapper #container .section.talks .inner .latestpress h2 a, body #wrapper #container .section.talks .inner .latestpress h4 { display: inline; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; color: #4a4a4a; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.talks .inner .latestpress h2 a:hover { color: #b9c221 !important; } body #wrapper #container .section.talks .inner .latestpress h2:after { content: " — "; } body #wrapper #container .section.talks .inner .latestpress span { display: none; } body #wrapper #container .section.talks .inner .callout { float: right; position: relative; top: -30px; width: 67%; height: auto; } body #wrapper #container .section.talks .inner .callout iframe { width: 100%; } body #wrapper #container .section.talks .inner .callout p { display: none; } body #wrapper #container .section.press { margin: 12.5px 0; } body #wrapper #container .section.press .inner { padding: 0; padding-top: 30px; position: relative; border-top: 1px solid #d9d9d9; } body #wrapper #container .section.press .inner h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; color: #555555; padding-top: 12.5px; padding-bottom: 12.5px; line-height: 25px; } body #wrapper #container .section.press .inner .arrow { right: 0; font-size: 29px; height: 35px; line-height: 35px; width: 35px; padding: 0; text-align: center; top: 20px; right: 25px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #555555; } body #wrapper #container .section.press .inner .arrow.left { right: 64px; left: auto; } body #wrapper #container .section.press .inner .arrow:hover { opacity: 1; color: #555555; } body #wrapper #container .section.press .inner .arrow.disabled { opacity: .2; } body #wrapper #container .section.press .inner .row { width: 100%; overflow-x: hidden; overflow-y: hidden; } body #wrapper #container .section.press .inner .row .row-inner { height: 300px; position: relative; left: 0; top: 0; width: auto; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } body #wrapper #container .section.press .inner .row .row-inner .columnlist { -moz-column-count: 4; /* Firefox */ -webkit-column-count: 4; /* Safari and Chrome */ -o-column-count: 4; /* opera? */ column-count: 4; column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; -o-column-gap: 0; height: 99%; display: block; overflow: visible; position: relative; top: 0; left: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .callout { background: #d6de23; column-span: 2; -webkit-column-span: 2; display: inline-block; top: 0px; left: 0; height: 99%; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .callout .callout-inner { width: 100%; overflow: hidden; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .callout .callout-inner img { height: 100%; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress { margin-bottom: 6.25px; display: inline-block; position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h2, body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h4, body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress a { margin: 0; padding: 0; display: inline-block; width: 90%; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; color: #cccccc; text-transform: lowercase; color: #999999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h4 span { display: none; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h2 a { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; color: #4a4a4a; display: inline; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.press .inner .row .row-inner .columnlist .latestpress h2 a:hover { color: #b9c221 !important; } body #wrapper #container .section.team .inner { position: relative; border-top: 1px solid #d9d9d9; width: 100%; max-width: 1000px; min-width: 300px; padding: 0; padding-top: 30px; } body #wrapper #container .section.team .inner .column.right { padding-top: 17px; } body #wrapper #container .section.team .inner .column.left { width: 25%; position: absolute; margin-left: 3%; margin: 0; } body #wrapper #container .section.team .inner .column.left h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; color: #555555; } body #wrapper #container .section.team .inner .column.left p { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section.team .inner .column.left p a { color: #b9c221; } body #wrapper #container .section.team .inner .column.right { margin-left: 38.5%; margin-right: 6%; } body #wrapper #container .section.team .inner .column.right .header { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 23px; margin-bottom: 12.5px; } body #wrapper #container .section.team .inner .column.right .entry { padding-bottom: 25px; } body #wrapper #container .section.team .inner .column.right .entry .header { color: #555555; } body #wrapper #container .section.team .inner .column.right .entry .meta a { color: #b9c221; } body #wrapper #container .section.team .inner .column.right p { margin-left: 0; margin-bottom: 12.5px; } body #wrapper #container .section.careers { padding-bottom: 25px; } body #wrapper #container .section.careers .inner { position: relative; } body #wrapper #container .section.careers .inner .box { position: absolute; width: 23%; min-width: 165px; height: auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #f8f8f8; margin: 75px 27% 0 0; margin-bottom: 0; padding: 20px; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #4a4a4a; overflow: hidden; text-overflow: ellipse; left: -15px; margin-left: 3%; } body #wrapper #container .section.careers .inner .box i { color: #b9c221; } body #wrapper #container .section.careers .inner .box:hover { border: none; } body #wrapper #container .section.careers .inner .box:hover i { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.careers .inner p { margin: 0 6% 15px 37%; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; } body #wrapper #container .section.careers .inner p .careersimage { margin-left: -71%; margin-top: 50px; margin-bottom: 25px; } body #wrapper #container .section.careers .inner p a { color: #b9c221; } body #wrapper #container .section.careers .inner h2 { width: 37%; position: absolute; margin: 0; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; color: #555555; } body #wrapper #container .section.contact { padding-top: 125px; padding-bottom: 50px; position: relative; } body #wrapper #container .section.contact .inner { padding-top: 64px; position: relative; /*.box { width: 10px; height: auto; .rounded-corners(6px); background: @box-light; margin-bottom: 0; padding: 20px; .serif-text(); color: @text-on-light; overflow: hidden; text-overflow: ellipse; } }*/ } body #wrapper #container .section.contact .inner h2 { color: #555555; } body #wrapper #container .section.contact .inner .content { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; margin: 20px 27% 20px 0px; width: 23%; color: #555555; } body #wrapper #container .section.contact .inner .content.box { position: relative; left: -20px; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; margin: 20px 27% 20px 0; width: 23%; min-width: 165px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #f8f8f8; padding: 20px; } body #wrapper #container .section.contact .inner .content.box a { color: #4a4a4a; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.contact .inner .content.box i { color: #b9c221; } body #wrapper #container .section.contact .inner .content.box:hover a { border: none; } body #wrapper #container .section.contact .inner .content.box:hover a i { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.contact .inner ul { margin: 0; position: relative; left: -20px; } body #wrapper #container .section.contact .inner ul li { width: auto; white-space: nowrap; margin: 25px 0 25px 7.692307692307692px; padding-left: 7.692307692307692px; display: inline-block; border-left: 1px solid #999999; line-height: 24px; vertical-align: middle; } body #wrapper #container .section.contact .inner ul li:first-child { border: none; } body #wrapper #container .section.contact .inner ul li.follow { font-family: 'fat-icons'; font-size: 30px; -webkit-font-smoothing: antialiased; } body #wrapper #container .section.contact .inner ul li.follow a { color: #cccccc; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.contact .inner ul li.follow a span { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; color: #4a4a4a; position: relative; top: -6px; } body #wrapper #container .section.contact .inner ul li.follow:hover a { color: #d6de23; border: none; } body #wrapper #container .section.contact .inner h2 { width: 37%; margin: 0; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; } body #wrapper #container .section.contact .content-section { width: 25%; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; } body #wrapper #container .section.contact .content-section .inner { width: 100%; padding-top: 0; } body #wrapper #container .section.contact .content-section .inner a { color: #555555; } body #wrapper #container .section.contact .content-section .inner p { width: 70%; margin: 25px 0; } body #wrapper #container .section.contact #fathomofficemap { width: 65%; height: auto; min-width: 300px; position: absolute; top: 75px; right: 3%; text-align: right; overflow: hidden; margin-left: 37%; } body #wrapper #container .section.contact #fathomofficemap img { width: 100%; position: relative; height: auto; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } body #wrapper #container .section.contact #fathomofficemap:hover .front { opacity: 1; } body #wrapper #container .section.nextprev { position: relative; top: 0; left: 0; width: 100%; z-index: 5555; background: #f8f8f8; } body #wrapper #container .section.nextprev > .inner { padding: 0px 3% 0px 3%; } body #wrapper #container .section.nextprev > .inner.hastitle .center { margin: 0 auto; margin-right: 0px; padding: 15px 0 15px 38%; } body #wrapper #container .section.nextprev > .inner.hastitle .center h3, body #wrapper #container .section.nextprev > .inner.hastitle .center a { font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; } body #wrapper #container .section.nextprev > .inner .controls { position: fixed; font-family: 'fat-icons'; font-size: 30px; line-height: 30px; width: 135px; top: 3em; z-index: 9999; background: rgba(255, 255, 255, 0.75); } body #wrapper #container .section.nextprev > .inner .controls .next, body #wrapper #container .section.nextprev > .inner .controls .prev { display: block; width: 30px; height: 30px; border: 1px solid transparent; float: right; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; padding: 2px; text-align: center; } body #wrapper #container .section.nextprev > .inner .controls .next a, body #wrapper #container .section.nextprev > .inner .controls .prev a { color: #999999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.nextprev > .inner .controls .next span, body #wrapper #container .section.nextprev > .inner .controls .prev span { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #999999; width: 75px; text-align: center; opacity: 1; position: absolute; right: 30px; line-height: 30px; opacity: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.nextprev > .inner .controls .next:hover a, body #wrapper #container .section.nextprev > .inner .controls .prev:hover a { color: #d6de23; border: 0; } body #wrapper #container .section.nextprev > .inner .controls .next:hover span, body #wrapper #container .section.nextprev > .inner .controls .prev:hover span { opacity: 1; } body #wrapper #container .section.nextprev > .inner .controls .next { float: left; } body #wrapper #container .section.nextprev > .inner .controls .next span { width: 75px; text-align: center; position: absolute; left: 28px; line-height: 30px; } body #wrapper #container .section.blog-summary { background: rgba(0, 0, 0, 0.020000000000000018); margin: 0 0 0 0; } body #wrapper #container .section.blog-summary h2 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; max-width: 1000px; margin: 1em auto 0em auto; color: #cccccc; } body #wrapper #container .section.blog-summary .inner { max-width: 1000px; margin: 0em auto 0 auto; padding-top: 0; padding-bottom: 1em; -moz-column-count: 4; /* Firefox */ -webkit-column-count: 4; /* Safari and Chrome */ -o-column-count: 4; /* opera? */ column-count: 4; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.blog-summary .container { display: inline-block; margin: 0; padding: 0; width: 100%; font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; } body #wrapper #container .section.blog-summary .container .entries { height: 8em; text-transform: none; } body #wrapper #container .section.blog-summary .container h3 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 21px; line-height: 33px; font-size: 1.1em; text-transform: none; color: #4a4a4a; } body #wrapper #container .section.blog-summary .container p { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; margin: 0 1em .5em 0; } body #wrapper #container .section.blog-summary .container p a { color: #999999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper #container .section.blog-summary .container p a:hover { color: #d6de23; background: rgba(255, 255, 255, 0.050000000000000044); } body #wrapper footer { position: relative; background: #292929; -webkit-font-smoothing: antialiased; height: 75px; font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #cccccc; font-size: 14px; } body #wrapper footer #copyright { width: 100%; margin-left: auto; margin-right: auto; text-align: center; text-transform: lowercase; } body #wrapper footer #copyright ul { margin: 0; } body #wrapper footer #copyright ul li { width: auto; white-space: nowrap; margin: 25px 0 25px 7.692307692307692px; padding-left: 7.692307692307692px; display: inline-block; border-left: 1px solid #999999; line-height: 24px; vertical-align: middle; } body #wrapper footer #copyright ul li a { color: #cccccc; } body #wrapper footer #copyright ul li a:hover { color: #d6de23; } body #wrapper footer #copyright ul li:first-child { border: none; } body #wrapper footer #copyright ul li.follow { font-family: 'fat-icons'; font-size: 18px; -webkit-font-smoothing: antialiased; } body #wrapper footer #copyright ul li.follow a { margin-left: 4px; color: #999999; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } body #wrapper footer #copyright ul li.follow a:hover { color: #d6de23; border-bottom: 0; } .single-post #wrapper #container .section > .inner { padding: 65px 3% 25px 3%; } .single-post #wrapper #container .section > .inner .header h4 { font-family: "ff-basic-gothic-sc-web-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; color: #777; text-transform: lowercase; color: #999999; margin-bottom: 25px; } .placeholder { background: #ffffff; width: 100px; height: 100px; } .placeholder.provender { height: 50px; width: 150px; } .projectstrip { width: 100%; min-width: 300px; max-width: 1000px; margin-top: 25px; } .projectstrip .row { left: -10px; width: 102%; overflow-x: hidden; overflow-y: hidden; position: relative; } .projectstrip .row .row-inner { width: 5000px; position: relative; top: 0; left: 0px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .projectstrip a .project { width: 180px; height: 390px; display: inline-block; vertical-align: top; margin-right: 20px; margin-bottom: 25px; position: relative; top: 10px; left: 10px; } .projectstrip a .project .thumb { width: 180px; height: 298px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.050000000000000044); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .projectstrip a .project .thumb img { position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .projectstrip a .project .thumb img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } .projectstrip a .project .thumb.front { position: absolute; top: 0; left: 0; } .projectstrip a .project .thumb.front img { top: 0; } .projectstrip a .project .label h2 { font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 15px; line-height: 24px; color: #555555; color: #999999; } .projectstrip a .project:hover h2 { color: #555555; } .projectstrip a .project:hover .thumb { -moz-box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); -webkit-box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); box-shadow: 0 0 15px rgba(153, 153, 153, 0.5); } .projectstrip a .project:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } .projectstrip a:hover { border: 0; } .projectstrip a:hover .thumb.front { opacity: 0; } #salaryper.interactive { position: relative; height: 730px; } #salaryper.interactive iframe { width: 960px !important; height: 730px !important; } #fortune500.interactive { overflow: hidden; height: 625px !important; } #fortune500.interactive iframe { height: 625px; } .gallery { margin: 20px 0 20px 30% !important; } .gallery .gallery-item { position: relative; } .gallery .gallery-item .gallery-icon { width: 90% !important; position: relative; left: 12%; } .gallery .gallery-item .gallery-icon .iconhelper:after { font-family: 'fat-icons'; content: '"'; position: absolute; top: 10px; left: 10px; font-size: 1.5em; color: #d6de23; opacity: 0; -webkit-transition: 0.25s opacity ease-in-out; -moz-transition: 0.25s opacity ease-in-out; -ms-transition: 0.25s opacity ease-in-out; transition: 0.25s opacity ease-in-out; } .gallery .gallery-item .gallery-icon a:hover { border: 0 !important; } .gallery .gallery-item .gallery-icon a:hover .iconhelper:after { opacity: 1; } .gallery .gallery-item .gallery-icon img { width: 100%; margin: 0; padding: 0; height: auto; border: 1px solid rgba(0, 0, 0, 0.08) !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .gallery .gallery-item .gallery-icon img:hover { -moz-box-shadow: 0 0 25px rgba(153, 153, 153, 0.5); -webkit-box-shadow: 0 0 25px rgba(153, 153, 153, 0.5); box-shadow: 0 0 25px rgba(153, 153, 153, 0.5); } .gallery .gallery-item .wp-caption-text { display: none; } .project.longform .gallery { margin: 20px 0 20px 34.2% !important; } .modal { background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .modal .modal-controls { height: 64px; position: relative; max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 32px; } .modal .modal-controls .button { width: 25px; height: 25px; position: absolute; display: inline-block; font-family: 'fat-icons'; font-size: 65px; color: #555555; font-size: 1.8em; line-height: 3em; vertical-align: middle; color: white; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 9999; } .modal .modal-controls .button:hover { color: #d6de23; } .modal .modal-controls .button.next { left: 37.5px; } .modal .modal-controls .button.prev { left: 0px; } .modal .modal-controls .button.close { right: 5px; } .modal .modal-inner { position: relative; display: block; margin: 0 10%; text-align: center; } .modal .modal-inner .caption { color: #cccccc !important; max-width: 1000px; margin: 1em auto 1em auto; text-align: left; font-family: "source-sans-pro", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #777; } .modal .modal-inner .modal-image { width: auto; height: auto; min-width: 300px; position: relative; display: none; -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); } img.latex { width: auto !important; } #oldbrowsers { position: fixed; top: 0; left: 0; z-index: 9999 !important; width: 100%; color: white; height: 100%; background: gray; text-align: left; font-family: "ff-more-web-pro-wide", serif; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; font-size: 28px; line-height: 36px; opacity: .8; } #oldbrowsers p { z-index: 9999; width: 100%; max-width: 500px; height: 200px; position: relative; top: 50%; margin-left: auto; margin-right: auto; margin-top: -140px; } /* * Media queries */ @media only screen and (min-width: 0px) and (max-width: 460px) { body #wrapper #branding { font-size: 3em !important; } body #wrapper .interior .header-inner { padding: 0 !important; } body #wrapper .interior .header-inner nav { margin-left: 4em !important; } body #wrapper .interior .header-inner nav .menu-fathom-menu-container, body #wrapper .interior .header-inner nav ul, body #wrapper .interior .header-inner nav li { width: 100% !important; max-width: 100% !important; } body #wrapper .interior .header-inner nav .menu-fathom-menu-container a, body #wrapper .interior .header-inner nav ul a, body #wrapper .interior .header-inner nav li a { width: auto; } body #wrapper .interior .header-inner #branding { font-size: 2em !important; margin-left: 3%; } body #wrapper header.home { height: auto; position: relative; } body #wrapper header.home .header-inner { padding-top: 3%; height: auto; } body #wrapper header.home nav { padding-top: 4em; height: auto; } body #wrapper header.home nav .menu-fathom-menu-container, body #wrapper header.home nav ul, body #wrapper header.home nav li { width: 100% !important; position: relative; left: 0; top: 0; margin: 0 !important; padding: 0; max-width: 100%; -webkit-padding-start: 0; } body #wrapper header.home nav .menu-fathom-menu-container a, body #wrapper header.home nav ul a, body #wrapper header.home nav li a { width: auto; background: rgba(0, 0, 0, 0.030000000000000027); margin-bottom: 2px; border-radius: 5px; } body #wrapper #container.home .section.front-b .inner, body #wrapper #container.home .section.front-c .inner, body #wrapper #container.home .section.front-d .inner, body #wrapper #container.home .section.projects .inner { -moz-column-count: 1 !important; /* Firefox */ -webkit-column-count: 1 !important; /* Safari and Chrome */ -o-column-count: 1 !important; /* opera? */ column-count: 1 !important; column-gap: 20px !important; -moz-column-gap: 20px !important; -webkit-column-gap: 20px !important; -o-column-gap: 20px !important; margin: 1em 2em; } body #wrapper #container.home .front-a { background: transparent !important; } body #wrapper #container.home .front-a .inner { overflow: visible !important; padding: 0 !important; background: transparent !important; } body #wrapper #container.home .front-a .inner .arrow.right { top: 0px !important; } body #wrapper #container.home .front-a .inner .static-overlay { position: relative; top: 0; left: 0; padding: 0 !important; margin: 0; background: transparent !important; } body #wrapper #container.home .front-a .inner .static-overlay .static-overlay-inner { height: auto; font-size: .6em; min-height: 100% !important; top: 0 !important; background: transparent !important; width: 90% !important; position: relative !important; padding: 0 !important; padding-top: 40% !important; margin: 0 auto; } body #wrapper #container.home .front-a .inner .carousel { position: absolute; top: 0; } body #wrapper #container.home .front-a .inner .bottomimage { display: none; } body #wrapper #container.home .front-b { z-index: 8888; } body #wrapper #container.home .front-c .inner { margin: 0 2em !important; padding: 0 !important; } body #wrapper #container.home .front-c .inner .projectstrip .row { left: 0; width: 100%; } body #wrapper #container.home .front-c .inner .projectstrip .row .row-inner { width: 100%; margin: 0; padding: 0; } body #wrapper #container.home .front-c .inner .projectstrip .row .row-inner a { display: none; } body #wrapper #container.home .front-c .inner .projectstrip .row .row-inner a:first-child { display: block; } body #wrapper #container.home .front-c .inner .projectstrip .row .row-inner a:first-child .project { padding: 0; margin: 0 auto; position: relative; display: block; top: 0; left: 0; } body #wrapper #container.home .front-c .inner .projectstrip .row .row-inner a:first-child .project .thumb.front { width: 100%; display: none; } body #wrapper #container.home .front-d .column { min-height: 0; margin-bottom: 1.5em; } body #wrapper #container.home .front-d .column .project.side { max-width: 100%; height: auto; margin-bottom: 1em; } body #wrapper #container.home .front-d .column .project.side .thumb { width: 100%; height: auto; float: none; margin-bottom: .25em; } body #wrapper #container.home .front-d .column .project.side .thumb img { width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } body #wrapper #container.home .front-d .column .project.side h2, body #wrapper #container.home .front-d .column .project.side h4 { margin: 0; } body #wrapper #container .section.nextprev > .inner, body #wrapper #container .section.nextprev > .inner.hastitle { padding: 1em; } body #wrapper #container .section.nextprev > .inner .controls, body #wrapper #container .section.nextprev > .inner.hastitle .controls { position: relative; top: 0em; padding: 0; width: 90%; margin: 0 auto; height: 1em; background: transparent; } body #wrapper #container .section.nextprev > .inner .controls .next span, body #wrapper #container .section.nextprev > .inner.hastitle .controls .next span, body #wrapper #container .section.nextprev > .inner .controls .prev span, body #wrapper #container .section.nextprev > .inner.hastitle .controls .prev span { opacity: 1; } body #wrapper #container .section.nextprev > .inner .center, body #wrapper #container .section.nextprev > .inner.hastitle .center { padding: 1.5em 1em 0em 1em; } body #wrapper #container .section.lately > .inner { margin: 0 2em; } body #wrapper #container .section.lately > .inner .entry.lately .meta { width: 100%; position: relative; top: 0; left: 0; } body #wrapper #container .section.lately > .inner .entry.lately .meta .social { position: absolute; top: 0; right: 0; margin-top: 0; } body #wrapper #container .section.lately > .inner .entry.lately .header { width: 100%; margin: 0; padding: 0; padding-top: 2em; } body #wrapper #container .section.lately > .inner .entry.lately .content { width: 100%; margin: 0; padding: 0; padding-top: 2em; } body #wrapper #container .section.lately > .inner .entry.lately .content p { margin-left: 0; padding-left: 0; padding-right: 0; } body #wrapper #container .section.lately > .inner .entry.lately .content figure { margin-left: 0; } body #wrapper #container .section.lately > .inner .entry.lately .content .gallery { margin-left: 0 !important; } body #wrapper #container .section.lately > .inner .entry.lately .content-section .inner { margin: 0; padding: 0; } body #wrapper #container .section.lately .inner .entry.lately .meta .social { position: relative; top: 0; left: 0; } body #wrapper #container .section.about > .inner { padding-top: 1em; } body #wrapper #container .section.about > .inner .mission, body #wrapper #container .section.about > .inner .content-section.clientlist, body #wrapper #container .section.about > .inner .content-section.serviceslist, body #wrapper #container .section.about > .inner .section.talks, body #wrapper #container .section.about > .inner .section.press, body #wrapper #container .section.about > .inner .section.team { max-width: 100%; width: 100%; position: relative; margin: 0 0 1em 0; padding: 0; float: none; left: 0; top: 0; } body #wrapper #container .section.about > .inner .mission .inner, body #wrapper #container .section.about > .inner .content-section.clientlist .inner, body #wrapper #container .section.about > .inner .content-section.serviceslist .inner, body #wrapper #container .section.about > .inner .section.talks .inner, body #wrapper #container .section.about > .inner .section.press .inner, body #wrapper #container .section.about > .inner .section.team .inner { margin: 2em; } body #wrapper #container .section.about > .inner .mission .mission-inner { padding: 1.5em; } body #wrapper #container .section.about > .inner .content-section.clientlist ul { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ -o-column-count: 2; /* opera? */ column-count: 2; column-gap: 1em; -moz-column-gap: 1em; -webkit-column-gap: 1em; -o-column-gap: 1em; display: block; } body #wrapper #container .section.about > .inner .content-section.clientlist ul li { padding: 0; margin: 0; } body #wrapper #container .section.about > .inner .content-section.serviceslist ul { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ -o-column-count: 1; /* opera? */ column-count: 1; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.about > .inner .content-section.serviceslist ul li { margin-bottom: 1.5em; } body #wrapper #container .section.about > .inner .section.talks .inner .row, body #wrapper #container .section.about > .inner .section.talks .inner .callout, body #wrapper #container .section.about > .inner .section.talks .inner h2 { position: relative; width: 100%; float: none; margin: 1em 0; height: auto; top: 0; } body #wrapper #container .section.about > .inner .section.talks .inner .row .latestpress, body #wrapper #container .section.about > .inner .section.talks .inner .callout .latestpress, body #wrapper #container .section.about > .inner .section.talks .inner h2 .latestpress { margin: .5em 0; } body #wrapper #container .section.about > .inner .section.talks .inner .row iframe, body #wrapper #container .section.about > .inner .section.talks .inner .callout iframe, body #wrapper #container .section.about > .inner .section.talks .inner h2 iframe { height: auto; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner { height: 20em; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner .columnlist { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ -o-column-count: 2; /* opera? */ column-count: 2; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner .columnlist .latestpress { display: inline-block; column-break-inside: avoid; } body #wrapper #container .section.about > .inner .section.team { margin: 0; padding: 0; } body #wrapper #container .section.about > .inner .section.team .inner { margin: 0em; padding: 0; position: relative; } body #wrapper #container .section.about > .inner .section.team .inner .column { margin: 2em; } body #wrapper #container .section.about > .inner .section.team .inner p, body #wrapper #container .section.about > .inner .section.team .inner h2 { margin: 0 0 1em 0; } body #wrapper #container .section.about > .inner .section.team .column { position: relative; top: 0; left: 0; width: auto; margin: 0; padding: 0; } body #wrapper #container .section.about > .inner .section.team .column.right .meta { position: relative; width: 100%; left: 0; top: 0; margin: 0 0 1em 0; } body #wrapper #container .section.about > .inner .section.team .column.right .header, body #wrapper #container .section.about > .inner .section.team .column.right .content { margin: 0; } body #wrapper #container .section.contact > .inner { margin: 2em 2em; padding: 0; } body #wrapper #container .section.contact > .inner h2 { width: 100%; margin: 0 0 0 0; } body #wrapper #container .section.contact > .inner h2 br { display: none; } body #wrapper #container .section.contact > .inner .content { width: 100%; margin: 0 0 1em 0; } body #wrapper #container .section.contact > .inner .content.box { display: block; left: 0; top: 0; margin: 1em 0 0 0; padding: 0; width: 100%; border: 1px solid transparent; } body #wrapper #container .section.contact > .inner .content.box a { display: block; margin: 1.5em; } body #wrapper #container .section.contact > .inner #fathomofficemap { position: relative; width: 100%; height: auto; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; } body #wrapper #container .section.contact > .inner #fathomofficemap img { width: 100%; height: auto; position: relative; left: 0; top: 0; } body #wrapper #container .section.careers > .inner { margin: 2em; } body #wrapper #container .section.careers > .inner img.careersimage { width: 120%; height: auto; margin: 0 0 0 -10%; } body #wrapper #container .section.careers > .inner h2 { width: 100%; position: relative; } body #wrapper #container .section.careers > .inner .box { position: relative; top: 0; left: 0; width: 90%; padding: 1em; display: block; margin: 1em 0 1em 0; line-height: 2em; } body #wrapper #container .section.careers > .inner p { margin: 0 0 1em 0; } body #wrapper #container .section.projects.dark .column, body #wrapper #container .section.projects.darker .column { float: none; width: 100%; margin: 0; } body #wrapper #container .section.projects.dark .column p, body #wrapper #container .section.projects.darker .column p { margin: 0; } body #wrapper #container .section.projects.dark .column .project, body #wrapper #container .section.projects.darker .column .project { float: none; margin: 0 0 2em 0; padding: 0; width: 100%; max-width: 100%; height: auto; } body #wrapper #container .section.projects.dark .column .project .thumb, body #wrapper #container .section.projects.darker .column .project .thumb { height: auto; margin: 0; } body #wrapper #container .section.projects.dark .column .project .thumb img, body #wrapper #container .section.projects.darker .column .project .thumb img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; height: auto; } body #wrapper #container.interior .section { border: 1px solid transparent; } body #wrapper #container.interior .section.project > .inner { margin: 2em; padding: 0; } body #wrapper #container.interior .section.project > .inner .header h1, body #wrapper #container.interior .section.project > .inner .header h4 { width: 70%; } body #wrapper #container.interior .section.project > .inner .header .mediaintro { margin: 0; } body #wrapper #container.interior .section.project > .inner .header .mediaintro iframe { min-height: 190px; min-width: 0; width: 100%; height: auto; } body #wrapper #container.interior .section.project > .inner .longform-sidebar { position: relative; top: 0; left: 0; width: 100%; } body #wrapper #container.interior .section.project > .inner .longform-sidebar br { display: none; } body #wrapper #container.interior .section.project > .inner .content p { margin: 0; } body #wrapper #container.interior .section.project > .inner .content p img.size-large { width: 100% !important; height: auto; } body #wrapper #container.interior .section.project > .inner .content p iframe { width: 100%; height: auto; min-height: 200px; } body #wrapper #container.interior .section.project > .inner .content figure { width: 100%; margin: 0 0 1em 0; } body #wrapper #container.interior .section.project > .inner .content .content-section.single { margin: 1em 0; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related { margin: 0 0 1em 0; padding: 0; display: block; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner { display: table; width: 80%; padding: 0; margin: 2em auto; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner h2 { margin: 0; padding: 0; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner .readmore { position: relative; top: 0; left: 0; padding-bottom: 1.5em; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner .project { float: none; display: block; width: 100%; padding: 0; margin-bottom: 1em; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner .project .thumb, body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner .project img { width: 100%; height: auto; margin: 0; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } body #wrapper #container.interior .section.project > .inner .content .content-section.rounded.related > .inner .project:last-child { margin-bottom: 0; } body #wrapper footer { height: auto; margin: 0; margin-top: -1.5em; padding: 0; } body #wrapper footer #copyright { max-width: 70%; margin: 0 auto; height: auto; padding: 2em 0; } body #wrapper footer #copyright ul li { display: block; padding: .2em 0; margin: 0; border: 0; } } @media only screen and (min-width: 461px) and (max-width: 620px) { body #wrapper #container .section.nextprev > .inner, body #wrapper #container .section.nextprev > .inner.hastitle { padding: 1em; } body #wrapper #container .section.nextprev > .inner .controls, body #wrapper #container .section.nextprev > .inner.hastitle .controls { position: relative; top: 0em; padding: 0; width: 90%; margin: 0 auto; height: 1em; background: transparent; } body #wrapper #container .section.nextprev > .inner .controls .next span, body #wrapper #container .section.nextprev > .inner.hastitle .controls .next span, body #wrapper #container .section.nextprev > .inner .controls .prev span, body #wrapper #container .section.nextprev > .inner.hastitle .controls .prev span { opacity: 1; } body #wrapper #container .section.nextprev > .inner .center, body #wrapper #container .section.nextprev > .inner.hastitle .center { padding: 1.5em 1em 0em 1em; } body #wrapper #container .section.lately > .inner { margin: 0 2em; } body #wrapper #container .section.lately > .inner .entry.lately .meta { width: 100%; position: relative; top: 0; left: 0; } body #wrapper #container .section.lately > .inner .entry.lately .meta .social { position: absolute; top: 0; right: 0; margin-top: 0; } body #wrapper #container .section.lately > .inner .entry.lately .header { width: 100%; margin: 0; padding: 0; padding-top: 2em; } body #wrapper #container .section.lately > .inner .entry.lately .content { width: 100%; margin: 0; padding: 0; padding-top: 2em; } body #wrapper #container .section.lately > .inner .entry.lately .content p { margin-left: 0; padding-left: 0; padding-right: 0; } body #wrapper #container .section.lately > .inner .entry.lately .content figure { margin-left: 0; } body #wrapper #container .section.lately > .inner .entry.lately .content .gallery { margin-left: 0 !important; } body #wrapper #container .section.lately > .inner .entry.lately .content-section .inner { margin: 0; padding: 0; } body #wrapper #container .section.contact > .inner { margin: 2em 2em; padding: 0; } body #wrapper #container .section.contact > .inner h2 { width: 100%; margin: 0 0 0 0; } body #wrapper #container .section.contact > .inner h2 br { display: none; } body #wrapper #container .section.contact > .inner .content { width: 100%; margin: 0 0 1em 0; } body #wrapper #container .section.contact > .inner .content.box { display: block; left: 0; top: 0; margin: 1em 0 0 0; padding: 0; width: 100%; border: 1px solid transparent; } body #wrapper #container .section.contact > .inner .content.box a { display: block; margin: 1.5em; } body #wrapper #container .section.contact > .inner #fathomofficemap { position: relative; width: 100%; height: auto; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; } body #wrapper #container .section.contact > .inner #fathomofficemap img { width: 100%; height: auto; position: relative; left: 0; top: 0; } body #wrapper #container .section.careers .inner p img.careersimage { width: 180%; height: auto; margin-left: -65%; } body #wrapper #container .section.projects.dark .column.left, body #wrapper #container .section.projects.darker .column.left { width: 40%; } body #wrapper #container .section.projects.dark .column.right, body #wrapper #container .section.projects.darker .column.right { width: 50%; } body #wrapper #container .section.projects.dark .column.right .project, body #wrapper #container .section.projects.darker .column.right .project { float: none; margin: 0 0 2em 0; padding: 0; width: 100%; max-width: 100%; height: auto; } body #wrapper #container .section.projects.dark .column.right .project .thumb, body #wrapper #container .section.projects.darker .column.right .project .thumb { height: auto; margin: 0; } body #wrapper #container .section.projects.dark .column.right .project .thumb img, body #wrapper #container .section.projects.darker .column.right .project .thumb img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; height: auto; } body #wrapper #container .section.about > .inner .mission, body #wrapper #container .section.about > .inner .content-section.clientlist, body #wrapper #container .section.about > .inner .content-section.serviceslist, body #wrapper #container .section.about > .inner .section.talks, body #wrapper #container .section.about > .inner .section.press, body #wrapper #container .section.about > .inner .section.team { max-width: 100%; width: 100%; position: relative; margin: 0 0 1em 0; padding: 0; float: none; left: 0; top: 0; } body #wrapper #container .section.about > .inner .mission .inner, body #wrapper #container .section.about > .inner .content-section.clientlist .inner, body #wrapper #container .section.about > .inner .content-section.serviceslist .inner, body #wrapper #container .section.about > .inner .section.talks .inner, body #wrapper #container .section.about > .inner .section.press .inner, body #wrapper #container .section.about > .inner .section.team .inner { margin: 2em; } body #wrapper #container .section.about > .inner .content-section.clientlist ul { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ -o-column-count: 2; /* opera? */ column-count: 2; column-gap: 1em; -moz-column-gap: 1em; -webkit-column-gap: 1em; -o-column-gap: 1em; display: block; } body #wrapper #container .section.about > .inner .content-section.clientlist ul li { padding: 0; margin: 0; } body #wrapper #container .section.about > .inner .content-section.serviceslist ul { -moz-column-count: 1; /* Firefox */ -webkit-column-count: 1; /* Safari and Chrome */ -o-column-count: 1; /* opera? */ column-count: 1; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.about > .inner .content-section.serviceslist ul li { margin-bottom: 1.5em; } body #wrapper #container .section.about > .inner .section.talks .inner .row, body #wrapper #container .section.about > .inner .section.talks .inner .callout, body #wrapper #container .section.about > .inner .section.talks .inner h2 { position: relative; width: 100%; float: none; margin: 1em 0; height: auto; top: 0; } body #wrapper #container .section.about > .inner .section.talks .inner .row .latestpress, body #wrapper #container .section.about > .inner .section.talks .inner .callout .latestpress, body #wrapper #container .section.about > .inner .section.talks .inner h2 .latestpress { margin: .5em 0; } body #wrapper #container .section.about > .inner .section.talks .inner .row iframe, body #wrapper #container .section.about > .inner .section.talks .inner .callout iframe, body #wrapper #container .section.about > .inner .section.talks .inner h2 iframe { height: auto; min-height: 15em; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner { height: 20em; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner .columnlist { -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ -o-column-count: 2; /* opera? */ column-count: 2; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px; } body #wrapper #container .section.about > .inner .section.press .inner .row .row-inner .columnlist .latestpress { display: inline-block; column-break-inside: avoid; } body #wrapper #container .section.about > .inner .section.team { margin: 0; padding: 0; } body #wrapper #container .section.about > .inner .section.team .inner { margin: 0em; padding: 0; position: relative; } body #wrapper #container .section.about > .inner .section.team .inner .column { margin: 2em; } body #wrapper #container .section.about > .inner .section.team .inner p, body #wrapper #container .section.about > .inner .section.team .inner h2 { margin: 0 0 1em 0; } body #wrapper #container .section.about > .inner .section.team .column { position: relative; top: 0; left: 0; width: auto; margin: 0; padding: 0; } body #wrapper #container .section.about > .inner .section.team .column.right .meta { left: 0em; } body #wrapper #container .section.about > .inner .section.team .column.right .content, body #wrapper #container .section.about > .inner .section.team .column.right .header { margin-left: 150px; } } @media only screen and (min-width: 621px) and (max-width: 964px) { body #wrapper #container .section.careers .inner p img.careersimage { width: 180%; height: auto; margin-left: -65%; } body #wrapper #container .section.projects.dark .column.left, body #wrapper #container .section.projects.darker .column.left { width: 29%; } body #wrapper #container .section.projects.dark .column.right, body #wrapper #container .section.projects.darker .column.right { width: 70%; } body #wrapper #container .content-section.serviceslist { height: auto; } body #wrapper #container .content-section.serviceslist ul { -moz-column-count: 1 !important; /* Firefox */ -webkit-column-count: 1 !important; /* Safari and Chrome */ -o-column-count: 1 !important; /* opera? */ column-count: 1 !important; column-gap: 2em !important; -moz-column-gap: 2em !important; -webkit-column-gap: 2em !important; -o-column-gap: 2em !important; height: auto; } body #wrapper #container .content-section.serviceslist ul li { margin-bottom: 2em !important; } body #wrapper #container .section.team > .inner .column { margin-right: 0; } body #wrapper #container .section.team > .inner .column.right { margin-left: 31%; } body #wrapper #container .section.team > .inner .column.right .meta { left: 0; width: 25%; } body #wrapper #container .section.team > .inner .column.right .meta .thumb { width: 100%; height: auto; } body #wrapper #container .section.team > .inner .column.right .meta .thumb img { width: 100% !important; height: auto; } body #wrapper #container .section.team > .inner .column.right .content, body #wrapper #container .section.team > .inner .column.right .header { margin-left: 30%; } } figure > a, figure > a:hover { text-decoration: none !important; border: 0 !important; outline: 0 !important; border-style: none !important; } .mcsize { height: 35px !important; width: 163px !important; margin: 0 !important; }