/* Variables */
/* Styles (originally from Skeleton) */
/* Grid */
.wrapper, .container-wrapper { width: 100%; margin: 0; padding: 1em 0; box-sizing: border-box; }

.wrapper.green, .container-wrapper.green { color: #ffffff; background-color: #80bd26; }

.wrapper.light-green, .container-wrapper.light-green { background-color: #d0e6c7; }

.wrapper.dark-green, .container-wrapper.dark-green { color: #ffffff; background-color: #61ac46; padding: 2em 0 3em 0; }

.wrapper.light-green.alternating:nth-child(odd), .container-wrapper.light-green.alternating:nth-child(odd) { background-color: #d0e6c7; }

.wrapper.light-green.alternating:nth-child(even), .container-wrapper.light-green.alternating:nth-child(even) { background-color: #ffffff; }

.wrapper.grey, .container-wrapper.grey { background-color: #e5e5e5; }

.wrapper.dark-grey, .container-wrapper.dark-grey { background-color: #4e5867; }

.container { position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.container.wide { width: 100%; }

.column, .columns { width: 100%; float: left; box-sizing: border-box; }

.column.white, .columns.white { background: #ffffff; }

.column.padded, .columns.padded { padding: 1.2em; }

.column.marginless, .columns.marginless { margin: 0; }

/* For devices larger than 400px */
@media (min-width: 400px) { .container { width: 85%; padding: 0; } }

/* For devices larger than 550px */
@media (min-width: 550px) { .container { width: 80%; } .column, .columns { margin: 1%; } .one.column, .one.columns { width: 6.3333333333%; } .two.columns { width: 14.6666666667%; } .three.columns { width: 23%; } .four.columns { width: 31.3333333333%; } .five.columns { width: 39.6666666667%; } .six.columns { width: 48%; } .seven.columns { width: 56.3333333333%; } .eight.columns { width: 64.6666666667%; } .nine.columns { width: 73%; } .ten.columns { width: 81.3333333333%; } .eleven.columns { width: 89.6666666667%; } .twelve.columns { width: 98%; } .one-third.column { width: 31.3333333333%; } .two-thirds.column { width: 64.6666666667%; } .one-half.column { width: 48%; } .one.marginless.column, .one.marginless.columns { width: 8.3333333333%; } .two.marginless.columns { width: 16.6666666667%; } .three.marginless.columns { width: 25%; } .four.marginless.columns { width: 33.3333333333%; } .five.marginless.columns { width: 41.6666666667%; } .six.marginless.columns { width: 50%; } .seven.marginless.columns { width: 58.3333333333%; } .eight.marginless.columns { width: 66.6666666667%; } .nine.marginless.columns { width: 75%; } .ten.marginless.columns { width: 83.3333333333%; } .eleven.marginless.columns { width: 91.6666666667%; } .twelve.marginless.columns { width: 100%; } .one-third.marginless.column { width: 33.3333333333%; } .two-thirds.marginless.column { width: 66.6666666667%; } .one-half.marginless.column { width: 50%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 9.3333333333%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.6666666667%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.3333333333%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 42.6666666667%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 51%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 59.3333333333%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 67.6666666667%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 76%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 84.3333333333%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 92.6666666667%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.3333333333%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 67.6666666667%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 51%; } }

/* For devices larger than 1050px */
@media (min-width: 1050px) { .container { max-width: 1360px; } }

/* Navbar */
.navbar { z-index: 500; width: 100%; height: 60px; background: #ffffff; position: fixed; top: 0px; border-bottom: 1px solid #e5e5e5; }

.navbar .container { padding: 0; }

.navbar img { height: 50px; padding: 5px 0; width: auto; }

.navbar ul { list-style: none; margin: 0; text-align: right; text-transform: uppercase; }

.navbar ul > li { position: relative; display: inline-block; line-height: 60px; text-align: left; margin: 0; }

.navbar ul > li.dropdown-toggle:after { content: "\25be"; position: relative; top: -0.1em; left: -0.6em; }

.navbar ul > li a { display: inline-block; line-height: 60px; padding: 0 0.6em; }

.navbar ul > li:hover > ul.dropdown { visibility: visible; opacity: 1; }

.navbar ul.dropdown { min-width: 100%; position: absolute; top: 100%; background: #ffffff; border: 1px solid #e5e5e5; border-top: none; font-size: 0.8em; text-align: left; white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity 0.25s; }

.navbar ul.dropdown > li { display: block; line-height: 3em; }

.navbar ul.dropdown > li a { line-height: 3em; }

.navbar a { color: #4d4d4d; text-decoration: none; }

.navbar a:hover { color: #4d4d4d; text-decoration: underline; }

.navbar a.dropdown-toggle:after { content: "▾"; margin-top: -0.1em; }

/* For devices narrower than 1024px */
@media (max-width: 1024px) { .navbar .container > ul { position: absolute; right: 0; height: 60px; overflow: hidden; background: #ffffff; box-sizing: border-box; } .navbar .container > ul > li { display: block; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .navbar .container > ul > li:last-of-type { border-bottom: 1px solid #e5e5e5; } .navbar .container > ul:before { content: "\f0c9"; font-family: FontAwesome; line-height: 60px; padding: 10px; } .navbar .container > ul:hover { height: auto; } .navbar .container ul.dropdown { display: block; visibility: visible; opacity: 1; position: static; border: none; } .navbar .container ul.dropdown > li { display: block; margin-left: 1em; } .navbar .container li.dropdown-toggle:after { content: none; } .navbar .container ul > li, .navbar .container ul > li a { line-height: 1.4em; } }

/* Base Styles */
/* NOTE: html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }

body { font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; font-weight: 400; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4d4d4d; margin: 60px 0 0 0; }

/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 4rem; margin-bottom: 2rem; padding-top: 0; padding-bottom: 0; font-weight: 300; text-align: center; }

h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem; }

h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }

h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }

h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }

h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }

h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) { h1 { font-size: 3.0em; } h2 { font-size: 2.0em; } h3 { font-size: 1.6em; } h4 { font-size: 1.4em; } h5 { font-size: 1.2em; } h6 { font-size: 1.1em; } }

/* Desktop screen */
/* Large screen */
@media (min-width: 1350px) { h1, h2, h3 { margin-left: 4em; margin-right: 4em; } }

p { margin-top: 0; }

ul li, ol li { list-style-position: outside; margin-left: 2.5rem; }

/* Links */
a { color: #80bd26; text-decoration: none; }

a:hover { color: #63931d; text-decoration: underline; }

/* Buttons */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; /*height: 3em;*/ padding: 0.6em 1.2em; color: #555; text-align: center; /*font-size: 1em;*/ font-weight: 600; /*line-height: 3em;*/ /*letter-spacing: .1em;*/ text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; /* border-radius: $rounding;*/ border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; }

a.button:hover { text-decoration: none; }

.button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"] { color: #ffffff; background-color: #80bd26; border-color: #80bd26; }

.button.button-primary:hover, button.button-primary:hover, input.button-primary[type="submit"]:hover, input.button-primary[type="reset"]:hover, input.button-primary[type="button"]:hover, .button.button-primary:focus, button.button-primary:focus, input.button-primary[type="submit"]:focus, input.button-primary[type="reset"]:focus, input.button-primary[type="button"]:focus { color: #ffffff; background-color: #72a822; border-color: #72a822; }

/* Forms */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #33C3F0; outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }

/* Lists */
ul { list-style: circle inside; }

ol { list-style: decimal inside; }

ol, ul { padding-left: 0; margin-top: 0; }

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }

li { margin-bottom: 1rem; }

/* Code */
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }

pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }

/* Tables */
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

/* Spacing */
button, .button { margin-bottom: 1rem; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

.compact pre, .compact blockquote, .compact dl, .compact figure, .compact table, .compact p, .compact ul, .compact ol, .compact form { margin-bottom: 1rem; }

/* Utilities */
.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

.u-pull-right { float: right; }

.u-pull-left { float: left; }

.u-text-center { text-align: center; }

.u-text-left { text-align: left; }

.u-no-margin-lr { margin-left: 0; margin-right: 0; }

.u-green { color: #80bd26; }

/* Misc */
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; height: 96px; background-image: url("/images/divider.png"); background-repeat: no-repeat; background-position: center center; }

.tweet { color: #ffffff; background-color: #4e5867; border-radius: 1.2em; padding: 1.2em 2.4em; font-size: 3.5rem; font-style: italic; font-weight: 200; text-align: center; position: relative; }

.tweet:after { content: ""; display: block; position: absolute; top: 99%; left: 220px; border-width: 0.9em 0.9em; border-style: solid; border-color: #4e5867; border-bottom-color: transparent; border-right-color: transparent; margin-top: -0.39em; transform: scaleY(0.5); }

.tweet-footer { margin-top: 0.6em; margin-bottom: 2.4em; }

.tweet-footer img { width: 4.8em !important; height: 4.8em; position: relative; left: 100px; }

.tweet-footer .tweet-handle { background-color: #e5e5e5; padding: 0.6em 1.2em; border-radius: 1.2em; text-align: center; font-size: 1.2em; font-weight: 600; float: right; margin-right: 6em; }

@media screen and (max-width: 600px) { .tweet { font-size: 2.4rem; } .tweet-footer .tweet-handle { margin-right: 0; margin-bottom: 30px; } }

@media screen and (max-width: 1100px) { .tweet-footer .tweet-handle { margin-right: 0; } }

@media screen and (max-width: 900px) { .tweet-footer .tweet-handle { float: none; } }

/* Clearing */
/* Self Clearing Goodness */
.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

.blog.wrapper { background: #e5e5e5; padding-bottom: 4em; }

.blog.wrapper .blog-contents { background: #ffffff; padding: 0 1.2em; }

.blog.wrapper .blog-sidebar h4, .blog.wrapper .sidebar h4 { font-size: 1em; text-transform: uppercase; margin: 1em 0; border-bottom: 2px solid #80bd26; }

.blog.wrapper .blog-sidebar li, .blog.wrapper .sidebar li { line-height: 1; list-style: none; margin-left: 1em; margin-bottom: 0.5em; }

.blog.wrapper .blog-sidebar a, .blog.wrapper .sidebar a { color: #4d4d4d; }

.blog.wrapper .blog-sidebar a:hover, .blog.wrapper .sidebar a:hover { color: #343434; }

.blog.wrapper h1, .blog.wrapper h2, .blog.wrapper h3, .blog.wrapper h4, .blog.wrapper h5, .blog.wrapper h6 { text-align: left; margin-left: 0; margin-right: 0; }

.blog.wrapper h1 { color: #80bd26; font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; margin-top: 2rem; }

.blog.wrapper h1 ~ p.subtext { margin-top: -2rem; margin-bottom: 2rem; font-size: 0.85em; }

.blog.wrapper .img-credit { margin: 2em 0; }

.blog.wrapper p.bigger { font-size: 1.25em; }

.blog.wrapper div.tags { float: right; position: relative; top: 3.6em; }

.blog.wrapper div.tags a { text-transform: uppercase; }

@media (min-width: 550px) { .blog.wrapper h1 { font-size: 2.0em; } }

.feature.wrapper .feature.columns { height: 24em; overflow: hidden; position: relative; margin-bottom: 1.6em; }

.feature.wrapper .tags { position: absolute; padding: 1.5em 0.5em 0 0.5em; bottom: 0; left: 0; right: 0; background: #ffffff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 40%); }

.post-preview { position: relative; height: 24.5em; overflow: hidden; }

.post-preview img { width: 100%; height: 10em; }

.post-preview p { padding: 0 0.5em; }

.post-preview .tags { position: absolute; padding: 1.5em 0.5em 0 0.5em; bottom: 0; left: 0; right: 0; background: #ffffff; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 40%); }

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { text-align: left; margin-left: 0; margin-right: 0; }

.sidebar h4 { font-size: 1em; text-transform: uppercase; margin: 1em 0; border-bottom: 2px solid #80bd26; }

.sidebar li { line-height: 1; list-style: none; margin-left: 1em; margin-bottom: 0.5em; }

.sidebar a { color: #4d4d4d; }

.sidebar a:hover { color: #343434; }

.tags { text-align: right; }

.tags a.tag { text-transform: uppercase; }

/* Homepage */
.landing-wrapper { display: table; width: 100%; height: 100vh; margin: -60px 0 0 0; padding: 60px 0 0 0; box-sizing: border-box; font-size: 1.1em; }

.landing-wrapper .landing-container { display: table-cell; text-align: center; vertical-align: middle; }

.landing-wrapper .landing-main, .landing-wrapper .landing-notification, .landing-wrapper .landing-applications { display: table-row; }

.landing-wrapper .landing-main { background-image: url("/images/landing.jpg"); background-size: cover; background-position: center center; }

.landing-wrapper .landing-applications { background-image: url("/images/apply.jpg"); opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ background-size: cover; background-position: center center; }

.landing-wrapper .landing-notification { height: 100px; }

.landing-wrapper .landing-notification landing-container { height: 100px; }

.landing-wrapper #landing-rotate { display: table; position: relative; width: 100%; height: 4em; font-size: 1em; }

.landing-wrapper #landing-rotate div { display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 0.5s; }

.landing-wrapper #landing-rotate div.hidden { opacity: 0; }

.landing-wrapper .landing-buttons { font-size: 1.4rem; }

.landing-wrapper .landing-buttons .button { margin: 0.6em 1.2em; }

.container-wrapper.notification { color: #ffffff; background-color: #80bd26; text-align: center; }

.container-wrapper.notification .button { border: 1px solid #3ba933; background-color: #3ba933; color: #ffffff; }

.container-wrapper.notification .button:hover { border: 1px solid #34952d; background-color: #34952d; color: #ffffff; }

body { min-height: 100vh; margin-top: 0; padding-top: 60px; padding-bottom: 150px; box-sizing: border-box; position: relative; }

.footer { background-color: #80bd26; color: #ffffff; text-align: center; line-height: 2.5em; position: absolute; bottom: 0; height: 150px; }

.footer a { color: #ffffff; }

.footer a:hover { color: #ffffff; }

.footer img { width: auto; height: 40px; margin: 0 3px 0 4px; }

.footer .links a { margin: 0 1em 0 1em; }

.footer .icons { font-size: 0; line-height: 0; }

i.icon-notification { display: inline-block; width: 3em; height: 3em; margin-top: 1em; background-image: url("/images/icons/notification.png"); background-size: cover; background-position: center center; }

.icon { width: 4em; height: 4em; }

.vimeo { /*position: relative;*/ /*padding-bottom: 56.25%;*/ /*height: 0;*/ /*overflow: hidden;*/ max-width: 100%; height: auto; }

.vimeo iframe, .vimeo object, .vimeo embed { position: relative; /*top: 0;*/ /*left: 0;*/ /*width: 100%;*/ /*height: 100%;*/ border: 0; width: 520px; height: 300px; }

.column img, .columns img { width: 100%; }

.column .fsEmbed img, .columns .fsEmbed img { width: auto; }

.img-credit { font-size: 0.65em; text-align: right; }

.img-credit img { margin-bottom: 0; }

#timeline h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; text-align: left; }

#timeline ul { list-style: none; padding: 0; }

#timeline li { padding-left: 1.3em; }

#timeline li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ }

#post_img_right { float: right; max-width: 40%; margin: 10px; }

#post_img_left { float: left; max-width: 40%; margin: 10px; }

/*# sourceMappingURL=skeleton.css.map */