/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
#Reset & Basics
#Basic Styles
#Site Styles
#Typography
#Lists
#Images
#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* #Basic Styles
================================================== */
body {
background: #fff;
font: 16px/26px "Raleway", "HelveticaNeue-Light", Arial, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
/* Blockquotes */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ul, ul.square { list-style: square outside; }
ul ul, ul.circle { list-style: circle outside; }
ul ul ul, ul.disc { list-style: disc outside; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
/* #Images
================================================== */
img.scale-with-grid {
max-width: 100%;
height: auto; }
/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
/* #Syntax highlighting
================================================== */
.highlighttable {
color: #f8f8f2;
table-layout: fixed;
white-space: nowrap;
width:90%;
}
.highlighttable pre, .highlighttable code { display:block; margin:0; padding:0; background: none; overflow:auto; word-wrap: normal; }
.highlight, .linenodiv {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWPQ1dU1BgABzQC7XXMTYQAAAABJRU5ErkJggg==);
display:block;
padding: 10px;
margin-bottom:20px;
}
.linenodiv, .lineno { color: #ccc; }
td.linenos { width: 40px; }
.linenodiv {
border-right: none;
padding: 10px;
text-align: right;
}
span.lineno {
display: block;
float: left;
width: 40px;
padding-right: 8px;
text-align: right;
}
.hll { background-color: #49483e }
.c { color: #75715e } /* Comment */
.err { color: #960050; background-color: #1e0010 } /* Error */
.k { color: #66d9ef } /* Keyword */
.l { color: #ae81ff } /* Literal */
.n { color: #f8f8f2 } /* Name */
.o { color: #f92672 } /* Operator */
.p { color: #f8f8f2 } /* Punctuation */
.cm { color: #75715e } /* Comment.Multiline */
.cp { color: #75715e } /* Comment.Preproc */
.c1 { color: #75715e } /* Comment.Single */
.cs { color: #75715e } /* Comment.Special */
.ge { font-style: italic } /* Generic.Emph */
.gs { font-weight: bold } /* Generic.Strong */
.kc { color: #66d9ef } /* Keyword.Constant */
.kd { color: #66d9ef } /* Keyword.Declaration */
.kn { color: #f92672 } /* Keyword.Namespace */
.kp { color: #66d9ef } /* Keyword.Pseudo */
.kr { color: #66d9ef } /* Keyword.Reserved */
.kt { color: #66d9ef } /* Keyword.Type */
.ld { color: #e6db74 } /* Literal.Date */
.m { color: #ae81ff } /* Literal.Number */
.s { color: #e6db74 } /* Literal.String */
.na { color: #a6e22e } /* Name.Attribute */
.nb { color: #f8f8f2 } /* Name.Builtin */
.nc { color: #a6e22e } /* Name.Class */
.no { color: #66d9ef } /* Name.Constant */
.nd { color: #a6e22e } /* Name.Decorator */
.ni { color: #f8f8f2 } /* Name.Entity */
.ne { color: #a6e22e } /* Name.Exception */
.nf { color: #a6e22e } /* Name.Function */
.nl { color: #f8f8f2 } /* Name.Label */
.nn { color: #f8f8f2 } /* Name.Namespace */
.nx { color: #a6e22e } /* Name.Other */
.py { color: #f8f8f2 } /* Name.Property */
.nt { color: #f92672 } /* Name.Tag */
.nv { color: #f8f8f2 } /* Name.Variable */
.ow { color: #f92672 } /* Operator.Word */
.w { color: #f8f8f2 } /* Text.Whitespace */
.mf { color: #ae81ff } /* Literal.Number.Float */
.mh { color: #ae81ff } /* Literal.Number.Hex */
.mi { color: #ae81ff } /* Literal.Number.Integer */
.mo { color: #ae81ff } /* Literal.Number.Oct */
.sb { color: #e6db74 } /* Literal.String.Backtick */
.sc { color: #e6db74 } /* Literal.String.Char */
.sd { color: #e6db74 } /* Literal.String.Doc */
.s2 { color: #e6db74 } /* Literal.String.Double */
.se { color: #ae81ff } /* Literal.String.Escape */
.sh { color: #e6db74 } /* Literal.String.Heredoc */
.si { color: #e6db74 } /* Literal.String.Interpol */
.sx { color: #e6db74 } /* Literal.String.Other */
.sr { color: #e6db74 } /* Literal.String.Regex */
.s1 { color: #e6db74 } /* Literal.String.Single */
.ss { color: #e6db74 } /* Literal.String.Symbol */
.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.vc { color: #f8f8f2 } /* Name.Variable.Class */
.vg { color: #f8f8f2 } /* Name.Variable.Global */
.vi { color: #f8f8f2 } /* Name.Variable.Instance */
.il { color: #ae81ff } /* Literal.Number.Integer.Long */
.gh { } /* Generic Heading & Diff Header */
.gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
.gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
.gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
/* Main.css, mostly from single-page theme */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
/* ---------------------------*/
/* ----- Special Styles ----- */
/* ---------------------------*/
/* ----- colors (autogenerated from _config.yml)----- */
.border-black { border-color: #111111 !important; }
.text-black { color: #111111; }
.text-black a { color: #111111; }
.bg-black { background-color: #111111 !important; }
.border-white { border-color: #f8f8f8 !important; }
.text-white { color: #f8f8f8; }
.text-white a { color: #f8f8f8; }
.bg-white { background-color: #f8f8f8 !important; }
.border-blue { border-color: #49a7e9 !important; }
.text-blue { color: #49a7e9; }
.text-blue a { color: #49a7e9; }
.bg-blue { background-color: #49a7e9 !important; }
.border-green { border-color: #9bcf2f !important; }
.text-green { color: #9bcf2f; }
.text-green a { color: #9bcf2f; }
.bg-green { background-color: #9bcf2f !important; }
.border-purple { border-color: #c869bf !important; }
.text-purple { color: #c869bf; }
.text-purple a { color: #c869bf; }
.bg-purple { background-color: #c869bf !important; }
.border-orange { border-color: #fab125 !important; }
.text-orange { color: #fab125; }
.text-orange a { color: #fab125; }
.bg-orange { background-color: #fab125 !important; }
.border-turquoise { border-color: #0fbfcf !important; }
.text-turquoise { color: #0fbfcf; }
.text-turquoise a { color: #0fbfcf; }
.bg-turquoise { background-color: #0fbfcf !important; }
/* ----- per-post colors! ----- */
/* ----- code, syntax highlighting, etc ----- */
code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
/* spesifically inline code */
code {
background: rgba(255,255,255,0.2);
display: inline;
word-wrap: break-word;
}
/* block code */
pre code { background: none; display: block; }
pre {
display: block;
margin: 20px 5%;
padding: 4px 8px;
background: rgba(255,255,255,0.1);
word-wrap: break-word;
}
.highlighttable { margin:20px 5%; }
/* ----- base elements ----- */
img {
max-width:100%!important;
height:auto;
vertical-align:middle;
}
hr {
margin:60px auto;
width:50%;
border-color: #111111;
}
.container { word-wrap: break-word; }
.center { text-align: center; }
.left, .container .left { text-align: left; }
.container h1, .container h2, .container h3, .container h4 {
margin-bottom: 20px;
text-align: center;
padding: 0 4%;
}
.container p, .container ol, .container ul {
font-size: 17px;
padding: 0 5%;
}
.container ol, .container ul { padding: 0 8%; }
.container p:first-of-type {
margin-top: 40px;
}
/* keep embedded videos fluid! */
.icontain {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 56.25%; /* keep 16x9 Aspect Ratio */
}
.i4x3 { padding-bottom: 75.00%; } /* keep 4x3 Aspect Ratio */
.icontain iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.inlineblock {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}
/* ---------------------------*/
/* ----- Main Structure ----- */
/* ---------------------------*/
/* ----- top menu ----- */
nav {
font-size:15px;
width:100%;
background:#2e2e2e;
}
nav ul {
list-style:none;
text-align:center;
padding:0;
margin:0;
letter-spacing:-4px;
}
nav ul li {
display:inline-block;
border-top:3px solid;
padding: 3px 0;
*display:inline;
zoom:1;
line-height:normal;
letter-spacing:normal;
text-transform:uppercase;
min-width:110px;
line-height:60px;
margin:0;
}
nav ul li a, nav ul li a:visited {
display:block;
color:#fff;
text-decoration:none;
font-weight:600;
opacity:.75;
}
nav ul li a:hover {
opacity:1;
}
nav ul li:hover, nav ul li.active {
border-top-width: 6px;
padding-top: 0;
}
#footer {
padding: 8px 0;
min-height:0;
text-align:center;
background-color:#2e2e2e;
background-image:none;
}
#footer .container p { font-size:13px; margin:0; }
nav {
text-align: center;
background-color: inherit;
}
#nav-brand {
height: 50px;
margin: 12px auto;
}
.shade-darker {
background: #333 !important;
color: #fff;
font-weight: 400;
}
.inline-form .form-group {
margin-bottom: 5px;
}
.inline-form .form-group label:not(.error) {
-webkit-transform: translate3d(0,25%,0);
transform: translate3d(0,25%,0);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .5s;
transition-duration: .5s;
}
.inline-form .form-group label.control-label {
color: #fff;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 400;
}
button.btn,
a.btn {
font-weight: bold; /* especially needed with helvetia-neue or other light font used as base */
margin-top: 1.5em;
}
.form-control {
display: block;
width: 100%;
height: 36px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
/* Entire page (includes header and footer */
#page {
background-color: #f8f8f8 !important;
}
/* Main content area (does not include header or footer) */
#main {
min-height: 900px;
}
/* Rolling footer */
.section.rolling-footer {
padding-top: 48px;
padding-bottom: 24px; /* FIXME this guy isn't really working */
background-color: #EFEFEF;
}
.rolling-footer p {
margin: 0 0 12px 0; /* site body has 20px bottom margin */
}
.col-footer {
padding: 0 24px;
}
.rolling-footer p.copyright {
margin-top: 2.3em;
}
.col-footer.contact-us {
padding-left: 7%;
}
.col-footer.contact-us i {
font-size: 150%;
opacity: .85;
position: relative;
top: 3px;
padding-right: 12px;
}
.contact-us-email a {
color: inherit;
text-decoration: none;
}
.contact-us-email a:hover { /* TODO abstract this into a link.subtle class */
text-decoration: underline;
}
/* Customize MailChimp form in footer */
#mc_embed_signup form {
padding: 0;
position: relative
}
#mc_embed_signup .mc-field-group {
padding-bottom: 0;
min-height: 0;
}
/* TODO: consider changing these form element floats to absolute-positioning.
#mc_embed_signup #mc-field-group-first-name {
width: 43%;
position: absolute;
left: 0;
height: 30px;
}
#mc_embed_signup #mc-field-group-last-name {
width: 43%;
position: absolute;
right: 0;
height: 24px;
}
*/
#mc_embed_signup .mc-field-group input {
text-indent: 6px;
height: 2em;
}
#mc_embed_signup #mc-field-group-first-name {
float: left;
width: 40%;
margin-right: 5%;
}
#mc_embed_signup #mc-field-group-last-name {
float: left;
clear: none;
width: 51%;
}
/* Main footer */
#rolling-footer {
font-size: 14px;
line-height: 21px;
}
/* Fixed footer */
.footer {
position: fixed;
bottom: 0;
width:100%;
}
.fixed-footer .contact-lead {
text-transform: uppercase;
}
.fixed-footer .phone {
margin-left: 1.3em;
}
.fixed-footer .email {
margin-left: 2em;
}
.fixed-footer .email a {
text-decoration: none;
color: inherit;
}
.fixed-footer .email a:hover {
font-weight: bold;
}
.fixed-footer .hiring-teaser {
margin-left: 2em;
}
.job-posting {
font-size: 115%;
}
/* via Domo */
.jumbotron .jumbotron-bg {
position: absolute;
top: 0;
left: 0;
height: auto;
width: auto;
min-width: 100%;
min-height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
#carousel-home {
margin-left: -15px;
margin-right: -15px;
}
#carousel-home .carousel-inner, #carousel-home .jumbotron-lrg {
height: 640px;
min-height: 640px;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 540px;
}
#carousel-home .home-copy {
position: absolute;
width: 600px;
z-index: 1;
color: #fff;
}
#carousel-home .home-copy h2 {
font-weight: 600;
font-size: 44px;
}
#carousel-home .home-copy p {
margin-top: 40px;
font-size: 26px;
line-height: 34px;
font-weight: 400;
}
#carousel-home .actionable-insights .home-copy {
width: 460px;
text-shadow: 0px 0px 40px rgba(0, 0, 0, 1);
top: 159px;
left: 38%;
}
#carousel-home .quality-improvement .home-copy {
opacity: 1.0;
width: 700px;
top: 409px;
left: 5%;
}
#carousel-home .finance .home-copy {
width: 600px;
top: 350px;
left: 6%;
}
#carousel-home .interop .home-copy {
width: 580px;
top: 32px;
left: 51%;
}
#carousel-home .superpowers .home-copy {
opacity: 1.0;
width: 580px;
top: 105px;
left: 13%;
}
#carousel-home .dna .home-copy {
width: 550px;
top: 250px;
left: 10%;
}
section {
padding: 48px 0;
}
section#hiring {
}
button.cta {
font-weight: bold;
margin: 1em 0;
}
#demo-form-thanks {
display: none;
}
#why-different {
line-height: 23px;
}