/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS:h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
/* line 18, ../sass/style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
/* line 19, ../sass/style.scss */
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/* line 20, ../sass/style.scss */
audio:not([controls]) {
display: none;
}
/* line 21, ../sass/style.scss */
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom:h5bp.com/g
*/
/* line 33, ../sass/style.scss */
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* line 37, ../sass/style.scss */
body {
margin: 0;
font-size: 16px;
line-height: 1.231;
}
/* line 39, ../sass/style.scss */
body, button, input, select, textarea {
font-family: sans-serif;
color: #222;
}
/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection declarations have to be separate
* Also:hot pink! (or customize the background color to match your design)
*/
/* line 47, ../sass/style.scss */
::-moz-selection {
background: #f00;
color: #fff;
text-shadow: none;
}
/* line 48, ../sass/style.scss */
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
/* =============================================================================
Links
========================================================================== */
/* line 55, ../sass/style.scss */
a {
color: #fff;
}
/* line 56, ../sass/style.scss */
a:visited {
color: #fff;
}
/* line 57, ../sass/style.scss */
a:hover {
color: #fff;
}
/* line 58, ../sass/style.scss */
a:focus {
outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers:h5bp.com/h */
/* line 61, ../sass/style.scss */
a:hover, a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
/* line 68, ../sass/style.scss */
abbr[title] {
border-bottom: 1px dotted;
}
/* line 70, ../sass/style.scss */
b, strong {
font-weight: bold;
}
/* line 72, ../sass/style.scss */
blockquote {
margin: 1em 40px;
}
/* line 74, ../sass/style.scss */
dfn {
font-style: italic;
}
/* line 76, ../sass/style.scss */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/* line 78, ../sass/style.scss */
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
/* line 80, ../sass/style.scss */
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
/* Redeclare monospace font family:h5bp.com/j */
/* line 83, ../sass/style.scss */
pre, code, kbd, samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
/* line 86, ../sass/style.scss */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/* line 88, ../sass/style.scss */
q {
quotes: none;
}
/* line 89, ../sass/style.scss */
q:before, q:after {
content: "";
content: none;
}
/* line 91, ../sass/style.scss */
small {
font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height:h5bp.com/k */
/* line 94, ../sass/style.scss */
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
/* line 95, ../sass/style.scss */
sup {
top: -0.5em;
}
/* line 96, ../sass/style.scss */
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
/* line 102, ../sass/style.scss */
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px;
}
/* line 103, ../sass/style.scss */
dd {
margin: 0 0 0 40px;
}
/* line 104, ../sass/style.scss */
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7:h5bp.com/d
* 2. Remove the gap between images and borders on image containers:h5bp.com/e
*/
/* line 116, ../sass/style.scss */
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
/*
* Correct overflow not hidden in IE9
*/
/* line 122, ../sass/style.scss */
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/* line 129, ../sass/style.scss */
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
/* line 136, ../sass/style.scss */
form {
margin: 0;
}
/* line 137, ../sass/style.scss */
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
/* line 140, ../sass/style.scss */
label {
cursor: pointer;
}
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
/* line 147, ../sass/style.scss */
legend {
border: 0;
*margin-left: -7px;
padding: 0;
}
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
/* line 155, ../sass/style.scss */
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
/* line 162, ../sass/style.scss */
button, input {
line-height: normal;
*overflow: visible;
}
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
/* line 168, ../sass/style.scss */
table button, table input {
*overflow: auto;
}
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
/* line 175, ../sass/style.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
/*
* Consistent box sizing and appearance
*/
/* line 181, ../sass/style.scss */
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
}
/* line 182, ../sass/style.scss */
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/* line 183, ../sass/style.scss */
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Remove inner padding and border in FF3/4:h5bp.com/l
*/
/* line 189, ../sass/style.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
/* line 196, ../sass/style.scss */
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
/* Colors for form validity */
/* line 200, ../sass/style.scss */
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
/* =============================================================================
Tables
========================================================================== */
/* line 207, ../sass/style.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* line 208, ../sass/style.scss */
td {
vertical-align: top;
}
/* ==|== primary styles =====================================================
Author:Patrick Rovito - smithgill@patrickrovito.com
Author:Tim Novinger - tim@colorjar.com
========================================================================== */
/* line 216, ../sass/style.scss */
body {
width: 100%;
background: #000;
/* font-family: VerlagBook,Arial,sans-serif; */
font-family: Arial,sans-serif;
color: #fff;
}
/* =============================================================================
GLOBAL
========================================================================== */
/* line 229, ../sass/style.scss */
h1 {
margin-top: 0;
font-family: VerlagBook,sans-serif;
font-size: 1.75em;
font-weight: normal;
}
/* line 235, ../sass/style.scss */
h2 {
font-size: 1em;
}
/* line 238, ../sass/style.scss */
h3 {
font-size: 1.75em;
font-weight: normal;
font-family: VerlagBook, sans-serif;
font-weight: bold;
}
/* line 245, ../sass/style.scss */
p {
font-size: .9em;
line-height: 1.5em;
letter-spacing: .03em;
color: #aaa;
}
/* line 252, ../sass/style.scss */
ul {
margin: 0;
padding: 0;
}
/* line 256, ../sass/style.scss */
dd {
margin: 0 0 1.5em;
}
/* line 260, ../sass/style.scss */
a:link,
a:visited {
text-decoration: none;
}
/* line 264, ../sass/style.scss */
a:hover {
text-decoration: underline;
}
/* line 265, ../sass/style.scss */
a:active,
a:focus {
outline: none;
}
/* line 268, ../sass/style.scss */
html,
body,
#container,
#main {
position: relative;
}
/* line 275, ../sass/style.scss */
body {
background: #000;
}
/* line 279, ../sass/style.scss */
div, p, span, a {
font-family: VerlagBook, sans-serif;
}
/* line 283, ../sass/style.scss */
header,
#main {
width: 100%;
}
/* line 288, ../sass/style.scss */
#overlay,
#videos_overlay,
#gallery_overlay {
position: absolute;
width: 100%;
height: 100%;
background: #000;
z-index: 4;
top: 0;
left: 0;
display: none;
}
/* line 300, ../sass/style.scss */
#videos_overlay {
z-index: 600;
}
/* line 301, ../sass/style.scss */
#gallery_overlay {
z-index: 10;
}
@media all and (min-width: 1025px) {
/* line 305, ../sass/style.scss */
header {
position: relative;
z-index: 99;
}
/* line 309, ../sass/style.scss */
header > nav {
height: 30px;
background: #fff;
font-family: VerlagBook, sans-serif;
}
/* line 314, ../sass/style.scss */
header > nav > div {
display: block;
width: 12%;
max-width: 200px;
border-right: 1px solid #ccc;
padding: 2px 0 2px 9px;
color: #000;
font-size: 0.6em;
line-height: 26px;
letter-spacing: 0.1em;
text-transform: uppercase;
float: left;
position: relative;
cursor: pointer;
}
/* line 329, ../sass/style.scss */
header > nav > div:first-child {
border-left: 1px solid #ccc;
}
/* line 330, ../sass/style.scss */
nav > div:hover, nav nav {
background: #999;
}
/* line 331, ../sass/style.scss */
nav nav {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 30px;
visibility: hidden;
}
/* line 339, ../sass/style.scss */
header > nav > div:hover > nav {
visibility: visible;
}
/* line 342, ../sass/style.scss */
header nav a:link,
header nav a:visited {
display: block;
width: 94%;
padding-left: 7%;
color: #000;
text-decoration: none;
}
/* line 350, ../sass/style.scss */
header > nav > div > a:link, header > nav > div > a:visited {
/* fix for top-level nav items */
padding-left: 0;
}
/* line 353, ../sass/style.scss */
header nav div div:hover,
header > nav a:hover {
color: #000;
text-decoration: none;
}
/* line 358, ../sass/style.scss */
nav nav a:link,
nav nav nav a:link {
border-bottom: 1px solid #000;
color: #000;
font-size: 1.4em;
line-height: 2.35em;
text-transform: none;
text-decoration: none;
}
/* line 367, ../sass/style.scss */
nav nav nav a:link {
width: 250px;
padding-left: 15px;
}
/* line 371, ../sass/style.scss */
nav nav a:hover {
background: #333;
color: #fff;
}
/* line 375, ../sass/style.scss */
nav nav div:hover nav {
display: block;
visibility: visible;
}
/* line 379, ../sass/style.scss */
nav nav nav {
top: 0;
left: 100%;
max-height: 500px;
width: 270px;
overflow: auto;
background: #333;
}
/* line 387, ../sass/style.scss */
nav nav nav.scrollable {
width: 280px;
height: 500px !important;
max-width: 270px;
max-height: 500px;
padding: 0 40px 0 0;
color: #fff;
position: absolute;
bottom: 31px;
overflow: visible;
}
/* line 397, ../sass/style.scss */
nav nav nav.scrollable.multi-col {
max-height: none;
height: auto !important;
}
/* line 400, ../sass/style.scss */
nav nav nav.scrollable.multi-col.two {
width: 440px;
max-width: 540px;
}
/* line 404, ../sass/style.scss */
nav nav nav.scrollable.multi-col.three {
width: 660px;
max-width: 660px;
}
/* line 408, ../sass/style.scss */
nav nav nav.scrollable.multi-col a {
display: inline-block !important;
width: 200px !important;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
}
/* line 417, ../sass/style.scss */
nav nav nav.scrollable .dragConY {
height: 93%;
right: 15px;
top: 4%;
}
/* line 422, ../sass/style.scss */
nav nav nav a:link,
nav nav nav a:visited {
background: #333;
color: #fff;
border-bottom: none;
}
/* line 428, ../sass/style.scss */
nav nav nav a:hover {
background: #fff;
color: #000;
}
}
/* line 434, ../sass/style.scss */
#main {
width: 88%;
padding-left: 12%;
}
/* line 439, ../sass/style.scss */
.vision_in_motion #main {
width: 100%;
padding-left: 0;
}
/* line 444, ../sass/style.scss */
#logo {
float: right;
position: relative;
bottom: 30px;
left: 30px;
z-index: 1000;
}
/* line 452, ../sass/style.scss */
#top-right-logo {
background: url(../img/ASGG_mark_white.png) no-repeat;
width: 65px;
height: 65px;
z-index: 1000;
position: absolute;
top: 30px;
right: 30px;
}
/* line 462, ../sass/style.scss */
.work #top-right-logo {
display: block;
}
/* line 480, ../sass/style.scss */
#video {
margin-top: 86px;
width: 100%;
max-width: 1100px;
height: 590px;
margin: 100px auto;
}
/* line 490, ../sass/style.scss */
.mejs-controls .mejs-button button {
background-image: url(../js/mediaelementjs/controls.sg.png);
}
/* line 493, ../sass/style.scss */
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 210px;
height: 210px;
margin: -105px 0 0 -105px;
background-size: 100%;
}
/* line 502, ../sass/style.scss */
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -210px;
}
/* line 506, ../sass/style.scss */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #4c4c4b;
}
/* line 509, ../sass/style.scss */
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #dc1414;
}
/* line 512, ../sass/style.scss */
.mejs-container .mejs-controls .mejs-time {
color: #dc1414;
}
/* line 514, ../sass/style.scss */
.mejs-container .mejs-controls .mejs-time span {
color: #dc1414;
font-size: 14px;
line-height: 14px;
}
/* line 520, ../sass/style.scss */
.mejs-container {
width: 100% !important;
}
/* line 523, ../sass/style.scss */
.mejs-container video, .mejs-container .mejs-poster {
width: 100% !important;
}
/* line 527, ../sass/style.scss */
.mejs-container .mejs-overlay-play {
width: 100% !important;
}
/* line 532, ../sass/style.scss */
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #dc1414;
}
/* line 536, ../sass/style.scss */
.mejs-container .mejs-controls {
background: #0c1119;
}
/* line 539, ../sass/style.scss */
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #2d333e;
}
/* line 543, ../sass/style.scss */
.scrollable {
width: 42%;
height: 76%;
max-width: 715px;
padding: 100px 3% 0 0;
color: #fff;
position: absolute;
bottom: 32px;
}
/* line 553, ../sass/style.scss */
.scrollable.workprior {
position: relative;
bottom: auto;
width: 100%;
max-width: none;
}
/* line 560, ../sass/style.scss */
.gallery {
width: 100%;
padding: 100px 3% 0 0;
color: #fff;
}
/* line 564, ../sass/style.scss */
.gallery ul {
list-style: none;
width: 100% !important;
max-width: none !important;
}
/* line 569, ../sass/style.scss */
.gallery ul li {
margin: 0 7px 10px 0;
display: inline-block;
}
/* line 572, ../sass/style.scss */
.gallery ul li img {
width: 186px;
height: 186px;
}
/* line 580, ../sass/style.scss */
.work h3.type {
text-transform: uppercase;
font-size: 11px;
margin-bottom: 0;
}
/* line 585, ../sass/style.scss */
.work h3.name {
font-size: 22px;
margin-top: 0;
}
/* line 591, ../sass/style.scss */
.content {
width: 42%;
max-width: 715px;
padding: 100px 3% 80px 0;
color: #fff;
}
/* line 597, ../sass/style.scss */
.news .content {
width: 50%;
}
/* line 600, ../sass/style.scss */
.scrollable-grid {
max-width: none;
width: 70%;
height: 85%;
}
/* line 605, ../sass/style.scss */
.scrollable-grid .contentWrap ul {
width: 100% !important;
max-width: none !important;
}
/* line 610, ../sass/style.scss */
#images img {
height: 27%;
}
/* line 614, ../sass/style.scss */
.headline {
margin-top: 0;
font-size: 1.5em;
font-weight: normal;
line-height: 1.2em;
font-family: VerlagBook, sans-serif;
color: #fff;
}
/* line 623, ../sass/style.scss */
#pageInfo {
width: 45%;
height: 2em;
background: #000;
position: absolute;
bottom: 0;
z-index: 500;
}
/* line 631, ../sass/style.scss */
h1#pageTitle {
display: inline;
font-family: VerlagBook,sans-serif;
position: relative;
top: -1.5em;
}
/* line 637, ../sass/style.scss */
#pageInfo a:link,
#pageInfo a:visited {
color: #fff;
font-family: VerlagBook, sans-serif;
font-weight: bold;
font-size: 0.675em;
}
/* line 644, ../sass/style.scss */
#pageInfo a#projectPDF {
font-size: .75em;
color: #999;
position: absolute;
top: 9px;
left: 12px;
}
/* line 650, ../sass/style.scss */
#pageInfo a#projectPDF:hover {
color: #fff;
text-decoration: none;
}
/* line 654, ../sass/style.scss */
#pageInfo .image_desc2 {
position: absolute;
left: 10px;
top: 11px;
font-family: VerlagBook, sans-serif;
font-size: 0.675em;
text-transform: uppercase;
color: #CCC;
width: 85%;
}
/* line 664, ../sass/style.scss */
a#moreLink,
a.close,
a#closeLink {
text-transform: uppercase;
position: absolute;
top: 40%;
right: 10px;
}
/* line 672, ../sass/style.scss */
a.close,
a#closeLink {
display: inline-block;
width: 15px;
height: 15px;
background: url(../img/closeX.png) no-repeat 50% 100%;
padding: 0 15px;
}
/* line 680, ../sass/style.scss */
a.close:hover,
a#closeLink:hover {
background-position: 50% 0;
}
/* line 683, ../sass/style.scss */
#videos_overlay a.close {
position: absolute;
top: 20px;
left: 20px;
z-index: 9999;
}
/* line 690, ../sass/style.scss */
body {
margin-bottom: 100px;
position: static;
}
/* line 695, ../sass/style.scss */
footer {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
font-size: 0.875em;
z-index: 100;
}
/* line 703, ../sass/style.scss */
footer nav {
padding: 0.25em 0.5em;
width: 300px;
font-family: VerlagBook, sans-serif;
}
/* line 708, ../sass/style.scss */
footer nav a:link,
footer nav a:visited {
padding: 0 .75em 0 .5em;
color: #fff;
font-size: .8em;
line-height: 2em;
}
/* line 715, ../sass/style.scss */
footer nav a.first {
border-right: 1px solid #fff;
}
/* line 718, ../sass/style.scss */
footer nav #positive-energy-practice-link {
display: none;
}
/* line 721, ../sass/style.scss */
#backbar {
width: 44%;
background: #000;
position: absolute;
left: 11%;
bottom: 0;
padding: 10px;
font-size: 0.6em;
text-align: right;
font-family: VerlagBook, sans-serif;
font-weight: bold;
}
/* line 733, ../sass/style.scss */
#backbar a:hover {
color: #f00;
text-decoration: none;
}
/* line 737, ../sass/style.scss */
#twitter, #facebook {
display: none;
}
/* ========== HOME ========== */
/* line 743, ../sass/style.scss */
body.home, body.index-test {
background: #000;
}
/* line 745, ../sass/style.scss */
.home #logo, .index-test #logo {
display: none;
}
/* line 746, ../sass/style.scss */
.home #top-right-logo, .index-test #top-right-logo {
display: none;
}
/* line 748, ../sass/style.scss */
#twitter, #facebook {
display: inline-block;
margin-left: 10px;
margin-bottom: 10px;
padding: 0;
height: 23px;
width: 23px;
position: relative;
top: 5px;
z-index: 1000;
}
/* line 760, ../sass/style.scss */
.vision #twitter, .vision #facebook, .careers #twitter, .careers #facebook, .work #twitter, .work #facebook, .news #twitter, .news #facebook {
top: 0;
}
/* line 764, ../sass/style.scss */
#twitter {
background: url(../img/twitter.png) no-repeat;
}
/* line 767, ../sass/style.scss */
#facebook {
background: url(../img/facebook.png) no-repeat;
}
/* line 772, ../sass/style.scss */
.home canvas, .index-test canvas {
float: left;
}
/* line 776, ../sass/style.scss */
.home h1, .index-test h1 {
background: url(../img/logo_white_blank.png);
background-image: linear-gradient(transparent, transparent), url("../img/logo_white_blank.svg");
background-repeat: no-repeat;
width: 560px;
height: 60px;
font-size: 1.5em;
font-weight: normal;
text-transform: uppercase;
position: absolute;
top: 46px;
left: 57%;
letter-spacing: 4px;
}
/* line 787, ../sass/style.scss */
.home h1 span, .index-test h1 span {
display: block;
font-family: VerlagBook,sans-serif;
font-size: 1em;
line-height: 1.5em;
}
/* line 793, ../sass/style.scss */
.home #backbar, .index-test #backbar {
display: none;
}
/* line 797, ../sass/style.scss */
#rotator {
position: absolute;
background: transparent;
width: 50%;
height: 100%;
left: 0;
top: 0;
}
/* line 805, ../sass/style.scss */
#rotator .slide_info {
position: absolute;
font-family: VerlagBook,sans-serif;
top: 33%;
left: 1em;
width: 66%;
}
/* line 812, ../sass/style.scss */
#rotator .slide_info h2 {
width: 100%;
color: #ccc;
font-weight: normal;
font-size: 1.9em;
line-height: 1.3em;
padding: 0;
margin: 0;
}
/* line 821, ../sass/style.scss */
#rotator .slide_info p {
border-top: 2px solid #f00;
padding: 12px 0 0 0;
margin: 12px 0 0 0;
width: 80%;
}
/* line 827, ../sass/style.scss */
#rotator .slide_info a {
color: #f00;
text-transform: uppercase;
font-size: 0.7em;
margin-right: 15px;
}
/* line 833, ../sass/style.scss */
#rotated_images {
display: none;
}
/* line 835, ../sass/style.scss */
#recentUpdates {
width: 450px;
height: 330px;
padding-bottom: 1em;
position: absolute;
left: 57%;
bottom: 0;
overflow: hidden;
background: #000;
background: rgba(0, 0, 0, 0.5);
}
/* line 846, ../sass/style.scss */
#recentUpdates #slides {
position: absolute;
top: 0;
left: 0;
height: 315px;
border-top: 1px solid #f00;
overflow: hidden;
}
/* line 854, ../sass/style.scss */
#recentUpdates ul {
position: relative;
}
/* line 857, ../sass/style.scss */
#recentUpdates #slides li {
list-style: none;
float: left;
visibility: hidden;
width: 450px;
}
/* line 863, ../sass/style.scss */
#recentUpdates article {
/* width: 490px; */
width: 100%;
border-bottom: 1px solid #666;
padding: .5em 0;
position: static;
overflow: hidden;
}
/* line 871, ../sass/style.scss */
#recentUpdates article div {
margin: .25em 0 .25em 1.5em;
font-size: 1em;
float: right;
height: 80px;
/* width: 390px; */
width: 78%;
}
/* line 879, ../sass/style.scss */
#recentUpdates img {
margin: 0;
float: left;
/*
filter: url(styles/filters.svg); /* Firefox 3.5+ */
/* filter: gray; */
/* IE6-9 */
/* -webkit-filter: grayscale(1); */
/* Google Chrome & Webkit Nightlies */
}
/* line 888, ../sass/style.scss */
#recentUpdates img:hover {
filter: none;
/* -webkit-filter: grayscale(0); */
}
/* line 892, ../sass/style.scss */
#recentUpdates p {
margin: 0.3em 0;
line-height: 1.3em;
font-size: 0.75em;
}
/* line 897, ../sass/style.scss */
#recentUpdates .date {
margin: 0 0 0.8em 0;
font-size: 0.6em;
text-transform: uppercase;
}
/* line 902, ../sass/style.scss */
#recentUpdates h2 {
max-width: 60%;
font-weight: normal;
}
/* line 906, ../sass/style.scss */
#recentUpdates h2 a:link,
#recentUpdates h2 a:visited {
color: #fff;
}
/* line 909, ../sass/style.scss */
#recentUpdates article a:link,
#recentUpdates article a:visited {
color: #f00;
font-size: .6em;
text-transform: uppercase;
}
/* line 915, ../sass/style.scss */
#slideInfo {
position: absolute;
bottom: 5px;
left: 0;
z-index: 2;
}
/* line 921, ../sass/style.scss */
.sliderNavBtn {
display: inline-block;
width: 9px;
height: 21px;
background: url(../img/arrowNavCombo.png) 0 50% no-repeat;
text-indent: -9999px;
}
/* line 927, ../sass/style.scss */
#nextBtn {
margin-left: 5px;
background-position: 100% 50%;
}
/* line 931, ../sass/style.scss */
footer nav #positive-energy-practice-link, .index-test footer nav #positive-energy-practice-link {
display: inline;
color: #3b90d3;
float: right;
}
/* ========== END HOME ========== */
/* =========== OUR SERVICES ====== */
/* line 941, ../sass/style.scss */
.our_services #images {
position: absolute;
left: 58%;
top: 110px;
height: 77%;
}
/* line 947, ../sass/style.scss */
.our_services #images img {
width: 220px;
max-width: 220px;
height: auto;
display: block;
padding: 4px 4px 0 0;
float: left;
}
/* line 955, ../sass/style.scss */
.our_services #images img:first-child {
width: 445px;
max-width: 447px;
height: auto;
display: block;
float: none;
}
/* line 963, ../sass/style.scss */
.our_services .scrollable {
height: 72%;
}
/* ========== WORK ========== */
/* line 968, ../sass/style.scss */
body.work #backbar {
display: none;
}
/* line 973, ../sass/style.scss */
#tabs {
width: 42%;
height: 95%;
max-width: 715px;
min-width: 320px;
z-index: 5;
}
/* line 980, ../sass/style.scss */
.team #tabs {
position: static;
width: 50%;
}
/* line 983, ../sass/style.scss */
.team #tabs .scrollable {
width: 90%;
top: 160px;
height: auto;
}
/* line 989, ../sass/style.scss */
/* line 994, ../sass/style.scss */
#tabs .videos_list a {
font-family: VerlagBook, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding-left: 8px;
display: block;
border-left: 1px solid #f00;
}
/* line 1004, ../sass/style.scss */
#tabs > ul {
list-style: none;
position: static;
top: 125px;
}
/* line 1009, ../sass/style.scss */
.work #tabs > ul {
list-style: none;
position: absolute;
top: 95px;
}
/* line 1014, ../sass/style.scss */
#tabs > ul li {
display: inline;
font-family: VerlagBook, sans-serif;
font-weight: bold;
font-size: .65em;
text-transform: uppercase;
float: left;
width: auto;
}
/* line 1023, ../sass/style.scss */
#tabs .project-pdf {
font-size: .65em;
}
/* line 1026, ../sass/style.scss */
#tabs > ul li.ui-state-active a {
color: #fff;
}
/* line 1029, ../sass/style.scss */
#tabs > ul li a {
border-left: 1px solid #f00;
padding: 0 1em;
color: #f00;
}
/* line 1034, ../sass/style.scss */
#tabs > ul li:first-child a {
border: 0;
padding-left: 0;
}
/* line 1038, ../sass/style.scss */
#tabs > ul li a:hover {
color: #fff;
text-decoration: none;
}
/* line 1042, ../sass/style.scss */
#tabs {
position: static;
}
/* line 1044, ../sass/style.scss */
#tabs > h1 {
margin-top: 60px;
}
/* line 1047, ../sass/style.scss */
#tabs .scrollable {
position: static;
width: 100%;
padding: 0px 3% 0 0;
bottom: auto;
top: 180px;
}
/* line 1055, ../sass/style.scss */
#tabs .ui-state-active .active-arrow {
position: relative;
left: 50%;
margin-left: -7px;
bottom: -10px;
width: 13px;
height: 11px;
background: url("../img/active-arrow.png");
}
/* line 1065, ../sass/style.scss */
#tabs .headline {
font-size: 22px;
}
/* line 1068, ../sass/style.scss */
#tabs p {
font-size: 14px;
}
/* line 1071, ../sass/style.scss */
#tabs .project-pdf {
line-height: 2em;
color: #ff0000;
display: block;
margin-top: 15px;
}
/* line 1079, ../sass/style.scss */
.team #tabs > h1 {
margin-top: 60px;
}
/* line 1082, ../sass/style.scss */
.team #tabs .scrollable {
position: static;
padding: 0px 3% 0 0;
bottom: auto;
}
/* line 1088, ../sass/style.scss */
.team #tabs .ui-state-active .active-arrow {
position: relative;
left: 50%;
margin-left: -7px;
bottom: 0;
margin-top: 10px;
width: 13px;
height: 11px;
background: url("../img/active-arrow.png");
}
/* line 1099, ../sass/style.scss */
.team #tabs .headline {
font-size: 22px;
}
/* line 1102, ../sass/style.scss */
.team #tabs p {
font-size: 14px;
}
/* line 1105, ../sass/style.scss */
.team #tabs .project-pdf {
line-height: 2em;
color: #ff0000;
display: block;
margin-top: 15px;
font-family: VerlagBook,sans-serif;
}
/* line 1113, ../sass/style.scss */
.news-pdf {
line-height: 2em;
color: #ff0000;
display: block;
margin-top: 15px;
font-family: VerlagBook,sans-serif;
}
/* line 1120, ../sass/style.scss */
.project-pdf {
font-family: VerlagBook,sans-serif;
}
/* line 1124, ../sass/style.scss */
#tabs .scrollable h1 {
display: none;
}
/* line 1127, ../sass/style.scss */
.ui-tabs-hide {
visibility: hidden;
}
/* line 1128, ../sass/style.scss */
.scrollable article {
width: auto;
height: auto;
position: static;
}
/* line 1132, ../sass/style.scss */
#press a:link,
#press a:visited {
color: #f00;
font-size: .6em;
text-transform: uppercase;
font-family: VerlagBook, sans-serif;
}
/* line 1139, ../sass/style.scss */
#team p {
margin: 0;
}
/* line 1142, ../sass/style.scss */
#team p strong {
color: #fff;
}
/* line 1146, ../sass/style.scss */
#workSlider {
height: 100%;
width: 45%;
position: absolute;
right: 30px;
top: 100px;
}
/* line 1152, ../sass/style.scss */
#workSlider #slideInfo {
width: 100%;
background: #000;
height: 40px;
position: absolute;
top: 0;
left: 0;
}
/* line 1159, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator {
width: 100%;
position: relative;
}
/* line 1162, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn {
position: absolute;
top: 12px;
display: block;
height: 13px;
width: 11px;
background: url("../img/project-arrows.sprite.png");
}
/* line 1169, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn#nextBtn {
left: auto;
right: 0;
background-position: -15px;
}
/* line 1178, ../sass/style.scss */
#workSlider #slides {
height: 100%;
position: relative;
z-index: -1;
}
/* line 1183, ../sass/style.scss */
#workSlider #slides ul {
list-style: none;
height: 100%;
}
/* line 1186, ../sass/style.scss */
#workSlider #slides ul li {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
/* line 1193, ../sass/style.scss */
#workSlider #slides ul li img {
max-width: 100%;
max-height: 1000px;
height: auto;
}
/* line 1201, ../sass/style.scss */
#workSlider #slides li .image_desc {
display: none;
}
/* line 1204, ../sass/style.scss */
#workSlider #slideInfo #galleryLink {
font-family: VerlagBook, sans-serif;
font-size: 0.8em;
float: left;
color: #000;
}
/* line 1213, ../sass/style.scss */
.work #tabs > h1 {
margin-top: 90px;
}
/* line 1216, ../sass/style.scss */
.work #tabs > ul {
top: 0;
}
/* line 1220, ../sass/style.scss */
body.work #gallery_overlay {
cursor: pointer;
}
/* line 1221, ../sass/style.scss */
body.work #gallery_overlay ul.grid {
width: 50%;
position: absolute;
left: 12%;
}
/* line 1222, ../sass/style.scss */
body.work #gallery_overlay ul.grid {
margin: 0;
padding: 0;
list-style: none;
}
/* line 1223, ../sass/style.scss */
body.work #gallery_overlay ul.grid li {
margin: 1px;
padding: 0;
float: left;
}
/* line 1224, ../sass/style.scss */
body.work #gallery_overlay ul.grid li img {
width: 160px;
height: 160px;
}
/* line 1226, ../sass/style.scss */
body.work ul {
list-style: none;
}
/* line 1229, ../sass/style.scss */
body.work ul.has_external_images li a:link, body.work ul.has_external_images li a:visited {
font-family: VerlagBook, sans-serif;
font-size: 22px;
line-height: 30px;
color: #fff;
}
/* line 1235, ../sass/style.scss */
body.work ul.has_external_images li a:hover {
color: #FF0000;
text-decoration: none;
}
/* ========== TEAM ========== */
/* line 1242, ../sass/style.scss */
body.team ul {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
left: 0;
height: 87%;
overflow: hidden;
}
/* line 1251, ../sass/style.scss */
body.team ul li {
float: left;
margin: 0;
padding: 0;
width: 11.1%;
height: 20.1%;
overflow: hidden;
}
/* line 1259, ../sass/style.scss */
body.team ul li img {
width: 100%;
height: 100%;
opacity: 0.5;
-webkit-transition: opacity 200ms ease-in-out;
-moz-transition: opacity 200ms ease-in-out;
-ms-transition: opacity 200ms ease-in-out;
-o-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
}
/* line 1269, ../sass/style.scss */
body.team ul li a:hover img {
opacity: 1;
}
/* line 1271, ../sass/style.scss */
body.team #backbar {
display: none;
}
/* line 1274, ../sass/style.scss */
body.our_team #backbar {
display: block;
}
/* line 1278, ../sass/style.scss */
#partner {
background: url(../img/adrianFountain.jpg) no-repeat fixed;
-webkit-background-size: cover;
background-size: cover;
}
/* line 1283, ../sass/style.scss */
.covered #main {
/* fallback */
background-color: #666;
background-image: url(https://smithgill.com/assets/css/img/bgGrade.png);
background-repeat: repeat-x;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#333));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #000, #333);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #000, #333);
/* IE 10 */
background: -ms-linear-gradient(top, #000, #333);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #000, #333);
opacity: .95;
}
/* line 1301, ../sass/style.scss */
#bio h2 {
font: 1.65em VerlagBook,sans-serif;
}
/* line 1302, ../sass/style.scss */
#bio h1 {
display: none;
}
/* line 1304, ../sass/style.scss */
#background span.strong {
font-weight: bold;
}
/* line 1305, ../sass/style.scss */
#projects p strong, #awards p strong, #presentations p strong, #background span.strong, #qa p strong {
font-family: VerlagBook, sans-serif;
font-size: 1.2em;
color: #fff;
}
/* ========== OUR TEAM ========== */
/* line 1312, ../sass/style.scss */
body.our_team ul {
list-style: none;
padding: 0;
margin: 0;
position: relative;
padding-bottom: 50px;
}
/* line 1319, ../sass/style.scss */
body.our_team ul li {
width: auto;
height: auto;
float: none;
}
/* line 1325, ../sass/style.scss */
body.our_team li a:link, body.our_team li a:visited {
color: #aaa;
font-size: 0.9em;
font-family: VerlagBook, sans-serif;
}
/* line 1330, ../sass/style.scss */
body.our_team li a:hover {
color: #fff;
text-decoration: none;
}
/* line 1335, ../sass/style.scss */
body.our_team h1 {
position: absolute;
top: 30px;
font-size: 28px !important;
}
/* line 1340, ../sass/style.scss */
body.our_team #main .scrollable {
height: 73%;
}
/* line 1343, ../sass/style.scss */
body.our_team #main .scrollable h1 {
display: none;
}
/* line 1347, ../sass/style.scss */
body.our_team .related_content {
width: 450px;
left: 57%;
position: fixed;
top: 140px;
display: none;
font-family: VerlagBook, sans-serif;
overflow: hidden;
}
/* line 1357, ../sass/style.scss */
body.our_team .related_content p {
font-family: VerlagBook, sans-serif;
color: #eee;
}
/* line 1361, ../sass/style.scss */
body.our_team .related_content a:link, body.our_team .related_content a:visited {
color: #f00;
font-size: 0.7em;
}
/* line 1365, ../sass/style.scss */
body.our_team .related_content a:hover {
color: #fff;
text-decoration: none;
}
/* ========== WORK PRIOR ========= */
/* line 1370, ../sass/style.scss */
body.work h1.prior {
margin-bottom: 0;
}
/* line 1374, ../sass/style.scss */
body.work #loading-area {
display: block;
position: absolute;
right: 115px;
top: 100px;
}
/* line 1380, ../sass/style.scss */
body.work #loading-area img {
width: 490px;
height: auto;
}
/* ========== CONTACT ========== */
/* line 1386, ../sass/style.scss */
.contact article {
font-family: VerlagBook, sans-serif;
}
/* line 1389, ../sass/style.scss */
.contact article strong {
color: #f00;
text-transform: uppercase;
font-size: 70%;
}
/* line 1394, ../sass/style.scss */
.contact article h1 {
display: none;
}
/* line 1397, ../sass/style.scss */
.contact article .headline {
font-size: 1.8em;
line-height: 1.2em;
color: #fff;
}
/* ========== CAREERS ========== */
/* line 1405, ../sass/style.scss */
.careers article {
font-family: VerlagBook, sans-serif;
}
/* line 1408, ../sass/style.scss */
.careers article strong {
color: #f00;
text-transform: uppercase;
font-size: 70%;
}
/* line 1413, ../sass/style.scss */
.careers article h1 {
display: none;
}
/* line 1416, ../sass/style.scss */
.careers article .headline {
font-size: 1.8em;
line-height: 1.2em;
color: #fff;
}
/* ========== NEWS/PressReleases/Publications/MediaCoverage ========== */
/* line 1424, ../sass/style.scss */
.news #main .content {
height: 76%;
width: 41%;
}
/* line 1428, ../sass/style.scss */
.news #main .content h1 {
display: none;
}
/* line 1429, ../sass/style.scss */
.news #main .content p.headline {
font-family: VerlagBook, sans-serif;
font-size: 30px;
font-weight: normal;
color: #fff;
display: block;
margin: 20px 0 10px 0;
}
/* line 1437, ../sass/style.scss */
.news.press_releases #main .content p.headline,
.news.media_coverage #main .content p.headline {
font-size: 22px;
}
/* line 1440, ../sass/style.scss */
.news #main .content p.headline:first-child {
font-size: 30px;
margin-bottom: 30px;
}
/* line 1444, ../sass/style.scss
.press_releases .content, .media_coverage .content {
padding-top: 80px;
}
*/
/* line 1447, ../sass/style.scss */
.news #main .content p span.headline {
font-family: VerlagBook, sans-serif;
/*
font-size: 22px;
*/
}
/* line 1451, ../sass/style.scss */
.news.publications #main .content p:first-child span.headline {
font-size: 30px;
}
/* line 1454, ../sass/style.scss
.news.events #main .content p span.headline {
text-transform: uppercase;
}
*/
/* line 1457, ../sass/style.scss */
.upper {
text-transform: uppercase;
}
/* line 1461, ../sass/style.scss */
.news #main .content p {
font-size: 14px;
/* line-height: 1.6em; */
color: #aaa;
padding: 0;
}
/* line 1467, ../sass/style.scss */
.news #main .content p strong {
font-size: 18px;
font-family: VerlagBook, sans-serif;
color: #fff;
}
/* line 1472, ../sass/style.scss */
.news #main .content p a {
font-family: VerlagBook, sans-serif;
color: #f00;
}
/* line 1478, ../sass/style.scss */
body.team-bio #teamImage, body.work #teamImage {
overflow: hidden;
}
/* line 1484, ../sass/style.scss */
.events #main .scrollable p a,
.publications #main .scrollable p a,
.press_releases #main .scrollable p a,
.media_coverage #main .scrollable p a {
font-size: 70%;
}
/* line 1490, ../sass/style.scss */
.news #main .content ul {
list-style-type: circle;
}
/* line 1493, ../sass/style.scss */
.news #main .content li {
margin-left: 20px;
color: #aaa;
font-size: 0.8em;
}
/* line 1499, ../sass/style.scss */
.news #images {
position: absolute;
right: 75px;
top: 135px;
width: 35%;
max-width: 490px;
height: 77%;
}
/* line 1506, ../sass/style.scss */
.news #images img {
height: auto;
width: 100%;
max-width: 490px;
}
/* line 1515, ../sass/style.scss */
header .mobile-menu-button,
header .mobile-logo,
header .menu-label,
header .back-link,
header .gt {
display: none;
}
/* line 1524, ../sass/style.scss */
.home-h1-line {
display: none;
}
/* line 1528, ../sass/style.scss */
.gallery-link, .gallery-preview, .close-gallery {
display: none;
font-family: VerlagBook,sans-serif;
}
/* line 1534, ../sass/style.scss */
.news.media_coverage #main .content p a {
display: block;
}
/* line 1538, ../sass/style.scss */
#teamImage {
height: 100%;
width: 40%;
position: absolute;
right: 10px;
top: 100px;
}
/* line 1544, ../sass/style.scss */
#teamImage img {
width: 87%;
height: auto;
}
/* line 1551, ../sass/style.scss */
body.our_team #main .scrollable {
height: auto;
position: static;
padding: 105px 3% 0 0;
}
/* line 1556, ../sass/style.scss */
body.our_team li a:link, body.our_team body.our_team li a:visited {
color: #fff;
font-size: 22px;
line-height: 31px;
}
/* line 1561, ../sass/style.scss */
body.our_team li a.active {
color: #ff0000;
}
/* line 1564, ../sass/style.scss */
body.our_team h1 {
top: 65px;
font-size: 30px;
}
/* line 1568, ../sass/style.scss */
body.our_team .related_content {
width: 37%;
right: 0;
position: fixed;
top: 140px;
display: none;
font-family: VerlagBook, sans-serif;
overflow: hidden;
}
/* line 1576, ../sass/style.scss */
body.our_team .related_content img {
width: 100%;
height: auto;
}
/* line 1580, ../sass/style.scss */
body.our_team .related_content p {
font-size: 22px;
line-height: 31px;
}
/* line 1587, ../sass/style.scss */
.prior-link {
font-family: VerlagBook, sans-serif;
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 52px;
width: 100%;
text-transform: uppercase;
color: #fff;
text-decoration: none;
background: url("../img/gray-bg.png");
font-size: 22px;
padding: 13px 0 0 30px;
box-sizing: border-box;
}
/* line 1602, ../sass/style.scss */
.prior-link:hover {
text-decoration: none;
}
@media all and (min-width: 1025px) {
/* line 1613, ../sass/style.scss */
.gallery #byType a {
opacity: .7;
display: block;
}
/* line 1614, ../sass/style.scss */
.gallery #byType a:hover {
opacity: 1;
}
}
/* line 1618, ../sass/style.scss */
footer {
width: 100%;
margin-top: 20px;
}
/* line 1622, ../sass/style.scss */
footer.mobile {
display: none;
}
@media all and (max-width: 1024px) {
/* line 1628, ../sass/style.scss */
body.vision, body.career, body.work {
background: #000;
}
/* line 1632, ../sass/style.scss */
header {
position: relative;
height: 90px;
width: 100%;
background: #fff;
}
/* line 1637, ../sass/style.scss */
header #top-menu {
display: none;
}
/* line 1640, ../sass/style.scss */
header .mobile-menu-button {
display: block;
position: absolute;
height: 34px;
width: 107px;
left: 55px;
top: 28px;
background-image: url("../img/mobile-menu.png");
background-image: linear-gradient(transparent, transparent), url("../img/mobile-menu.svg");
background-size: 100% 100%;
}
/* line 1649, ../sass/style.scss */
header .menu-label {
display: block;
text-transform: uppercase;
font-family: VerlagBook, sans-serif;
font-weight: bold;
font-size: 18px;
color: #999999;
position: absolute;
left: 108px;
top: 36px;
}
/* line 1660, ../sass/style.scss */
header .mobile-logo {
display: block;
position: absolute;
height: 64px;
width: 64px;
right: 55px;
top: 13px;
background-image: url("../img/mobile-logo.png");
background-image: linear-gradient(transparent, transparent), url("../img/mobile-logo.svg")
}
/* line 1670, ../sass/style.scss */
.back-link {
display: block;
}
/* line 1673, ../sass/style.scss */
.sidr {
top: 90px;
width: 440px;
overflow: hidden;
background: #999999;
}
/* line 1678, ../sass/style.scss */
.sidr .sidr-inner {
position: absolute;
left: 0;
}
/* line 1681, ../sass/style.scss */
.sidr .sidr-inner div, .sidr .sidr-inner nav {
width: 440px;
}
/* line 1683, ../sass/style.scss */
.sidr .sidr-inner div a, .sidr .sidr-inner nav a {
display: block;
}
/* line 1688, ../sass/style.scss */
.sidr .sidr-inner > div > nav, .sidr .sidr-inner > div > div > nav {
position: absolute;
top: 0;
left: 440px;
}
/* line 1693, ../sass/style.scss */
.sidr .sidr-inner > div > nav div nav, .sidr .sidr-inner > div > div > nav div nav {
overflow-y: auto;
position: absolute;
top: 0;
left: 440px;
}
/* line 1702, ../sass/style.scss */
.sidr .sidr-inner .row {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 440px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 78px;
height: 78px;
border-bottom: 4px solid #cccccc;
padding-left: 50px;
cursor: pointer;
}
/* line 1713, ../sass/style.scss */
.sidr .sidr-inner .row, .sidr .sidr-inner .row a, .sidr .sidr-inner .row div {
font-size: 24px;
color: #000;
font-family: VerlagBook, sans-serif;
text-decoration: none;
}
/* line 1719, ../sass/style.scss */
.sidr .sidr-inner .row.first {
border-top: 4px solid #cccccc;
}
/* line 1722, ../sass/style.scss */
.sidr .sidr-inner .row.back-link {
color: #fff;
background: #333;
}
/* line 1726, ../sass/style.scss */
.sidr .sidr-inner .row .gt {
padding-left: 10px;
}
/* line 1733, ../sass/style.scss */
#recentUpdates {
left: 52%;
bottom: 84px;
width: 392px;
}
/* line 1738, ../sass/style.scss */
.home h1 {
left: 52%;
background-size: 65%;
top: 21%;
}
/* line 1743, ../sass/style.scss */
footer {
display: none;
}
/* line 1746, ../sass/style.scss */
body {
margin-bottom: 0;
}
/* line 1749, ../sass/style.scss */
footer.mobile {
position: relative;
display: block;
height: 92px;
width: 100%;
border-top: 1px solid #666666;
}
/* line 1755, ../sass/style.scss */
footer.mobile .links {
font-size: 18px;
font-family: VerlagBook, sans-serif;
position: absolute;
left: 75px;
top: 20px;
}
/* line 1761, ../sass/style.scss */
footer.mobile .links .positive-energy {
color: #3b90d3;
}
/* line 1765, ../sass/style.scss */
footer.mobile .social-buttons {
position: absolute;
right: 75px;
top: 25px;
}
/* line 1769, ../sass/style.scss */
footer.mobile .social-buttons a {
background: url("../img/mobile-footer.sprite.png");
display: inline-block;
height: 36px;
width: 36px;
padding: 0;
margin-right: 15px;
}
/* line 1776, ../sass/style.scss */
footer.mobile .social-buttons a.facebook {
background-position: -36px;
}
/* line 1782, ../sass/style.scss */
#rotator .slide_info {
top: 19%;
}
/* line 1785, ../sass/style.scss */
#rotator .slide_info a {
font-size: 17px;
}
/* line 1788, ../sass/style.scss */
#top-right-logo {
display: none !important;
}
/* line 1791, ../sass/style.scss */
#main {
padding-left: 5%;
}
/* line 1795, ../sass/style.scss */
.our_services #images {
left: auto;
top: 38px;
right: -25px;
}
/* line 1799, ../sass/style.scss */
.our_services #images img {
width: 157px;
}
/* line 1802, ../sass/style.scss */
.our_services #images img:first-child {
width: 320px;
}
/* line 1807, ../sass/style.scss */
.content {
width: 62%;
max-width: 560px;
padding: 38px 3% 50px 0;
}
/* line 1813, ../sass/style.scss */
.gallery {
padding: 40px 3% 0 0;
}
/* line 1815, ../sass/style.scss */
.gallery ul {
width: 110% !important;
}
/* line 1817, ../sass/style.scss */
.gallery ul li {
margin: 0 7px 10px 0;
}
/* line 1819, ../sass/style.scss */
.gallery ul li img {
width: 220px;
height: 220px;
}
/* line 1826, ../sass/style.scss */
body.work #loading-area img {
width: 332px;
height: auto;
}
/* line 1830, ../sass/style.scss */
body.work #loading-area {
display: block !important;
right: 10px;
top: 40px;
}
/* line 1836, ../sass/style.scss */
body.work h1.prior {
font-size: 36px;
}
/* line 1839, ../sass/style.scss */
body.work ul.has_external_images li a:link, body.work ul.has_external_images li a:visited {
font-size: 22px;
line-height: 30px;
}
/* line 1844, ../sass/style.scss */
.scrollable.workprior {
padding: 40px 3% 0 0;
}
/* line 1848, ../sass/style.scss */
.mejs-overlay-button {
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}
/* line 1852, ../sass/style.scss */
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px;
}
/* line 1857, ../sass/style.scss */
.mejs-container .mejs-controls .mejs-time span {
color: #dc1414;
font-size: 12px;
line-height: 12px;
}
/* line 1864, ../sass/style.scss */
#tabs .scrollable {
top: 120px;
}
/* line 1867, ../sass/style.scss */
#workSlider {
top: 115px;
}
/* line 1870, ../sass/style.scss */
.news #main .content {
width: 100%;
max-width: 580px;
padding-top: 10px;
}
/* line 1875, ../sass/style.scss */
#teamImage {
top: 115px;
right: -90px;
}
/* line 1879, ../sass/style.scss */
.team #tabs {
width: 68%;
}
/* line 1881, ../sass/style.scss */
.team #tabs .scrollable {
top: 165px;
}
/* line 1884, ../sass/style.scss */
.team #tabs li {
height: 42px;
}
/* line 1890, ../sass/style.scss */
body.our_team #main .scrollable {
padding: 75px 3% 0 0;
}
/* line 1893, ../sass/style.scss */
body.our_team h1 {
top: 35px;
}
/* line 1896, ../sass/style.scss */
body.our_team .related_content {
top: 120px;
}
/* line 1902, ../sass/style.scss */
.work #tabs .scrollable {
top: 140px;
}
/* line 1907, ../sass/style.scss */
.news #images {
right: -20px;
top: 30px;
max-width: 320px;
}
/* line 1912, ../sass/style.scss */
.news #main .content {
width: 60%;
max-width: 570px;
margin-top: 20px;
}
}
@media all and (max-width: 925px) {
/* line 1919, ../sass/style.scss */
.content {
width: 53%;
}
}
@media all and (max-width: 768px) {
/* line 1924, ../sass/style.scss */
#recentUpdates {
left: 9%;
margin-top: 100px;
width: 81%;
}
/* line 1929, ../sass/style.scss */
.home h1 {
left: 10%;
top: 5%;
padding-bottom: 54px;
background-size: 100%;
width: 76%;
}
/* line 1936, ../sass/style.scss */
.home-h1-line {
display: block;
width: 81%;
left: 9%;
position: absolute;
top: 17%;
border-bottom: 2px solid #666666;
}
/* line 1944, ../sass/style.scss */
#rotator {
left: 7%;
width: 90%;
}
/* line 1948, ../sass/style.scss */
#rotator .slide_info h2 {
font-size: 50px;
margin-top: 45px;
}
/* line 1952, ../sass/style.scss */
#rotator .slide_info a {
font-size: 14px;
}
/* line 1956, ../sass/style.scss */
#recentUpdates #slides li article {
height: 150px;
}
/* line 1958, ../sass/style.scss */
#recentUpdates #slides li article p, #recentUpdates #slides li article a {
font-size: 18px;
}
/* line 1962, ../sass/style.scss */
#recentUpdates #slides li img {
width: 17%;
margin-top: 9px;
}
/* line 1967, ../sass/style.scss */
.sliderNavBtn {
width: 24px;
height: 30px;
background: url(../img/next-prev-mobile.sprite.png);
}
/* line 1972, ../sass/style.scss */
#nextBtn {
margin-left: 5px;
background-position: -29px;
}
/* line 1977, ../sass/style.scss */
.our_services #images {
left: 3%;
top: -5px;
right: auto;
height: auto;
width: 100%;
}
/* line 1983, ../sass/style.scss */
.our_services #images img {
display: none;
}
/* line 1986, ../sass/style.scss */
.our_services #images img:first-child {
display: block;
max-width: 1024px;
width: 120%;
margin-left: -10%;
}
/* line 1995, ../sass/style.scss */
.news #main #images {
position: static;
left: 3%;
top: -21px;
right: auto;
height: auto;
width: 100%;
max-width: none;
}
/* line 2003, ../sass/style.scss */
.news #main #images img {
max-width: 1024px;
width: 120%;
margin-left: -10%;
}
/* line 2009, ../sass/style.scss */
.news #main .content {
margin-top: 0;
position: static;
}
/* line 2014, ../sass/style.scss */
.content {
width: 90%;
max-width: 768px;
padding: 38px 3% 50px 0;
}
/* line 2018, ../sass/style.scss */
.content h1 {
font-size: 48px;
margin-bottom: 0;
}
/* line 2022, ../sass/style.scss */
.content .headline {
font-size: 36px;
margin-bottom: 0;
}
/* line 2026, ../sass/style.scss */
.content p {
font-size: 24px;
}
/* line 2031, ../sass/style.scss */
.work h3.type {
font-size: 24px;
}
/* line 2034, ../sass/style.scss */
.work h3.name {
font-size: 36px;
}
/* line 2037, ../sass/style.scss */
.work #main {
padding-left: 9%;
}
/* line 2043, ../sass/style.scss */
.gallery ul li {
margin: 0 17px 20px 0;
}
/* line 2045, ../sass/style.scss */
.gallery ul li img {
width: 300px;
height: 300px;
}
/* line 2053, ../sass/style.scss */
body.work h1.prior {
font-size: 48px;
margin-top: 35px;
}
/* line 2057, ../sass/style.scss */
body.work ul.has_external_images li a:link, body.work ul.has_external_images li a:visited {
font-size: 36px;
line-height: 60px;
}
/* line 2061, ../sass/style.scss */
.prior-link {
height: 120px;
font-size: 36px;
padding: 44px 0 0 70px;
}
/* line 2066, ../sass/style.scss */
.scrollable.workprior {
padding: 0 3% 0 0;
}
/* line 2069, ../sass/style.scss */
body.work #loading-area {
position: relative;
top: 0;
width: 120%;
margin-left: -10%;
max-height: 688px;
overflow-y: hidden;
}
/* line 2076, ../sass/style.scss */
body.work #loading-area img {
width: 100%;
}
/* line 2080, ../sass/style.scss */
.gallery-preview {
display: block;
position: relative;
overflow: hidden;
left: -9%;
}
/* line 2086, ../sass/style.scss */
.gallery-preview img {
width: 120%;
margin-left: -10%;
}
/* line 2090, ../sass/style.scss */
.gallery-preview .gallery-link {
display: block;
position: absolute;
bottom: 0;
left: 8%;
width: 120%;
margin-left: -10%;
text-transform: uppercase;
color: #fff;
text-decoration: none;
background: url("../img/gray-bg.png");
height: 90px;
font-size: 28px;
padding: 32px 0 0 65px;
box-sizing: border-box;
}
/* line 2105, ../sass/style.scss */
.gallery-preview .gallery-link:hover {
text-decoration: none;
}
/* line 2110, ../sass/style.scss */
#workSlider {
display: none;
}
/* line 2114, ../sass/style.scss */
#tabs {
width: 100%;
position: relative;
}
/* line 2117, ../sass/style.scss */
#tabs .scrollable {
width: 95%;
}
/* line 2120, ../sass/style.scss */
#tabs .headline, #tabs h1 {
font-size: 36px;
}
/* line 2123, ../sass/style.scss */
#tabs p {
font-size: 22px;
}
/* line 2126, ../sass/style.scss */
#tabs > ul li {
display: block;
margin-bottom: 3px;
float: none;
}
/* line 2130, ../sass/style.scss */
#tabs .videos_list a, #tabs > ul li a {
border: 0;
padding-left: 0px;
}
/* line 2134, ../sass/style.scss */
#tabs li {
position: relative;
}
/* line 2138, ../sass/style.scss */
#tabs .ui-state-active .active-arrow {
background: url("../img/active-arrow.png");
display: block;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -7px;
left: 0;
position: absolute;
top: 0;
width: 26px;
height: 22px;
background-size: 26px 22px;
}
/* line 2157, ../sass/style.scss */
.team #tabs .ui-state-active .active-arrow {
background: url("../img/active-arrow.png");
display: block;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: -7px;
left: 0;
position: absolute;
top: -8px;
width: 26px;
height: 22px;
background-size: 26px 22px;
}
/* line 2174, ../sass/style.scss */
body.team ul {
height: auto;
}
/* line 2178, ../sass/style.scss */
#workSlider {
width: 95%;
position: absolute;
left: 0;
top: 0px;
z-index: 9999;
background: url("../img/transparent-bg.png");
}
/* line 2185, ../sass/style.scss */
#workSlider #slides {
width: 80%;
margin-left: 8%;
top: 80px;
}
/* line 2192, ../sass/style.scss */
#workSlider #slides ul li img {
max-height: none;
}
/* line 2198, ../sass/style.scss */
#workSlider #slideInfo {
width: 80%;
margin-left: 8%;
background: #000;
position: absolute;
top: 0;
left: 0;
}
/* line 2205, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator {
width: 100%;
position: relative;
top: 20px;
}
/* line 2209, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn {
top: 6px;
height: 26px;
width: 22px;
}
/* line 2213, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn#nextBtn {
left: auto;
right: 0;
background-position: -30px;
}
/* line 2219, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator .close-gallery {
display: block;
text-transform: uppercase;
font-size: 30px;
color: #fff;
position: absolute;
width: 60%;
text-align: center;
margin-left: 20%;
}
/* line 2242, ../sass/style.scss */
#tabs > ul li {
font-size: 26px;
}
/* line 2245, ../sass/style.scss */
#tabs .project-pdf {
font-size: 26px;
}
/* line 2249, ../sass/style.scss */
.news #main .content {
max-width: 630px;
}
/* line 2253, ../sass/style.scss */
.news #main .content p.headline {
font-size: 48px;
}
/* line 2256, ../sass/style.scss */
.news #main .content p span.headline {
font-size: 36px;
}
/* line 2259, ../sass/style.scss */
.news.press_releases #main .content p.headline {
font-size: 36px;
}
/* line 2262, ../sass/style.scss */
.news #main .content p strong {
font-size: 30px;
}
/* line 2265, ../sass/style.scss */
.news #main .content p {
font-size: 24px;
}
/* line 2268, ../sass/style.scss */
.news.publications #main .content p:first-child span.headline {
font-size: 30px;
}
/* line 2271, ../sass/style.scss */
.news.media_coverage #main .content p.headline {
font-size: 36px;
}
/* line 2274, ../sass/style.scss */
#teamImage {
position: static;
width: 120%;
margin-left: -10%;
max-height: 688px;
overflow-y: hidden;
}
/* line 2280, ../sass/style.scss */
#teamImage img {
width: 100%;
}
/* line 2284, ../sass/style.scss */
.team #tabs {
width: 100%;
}
/* line 2286, ../sass/style.scss */
.team #tabs .scrollable {
top: 160px;
}
/* line 2292, ../sass/style.scss */
body.our_team #main .scrollable {
padding: 0 3% 0 0;
width: 100%;
}
/* line 2296, ../sass/style.scss */
body.our_team li a:link, body.our_team body.our_team li a:visited,
body.our_team .related_content a:link,
body.our_team .related_content a:visited {
font-size: 36px;
line-height: 60px;
}
/* line 2302, ../sass/style.scss */
body.our_team h1 {
font-size: 48px;
position: static;
}
/* line 2306, ../sass/style.scss */
body.our_team .related_content {
width: 120%;
margin-left: -10%;
position: static;
overflow: visible;
}
/* line 2311, ../sass/style.scss */
body.our_team .related_content img {
width: 100%;
height: auto;
}
/* line 2315, ../sass/style.scss */
body.our_team .related_content div {
max-height: 688px;
overflow-y: hidden;
}
/* line 2319, ../sass/style.scss */
body.our_team .related_content p {
padding-left: 8.5%;
font-size: 36px;
line-height: 60px;
}
/* line 2327, ../sass/style.scss */
#recentUpdates {
height: 485px;
}
/* line 2329, ../sass/style.scss */
#recentUpdates #slides {
height: 460px;
}
/* line 2331, ../sass/style.scss */
#recentUpdates #slides ul {
height: 460px;
}
/* line 2338, ../sass/style.scss */
.work #tabs > ul {
top: 20px;
}
/* line 2343, ../sass/style.scss */
#tabs > ul li:first-child a {
padding-left: 25px;
}
/* line 2347, ../sass/style.scss */
.backstretch {
right: -80px !important;
top: 19% !important;
position: absolute !important;
height: 100% !important;
width: 100% !important;
}
/* line 2353, ../sass/style.scss */
.backstretch img {
position: absolute;
width: 100% !important;
height: auto !important;
left: auto !important;
right: 0 !important;
top: 11px !important;
}
/* line 2362, ../sass/style.scss */
.work #tabs > h1 {
margin-top: 60px;
}
/* line 2365, ../sass/style.scss */
.work #tabs > ul {
top: -30px;
}
/* line 2368, ../sass/style.scss */
html,
body,
#container,
#main,
.team #main {
overflow-x: hidden;
width: 100%;
}
/* line 2376, ../sass/style.scss */
.team #main {
padding: 0;
}
/* line 2378, ../sass/style.scss */
.team #main #tabs {
width: 100%;
padding: 0 5%;
}
/* line 2381, ../sass/style.scss */
.team #main #tabs .scrollable {
width: 90%;
}
/* line 2386, ../sass/style.scss */
body {
margin-bottom: 0;
}
/* line 2390, ../sass/style.scss */
.work #tabs .scrollable {
width: 85%;
margin-top: 60px;
}
/* line 2394, ../sass/style.scss */
.home {
position: static;
}
/* line 2396, ../sass/style.scss */
.home #container, .home #main {
padding-left: 0;
position: static;
overflow-y: visible !important;
}
/* line 2400, ../sass/style.scss */
.home #container h1, .home #main h1 {
position: relative;
top: 25px;
}
/* line 2404, ../sass/style.scss */
.home #container .home-h1-line, .home #main .home-h1-line {
position: relative;
top: 0;
}
/* line 2408, ../sass/style.scss */
.home #container #rotator, .home #main #rotator {
position: relative;
}
/* line 2411, ../sass/style.scss */
.home #container #rotator .backstretch, .home #main #rotator .backstretch {
top: 0 !important;
}
/* line 2418, ../sass/style.scss */
.home #container #recentUpdates, .home #main #recentUpdates {
position: relative;
margin-top: 80px;
margin-bottom: 30px;
bottom: auto;
top: 0;
}
/* line 2428, ../sass/style.scss */
.news #main .content {
max-width: 90%;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
/* line 2434, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn {
background-size: 52px 26px;
}
/* line 2438, ../sass/style.scss */
.news.publications #main .content p:first-child span.headline {
font-size: 48px;
}
}
@media all and (max-width: 680px) {
/* line 2446, ../sass/style.scss */
.gallery ul li img {
width: 200px;
height: 200px;
}
}
@media all and (max-width: 600px) {
/* line 2455, ../sass/style.scss */
#rotator .slide_info h2 {
font-size: 30px;
margin-top: 35px;
}
/* line 2460, ../sass/style.scss */
#recentUpdates #slides li img {
width: 15%;
}
}
@media all and (max-width: 650px) {
/* line 2470, ../sass/style.scss */
.home #container h1, .home #main h1 {
padding-bottom: 5%;
}
/* line 2473, ../sass/style.scss */
.home #container #recentUpdates, .home #main #recentUpdates {
margin-top: 40px;
margin-bottom: 10px;
}
/* line 2479, ../sass/style.scss */
.work #tabs .scrollable {
width: 85%;
margin-top: 30px;
}
/* line 2483, ../sass/style.scss */
.gallery-preview {
position: relative;
}
/* line 2488, ../sass/style.scss */
footer.mobile .links {
font-size: 14px;
left: 25px;
}
/* line 2492, ../sass/style.scss */
footer.mobile .social-buttons {
right: 25px;
}
/* line 2496, ../sass/style.scss */
.backstretch {
top: 12% !important;
}
/* line 2499, ../sass/style.scss */
header {
height: 68px;
}
/* line 2501, ../sass/style.scss */
header .mobile-menu-button {
height: 30px;
width: 85px;
left: 27px;
top: 20px;
background-size: 100%;
}
/* line 2508, ../sass/style.scss */
header .menu-label {
font-size: 12px;
left: 65px;
top: 28px;
}
/* line 2513, ../sass/style.scss */
header .mobile-logo {
height: 42px;
width: 42px;
right: 28px;
top: 13px;
background-size: 100%;
}
/* line 2521, ../sass/style.scss */
.sidr {
top: 68px;
width: 210px;
}
/* line 2525, ../sass/style.scss */
.sidr .sidr-inner div, .sidr .sidr-inner nav {
width: 210px;
}
/* line 2529, ../sass/style.scss */
.sidr .sidr-inner > div > nav, .sidr .sidr-inner > div > div > nav {
left: 210px;
}
/* line 2532, ../sass/style.scss */
.sidr .sidr-inner > div > nav div nav, .sidr .sidr-inner > div > div > nav div nav {
left: 210px;
}
/* line 2538, ../sass/style.scss */
.sidr .sidr-inner .row {
width: 210px;
line-height: 57px;
height: 57px;
padding-left: 25px;
}
/* line 2543, ../sass/style.scss */
.sidr .sidr-inner .row, .sidr .sidr-inner .row a, .sidr .sidr-inner .row div {
font-size: 14px;
}
/* line 2550, ../sass/style.scss */
#rotator .slide_info h2 {
font-size: 26px;
margin-top: 30px;
}
/* line 2555, ../sass/style.scss */
#recentUpdates #slides li article {
height: 135px;
}
/* line 2557, ../sass/style.scss */
#recentUpdates #slides li article p, #recentUpdates #slides li article a {
font-size: 14px;
}
/* line 2561, ../sass/style.scss */
#recentUpdates #slides li img {
width: 17%;
}
/* line 2565, ../sass/style.scss */
#recentUpdates {
left: 7%;
margin-top: 60px;
width: 85%;
}
/* line 2570, ../sass/style.scss */
.home h1 {
left: 7%;
top: 3%;
width: 85%;
}
/* line 2575, ../sass/style.scss */
#recentUpdates article div {
margin: .25em 0 .25em 0.5em;
width: 76%;
}
/* line 2579, ../sass/style.scss */
.home-h1-line {
display: block;
width: 85%;
left: 7%;
position: absolute;
top: 12%;
border-bottom: 2px solid #666666;
}
/* line 2587, ../sass/style.scss */
#rotator {
left: 4%;
}
/* line 2590, ../sass/style.scss */
#rotator .slide_info a {
font-size: 12px;
}
/* line 2593, ../sass/style.scss */
#rotator .slide_info {
top: 12%;
}
/* line 2597, ../sass/style.scss */
.our_services #images {
left: 3%;
top: -5px;
right: auto;
height: auto;
width: 100%;
}
/* line 2603, ../sass/style.scss */
.our_services #images img {
display: none;
}
/* line 2606, ../sass/style.scss */
.our_services #images img:first-child {
display: block;
max-width: 1024px;
width: 120%;
margin-left: -10%;
}
/* line 2614, ../sass/style.scss */
.content {
width: 90%;
max-width: 480px;
}
/* line 2617, ../sass/style.scss */
.content h1 {
font-size: 32px;
}
/* line 2619, ../sass/style.scss */
.our_story .content h1, .our_philosophy .content h1 {
margin-bottom: 30px;
}
/* line 2623, ../sass/style.scss */
.content .headline {
font-size: 24px;
}
/* line 2626, ../sass/style.scss */
.content p {
font-size: 18px;
}
/* line 2631, ../sass/style.scss */
.work h3.type {
font-size: 12px;
}
/* line 2634, ../sass/style.scss */
.work h3.name {
font-size: 24px;
}
/* line 2637, ../sass/style.scss */
.work #main {
padding-left: 8%;
}
/* line 2641, ../sass/style.scss */
.gallery {
padding: 20px 3% 0 0;
}
/* line 2644, ../sass/style.scss */
.gallery ul li {
margin: 0 7px 10px 0;
}
/* line 2646, ../sass/style.scss */
.gallery ul li img {
width: 130px;
height: 130px;
}
/* line 2653, ../sass/style.scss */
body.work h1.prior {
font-size: 30px;
margin-top: 35px;
}
/* line 2657, ../sass/style.scss */
body.work ul.has_external_images li a:link, body.work ul.has_external_images li a:visited {
font-size: 20px;
line-height: 36px;
}
/* line 2661, ../sass/style.scss */
.prior-link {
height: 50px;
font-size: 20px;
padding: 16px 0 0 12%;
}
/* line 2666, ../sass/style.scss */
body.work #loading-area {
max-height: 285px;
}
/* line 2670, ../sass/style.scss */
#video {
height: 170px;
}
/* line 2675, ../sass/style.scss */
#tabs > h1 {
margin-top: 30px;
}
/* line 2678, ../sass/style.scss */
#tabs .headline, #tabs h1 {
font-size: 24px;
}
/* line 2681, ../sass/style.scss */
#tabs p {
font-size: 18px;
}
/* line 2684, ../sass/style.scss */
#tabs > ul {
top: 95px;
}
/* line 2694, ../sass/style.scss */
#tabs > ul li {
font-size: 16px;
padding-left: 10px;
}
/* line 2698, ../sass/style.scss */
#tabs .project-pdf {
font-size: 16px;
}
/* line 2702, ../sass/style.scss */
.team #tabs > ul li {
height: 24px;
}
/* line 2706, ../sass/style.scss */
.team #tabs .ui-state-active .active-arrow,
.work #tabs .ui-state-active .active-arrow {
margin-left: 0px;
top: -7px;
width: 13px;
height: 11px;
background-size: 13px 11px;
}
/* line 2715, ../sass/style.scss */
.work #tabs .ui-state-active .active-arrow {
top: 1px;
}
/* line 2719, ../sass/style.scss */
.gallery-preview .gallery-link {
height: 50px;
font-size: 24px;
padding: 12px 0 0 10%;
}
/* line 2727, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn {
top: 14px;
height: 13px;
width: 11px;
background-size: 22px 13px;
}
/* line 2732, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator a.sliderNavBtn#nextBtn {
left: auto;
right: 0;
background-position: -11px;
}
/* line 2738, ../sass/style.scss */
#workSlider #slideInfo #sliderNavigator .close-gallery {
font-size: 18px;
width: 80%;
margin-left: 10%;
top: 10px;
}
/* line 2747, ../sass/style.scss */
.news #main .content {
padding-top: 0;
}
/* line 2750, ../sass/style.scss */
.news #main .content p.headline {
font-size: 32px;
}
/* line 2753, ../sass/style.scss */
.news #main .content p span.headline {
font-size: 24px;
}
/* line 2756, ../sass/style.scss */
.news #main .content p strong {
font-size: 20px;
}
/* line 2759, ../sass/style.scss */
.news.publications #main .content p strong {
font-size: 24px;
}
/* line 2762, ../sass/style.scss */
.news #main .content p {
font-size: 18px;
}
/* line 2765, ../sass/style.scss */
.news.press_releases #main .content p.headline,
.news.media_coverage #main .content p.headline {
font-size: 24px;
}
/* line 2769, ../sass/style.scss */
#teamImage {
max-height: 286px;
}
/* line 2773, ../sass/style.scss */
.team #tabs .scrollable {
top: 120px;
}
/* line 2776, ../sass/style.scss */
.team #tabs li {
height: 46px;
}
/* line 2778, ../sass/style.scss */
.team #tabs li a {
font-size: 12px;
}
/* line 2785, ../sass/style.scss */
body.our_team li a:link, body.our_team body.our_team li a:visited,
body.our_team .related_content a:link,
body.our_team .related_content a:visited {
font-size: 20px;
line-height: 36px;
}
/* line 2791, ../sass/style.scss */
body.our_team h1 {
font-size: 30px;
}
/* line 2795, ../sass/style.scss */
body.our_team .related_content div {
max-height: 286px;
}
/* line 2798, ../sass/style.scss */
body.our_team .related_content p {
font-size: 20px;
line-height: 36px;
}
/* line 2805, ../sass/style.scss */
#tabs > ul li:first-child a {
padding-left: 1em;
}
/* line 2810, ../sass/style.scss */
#workSlider #slides {
top: 64px;
}
/* line 2813, ../sass/style.scss */
#workSlider #sliderNavigator {
top: 10px;
}
}
@media all and (max-width: 350px) {
/* line 2819, ../sass/style.scss */
#rotator .slide_info h2 {
font-size: 26px;
margin-top: 30px;
}
/* line 2823, ../sass/style.scss */
#recentUpdates {
height: 530px;
}
/* line 2825, ../sass/style.scss */
#recentUpdates #slides {
height: 495px;
}
/* line 2830, ../sass/style.scss */
#recentUpdates #slides li article {
height: 146px;
}
/* line 2832, ../sass/style.scss */
#recentUpdates #slides li article p, #recentUpdates #slides li article a {
font-size: 14px;
}
/* line 2836, ../sass/style.scss */
#recentUpdates #slides li img {
width: 23%;
}
/* line 2840, ../sass/style.scss */
#recentUpdates {
left: 7%;
margin-top: 60px;
width: 85%;
}
/* line 2845, ../sass/style.scss */
.home h1 {
left: 7%;
top: 3%;
width: 85%;
}
/* line 2850, ../sass/style.scss */
#recentUpdates article div {
width: 73%;
}
/* line 2853, ../sass/style.scss */
.home-h1-line {
top: 14%;
}
/* line 2856, ../sass/style.scss */
#rotator {
width: 110%;
}
/* line 2859, ../sass/style.scss */
#rotator .slide_info a {
font-size: 12px;
}
/* line 2862, ../sass/style.scss */
#rotator .slide_info {
top: 10%;
}
/* line 2866, ../sass/style.scss */
#tabs .scrollable {
max-width: 270px;
}
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
/* line 2878, ../sass/style.scss */
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
/* line 2879, ../sass/style.scss */
.ir br {
display: none;
}
/* Hide from both screenreaders and browsers:h5bp.com/u */
/* line 2882, ../sass/style.scss */
.hidden {
display: none !important;
visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders:h5bp.com/v */
/* line 2885, ../sass/style.scss */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p */
/* line 2888, ../sass/style.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
/* line 2891, ../sass/style.scss */
.invisible {
visibility: hidden;
}
/* Contain floats:h5bp.com/q */
/* line 2894, ../sass/style.scss */
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
/* line 2895, ../sass/style.scss */
.clearfix:after {
clear: both;
}
/* line 2896, ../sass/style.scss */
.clearfix {
zoom: 1;
}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
/* ========== SCROLLBARS ========== */
/*
#scrollbar1 { width:520px; clear:both; margin:20px 0 10px; }
#scrollbar1 .viewport { width:500px; height:200px; overflow:hidden; position:relative; }
#scrollbar1 .overview { list-style:none; position:absolute; left:0; top:0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color:#003D5D; }
#scrollbar1 .scrollbar { position:relative; float:right; width:15px; }
#scrollbar1 .track { background-color:#D8EEFD; height:100%; width:13px; position:relative; padding:0 1px; }
#scrollbar1 .thumb { height:20px; width:13px; cursor:pointer; overflow:hidden; position:absolute; top:0; }
#scrollbar1 .thumb .end { overflow:hidden; height:5px; width:13px; }
#scrollbar1 .disable{ display:none; }
*/
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */
@media print {
/* line 2928, ../sass/style.scss */
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
/* Black prints faster:h5bp.com/s */
/* line 2929, ../sass/style.scss */
a, a:visited {
text-decoration: underline;
}
/* line 2930, ../sass/style.scss */
a[href]:after {
content: " (" attr(href) ")";
}
/* line 2931, ../sass/style.scss */
abbr[title]:after {
content: " (" attr(title) ")";
}
/* line 2932, ../sass/style.scss */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
/* Don't show links for images, or javascript/internal links */
/* line 2933, ../sass/style.scss */
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/* line 2934, ../sass/style.scss */
thead {
display: table-header-group;
}
/* h5bp.com/t */
/* line 2935, ../sass/style.scss */
tr, img {
page-break-inside: avoid;
}
/* line 2936, ../sass/style.scss */
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
/* line 2938, ../sass/style.scss */
p, h2, h3 {
orphans: 3;
widows: 3;
}
/* line 2939, ../sass/style.scss */
h2, h3 {
page-break-after: avoid;
}
}
/* iOS Bugfixes */
/* Fixes body not expanding fully */
/* line 2945, ../sass/style.scss */
html {
border-top: 1px solid transparent;
}
/* line 2946, ../sass/style.scss */
header {
top: -1px;
}
/* Retina devices */
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
/* line 2950, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
/* line 2958, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
/* iPad Only */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 2967, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 2975, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
/* iPhone/iPod Touch Only */
@media all and (max-device-width: 480px) and (orientation: landscape) {
/* line 2984, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
@media all and (max-device-width: 480px) and (orientation: portrait) {
/* line 2992, ../sass/style.scss */
body {
min-height: 100%;
-webkit-text-size-adjust: none;
}
}
/* line 3000, ../sass/style.scss */
#tabs .ui-tabs-hide {
display: none !important;
}
/* line 3005, ../sass/style.scss */
.sidr {
position: absolute;
}
/* line 3009, ../sass/style.scss */
#main {
overflow: hidden;
}
/* line 3013, ../sass/style.scss */
footer.fixed-footer {
position: fixed;
bottom: 0;
left: 0;
}
@media all and (min-width: 769px) {
/* line 3020, ../sass/style.scss */
.work #tabs > ul {
margin-top: 95px;
}
}