@import url(//fonts.googleapis.com/css?family=Arimo:400,700); /* Made with Bones: http://themble.com/bones :) */ /****************************************************************** Site Name: Author: Stylesheet: Main Stylesheet Here's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. Helpful articles on Sass file organization: http://thesassway.com/advanced/modular-css-naming-conventions ******************************************************************/ /********************* IMPORTING PARTIALS These files are needed at the beginning so that we establish all our mixins, functions, and variables that we'll be using across the whole project. *********************/ /* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ /* line 23, ../scss/partials/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ /* line 33, ../scss/partials/_normalize.scss */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /* line 42, ../scss/partials/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ /* line 53, ../scss/partials/_normalize.scss */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ /* line 67, ../scss/partials/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ /* line 77, ../scss/partials/_normalize.scss */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /* line 89, ../scss/partials/_normalize.scss */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ /* line 97, ../scss/partials/_normalize.scss */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ /* line 106, ../scss/partials/_normalize.scss */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ /* line 119, ../scss/partials/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ /* line 128, ../scss/partials/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ /* line 138, ../scss/partials/_normalize.scss */ b, strong, .strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ /* line 148, ../scss/partials/_normalize.scss */ dfn, em, .em { font-style: italic; } /** * Address differences between Firefox and other browsers. */ /* line 156, ../scss/partials/_normalize.scss */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */ /* line 166, ../scss/partials/_normalize.scss */ p { -webkit-hyphens: auto; -epub-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* * Addresses margins set differently in IE6/7. */ /* line 177, ../scss/partials/_normalize.scss */ pre { margin: 0; } /** * Correct font family set oddly in Safari 5 and Chrome. */ /* line 188, ../scss/partials/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ /* line 197, ../scss/partials/_normalize.scss */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ /* line 205, ../scss/partials/_normalize.scss */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ /* line 213, ../scss/partials/_normalize.scss */ q:before, q:after { content: ''; content: none; } /* line 218, ../scss/partials/_normalize.scss */ small, .small { font-size: 75%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* line 227, ../scss/partials/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 234, ../scss/partials/_normalize.scss */ sup { top: -0.5em; } /* line 238, ../scss/partials/_normalize.scss */ sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ /* line 253, ../scss/partials/_normalize.scss */ dl, menu, ol, ul { margin: 1em 0; } /* line 257, ../scss/partials/_normalize.scss */ dd { margin: 0; } /* * Addresses paddings set differently in IE6/7. */ /* line 265, ../scss/partials/_normalize.scss */ menu { padding: 0 0 0 40px; } /* line 270, ../scss/partials/_normalize.scss */ ol, ul { padding: 0; list-style-type: none; } /* * Corrects list images handled incorrectly in IE7. */ /* line 280, ../scss/partials/_normalize.scss */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ /* line 293, ../scss/partials/_normalize.scss */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ /* line 301, ../scss/partials/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ /* line 313, ../scss/partials/_normalize.scss */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ /* line 325, ../scss/partials/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 336, ../scss/partials/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ /* line 350, ../scss/partials/_normalize.scss */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /* line 362, ../scss/partials/_normalize.scss */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ /* line 374, ../scss/partials/_normalize.scss */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ /* line 389, ../scss/partials/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ /* line 399, ../scss/partials/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /* line 409, ../scss/partials/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ /* line 420, ../scss/partials/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ /* line 433, ../scss/partials/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ /* line 442, ../scss/partials/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ /* line 452, ../scss/partials/_normalize.scss */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ /* line 465, ../scss/partials/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 472, ../scss/partials/_normalize.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 480, ../scss/partials/_normalize.scss */ .image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } /* line 487, ../scss/partials/_normalize.scss */ .clearfix, .cf, .comment-respond { zoom: 1; } /* line 489, ../scss/partials/_normalize.scss */ .clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after { content: ""; display: table; } /* line 490, ../scss/partials/_normalize.scss */ .clearfix:after, .cf:after, .comment-respond:after { clear: both; } /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ /* line 497, ../scss/partials/_normalize.scss */ span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; } /****************************************************************** Site Name: Author: Stylesheet: Variables Here is where we declare all our variables like colors, fonts, base values, and defaults. We want to make sure this file ONLY contains variables that way our files don't get all messy. No one likes a mess. ******************************************************************/ /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /* Here's a great tutorial on how to use color variables properly: http://sachagreif.com/sass-color-variables/ */ /****************************************************************** Site Name: Author: Stylesheet: Sass Functions You can do a lot of really cool things in Sass. Functions help you make repeated actions a lot easier. They are really similar to mixins, but can be used for so much more. Anyway, keep them all in here so it's easier to find when you're looking for one. For more info on functions, go here: http://sass-lang.com/documentation/Sass/Script/Functions.html ******************************************************************/ /********************* COLOR FUNCTIONS These are helpful when you're working with shadows and such things. It's essentially a quicker way to write RGBA. Example: box-shadow: 0 0 4px black(0.3); compiles to: box-shadow: 0 0 4px rgba(0,0,0,0.3); *********************/ /********************* RESPONSIVE HELPER FUNCTION If you're creating a responsive site, then you've probably already read Responsive Web Design: http://www.abookapart.com/products/responsive-web-design Here's a nice little helper function for calculating target / context as mentioned in that book. Example: width: cp(650px, 1000px); or width: calc-percent(650px, 1000px); both compile to: width: 65%; *********************/ /****************************************************************** Site Name: Author: Stylesheet: Mixins Stylesheet This is where you can take advantage of Sass' great features: Mixins. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques gradients. A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more. Helpful: http://sachagreif.com/useful-sass-mixins/ http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/ ******************************************************************/ /********************* TRANSITION *********************/ /* I totally rewrote this to be cleaner and easier to use. You'll need to be using Sass 3.2+ for these to work. Thanks to @anthonyshort for the inspiration on these. USAGE: @include transition(all 0.2s ease-in-out); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdo it. *********************/ /* @include css-gradient(#dfdfdf,#f8f8f8); */ /********************* BOX SIZING *********************/ /* @include box-sizing(border-box); */ /* NOTE: value of "padding-box" is only supported in Gecko. So probably best not to use it. I mean, were you going to anyway? */ /* line 1, ../scss/partials/_foundation.scss */ meta.foundation-version { font-family: "/5.4.7/"; } /* line 4, ../scss/partials/_foundation.scss */ meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } /* line 8, ../scss/partials/_foundation.scss */ meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } /* line 12, ../scss/partials/_foundation.scss */ meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } /* line 16, ../scss/partials/_foundation.scss */ meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } /* line 20, ../scss/partials/_foundation.scss */ meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } /* line 24, ../scss/partials/_foundation.scss */ meta.foundation-data-attribute-namespace { font-family: false; } /* line 27, ../scss/partials/_foundation.scss */ html, body { height: 100%; } /* line 32, ../scss/partials/_foundation.scss */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 38, ../scss/partials/_foundation.scss */ html, body { font-size: 100%; } /* line 41, ../scss/partials/_foundation.scss */ body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; position: relative; cursor: auto; } /* line 53, ../scss/partials/_foundation.scss */ a:hover { cursor: pointer; } /* line 56, ../scss/partials/_foundation.scss */ img { max-width: 100%; height: auto; } /* line 60, ../scss/partials/_foundation.scss */ img { -ms-interpolation-mode: bicubic; } /* line 68, ../scss/partials/_foundation.scss */ #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } /* line 71, ../scss/partials/_foundation.scss */ .left { float: left !important; } /* line 74, ../scss/partials/_foundation.scss */ .right { float: right !important; } /* line 77, ../scss/partials/_foundation.scss */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* line 80, ../scss/partials/_foundation.scss */ .clearfix:after { clear: both; } /* line 83, ../scss/partials/_foundation.scss */ .hide { display: none !important; visibility: hidden; } /* line 87, ../scss/partials/_foundation.scss */ .invisible { visibility: hidden; } /* line 90, ../scss/partials/_foundation.scss */ .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 94, ../scss/partials/_foundation.scss */ img { display: inline-block; vertical-align: middle; } /* line 98, ../scss/partials/_foundation.scss */ textarea { height: auto; min-height: 50px; } /* line 102, ../scss/partials/_foundation.scss */ select { width: 100%; } /* line 105, ../scss/partials/_foundation.scss */ .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; } /* line 112, ../scss/partials/_foundation.scss */ .row:before, .row:after { content: " "; display: table; } /* line 115, ../scss/partials/_foundation.scss */ .row:after { clear: both; } /* line 118, ../scss/partials/_foundation.scss */ .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } /* line 121, ../scss/partials/_foundation.scss */ .row.collapse .row { margin-left: 0; margin-right: 0; } /* line 124, ../scss/partials/_foundation.scss */ .row .row { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; } /* line 131, ../scss/partials/_foundation.scss */ .row .row:before, .row .row:after { content: " "; display: table; } /* line 134, ../scss/partials/_foundation.scss */ .row .row:after { clear: both; } /* line 136, ../scss/partials/_foundation.scss */ .row .row.collapse { width: auto; margin: 0; max-width: none; } /* line 140, ../scss/partials/_foundation.scss */ .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } /* line 143, ../scss/partials/_foundation.scss */ .row .row.collapse:after { clear: both; } /* line 147, ../scss/partials/_foundation.scss */ .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } /* line 153, ../scss/partials/_foundation.scss */ [class*="column"] + [class*="column"]:last-child { float: right; } /* line 156, ../scss/partials/_foundation.scss */ [class*="column"] + [class*="column"].end { float: left; } @media only screen { /* line 160, ../scss/partials/_foundation.scss */ .small-push-0 { position: relative; left: 0%; right: auto; } /* line 165, ../scss/partials/_foundation.scss */ .small-pull-0 { position: relative; right: 0%; left: auto; } /* line 170, ../scss/partials/_foundation.scss */ .small-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 175, ../scss/partials/_foundation.scss */ .small-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 180, ../scss/partials/_foundation.scss */ .small-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 185, ../scss/partials/_foundation.scss */ .small-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 190, ../scss/partials/_foundation.scss */ .small-push-3 { position: relative; left: 25%; right: auto; } /* line 195, ../scss/partials/_foundation.scss */ .small-pull-3 { position: relative; right: 25%; left: auto; } /* line 200, ../scss/partials/_foundation.scss */ .small-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 205, ../scss/partials/_foundation.scss */ .small-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 210, ../scss/partials/_foundation.scss */ .small-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 215, ../scss/partials/_foundation.scss */ .small-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 220, ../scss/partials/_foundation.scss */ .small-push-6 { position: relative; left: 50%; right: auto; } /* line 225, ../scss/partials/_foundation.scss */ .small-pull-6 { position: relative; right: 50%; left: auto; } /* line 230, ../scss/partials/_foundation.scss */ .small-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 235, ../scss/partials/_foundation.scss */ .small-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 240, ../scss/partials/_foundation.scss */ .small-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 245, ../scss/partials/_foundation.scss */ .small-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 250, ../scss/partials/_foundation.scss */ .small-push-9 { position: relative; left: 75%; right: auto; } /* line 255, ../scss/partials/_foundation.scss */ .small-pull-9 { position: relative; right: 75%; left: auto; } /* line 260, ../scss/partials/_foundation.scss */ .small-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 265, ../scss/partials/_foundation.scss */ .small-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 270, ../scss/partials/_foundation.scss */ .small-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 275, ../scss/partials/_foundation.scss */ .small-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 281, ../scss/partials/_foundation.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 287, ../scss/partials/_foundation.scss */ .small-1 { width: 8.33333%; } /* line 290, ../scss/partials/_foundation.scss */ .small-2 { width: 16.66667%; } /* line 293, ../scss/partials/_foundation.scss */ .small-3 { width: 25%; } /* line 296, ../scss/partials/_foundation.scss */ .small-4 { width: 33.33333%; } /* line 299, ../scss/partials/_foundation.scss */ .small-5 { width: 41.66667%; } /* line 302, ../scss/partials/_foundation.scss */ .small-6 { width: 50%; } /* line 305, ../scss/partials/_foundation.scss */ .small-7 { width: 58.33333%; } /* line 308, ../scss/partials/_foundation.scss */ .small-8 { width: 66.66667%; } /* line 311, ../scss/partials/_foundation.scss */ .small-9 { width: 75%; } /* line 314, ../scss/partials/_foundation.scss */ .small-10 { width: 83.33333%; } /* line 317, ../scss/partials/_foundation.scss */ .small-11 { width: 91.66667%; } /* line 320, ../scss/partials/_foundation.scss */ .small-12 { width: 100%; } /* line 323, ../scss/partials/_foundation.scss */ .small-offset-0 { margin-left: 0% !important; } /* line 326, ../scss/partials/_foundation.scss */ .small-offset-1 { margin-left: 8.33333% !important; } /* line 329, ../scss/partials/_foundation.scss */ .small-offset-2 { margin-left: 16.66667% !important; } /* line 332, ../scss/partials/_foundation.scss */ .small-offset-3 { margin-left: 25% !important; } /* line 335, ../scss/partials/_foundation.scss */ .small-offset-4 { margin-left: 33.33333% !important; } /* line 338, ../scss/partials/_foundation.scss */ .small-offset-5 { margin-left: 41.66667% !important; } /* line 341, ../scss/partials/_foundation.scss */ .small-offset-6 { margin-left: 50% !important; } /* line 344, ../scss/partials/_foundation.scss */ .small-offset-7 { margin-left: 58.33333% !important; } /* line 347, ../scss/partials/_foundation.scss */ .small-offset-8 { margin-left: 66.66667% !important; } /* line 350, ../scss/partials/_foundation.scss */ .small-offset-9 { margin-left: 75% !important; } /* line 353, ../scss/partials/_foundation.scss */ .small-offset-10 { margin-left: 83.33333% !important; } /* line 356, ../scss/partials/_foundation.scss */ .small-offset-11 { margin-left: 91.66667% !important; } /* line 359, ../scss/partials/_foundation.scss */ .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } /* line 367, ../scss/partials/_foundation.scss */ .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } /* line 373, ../scss/partials/_foundation.scss */ .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } /* line 379, ../scss/partials/_foundation.scss */ .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } /* line 383, ../scss/partials/_foundation.scss */ .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } /* line 387, ../scss/partials/_foundation.scss */ .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { /* line 390, ../scss/partials/_foundation.scss */ .medium-push-0 { position: relative; left: 0%; right: auto; } /* line 395, ../scss/partials/_foundation.scss */ .medium-pull-0 { position: relative; right: 0%; left: auto; } /* line 400, ../scss/partials/_foundation.scss */ .medium-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 405, ../scss/partials/_foundation.scss */ .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 410, ../scss/partials/_foundation.scss */ .medium-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 415, ../scss/partials/_foundation.scss */ .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 420, ../scss/partials/_foundation.scss */ .medium-push-3 { position: relative; left: 25%; right: auto; } /* line 425, ../scss/partials/_foundation.scss */ .medium-pull-3 { position: relative; right: 25%; left: auto; } /* line 430, ../scss/partials/_foundation.scss */ .medium-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 435, ../scss/partials/_foundation.scss */ .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 440, ../scss/partials/_foundation.scss */ .medium-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 445, ../scss/partials/_foundation.scss */ .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 450, ../scss/partials/_foundation.scss */ .medium-push-6 { position: relative; left: 50%; right: auto; } /* line 455, ../scss/partials/_foundation.scss */ .medium-pull-6 { position: relative; right: 50%; left: auto; } /* line 460, ../scss/partials/_foundation.scss */ .medium-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 465, ../scss/partials/_foundation.scss */ .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 470, ../scss/partials/_foundation.scss */ .medium-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 475, ../scss/partials/_foundation.scss */ .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 480, ../scss/partials/_foundation.scss */ .medium-push-9 { position: relative; left: 75%; right: auto; } /* line 485, ../scss/partials/_foundation.scss */ .medium-pull-9 { position: relative; right: 75%; left: auto; } /* line 490, ../scss/partials/_foundation.scss */ .medium-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 495, ../scss/partials/_foundation.scss */ .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 500, ../scss/partials/_foundation.scss */ .medium-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 505, ../scss/partials/_foundation.scss */ .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 511, ../scss/partials/_foundation.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 517, ../scss/partials/_foundation.scss */ .medium-1 { width: 8.33333%; } /* line 520, ../scss/partials/_foundation.scss */ .medium-2 { width: 16.66667%; } /* line 523, ../scss/partials/_foundation.scss */ .medium-3 { width: 25%; } /* line 526, ../scss/partials/_foundation.scss */ .medium-4 { width: 33.33333%; } /* line 529, ../scss/partials/_foundation.scss */ .medium-5 { width: 41.66667%; } /* line 532, ../scss/partials/_foundation.scss */ .medium-6 { width: 50%; } /* line 535, ../scss/partials/_foundation.scss */ .medium-7 { width: 58.33333%; } /* line 538, ../scss/partials/_foundation.scss */ .medium-8 { width: 66.66667%; } /* line 541, ../scss/partials/_foundation.scss */ .medium-9 { width: 75%; } /* line 544, ../scss/partials/_foundation.scss */ .medium-10 { width: 83.33333%; } /* line 547, ../scss/partials/_foundation.scss */ .medium-11 { width: 91.66667%; } /* line 550, ../scss/partials/_foundation.scss */ .medium-12 { width: 100%; } /* line 553, ../scss/partials/_foundation.scss */ .medium-offset-0 { margin-left: 0% !important; } /* line 556, ../scss/partials/_foundation.scss */ .medium-offset-1 { margin-left: 8.33333% !important; } /* line 559, ../scss/partials/_foundation.scss */ .medium-offset-2 { margin-left: 16.66667% !important; } /* line 562, ../scss/partials/_foundation.scss */ .medium-offset-3 { margin-left: 25% !important; } /* line 565, ../scss/partials/_foundation.scss */ .medium-offset-4 { margin-left: 33.33333% !important; } /* line 568, ../scss/partials/_foundation.scss */ .medium-offset-5 { margin-left: 41.66667% !important; } /* line 571, ../scss/partials/_foundation.scss */ .medium-offset-6 { margin-left: 50% !important; } /* line 574, ../scss/partials/_foundation.scss */ .medium-offset-7 { margin-left: 58.33333% !important; } /* line 577, ../scss/partials/_foundation.scss */ .medium-offset-8 { margin-left: 66.66667% !important; } /* line 580, ../scss/partials/_foundation.scss */ .medium-offset-9 { margin-left: 75% !important; } /* line 583, ../scss/partials/_foundation.scss */ .medium-offset-10 { margin-left: 83.33333% !important; } /* line 586, ../scss/partials/_foundation.scss */ .medium-offset-11 { margin-left: 91.66667% !important; } /* line 589, ../scss/partials/_foundation.scss */ .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } /* line 597, ../scss/partials/_foundation.scss */ .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } /* line 603, ../scss/partials/_foundation.scss */ .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } /* line 609, ../scss/partials/_foundation.scss */ .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } /* line 613, ../scss/partials/_foundation.scss */ .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } /* line 617, ../scss/partials/_foundation.scss */ .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } /* line 620, ../scss/partials/_foundation.scss */ .push-0 { position: relative; left: 0%; right: auto; } /* line 625, ../scss/partials/_foundation.scss */ .pull-0 { position: relative; right: 0%; left: auto; } /* line 630, ../scss/partials/_foundation.scss */ .push-1 { position: relative; left: 8.33333%; right: auto; } /* line 635, ../scss/partials/_foundation.scss */ .pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 640, ../scss/partials/_foundation.scss */ .push-2 { position: relative; left: 16.66667%; right: auto; } /* line 645, ../scss/partials/_foundation.scss */ .pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 650, ../scss/partials/_foundation.scss */ .push-3 { position: relative; left: 25%; right: auto; } /* line 655, ../scss/partials/_foundation.scss */ .pull-3 { position: relative; right: 25%; left: auto; } /* line 660, ../scss/partials/_foundation.scss */ .push-4 { position: relative; left: 33.33333%; right: auto; } /* line 665, ../scss/partials/_foundation.scss */ .pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 670, ../scss/partials/_foundation.scss */ .push-5 { position: relative; left: 41.66667%; right: auto; } /* line 675, ../scss/partials/_foundation.scss */ .pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 680, ../scss/partials/_foundation.scss */ .push-6 { position: relative; left: 50%; right: auto; } /* line 685, ../scss/partials/_foundation.scss */ .pull-6 { position: relative; right: 50%; left: auto; } /* line 690, ../scss/partials/_foundation.scss */ .push-7 { position: relative; left: 58.33333%; right: auto; } /* line 695, ../scss/partials/_foundation.scss */ .pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 700, ../scss/partials/_foundation.scss */ .push-8 { position: relative; left: 66.66667%; right: auto; } /* line 705, ../scss/partials/_foundation.scss */ .pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 710, ../scss/partials/_foundation.scss */ .push-9 { position: relative; left: 75%; right: auto; } /* line 715, ../scss/partials/_foundation.scss */ .pull-9 { position: relative; right: 75%; left: auto; } /* line 720, ../scss/partials/_foundation.scss */ .push-10 { position: relative; left: 83.33333%; right: auto; } /* line 725, ../scss/partials/_foundation.scss */ .pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 730, ../scss/partials/_foundation.scss */ .push-11 { position: relative; left: 91.66667%; right: auto; } /* line 735, ../scss/partials/_foundation.scss */ .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { /* line 740, ../scss/partials/_foundation.scss */ .large-push-0 { position: relative; left: 0%; right: auto; } /* line 745, ../scss/partials/_foundation.scss */ .large-pull-0 { position: relative; right: 0%; left: auto; } /* line 750, ../scss/partials/_foundation.scss */ .large-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 755, ../scss/partials/_foundation.scss */ .large-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 760, ../scss/partials/_foundation.scss */ .large-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 765, ../scss/partials/_foundation.scss */ .large-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 770, ../scss/partials/_foundation.scss */ .large-push-3 { position: relative; left: 25%; right: auto; } /* line 775, ../scss/partials/_foundation.scss */ .large-pull-3 { position: relative; right: 25%; left: auto; } /* line 780, ../scss/partials/_foundation.scss */ .large-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 785, ../scss/partials/_foundation.scss */ .large-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 790, ../scss/partials/_foundation.scss */ .large-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 795, ../scss/partials/_foundation.scss */ .large-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 800, ../scss/partials/_foundation.scss */ .large-push-6 { position: relative; left: 50%; right: auto; } /* line 805, ../scss/partials/_foundation.scss */ .large-pull-6 { position: relative; right: 50%; left: auto; } /* line 810, ../scss/partials/_foundation.scss */ .large-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 815, ../scss/partials/_foundation.scss */ .large-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 820, ../scss/partials/_foundation.scss */ .large-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 825, ../scss/partials/_foundation.scss */ .large-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 830, ../scss/partials/_foundation.scss */ .large-push-9 { position: relative; left: 75%; right: auto; } /* line 835, ../scss/partials/_foundation.scss */ .large-pull-9 { position: relative; right: 75%; left: auto; } /* line 840, ../scss/partials/_foundation.scss */ .large-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 845, ../scss/partials/_foundation.scss */ .large-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 850, ../scss/partials/_foundation.scss */ .large-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 855, ../scss/partials/_foundation.scss */ .large-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 861, ../scss/partials/_foundation.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 867, ../scss/partials/_foundation.scss */ .large-1 { width: 8.33333%; } /* line 870, ../scss/partials/_foundation.scss */ .large-2 { width: 16.66667%; } /* line 873, ../scss/partials/_foundation.scss */ .large-3 { width: 25%; } /* line 876, ../scss/partials/_foundation.scss */ .large-4 { width: 33.33333%; } /* line 879, ../scss/partials/_foundation.scss */ .large-5 { width: 41.66667%; } /* line 882, ../scss/partials/_foundation.scss */ .large-6 { width: 50%; } /* line 885, ../scss/partials/_foundation.scss */ .large-7 { width: 58.33333%; } /* line 888, ../scss/partials/_foundation.scss */ .large-8 { width: 66.66667%; } /* line 891, ../scss/partials/_foundation.scss */ .large-9 { width: 75%; } /* line 894, ../scss/partials/_foundation.scss */ .large-10 { width: 83.33333%; } /* line 897, ../scss/partials/_foundation.scss */ .large-11 { width: 91.66667%; } /* line 900, ../scss/partials/_foundation.scss */ .large-12 { width: 100%; } /* line 903, ../scss/partials/_foundation.scss */ .large-offset-0 { margin-left: 0% !important; } /* line 906, ../scss/partials/_foundation.scss */ .large-offset-1 { margin-left: 8.33333% !important; } /* line 909, ../scss/partials/_foundation.scss */ .large-offset-2 { margin-left: 16.66667% !important; } /* line 912, ../scss/partials/_foundation.scss */ .large-offset-3 { margin-left: 25% !important; } /* line 915, ../scss/partials/_foundation.scss */ .large-offset-4 { margin-left: 33.33333% !important; } /* line 918, ../scss/partials/_foundation.scss */ .large-offset-5 { margin-left: 41.66667% !important; } /* line 921, ../scss/partials/_foundation.scss */ .large-offset-6 { margin-left: 50% !important; } /* line 924, ../scss/partials/_foundation.scss */ .large-offset-7 { margin-left: 58.33333% !important; } /* line 927, ../scss/partials/_foundation.scss */ .large-offset-8 { margin-left: 66.66667% !important; } /* line 930, ../scss/partials/_foundation.scss */ .large-offset-9 { margin-left: 75% !important; } /* line 933, ../scss/partials/_foundation.scss */ .large-offset-10 { margin-left: 83.33333% !important; } /* line 936, ../scss/partials/_foundation.scss */ .large-offset-11 { margin-left: 91.66667% !important; } /* line 939, ../scss/partials/_foundation.scss */ .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } /* line 947, ../scss/partials/_foundation.scss */ .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } /* line 953, ../scss/partials/_foundation.scss */ .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } /* line 959, ../scss/partials/_foundation.scss */ .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } /* line 963, ../scss/partials/_foundation.scss */ .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } /* line 967, ../scss/partials/_foundation.scss */ .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } /* line 970, ../scss/partials/_foundation.scss */ .push-0 { position: relative; left: 0%; right: auto; } /* line 975, ../scss/partials/_foundation.scss */ .pull-0 { position: relative; right: 0%; left: auto; } /* line 980, ../scss/partials/_foundation.scss */ .push-1 { position: relative; left: 8.33333%; right: auto; } /* line 985, ../scss/partials/_foundation.scss */ .pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 990, ../scss/partials/_foundation.scss */ .push-2 { position: relative; left: 16.66667%; right: auto; } /* line 995, ../scss/partials/_foundation.scss */ .pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 1000, ../scss/partials/_foundation.scss */ .push-3 { position: relative; left: 25%; right: auto; } /* line 1005, ../scss/partials/_foundation.scss */ .pull-3 { position: relative; right: 25%; left: auto; } /* line 1010, ../scss/partials/_foundation.scss */ .push-4 { position: relative; left: 33.33333%; right: auto; } /* line 1015, ../scss/partials/_foundation.scss */ .pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 1020, ../scss/partials/_foundation.scss */ .push-5 { position: relative; left: 41.66667%; right: auto; } /* line 1025, ../scss/partials/_foundation.scss */ .pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 1030, ../scss/partials/_foundation.scss */ .push-6 { position: relative; left: 50%; right: auto; } /* line 1035, ../scss/partials/_foundation.scss */ .pull-6 { position: relative; right: 50%; left: auto; } /* line 1040, ../scss/partials/_foundation.scss */ .push-7 { position: relative; left: 58.33333%; right: auto; } /* line 1045, ../scss/partials/_foundation.scss */ .pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 1050, ../scss/partials/_foundation.scss */ .push-8 { position: relative; left: 66.66667%; right: auto; } /* line 1055, ../scss/partials/_foundation.scss */ .pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 1060, ../scss/partials/_foundation.scss */ .push-9 { position: relative; left: 75%; right: auto; } /* line 1065, ../scss/partials/_foundation.scss */ .pull-9 { position: relative; right: 75%; left: auto; } /* line 1070, ../scss/partials/_foundation.scss */ .push-10 { position: relative; left: 83.33333%; right: auto; } /* line 1075, ../scss/partials/_foundation.scss */ .pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 1080, ../scss/partials/_foundation.scss */ .push-11 { position: relative; left: 91.66667%; right: auto; } /* line 1085, ../scss/partials/_foundation.scss */ .pull-11 { position: relative; right: 91.66667%; left: auto; } } /* line 1089, ../scss/partials/_foundation.scss */ button, .button { border-style: solid; border-width: 0px; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #008cba; border-color: #007095; color: white; transition: background-color 300ms ease-out; } /* line 1112, ../scss/partials/_foundation.scss */ button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; } /* line 1114, ../scss/partials/_foundation.scss */ button:hover, button:focus, .button:hover, .button:focus { color: white; } /* line 1116, ../scss/partials/_foundation.scss */ button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } /* line 1120, ../scss/partials/_foundation.scss */ button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } /* line 1122, ../scss/partials/_foundation.scss */ button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } /* line 1124, ../scss/partials/_foundation.scss */ button.success, .button.success { background-color: #43ac6a; border-color: #368a55; color: white; } /* line 1128, ../scss/partials/_foundation.scss */ button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } /* line 1130, ../scss/partials/_foundation.scss */ button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } /* line 1132, ../scss/partials/_foundation.scss */ button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: white; } /* line 1136, ../scss/partials/_foundation.scss */ button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } /* line 1138, ../scss/partials/_foundation.scss */ button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } /* line 1140, ../scss/partials/_foundation.scss */ button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: white; } /* line 1144, ../scss/partials/_foundation.scss */ button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } /* line 1146, ../scss/partials/_foundation.scss */ button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: white; } /* line 1148, ../scss/partials/_foundation.scss */ button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } /* line 1152, ../scss/partials/_foundation.scss */ button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } /* line 1154, ../scss/partials/_foundation.scss */ button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: white; } /* line 1156, ../scss/partials/_foundation.scss */ button.large, .button.large { padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; } /* line 1162, ../scss/partials/_foundation.scss */ button.small, .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; } /* line 1168, ../scss/partials/_foundation.scss */ button.tiny, .button.tiny { padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.6875rem; } /* line 1174, ../scss/partials/_foundation.scss */ button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } /* line 1178, ../scss/partials/_foundation.scss */ button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } /* line 1181, ../scss/partials/_foundation.scss */ button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } /* line 1184, ../scss/partials/_foundation.scss */ button.radius, .button.radius { border-radius: 3px; } /* line 1186, ../scss/partials/_foundation.scss */ button.round, .button.round { border-radius: 1000px; } /* line 1188, ../scss/partials/_foundation.scss */ button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008cba; border-color: #007095; color: white; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1195, ../scss/partials/_foundation.scss */ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007095; } /* line 1197, ../scss/partials/_foundation.scss */ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } /* line 1199, ../scss/partials/_foundation.scss */ button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008cba; } /* line 1201, ../scss/partials/_foundation.scss */ button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1208, ../scss/partials/_foundation.scss */ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } /* line 1210, ../scss/partials/_foundation.scss */ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } /* line 1212, ../scss/partials/_foundation.scss */ button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } /* line 1214, ../scss/partials/_foundation.scss */ button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43ac6a; border-color: #368a55; color: white; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1221, ../scss/partials/_foundation.scss */ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } /* line 1223, ../scss/partials/_foundation.scss */ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } /* line 1225, ../scss/partials/_foundation.scss */ button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43ac6a; } /* line 1227, ../scss/partials/_foundation.scss */ button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1234, ../scss/partials/_foundation.scss */ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } /* line 1236, ../scss/partials/_foundation.scss */ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } /* line 1238, ../scss/partials/_foundation.scss */ button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } /* line 1240, ../scss/partials/_foundation.scss */ button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: white; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1247, ../scss/partials/_foundation.scss */ button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } /* line 1249, ../scss/partials/_foundation.scss */ button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: white; } /* line 1251, ../scss/partials/_foundation.scss */ button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } /* line 1253, ../scss/partials/_foundation.scss */ button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } /* line 1260, ../scss/partials/_foundation.scss */ button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } /* line 1262, ../scss/partials/_foundation.scss */ button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: white; } /* line 1264, ../scss/partials/_foundation.scss */ button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } /* line 1267, ../scss/partials/_foundation.scss */ button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { /* line 1272, ../scss/partials/_foundation.scss */ button, .button { display: inline-block; } } /* Standard Forms */ /* line 1275, ../scss/partials/_foundation.scss */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ /* line 1279, ../scss/partials/_foundation.scss */ form .row .row { margin: 0 -0.5rem; } /* line 1282, ../scss/partials/_foundation.scss */ form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } /* line 1284, ../scss/partials/_foundation.scss */ form .row .row.collapse { margin: 0; } /* line 1287, ../scss/partials/_foundation.scss */ form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } /* line 1289, ../scss/partials/_foundation.scss */ form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } /* line 1297, ../scss/partials/_foundation.scss */ form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ /* line 1301, ../scss/partials/_foundation.scss */ label { font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } /* line 1310, ../scss/partials/_foundation.scss */ label.right { float: none !important; text-align: right; } /* line 1313, ../scss/partials/_foundation.scss */ label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } /* line 1316, ../scss/partials/_foundation.scss */ label small { text-transform: capitalize; color: #676767; } /* Attach elements to the beginning or end of an input */ /* line 1322, ../scss/partials/_foundation.scss */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; } /* Adjust padding, alignment and radius if pre/post element is a button */ /* line 1338, ../scss/partials/_foundation.scss */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } /* line 1347, ../scss/partials/_foundation.scss */ .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125rem; border: none; } /* line 1356, ../scss/partials/_foundation.scss */ .prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 1363, ../scss/partials/_foundation.scss */ .postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 1370, ../scss/partials/_foundation.scss */ .prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* line 1377, ../scss/partials/_foundation.scss */ .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ /* line 1385, ../scss/partials/_foundation.scss */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } /* line 1391, ../scss/partials/_foundation.scss */ span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ /* line 1412, ../scss/partials/_foundation.scss */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -webkit-border-radius: 0px; background-color: white; font-family: inherit; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; } /* line 1446, ../scss/partials/_foundation.scss */ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { box-shadow: 0 0 5px #999999; border-color: #999999; } /* line 1463, ../scss/partials/_foundation.scss */ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } /* line 1481, ../scss/partials/_foundation.scss */ input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #dddddd; cursor: default; } /* line 1526, ../scss/partials/_foundation.scss */ input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #dddddd; cursor: default; } /* line 1543, ../scss/partials/_foundation.scss */ input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } /* line 1548, ../scss/partials/_foundation.scss */ form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 1554, ../scss/partials/_foundation.scss */ form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 1562, ../scss/partials/_foundation.scss */ form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 1568, ../scss/partials/_foundation.scss */ form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 1576, ../scss/partials/_foundation.scss */ form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* line 1582, ../scss/partials/_foundation.scss */ form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* line 1590, ../scss/partials/_foundation.scss */ form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* line 1596, ../scss/partials/_foundation.scss */ form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* line 1603, ../scss/partials/_foundation.scss */ input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0px; } /* Respect enforced amount of rows for textarea */ /* line 1608, ../scss/partials/_foundation.scss */ textarea[rows] { height: auto; } /* Not allow resize out of parent */ /* line 1612, ../scss/partials/_foundation.scss */ textarea { max-width: 100%; } /* Add height value for select elements to match text input height */ /* line 1616, ../scss/partials/_foundation.scss */ select { -webkit-appearance: none !important; -webkit-border-radius: 0px; background-color: #fafafa; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; padding: 0.5rem; font-size: 0.875rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem; } /* line 1633, ../scss/partials/_foundation.scss */ select::-ms-expand { display: none; } /* line 1635, ../scss/partials/_foundation.scss */ select.radius { border-radius: 3px; } /* line 1637, ../scss/partials/_foundation.scss */ select:hover { background-color: #f3f3f3; border-color: #999999; } /* line 1640, ../scss/partials/_foundation.scss */ select:disabled { background-color: #dddddd; cursor: default; } /* Adjust margin for form elements below */ /* line 1648, ../scss/partials/_foundation.scss */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } /* line 1652, ../scss/partials/_foundation.scss */ input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ /* line 1660, ../scss/partials/_foundation.scss */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ /* line 1665, ../scss/partials/_foundation.scss */ fieldset { border: 1px solid #dddddd; padding: 1.25rem; margin: 1.125rem 0; } /* line 1669, ../scss/partials/_foundation.scss */ fieldset legend { font-weight: bold; background: white; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } /* Error Handling */ /* line 1677, ../scss/partials/_foundation.scss */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } /* line 1687, ../scss/partials/_foundation.scss */ [data-abide] span.error, [data-abide] small.error { display: none; } /* line 1690, ../scss/partials/_foundation.scss */ span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } /* line 1703, ../scss/partials/_foundation.scss */ .error input, .error textarea, .error select { margin-bottom: 0; } /* line 1706, ../scss/partials/_foundation.scss */ .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } /* line 1709, ../scss/partials/_foundation.scss */ .error label, .error label.error { color: #f04124; } /* line 1711, ../scss/partials/_foundation.scss */ .error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: white; } /* line 1721, ../scss/partials/_foundation.scss */ .error > label > small { color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; } /* line 1730, ../scss/partials/_foundation.scss */ .error span.error-message { display: block; } /* line 1735, ../scss/partials/_foundation.scss */ input.error, textarea.error, select.error { margin-bottom: 0; } /* line 1738, ../scss/partials/_foundation.scss */ label.error { color: #f04124; } /* line 1741, ../scss/partials/_foundation.scss */ meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } /* Wrapped around .top-bar to contain to grid width */ /* line 1746, ../scss/partials/_foundation.scss */ .contain-to-grid { width: 100%; background: #333333; } /* line 1749, ../scss/partials/_foundation.scss */ .contain-to-grid .top-bar { margin-bottom: 0; } /* line 1752, ../scss/partials/_foundation.scss */ .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } /* line 1758, ../scss/partials/_foundation.scss */ .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } /* line 1763, ../scss/partials/_foundation.scss */ .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } /* line 1767, ../scss/partials/_foundation.scss */ .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 45px; } /* line 1771, ../scss/partials/_foundation.scss */ .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #333333; margin-bottom: 0; } /* line 1778, ../scss/partials/_foundation.scss */ .top-bar ul { margin-bottom: 0; list-style: none; } /* line 1781, ../scss/partials/_foundation.scss */ .top-bar .row { max-width: none; } /* line 1784, ../scss/partials/_foundation.scss */ .top-bar form, .top-bar input { margin-bottom: 0; } /* line 1786, ../scss/partials/_foundation.scss */ .top-bar input { height: 1.8rem; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; } /* line 1791, ../scss/partials/_foundation.scss */ .top-bar .button, .top-bar button { padding-top: 0.4125rem; padding-bottom: 0.4125rem; margin-bottom: 0; font-size: 0.75rem; } @media only screen and (max-width: 40em) { /* line 1797, ../scss/partials/_foundation.scss */ .top-bar .button, .top-bar button { position: relative; top: -1px; } } /* line 1800, ../scss/partials/_foundation.scss */ .top-bar .title-area { position: relative; margin: 0; } /* line 1803, ../scss/partials/_foundation.scss */ .top-bar .name { height: 45px; margin: 0; font-size: 16px; } /* line 1807, ../scss/partials/_foundation.scss */ .top-bar .name h1 { line-height: 45px; font-size: 1.0625rem; margin: 0; } /* line 1811, ../scss/partials/_foundation.scss */ .top-bar .name h1 a { font-weight: normal; color: white; width: 75%; display: block; padding: 0 15px; } /* line 1817, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } /* line 1821, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar a { color: white; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } /* line 1831, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; } /* line 1834, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar.menu-icon a { height: 34px; line-height: 33px; padding: 0 40px 0 15px; color: white; position: relative; } /* line 1840, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 15px; box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; width: 16px; } /* line 1850, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } /* line 1852, ../scss/partials/_foundation.scss */ .top-bar.expanded { height: auto; background: transparent; } /* line 1855, ../scss/partials/_foundation.scss */ .top-bar.expanded .title-area { background: #333333; } /* line 1857, ../scss/partials/_foundation.scss */ .top-bar.expanded .toggle-topbar a { color: #888888; } /* line 1859, ../scss/partials/_foundation.scss */ .top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } /* line 1862, ../scss/partials/_foundation.scss */ .top-bar-section { left: 0; position: relative; width: auto; transition: left 300ms ease-out; } /* line 1867, ../scss/partials/_foundation.scss */ .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; } /* line 1875, ../scss/partials/_foundation.scss */ .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px #1a1a1a; clear: both; height: 1px; width: 100%; } /* line 1880, ../scss/partials/_foundation.scss */ .top-bar-section ul li { background: #333333; } /* line 1882, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a { display: block; width: 100%; color: white; padding: 12px 0 12px 0; padding-left: 15px; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 0.8125rem; font-weight: normal; text-transform: none; } /* line 1892, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button { font-size: 0.8125rem; padding-right: 15px; padding-left: 15px; background-color: #008cba; border-color: #007095; color: white; } /* line 1899, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #007095; } /* line 1901, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: white; } /* line 1903, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } /* line 1907, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: #b9b9b9; } /* line 1909, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #333333; } /* line 1911, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.success { background-color: #43ac6a; border-color: #368a55; color: white; } /* line 1915, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #368a55; } /* line 1917, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: white; } /* line 1919, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.alert { background-color: #f04124; border-color: #cf2a0e; color: white; } /* line 1923, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #cf2a0e; } /* line 1925, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: white; } /* line 1927, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.warning { background-color: #f08a24; border-color: #cf6e0e; color: white; } /* line 1931, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { background-color: #cf6e0e; } /* line 1933, ../scss/partials/_foundation.scss */ .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { color: white; } /* line 1935, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button { font-size: 0.8125rem; padding-right: 15px; padding-left: 15px; background-color: #008cba; border-color: #007095; color: white; } /* line 1942, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #007095; } /* line 1944, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: white; } /* line 1946, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } /* line 1950, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #b9b9b9; } /* line 1952, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #333333; } /* line 1954, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.success { background-color: #43ac6a; border-color: #368a55; color: white; } /* line 1958, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #368a55; } /* line 1960, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: white; } /* line 1962, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.alert { background-color: #f04124; border-color: #cf2a0e; color: white; } /* line 1966, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #cf2a0e; } /* line 1968, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: white; } /* line 1970, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.warning { background-color: #f08a24; border-color: #cf6e0e; color: white; } /* line 1974, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { background-color: #cf6e0e; } /* line 1976, ../scss/partials/_foundation.scss */ .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { color: white; } /* line 1978, ../scss/partials/_foundation.scss */ .top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555; background: #272727; color: white; } /* line 1982, ../scss/partials/_foundation.scss */ .top-bar-section ul li.active > a { background: #008cba; color: white; } /* line 1985, ../scss/partials/_foundation.scss */ .top-bar-section ul li.active > a:hover { background: #0078a0; color: white; } /* line 1988, ../scss/partials/_foundation.scss */ .top-bar-section .has-form { padding: 15px; } /* line 1990, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown { position: relative; } /* line 1992, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } /* line 2005, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.moved { position: static; } /* line 2007, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; } /* line 2016, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.moved > a:after { display: none; } /* line 2018, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown { padding: 0; position: absolute; left: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 2030, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li { width: 100%; height: auto; } /* line 2033, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } /* line 2036, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li a.parent-link { font-weight: normal; } /* line 2038, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.125rem; } /* line 2042, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: white; display: block; } /* line 2045, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: none; } /* line 2047, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li.has-form { padding: 8px 15px; } /* line 2049, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; } /* line 2051, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; } /* line 2059, ../scss/partials/_foundation.scss */ .js-generated { display: block; } @media only screen and (min-width: 40.063em) { /* line 2063, ../scss/partials/_foundation.scss */ .top-bar { background: #333333; overflow: visible; } /* line 2066, ../scss/partials/_foundation.scss */ .top-bar:before, .top-bar:after { content: " "; display: table; } /* line 2069, ../scss/partials/_foundation.scss */ .top-bar:after { clear: both; } /* line 2071, ../scss/partials/_foundation.scss */ .top-bar .toggle-topbar { display: none; } /* line 2073, ../scss/partials/_foundation.scss */ .top-bar .title-area { float: left; } /* line 2075, ../scss/partials/_foundation.scss */ .top-bar .name h1 a { width: auto; } /* line 2079, ../scss/partials/_foundation.scss */ .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; top: 7px; } /* line 2083, ../scss/partials/_foundation.scss */ .top-bar.expanded { background: #333333; } /* line 2086, ../scss/partials/_foundation.scss */ .contain-to-grid .top-bar { max-width: 62.5rem; margin: 0 auto; margin-bottom: 0; } /* line 2091, ../scss/partials/_foundation.scss */ .top-bar-section { transition: none 0 0; left: 0 !important; } /* line 2094, ../scss/partials/_foundation.scss */ .top-bar-section ul { width: auto; height: auto !important; display: inline; } /* line 2098, ../scss/partials/_foundation.scss */ .top-bar-section ul li { float: left; } /* line 2100, ../scss/partials/_foundation.scss */ .top-bar-section ul li .js-generated { display: none; } /* line 2102, ../scss/partials/_foundation.scss */ .top-bar-section li.hover > a:not(.button) { background-color: #555555; background: #272727; color: white; } /* line 2106, ../scss/partials/_foundation.scss */ .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; background: #333333; } /* line 2110, ../scss/partials/_foundation.scss */ .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #272727; } /* line 2113, ../scss/partials/_foundation.scss */ .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 15px; line-height: 45px; color: white; background: #008cba; } /* line 2118, ../scss/partials/_foundation.scss */ .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #0078a0; color: white; } /* line 2121, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown > a { padding-right: 35px !important; } /* line 2123, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } /* line 2133, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.moved { position: relative; } /* line 2135, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 2142, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } /* line 2150, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } /* line 2158, ../scss/partials/_foundation.scss */ .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; } /* line 2165, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } /* line 2170, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li a { color: white; line-height: 45px; white-space: nowrap; padding: 12px 15px; background: #333333; } /* line 2176, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: white; background: #333333; } /* line 2179, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { color: white; background-color: #555555; background: #272727; } /* line 2183, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } /* line 2186, ../scss/partials/_foundation.scss */ .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } /* line 2189, ../scss/partials/_foundation.scss */ .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #4e4e4e; clear: none; height: 45px; width: 0; } /* line 2196, ../scss/partials/_foundation.scss */ .top-bar-section .has-form { background: #333333; padding: 0 15px; height: 45px; } /* line 2200, ../scss/partials/_foundation.scss */ .top-bar-section .right li .dropdown { left: auto; right: 0; } /* line 2203, ../scss/partials/_foundation.scss */ .top-bar-section .right li .dropdown li .dropdown { right: 100%; } /* line 2205, ../scss/partials/_foundation.scss */ .top-bar-section .left li .dropdown { right: auto; left: 0; } /* line 2208, ../scss/partials/_foundation.scss */ .top-bar-section .left li .dropdown li .dropdown { left: 100%; } /* line 2211, ../scss/partials/_foundation.scss */ .no-js .top-bar-section ul li:hover > a { background-color: #555555; background: #272727; color: white; } /* line 2215, ../scss/partials/_foundation.scss */ .no-js .top-bar-section ul li:active > a { background: #008cba; color: white; } /* line 2218, ../scss/partials/_foundation.scss */ .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } /* line 2226, ../scss/partials/_foundation.scss */ .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } } /* line 2234, ../scss/partials/_foundation.scss */ .breadcrumbs { display: block; padding: 0.5625rem 0.875rem 0.5625rem; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f4f4f4; border-color: gainsboro; border-radius: 3px; } /* line 2245, ../scss/partials/_foundation.scss */ .breadcrumbs > * { margin: 0; float: left; font-size: 0.6875rem; line-height: 0.6875rem; text-transform: uppercase; color: #008cba; } /* line 2252, ../scss/partials/_foundation.scss */ .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } /* line 2254, ../scss/partials/_foundation.scss */ .breadcrumbs > * a { color: #008cba; } /* line 2256, ../scss/partials/_foundation.scss */ .breadcrumbs > *.current { cursor: default; color: #333333; } /* line 2259, ../scss/partials/_foundation.scss */ .breadcrumbs > *.current a { cursor: default; color: #333333; } /* line 2262, ../scss/partials/_foundation.scss */ .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } /* line 2264, ../scss/partials/_foundation.scss */ .breadcrumbs > *.unavailable { color: #999999; } /* line 2266, ../scss/partials/_foundation.scss */ .breadcrumbs > *.unavailable a { color: #999999; } /* line 2269, ../scss/partials/_foundation.scss */ .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } /* line 2273, ../scss/partials/_foundation.scss */ .breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 0.75rem; position: relative; top: 1px; } /* line 2279, ../scss/partials/_foundation.scss */ .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Accessibility - hides the forward slash */ /* line 2284, ../scss/partials/_foundation.scss */ [aria-label="breadcrumbs"] [aria-hidden="true"]:after { content: "/"; } /* line 2287, ../scss/partials/_foundation.scss */ .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: normal; margin-bottom: 1.25rem; position: relative; padding: 0.875rem 1.5rem 0.875rem 0.875rem; font-size: 0.8125rem; transition: opacity 300ms ease-out; background-color: #008cba; border-color: #0078a0; color: white; } /* line 2300, ../scss/partials/_foundation.scss */ .alert-box .close { font-size: 1.375rem; padding: 9px 6px 4px; line-height: 0; position: absolute; top: 50%; margin-top: -0.6875rem; right: 0.25rem; color: #333333; opacity: 0.3; background: inherit; } /* line 2311, ../scss/partials/_foundation.scss */ .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } /* line 2313, ../scss/partials/_foundation.scss */ .alert-box.radius { border-radius: 3px; } /* line 2315, ../scss/partials/_foundation.scss */ .alert-box.round { border-radius: 1000px; } /* line 2317, ../scss/partials/_foundation.scss */ .alert-box.success { background-color: #43ac6a; border-color: #3a945b; color: white; } /* line 2321, ../scss/partials/_foundation.scss */ .alert-box.alert { background-color: #f04124; border-color: #de2d0f; color: white; } /* line 2325, ../scss/partials/_foundation.scss */ .alert-box.secondary { background-color: #e7e7e7; border-color: #c7c7c7; color: #4f4f4f; } /* line 2329, ../scss/partials/_foundation.scss */ .alert-box.warning { background-color: #f08a24; border-color: #de770f; color: white; } /* line 2333, ../scss/partials/_foundation.scss */ .alert-box.info { background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f; } /* line 2337, ../scss/partials/_foundation.scss */ .alert-box.alert-close { opacity: 0; } /* line 2340, ../scss/partials/_foundation.scss */ .inline-list { margin: 0 auto 1.0625rem auto; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } /* line 2347, ../scss/partials/_foundation.scss */ .inline-list > li { list-style: none; float: left; margin-left: 1.375rem; display: block; } /* line 2352, ../scss/partials/_foundation.scss */ .inline-list > li > * { display: block; } /* line 2355, ../scss/partials/_foundation.scss */ .button-group { list-style: none; margin: 0; left: 0; } /* line 2359, ../scss/partials/_foundation.scss */ .button-group:before, .button-group:after { content: " "; display: table; } /* line 2362, ../scss/partials/_foundation.scss */ .button-group:after { clear: both; } /* line 2364, ../scss/partials/_foundation.scss */ .button-group > li { margin: 0 -2px; display: inline-block; } /* line 2367, ../scss/partials/_foundation.scss */ .button-group > li > button, .button-group > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2370, ../scss/partials/_foundation.scss */ .button-group > li:first-child button, .button-group > li:first-child .button { border-left: 0; } /* line 2372, ../scss/partials/_foundation.scss */ .button-group.stack > li { margin: 0 -2px; display: inline-block; display: block; margin: 0; float: none; } /* line 2378, ../scss/partials/_foundation.scss */ .button-group.stack > li > button, .button-group.stack > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2381, ../scss/partials/_foundation.scss */ .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-left: 0; } /* line 2383, ../scss/partials/_foundation.scss */ .button-group.stack > li > button, .button-group.stack > li .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2389, ../scss/partials/_foundation.scss */ .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-top: 0; } /* line 2391, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li { margin: 0 -2px; display: inline-block; } /* line 2394, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2397, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } @media only screen and (max-width: 40em) { /* line 2400, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li { margin: 0 -2px; display: inline-block; display: block; margin: 0; } /* line 2405, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2408, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } /* line 2410, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2416, ../scss/partials/_foundation.scss */ .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-top: 0; } } /* line 2418, ../scss/partials/_foundation.scss */ .button-group.radius > * { margin: 0 -2px; display: inline-block; } /* line 2421, ../scss/partials/_foundation.scss */ .button-group.radius > * > button, .button-group.radius > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2424, ../scss/partials/_foundation.scss */ .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { border-left: 0; } /* line 2426, ../scss/partials/_foundation.scss */ .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { border-radius: 0; } /* line 2428, ../scss/partials/_foundation.scss */ .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 2433, ../scss/partials/_foundation.scss */ .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 2438, ../scss/partials/_foundation.scss */ .button-group.radius.stack > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } /* line 2443, ../scss/partials/_foundation.scss */ .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2446, ../scss/partials/_foundation.scss */ .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-left: 0; } /* line 2448, ../scss/partials/_foundation.scss */ .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2454, ../scss/partials/_foundation.scss */ .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-top: 0; } /* line 2456, ../scss/partials/_foundation.scss */ .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { border-radius: 0; } /* line 2458, ../scss/partials/_foundation.scss */ .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /* line 2463, ../scss/partials/_foundation.scss */ .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } @media only screen and (min-width: 40.063em) { /* line 2469, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > * { margin: 0 -2px; display: inline-block; } /* line 2472, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2475, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } /* line 2477, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } /* line 2479, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 2484, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } } @media only screen and (max-width: 40em) { /* line 2490, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } /* line 2495, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2498, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } /* line 2500, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2506, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-top: 0; } /* line 2508, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } /* line 2510, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /* line 2515, ../scss/partials/_foundation.scss */ .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } } /* line 2520, ../scss/partials/_foundation.scss */ .button-group.round > * { margin: 0 -2px; display: inline-block; } /* line 2523, ../scss/partials/_foundation.scss */ .button-group.round > * > button, .button-group.round > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2526, ../scss/partials/_foundation.scss */ .button-group.round > *:first-child button, .button-group.round > *:first-child .button { border-left: 0; } /* line 2528, ../scss/partials/_foundation.scss */ .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { border-radius: 0; } /* line 2530, ../scss/partials/_foundation.scss */ .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* line 2535, ../scss/partials/_foundation.scss */ .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* line 2540, ../scss/partials/_foundation.scss */ .button-group.round.stack > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } /* line 2545, ../scss/partials/_foundation.scss */ .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2548, ../scss/partials/_foundation.scss */ .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-left: 0; } /* line 2550, ../scss/partials/_foundation.scss */ .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2556, ../scss/partials/_foundation.scss */ .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-top: 0; } /* line 2558, ../scss/partials/_foundation.scss */ .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { border-radius: 0; } /* line 2560, ../scss/partials/_foundation.scss */ .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } /* line 2565, ../scss/partials/_foundation.scss */ .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } @media only screen and (min-width: 40.063em) { /* line 2571, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > * { margin: 0 -2px; display: inline-block; } /* line 2574, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2577, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } /* line 2579, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } /* line 2581, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } /* line 2586, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } } @media only screen and (max-width: 40em) { /* line 2592, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } /* line 2597, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2600, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } /* line 2602, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0px; margin: 0; display: block; } /* line 2608, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-top: 0; } /* line 2610, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } /* line 2612, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } /* line 2617, ../scss/partials/_foundation.scss */ .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } } /* line 2622, ../scss/partials/_foundation.scss */ .button-group.even-2 li { margin: 0 -2px; display: inline-block; width: 50%; } /* line 2626, ../scss/partials/_foundation.scss */ .button-group.even-2 li > button, .button-group.even-2 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2629, ../scss/partials/_foundation.scss */ .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { border-left: 0; } /* line 2631, ../scss/partials/_foundation.scss */ .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } /* line 2633, ../scss/partials/_foundation.scss */ .button-group.even-3 li { margin: 0 -2px; display: inline-block; width: 33.33333%; } /* line 2637, ../scss/partials/_foundation.scss */ .button-group.even-3 li > button, .button-group.even-3 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2640, ../scss/partials/_foundation.scss */ .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { border-left: 0; } /* line 2642, ../scss/partials/_foundation.scss */ .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } /* line 2644, ../scss/partials/_foundation.scss */ .button-group.even-4 li { margin: 0 -2px; display: inline-block; width: 25%; } /* line 2648, ../scss/partials/_foundation.scss */ .button-group.even-4 li > button, .button-group.even-4 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2651, ../scss/partials/_foundation.scss */ .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { border-left: 0; } /* line 2653, ../scss/partials/_foundation.scss */ .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } /* line 2655, ../scss/partials/_foundation.scss */ .button-group.even-5 li { margin: 0 -2px; display: inline-block; width: 20%; } /* line 2659, ../scss/partials/_foundation.scss */ .button-group.even-5 li > button, .button-group.even-5 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2662, ../scss/partials/_foundation.scss */ .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { border-left: 0; } /* line 2664, ../scss/partials/_foundation.scss */ .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } /* line 2666, ../scss/partials/_foundation.scss */ .button-group.even-6 li { margin: 0 -2px; display: inline-block; width: 16.66667%; } /* line 2670, ../scss/partials/_foundation.scss */ .button-group.even-6 li > button, .button-group.even-6 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2673, ../scss/partials/_foundation.scss */ .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { border-left: 0; } /* line 2675, ../scss/partials/_foundation.scss */ .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } /* line 2677, ../scss/partials/_foundation.scss */ .button-group.even-7 li { margin: 0 -2px; display: inline-block; width: 14.28571%; } /* line 2681, ../scss/partials/_foundation.scss */ .button-group.even-7 li > button, .button-group.even-7 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2684, ../scss/partials/_foundation.scss */ .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { border-left: 0; } /* line 2686, ../scss/partials/_foundation.scss */ .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } /* line 2688, ../scss/partials/_foundation.scss */ .button-group.even-8 li { margin: 0 -2px; display: inline-block; width: 12.5%; } /* line 2692, ../scss/partials/_foundation.scss */ .button-group.even-8 li > button, .button-group.even-8 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } /* line 2695, ../scss/partials/_foundation.scss */ .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { border-left: 0; } /* line 2697, ../scss/partials/_foundation.scss */ .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } /* line 2700, ../scss/partials/_foundation.scss */ .button-bar:before, .button-bar:after { content: " "; display: table; } /* line 2703, ../scss/partials/_foundation.scss */ .button-bar:after { clear: both; } /* line 2705, ../scss/partials/_foundation.scss */ .button-bar .button-group { float: left; margin-right: 0.625rem; } /* line 2708, ../scss/partials/_foundation.scss */ .button-bar .button-group div { overflow: hidden; } /* Panels */ /* line 2712, ../scss/partials/_foundation.scss */ .panel { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2f2f2; color: #333333; } /* line 2720, ../scss/partials/_foundation.scss */ .panel > :first-child { margin-top: 0; } /* line 2722, ../scss/partials/_foundation.scss */ .panel > :last-child { margin-bottom: 0; } /* line 2724, ../scss/partials/_foundation.scss */ .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { color: #333333; } /* line 2726, ../scss/partials/_foundation.scss */ .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625rem; } /* line 2729, ../scss/partials/_foundation.scss */ .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } /* line 2731, ../scss/partials/_foundation.scss */ .panel.callout { border-style: solid; border-width: 1px; border-color: #b6edff; margin-bottom: 1.25rem; padding: 1.25rem; background: #ecfaff; color: #333333; } /* line 2739, ../scss/partials/_foundation.scss */ .panel.callout > :first-child { margin-top: 0; } /* line 2741, ../scss/partials/_foundation.scss */ .panel.callout > :last-child { margin-bottom: 0; } /* line 2743, ../scss/partials/_foundation.scss */ .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { color: #333333; } /* line 2745, ../scss/partials/_foundation.scss */ .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625rem; } /* line 2748, ../scss/partials/_foundation.scss */ .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } /* line 2750, ../scss/partials/_foundation.scss */ .panel.callout a:not(.button) { color: #008cba; } /* line 2752, ../scss/partials/_foundation.scss */ .panel.radius { border-radius: 3px; } /* line 2755, ../scss/partials/_foundation.scss */ .dropdown.button, button.dropdown { position: relative; outline: none; padding-right: 3.5625rem; } /* line 2759, ../scss/partials/_foundation.scss */ .dropdown.button::after, button.dropdown::after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } /* line 2768, ../scss/partials/_foundation.scss */ .dropdown.button::after, button.dropdown::after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } /* line 2772, ../scss/partials/_foundation.scss */ .dropdown.button::after, button.dropdown::after { border-color: white transparent transparent transparent; } /* line 2774, ../scss/partials/_foundation.scss */ .dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; } /* line 2776, ../scss/partials/_foundation.scss */ .dropdown.button.tiny:after, button.dropdown.tiny:after { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } /* line 2780, ../scss/partials/_foundation.scss */ .dropdown.button.tiny::after, button.dropdown.tiny::after { border-color: white transparent transparent transparent; } /* line 2782, ../scss/partials/_foundation.scss */ .dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; } /* line 2784, ../scss/partials/_foundation.scss */ .dropdown.button.small::after, button.dropdown.small::after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } /* line 2788, ../scss/partials/_foundation.scss */ .dropdown.button.small::after, button.dropdown.small::after { border-color: white transparent transparent transparent; } /* line 2790, ../scss/partials/_foundation.scss */ .dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; } /* line 2792, ../scss/partials/_foundation.scss */ .dropdown.button.large::after, button.dropdown.large::after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } /* line 2796, ../scss/partials/_foundation.scss */ .dropdown.button.large::after, button.dropdown.large::after { border-color: white transparent transparent transparent; } /* line 2798, ../scss/partials/_foundation.scss */ .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; } /* Image Thumbnails */ /* line 2802, ../scss/partials/_foundation.scss */ .th { line-height: 0; display: inline-block; border: solid 4px white; max-width: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 200ms ease-out; } /* line 2809, ../scss/partials/_foundation.scss */ .th:hover, .th:focus { box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); } /* line 2811, ../scss/partials/_foundation.scss */ .th.radius { border-radius: 3px; } /* line 2814, ../scss/partials/_foundation.scss */ .toolbar { background: #333333; width: 100%; font-size: 0; display: inline-block; } /* line 2819, ../scss/partials/_foundation.scss */ .toolbar.label-bottom .tab .tab-content i, .toolbar.label-bottom .tab .tab-content img { margin-bottom: 10px; } /* line 2821, ../scss/partials/_foundation.scss */ .toolbar.label-right .tab .tab-content i, .toolbar.label-right .tab .tab-content img { margin-right: 10px; display: inline-block; } /* line 2824, ../scss/partials/_foundation.scss */ .toolbar.label-right .tab .tab-content label { display: inline-block; } /* line 2826, ../scss/partials/_foundation.scss */ .toolbar.vertical.label-right .tab .tab-content { text-align: left; } /* line 2828, ../scss/partials/_foundation.scss */ .toolbar.vertical { height: 100%; width: auto; } /* line 2831, ../scss/partials/_foundation.scss */ .toolbar.vertical .tab { width: auto; margin: auto; float: none; } /* line 2835, ../scss/partials/_foundation.scss */ .toolbar .tab { text-align: center; width: 25%; margin: 0 auto; display: block; padding: 20px; float: left; } /* line 2842, ../scss/partials/_foundation.scss */ .toolbar .tab:hover { background: rgba(255, 255, 255, 0.1); } /* line 2845, ../scss/partials/_foundation.scss */ .toolbar .tab-content { font-size: 16px; text-align: center; } /* line 2848, ../scss/partials/_foundation.scss */ .toolbar .tab-content label { color: #cccccc; } /* line 2850, ../scss/partials/_foundation.scss */ .toolbar .tab-content i { font-size: 30px; display: block; margin: 0 auto; color: #cccccc; vertical-align: middle; } /* line 2856, ../scss/partials/_foundation.scss */ .toolbar .tab-content img { width: 30px; height: 30px; display: block; margin: 0 auto; } /* Pricing Tables */ /* line 2863, ../scss/partials/_foundation.scss */ .pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 1.25rem; } /* line 2867, ../scss/partials/_foundation.scss */ .pricing-table * { list-style: none; line-height: 1; } /* line 2870, ../scss/partials/_foundation.scss */ .pricing-table .title { background-color: #333333; padding: 0.9375rem 1.25rem; text-align: center; color: #eeeeee; font-weight: normal; font-size: 1rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } /* line 2878, ../scss/partials/_foundation.scss */ .pricing-table .price { background-color: #f6f6f6; padding: 0.9375rem 1.25rem; text-align: center; color: #333333; font-weight: normal; font-size: 2rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } /* line 2886, ../scss/partials/_foundation.scss */ .pricing-table .description { background-color: white; padding: 0.9375rem; text-align: center; color: #777777; font-size: 0.75rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } /* line 2895, ../scss/partials/_foundation.scss */ .pricing-table .bullet-item { background-color: white; padding: 0.9375rem; text-align: center; color: #333333; font-size: 0.875rem; font-weight: normal; border-bottom: dotted 1px #dddddd; } /* line 2903, ../scss/partials/_foundation.scss */ .pricing-table .cta-button { background-color: white; text-align: center; padding: 1.25rem 1.25rem 0; } @-webkit-keyframes rotate { /* line 2909, ../scss/partials/_foundation.scss */ from { -webkit-transform: rotate(0deg); } /* line 2912, ../scss/partials/_foundation.scss */ to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { /* line 2916, ../scss/partials/_foundation.scss */ from { -moz-transform: rotate(0deg); } /* line 2919, ../scss/partials/_foundation.scss */ to { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { /* line 2923, ../scss/partials/_foundation.scss */ from { -o-transform: rotate(0deg); } /* line 2926, ../scss/partials/_foundation.scss */ to { -o-transform: rotate(360deg); } } @keyframes rotate { /* line 2930, ../scss/partials/_foundation.scss */ from { transform: rotate(0deg); } /* line 2933, ../scss/partials/_foundation.scss */ to { transform: rotate(360deg); } } /* Orbit Graceful Loading */ /* line 2937, ../scss/partials/_foundation.scss */ .slideshow-wrapper { position: relative; } /* line 2939, ../scss/partials/_foundation.scss */ .slideshow-wrapper ul { list-style-type: none; margin: 0; } /* line 2943, ../scss/partials/_foundation.scss */ .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; } /* line 2945, ../scss/partials/_foundation.scss */ .slideshow-wrapper ul li:first-child { display: block; } /* line 2947, ../scss/partials/_foundation.scss */ .slideshow-wrapper .orbit-container { background-color: transparent; } /* line 2949, ../scss/partials/_foundation.scss */ .slideshow-wrapper .orbit-container li { display: block; } /* line 2951, ../scss/partials/_foundation.scss */ .slideshow-wrapper .orbit-container li .orbit-caption { display: block; } /* line 2953, ../scss/partials/_foundation.scss */ .slideshow-wrapper .orbit-container .orbit-bullets li { display: inline-block; } /* line 2955, ../scss/partials/_foundation.scss */ .slideshow-wrapper .preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555555 white; border-radius: 1000px; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } /* line 2972, ../scss/partials/_foundation.scss */ .orbit-container { overflow: hidden; width: 100%; position: relative; background: none; } /* line 2977, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; -webkit-transform: translateZ(0); } /* line 2983, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slides-container img { display: block; max-width: 100%; } /* line 2986, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; } /* line 2991, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; } /* line 2993, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: rgba(51, 51, 51, 0.8); color: white; width: 100%; padding: 0.625rem 0.875rem; font-size: 0.875rem; } /* line 3001, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: white; background: rgba(0, 0, 0, 0); z-index: 10; } /* line 3009, ../scss/partials/_foundation.scss */ .orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125rem; } /* line 3012, ../scss/partials/_foundation.scss */ .orbit-container .orbit-timer { position: absolute; top: 12px; right: 10px; height: 6px; width: 100px; z-index: 10; } /* line 3019, ../scss/partials/_foundation.scss */ .orbit-container .orbit-timer .orbit-progress { height: 3px; background-color: rgba(255, 255, 255, 0.3); display: block; width: 0%; position: relative; right: 20px; top: 5px; } /* line 3027, ../scss/partials/_foundation.scss */ .orbit-container .orbit-timer > span { display: none; position: absolute; top: 0px; right: 0; width: 11px; height: 14px; border: solid 4px white; border-top: none; border-bottom: none; } /* line 3037, ../scss/partials/_foundation.scss */ .orbit-container .orbit-timer.paused > span { right: -4px; top: 0px; width: 11px; height: 14px; border: inset 8px; border-left-style: solid; border-color: transparent; border-left-color: white; } /* line 3046, ../scss/partials/_foundation.scss */ .orbit-container .orbit-timer.paused > span.dark { border-left-color: #333333; } /* line 3048, ../scss/partials/_foundation.scss */ .orbit-container:hover .orbit-timer > span { display: block; } /* line 3051, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 45%; margin-top: -25px; width: 36px; height: 60px; line-height: 50px; color: white; background-color: transparent; text-indent: -9999px !important; z-index: 10; } /* line 3063, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.3); } /* line 3066, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -10px; display: block; width: 0; height: 0; border: inset 10px; } /* line 3074, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev { left: 0; } /* line 3076, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: white; } /* line 3080, ../scss/partials/_foundation.scss */ .orbit-container .orbit-prev:hover > span { border-right-color: white; } /* line 3082, ../scss/partials/_foundation.scss */ .orbit-container .orbit-next { right: 0; } /* line 3084, ../scss/partials/_foundation.scss */ .orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: white; left: 50%; margin-left: -4px; } /* line 3090, ../scss/partials/_foundation.scss */ .orbit-container .orbit-next:hover > span { border-left-color: white; } /* line 3093, ../scss/partials/_foundation.scss */ .orbit-bullets-container { text-align: center; } /* line 3096, ../scss/partials/_foundation.scss */ .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; float: none; text-align: center; display: block; } /* line 3104, ../scss/partials/_foundation.scss */ .orbit-bullets li { cursor: pointer; display: inline-block; width: 0.5625rem; height: 0.5625rem; background: #cccccc; float: none; margin-right: 6px; border-radius: 1000px; } /* line 3113, ../scss/partials/_foundation.scss */ .orbit-bullets li.active { background: #999999; } /* line 3115, ../scss/partials/_foundation.scss */ .orbit-bullets li:last-child { margin-right: 0; } /* line 3119, ../scss/partials/_foundation.scss */ .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; } /* line 3121, ../scss/partials/_foundation.scss */ .touch .orbit-bullets { display: none; } @media only screen and (min-width: 40.063em) { /* line 3126, ../scss/partials/_foundation.scss */ .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } /* line 3128, ../scss/partials/_foundation.scss */ .touch .orbit-bullets { display: block; } } @media only screen and (max-width: 40em) { /* line 3131, ../scss/partials/_foundation.scss */ .orbit-stack-on-small .orbit-slides-container { height: auto !important; } /* line 3133, ../scss/partials/_foundation.scss */ .orbit-stack-on-small .orbit-slides-container > * { position: relative; margin: 0% !important; opacity: 1 !important; } /* line 3137, ../scss/partials/_foundation.scss */ .orbit-stack-on-small .orbit-slide-number { display: none; } /* line 3140, ../scss/partials/_foundation.scss */ .orbit-timer { display: none; } /* line 3143, ../scss/partials/_foundation.scss */ .orbit-next, .orbit-prev { display: none; } /* line 3146, ../scss/partials/_foundation.scss */ .orbit-bullets { display: none; } } /* line 3148, ../scss/partials/_foundation.scss */ [data-magellan-expedition], [data-magellan-expedition-clone] { background: white; z-index: 50; min-width: 100%; padding: 10px; } /* line 3153, ../scss/partials/_foundation.scss */ [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { margin-bottom: 0; } /* line 3155, ../scss/partials/_foundation.scss */ [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { margin-bottom: 0; } /* line 3157, ../scss/partials/_foundation.scss */ [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { line-height: 1.8em; } /* line 3160, ../scss/partials/_foundation.scss */ .icon-bar { width: 100%; font-size: 0; display: inline-block; background: #333333; } /* line 3165, ../scss/partials/_foundation.scss */ .icon-bar > * { text-align: center; font-size: 1rem; width: 25%; margin: 0 auto; display: block; padding: 1.25rem; float: left; } /* line 3173, ../scss/partials/_foundation.scss */ .icon-bar > * i, .icon-bar > * img { display: block; margin: 0 auto; } /* line 3176, ../scss/partials/_foundation.scss */ .icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; } /* line 3178, ../scss/partials/_foundation.scss */ .icon-bar > * i { font-size: 1.875rem; vertical-align: middle; } /* line 3181, ../scss/partials/_foundation.scss */ .icon-bar > * img { width: 1.875rem; height: 1.875rem; } /* line 3184, ../scss/partials/_foundation.scss */ .icon-bar.label-right > * i, .icon-bar.label-right > * img { margin: 0 .0625rem 0 0; display: inline-block; } /* line 3187, ../scss/partials/_foundation.scss */ .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { margin-top: 0; } /* line 3189, ../scss/partials/_foundation.scss */ .icon-bar.label-right > * label { display: inline-block; } /* line 3191, ../scss/partials/_foundation.scss */ .icon-bar.vertical.label-right > * { text-align: left; } /* line 3193, ../scss/partials/_foundation.scss */ .icon-bar.vertical, .icon-bar.small-vertical { height: 100%; width: auto; } /* line 3196, ../scss/partials/_foundation.scss */ .icon-bar.vertical .item, .icon-bar.small-vertical .item { width: auto; margin: auto; float: none; } @media only screen and (min-width: 40.063em) { /* line 3201, ../scss/partials/_foundation.scss */ .icon-bar.medium-vertical { height: 100%; width: auto; } /* line 3204, ../scss/partials/_foundation.scss */ .icon-bar.medium-vertical .item { width: auto; margin: auto; float: none; } } @media only screen and (min-width: 64.063em) { /* line 3209, ../scss/partials/_foundation.scss */ .icon-bar.large-vertical { height: 100%; width: auto; } /* line 3212, ../scss/partials/_foundation.scss */ .icon-bar.large-vertical .item { width: auto; margin: auto; float: none; } } /* line 3216, ../scss/partials/_foundation.scss */ .icon-bar > * { font-size: 1rem; padding: 1.25rem; } /* line 3219, ../scss/partials/_foundation.scss */ .icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; } /* line 3221, ../scss/partials/_foundation.scss */ .icon-bar > * i { font-size: 1.875rem; } /* line 3223, ../scss/partials/_foundation.scss */ .icon-bar > * img { width: 1.875rem; height: 1.875rem; } /* line 3226, ../scss/partials/_foundation.scss */ .icon-bar > *:hover { background: #008cba; } /* line 3228, ../scss/partials/_foundation.scss */ .icon-bar > * label { color: white; } /* line 3230, ../scss/partials/_foundation.scss */ .icon-bar > * i { color: white; } /* line 3233, ../scss/partials/_foundation.scss */ .icon-bar.two-up .item { width: 50%; } /* line 3235, ../scss/partials/_foundation.scss */ .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { /* line 3238, ../scss/partials/_foundation.scss */ .icon-bar.two-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { /* line 3241, ../scss/partials/_foundation.scss */ .icon-bar.two-up.large-vertical .item { width: auto; } } /* line 3243, ../scss/partials/_foundation.scss */ .icon-bar.three-up .item { width: 33.3333%; } /* line 3245, ../scss/partials/_foundation.scss */ .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { /* line 3248, ../scss/partials/_foundation.scss */ .icon-bar.three-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { /* line 3251, ../scss/partials/_foundation.scss */ .icon-bar.three-up.large-vertical .item { width: auto; } } /* line 3253, ../scss/partials/_foundation.scss */ .icon-bar.four-up .item { width: 25%; } /* line 3255, ../scss/partials/_foundation.scss */ .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { /* line 3258, ../scss/partials/_foundation.scss */ .icon-bar.four-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { /* line 3261, ../scss/partials/_foundation.scss */ .icon-bar.four-up.large-vertical .item { width: auto; } } /* line 3263, ../scss/partials/_foundation.scss */ .icon-bar.five-up .item { width: 20%; } /* line 3265, ../scss/partials/_foundation.scss */ .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { /* line 3268, ../scss/partials/_foundation.scss */ .icon-bar.five-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { /* line 3271, ../scss/partials/_foundation.scss */ .icon-bar.five-up.large-vertical .item { width: auto; } } /* line 3273, ../scss/partials/_foundation.scss */ .icon-bar.six-up .item { width: 16.66667%; } /* line 3275, ../scss/partials/_foundation.scss */ .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { /* line 3278, ../scss/partials/_foundation.scss */ .icon-bar.six-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { /* line 3281, ../scss/partials/_foundation.scss */ .icon-bar.six-up.large-vertical .item { width: auto; } } /* line 3284, ../scss/partials/_foundation.scss */ .tabs { margin-bottom: 0 !important; margin-left: 0; } /* line 3287, ../scss/partials/_foundation.scss */ .tabs:before, .tabs:after { content: " "; display: table; } /* line 3290, ../scss/partials/_foundation.scss */ .tabs:after { clear: both; } /* line 3292, ../scss/partials/_foundation.scss */ .tabs dd, .tabs .tab-title { position: relative; margin-bottom: 0 !important; list-style: none; float: left; } /* line 3297, ../scss/partials/_foundation.scss */ .tabs dd > a, .tabs .tab-title > a { outline: none; display: block; background-color: #efefef; color: #222222; padding: 1rem 2rem; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; } /* line 3305, ../scss/partials/_foundation.scss */ .tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; } /* line 3307, ../scss/partials/_foundation.scss */ .tabs dd.active a, .tabs .tab-title.active a { background-color: white; color: #222222; } /* line 3310, ../scss/partials/_foundation.scss */ .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } /* line 3315, ../scss/partials/_foundation.scss */ .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 3320, ../scss/partials/_foundation.scss */ .tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; } /* line 3326, ../scss/partials/_foundation.scss */ .tabs-content { margin-bottom: 1.5rem; width: 100%; } /* line 3329, ../scss/partials/_foundation.scss */ .tabs-content:before, .tabs-content:after { content: " "; display: table; } /* line 3332, ../scss/partials/_foundation.scss */ .tabs-content:after { clear: both; } /* line 3334, ../scss/partials/_foundation.scss */ .tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; width: 100%; } /* line 3339, ../scss/partials/_foundation.scss */ .tabs-content > .content.active { display: block; float: none; } /* line 3342, ../scss/partials/_foundation.scss */ .tabs-content > .content.contained { padding: 0.9375rem; } /* line 3344, ../scss/partials/_foundation.scss */ .tabs-content.vertical { display: block; } /* line 3346, ../scss/partials/_foundation.scss */ .tabs-content.vertical > .content { padding: 0 0.9375rem; } @media only screen and (min-width: 40.063em) { /* line 3350, ../scss/partials/_foundation.scss */ .tabs.vertical { width: 20%; max-width: 20%; float: left; margin: 0 0 1.25rem; } /* line 3356, ../scss/partials/_foundation.scss */ .tabs-content.vertical { width: 80%; max-width: 80%; float: left; margin-left: -1px; padding-left: 1rem; } } /* line 3362, ../scss/partials/_foundation.scss */ .no-js .tabs-content > .content { display: block; float: none; } /* line 3366, ../scss/partials/_foundation.scss */ ul.pagination { display: block; min-height: 1.5rem; margin-left: -0.3125rem; } /* line 3370, ../scss/partials/_foundation.scss */ ul.pagination li { height: 1.5rem; color: #222222; font-size: 0.875rem; margin-left: 0.3125rem; } /* line 3375, ../scss/partials/_foundation.scss */ ul.pagination li a, ul.pagination li button { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999999; background: none; border-radius: 3px; font-weight: normal; font-size: 1em; line-height: inherit; transition: background-color 300ms ease-out; } /* line 3387, ../scss/partials/_foundation.scss */ ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #e6e6e6; } /* line 3389, ../scss/partials/_foundation.scss */ ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #999999; } /* line 3392, ../scss/partials/_foundation.scss */ ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { background: transparent; } /* line 3394, ../scss/partials/_foundation.scss */ ul.pagination li.current a, ul.pagination li.current button { background: #008cba; color: white; font-weight: bold; cursor: default; } /* line 3399, ../scss/partials/_foundation.scss */ ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background: #008cba; } /* line 3401, ../scss/partials/_foundation.scss */ ul.pagination li { float: left; display: block; } /* Pagination centred wrapper */ /* line 3406, ../scss/partials/_foundation.scss */ .pagination-centered { text-align: center; } /* line 3408, ../scss/partials/_foundation.scss */ .pagination-centered ul.pagination li { float: none; display: inline-block; } /* line 3412, ../scss/partials/_foundation.scss */ .side-nav { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: outside; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } /* line 3419, ../scss/partials/_foundation.scss */ .side-nav li { margin: 0 0 0.4375rem 0; font-size: 0.875rem; font-weight: normal; } /* line 3423, ../scss/partials/_foundation.scss */ .side-nav li a:not(.button) { display: block; color: #008cba; margin: 0; padding: 0.4375rem 0.875rem; } /* line 3428, ../scss/partials/_foundation.scss */ .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025); color: #1cc7ff; } /* line 3431, ../scss/partials/_foundation.scss */ .side-nav li.active > a:first-child:not(.button) { color: #1cc7ff; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } /* line 3435, ../scss/partials/_foundation.scss */ .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: white; } /* line 3441, ../scss/partials/_foundation.scss */ .side-nav li.heading { color: #008cba; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; } /* line 3447, ../scss/partials/_foundation.scss */ .accordion { margin-bottom: 0; } /* line 3449, ../scss/partials/_foundation.scss */ .accordion:before, .accordion:after { content: " "; display: table; } /* line 3452, ../scss/partials/_foundation.scss */ .accordion:after { clear: both; } /* line 3454, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; } /* line 3457, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; } /* line 3459, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation > a, .accordion dd > a { background: #efefef; color: #222222; padding: 1rem; display: block; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; } /* line 3466, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; } /* line 3468, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 0.9375rem; } /* line 3471, ../scss/partials/_foundation.scss */ .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block; background: white; } /* line 3475, ../scss/partials/_foundation.scss */ .text-left { text-align: left !important; } /* line 3478, ../scss/partials/_foundation.scss */ .text-right { text-align: right !important; } /* line 3481, ../scss/partials/_foundation.scss */ .text-center { text-align: center !important; } /* line 3484, ../scss/partials/_foundation.scss */ .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { /* line 3488, ../scss/partials/_foundation.scss */ .small-only-text-left { text-align: left !important; } /* line 3491, ../scss/partials/_foundation.scss */ .small-only-text-right { text-align: right !important; } /* line 3494, ../scss/partials/_foundation.scss */ .small-only-text-center { text-align: center !important; } /* line 3497, ../scss/partials/_foundation.scss */ .small-only-text-justify { text-align: justify !important; } } @media only screen { /* line 3500, ../scss/partials/_foundation.scss */ .small-text-left { text-align: left !important; } /* line 3503, ../scss/partials/_foundation.scss */ .small-text-right { text-align: right !important; } /* line 3506, ../scss/partials/_foundation.scss */ .small-text-center { text-align: center !important; } /* line 3509, ../scss/partials/_foundation.scss */ .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { /* line 3512, ../scss/partials/_foundation.scss */ .medium-only-text-left { text-align: left !important; } /* line 3515, ../scss/partials/_foundation.scss */ .medium-only-text-right { text-align: right !important; } /* line 3518, ../scss/partials/_foundation.scss */ .medium-only-text-center { text-align: center !important; } /* line 3521, ../scss/partials/_foundation.scss */ .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) { /* line 3524, ../scss/partials/_foundation.scss */ .medium-text-left { text-align: left !important; } /* line 3527, ../scss/partials/_foundation.scss */ .medium-text-right { text-align: right !important; } /* line 3530, ../scss/partials/_foundation.scss */ .medium-text-center { text-align: center !important; } /* line 3533, ../scss/partials/_foundation.scss */ .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { /* line 3536, ../scss/partials/_foundation.scss */ .large-only-text-left { text-align: left !important; } /* line 3539, ../scss/partials/_foundation.scss */ .large-only-text-right { text-align: right !important; } /* line 3542, ../scss/partials/_foundation.scss */ .large-only-text-center { text-align: center !important; } /* line 3545, ../scss/partials/_foundation.scss */ .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) { /* line 3548, ../scss/partials/_foundation.scss */ .large-text-left { text-align: left !important; } /* line 3551, ../scss/partials/_foundation.scss */ .large-text-right { text-align: right !important; } /* line 3554, ../scss/partials/_foundation.scss */ .large-text-center { text-align: center !important; } /* line 3557, ../scss/partials/_foundation.scss */ .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { /* line 3560, ../scss/partials/_foundation.scss */ .xlarge-only-text-left { text-align: left !important; } /* line 3563, ../scss/partials/_foundation.scss */ .xlarge-only-text-right { text-align: right !important; } /* line 3566, ../scss/partials/_foundation.scss */ .xlarge-only-text-center { text-align: center !important; } /* line 3569, ../scss/partials/_foundation.scss */ .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) { /* line 3572, ../scss/partials/_foundation.scss */ .xlarge-text-left { text-align: left !important; } /* line 3575, ../scss/partials/_foundation.scss */ .xlarge-text-right { text-align: right !important; } /* line 3578, ../scss/partials/_foundation.scss */ .xlarge-text-center { text-align: center !important; } /* line 3581, ../scss/partials/_foundation.scss */ .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { /* line 3584, ../scss/partials/_foundation.scss */ .xxlarge-only-text-left { text-align: left !important; } /* line 3587, ../scss/partials/_foundation.scss */ .xxlarge-only-text-right { text-align: right !important; } /* line 3590, ../scss/partials/_foundation.scss */ .xxlarge-only-text-center { text-align: center !important; } /* line 3593, ../scss/partials/_foundation.scss */ .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) { /* line 3596, ../scss/partials/_foundation.scss */ .xxlarge-text-left { text-align: left !important; } /* line 3599, ../scss/partials/_foundation.scss */ .xxlarge-text-right { text-align: right !important; } /* line 3602, ../scss/partials/_foundation.scss */ .xxlarge-text-center { text-align: center !important; } /* line 3605, ../scss/partials/_foundation.scss */ .xxlarge-text-justify { text-align: justify !important; } } /* Typography resets */ /* line 3626, ../scss/partials/_foundation.scss */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ /* line 3631, ../scss/partials/_foundation.scss */ a { color: #008cba; text-decoration: none; line-height: inherit; } /* line 3635, ../scss/partials/_foundation.scss */ a:hover, a:focus { color: #0078a0; } /* line 3637, ../scss/partials/_foundation.scss */ a img { border: none; } /* Default paragraph styles */ /* line 3641, ../scss/partials/_foundation.scss */ p { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } /* line 3648, ../scss/partials/_foundation.scss */ p.lead { font-size: 1.21875rem; line-height: 1.6; } /* line 3651, ../scss/partials/_foundation.scss */ p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; } /* Default header styles */ /* line 3657, ../scss/partials/_foundation.scss */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } /* line 3666, ../scss/partials/_foundation.scss */ h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } /* line 3671, ../scss/partials/_foundation.scss */ h1 { font-size: 2.125rem; } /* line 3674, ../scss/partials/_foundation.scss */ h2 { font-size: 1.6875rem; } /* line 3677, ../scss/partials/_foundation.scss */ h3 { font-size: 1.375rem; } /* line 3680, ../scss/partials/_foundation.scss */ h4 { font-size: 1.125rem; } /* line 3683, ../scss/partials/_foundation.scss */ h5 { font-size: 1.125rem; } /* line 3686, ../scss/partials/_foundation.scss */ h6 { font-size: 1rem; } /* line 3689, ../scss/partials/_foundation.scss */ .subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } /* line 3696, ../scss/partials/_foundation.scss */ hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } /* Helpful Typography Defaults */ /* line 3705, ../scss/partials/_foundation.scss */ em, i { font-style: italic; line-height: inherit; } /* line 3710, ../scss/partials/_foundation.scss */ strong, b { font-weight: bold; line-height: inherit; } /* line 3714, ../scss/partials/_foundation.scss */ small { font-size: 60%; line-height: inherit; } /* line 3718, ../scss/partials/_foundation.scss */ code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #333333; background-color: #f8f8f8; border-width: 1px; border-style: solid; border-color: #dfdfdf; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ /* line 3731, ../scss/partials/_foundation.scss */ ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } /* line 3738, ../scss/partials/_foundation.scss */ ul { margin-left: 1.1rem; } /* line 3740, ../scss/partials/_foundation.scss */ ul.no-bullet { margin-left: 0; } /* line 3743, ../scss/partials/_foundation.scss */ ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ /* line 3750, ../scss/partials/_foundation.scss */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } /* line 3753, ../scss/partials/_foundation.scss */ ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } /* line 3755, ../scss/partials/_foundation.scss */ ul.square { list-style-type: square; margin-left: 1.1rem; } /* line 3758, ../scss/partials/_foundation.scss */ ul.circle { list-style-type: circle; margin-left: 1.1rem; } /* line 3761, ../scss/partials/_foundation.scss */ ul.disc { list-style-type: disc; margin-left: 1.1rem; } /* line 3764, ../scss/partials/_foundation.scss */ ul.no-bullet { list-style: none; } /* Ordered Lists */ /* line 3768, ../scss/partials/_foundation.scss */ ol { margin-left: 1.4rem; } /* line 3771, ../scss/partials/_foundation.scss */ ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ /* line 3776, ../scss/partials/_foundation.scss */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } /* line 3779, ../scss/partials/_foundation.scss */ dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ /* line 3784, ../scss/partials/_foundation.scss */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; cursor: help; } /* line 3790, ../scss/partials/_foundation.scss */ abbr { text-transform: none; } /* line 3792, ../scss/partials/_foundation.scss */ abbr[title] { border-bottom: 1px dotted #dddddd; } /* Blockquotes */ /* line 3796, ../scss/partials/_foundation.scss */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #dddddd; } /* line 3800, ../scss/partials/_foundation.scss */ blockquote cite { display: block; font-size: 0.8125rem; color: #555555; } /* line 3804, ../scss/partials/_foundation.scss */ blockquote cite:before { content: "\2014 \0020"; } /* line 3807, ../scss/partials/_foundation.scss */ blockquote cite a, blockquote cite a:visited { color: #555555; } /* line 3811, ../scss/partials/_foundation.scss */ blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Microformats */ /* line 3816, ../scss/partials/_foundation.scss */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #dddddd; padding: 0.625rem 0.75rem; } /* line 3821, ../scss/partials/_foundation.scss */ .vcard li { margin: 0; display: block; } /* line 3824, ../scss/partials/_foundation.scss */ .vcard .fn { font-weight: bold; font-size: 0.9375rem; } /* line 3828, ../scss/partials/_foundation.scss */ .vevent .summary { font-weight: bold; } /* line 3830, ../scss/partials/_foundation.scss */ .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 40.063em) { /* line 3838, ../scss/partials/_foundation.scss */ h1, h2, h3, h4, h5, h6 { line-height: 1.4; } /* line 3841, ../scss/partials/_foundation.scss */ h1 { font-size: 2.75rem; } /* line 3844, ../scss/partials/_foundation.scss */ h2 { font-size: 2.3125rem; } /* line 3847, ../scss/partials/_foundation.scss */ h3 { font-size: 1.6875rem; } /* line 3850, ../scss/partials/_foundation.scss */ h4 { font-size: 1.4375rem; } /* line 3853, ../scss/partials/_foundation.scss */ h5 { font-size: 1.125rem; } /* line 3856, ../scss/partials/_foundation.scss */ h6 { font-size: 1rem; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ /* line 3864, ../scss/partials/_foundation.scss */ .print-only { display: none !important; } @media print { /* line 3868, ../scss/partials/_foundation.scss */ * { background: transparent !important; color: black !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } /* line 3876, ../scss/partials/_foundation.scss */ a, a:visited { text-decoration: underline; } /* line 3879, ../scss/partials/_foundation.scss */ a[href]:after { content: " (" attr(href) ")"; } /* line 3882, ../scss/partials/_foundation.scss */ abbr[title]:after { content: " (" attr(title) ")"; } /* line 3887, ../scss/partials/_foundation.scss */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* line 3891, ../scss/partials/_foundation.scss */ pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } /* line 3895, ../scss/partials/_foundation.scss */ thead { display: table-header-group; /* h5bp.com/t */ } /* line 3900, ../scss/partials/_foundation.scss */ tr, img { page-break-inside: avoid; } /* line 3903, ../scss/partials/_foundation.scss */ img { max-width: 100% !important; } @page { margin: 0.5cm; } /* line 3911, ../scss/partials/_foundation.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 3916, ../scss/partials/_foundation.scss */ h2, h3 { page-break-after: avoid; } /* line 3919, ../scss/partials/_foundation.scss */ .hide-on-print { display: none !important; } /* line 3922, ../scss/partials/_foundation.scss */ .print-only { display: block !important; } /* line 3925, ../scss/partials/_foundation.scss */ .hide-for-print { display: none !important; } /* line 3928, ../scss/partials/_foundation.scss */ .show-for-print { display: inherit !important; } } /* line 3930, ../scss/partials/_foundation.scss */ .split.button { position: relative; padding-right: 5.0625rem; } /* line 3933, ../scss/partials/_foundation.scss */ .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; } /* line 3940, ../scss/partials/_foundation.scss */ .split.button span:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; top: 50%; left: 50%; } /* line 3949, ../scss/partials/_foundation.scss */ .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } /* line 3951, ../scss/partials/_foundation.scss */ .split.button span { border-left-color: rgba(255, 255, 255, 0.5); } /* line 3953, ../scss/partials/_foundation.scss */ .split.button span { width: 3.09375rem; } /* line 3955, ../scss/partials/_foundation.scss */ .split.button span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } /* line 3960, ../scss/partials/_foundation.scss */ .split.button span:after { border-color: white transparent transparent transparent; } /* line 3962, ../scss/partials/_foundation.scss */ .split.button.secondary span { border-left-color: rgba(255, 255, 255, 0.5); } /* line 3964, ../scss/partials/_foundation.scss */ .split.button.secondary span:after { border-color: white transparent transparent transparent; } /* line 3966, ../scss/partials/_foundation.scss */ .split.button.alert span { border-left-color: rgba(255, 255, 255, 0.5); } /* line 3968, ../scss/partials/_foundation.scss */ .split.button.success span { border-left-color: rgba(255, 255, 255, 0.5); } /* line 3970, ../scss/partials/_foundation.scss */ .split.button.tiny { padding-right: 3.75rem; } /* line 3972, ../scss/partials/_foundation.scss */ .split.button.tiny span { width: 2.25rem; } /* line 3974, ../scss/partials/_foundation.scss */ .split.button.tiny span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } /* line 3979, ../scss/partials/_foundation.scss */ .split.button.small { padding-right: 4.375rem; } /* line 3981, ../scss/partials/_foundation.scss */ .split.button.small span { width: 2.625rem; } /* line 3983, ../scss/partials/_foundation.scss */ .split.button.small span:after { border-top-style: solid; border-width: 0.4375rem; top: 48%; margin-left: -0.375rem; } /* line 3988, ../scss/partials/_foundation.scss */ .split.button.large { padding-right: 5.5rem; } /* line 3990, ../scss/partials/_foundation.scss */ .split.button.large span { width: 3.4375rem; } /* line 3992, ../scss/partials/_foundation.scss */ .split.button.large span:after { border-top-style: solid; border-width: 0.3125rem; top: 48%; margin-left: -0.375rem; } /* line 3997, ../scss/partials/_foundation.scss */ .split.button.expand { padding-left: 2rem; } /* line 3999, ../scss/partials/_foundation.scss */ .split.button.secondary span:after { border-color: #333333 transparent transparent transparent; } /* line 4001, ../scss/partials/_foundation.scss */ .split.button.radius span { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } /* line 4006, ../scss/partials/_foundation.scss */ .split.button.round span { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* line 4012, ../scss/partials/_foundation.scss */ .reveal-modal-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: black; background: rgba(0, 0, 0, 0.45); z-index: 1004; display: none; left: 0; } /* line 4024, ../scss/partials/_foundation.scss */ .reveal-modal, dialog { visibility: hidden; display: none; position: absolute; z-index: 1005; width: 100vw; top: 0; border-radius: 3px; left: 0; background-color: white; padding: 1.25rem; border: solid 1px #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); padding: 1.875rem; } @media only screen and (max-width: 40em) { /* line 4039, ../scss/partials/_foundation.scss */ .reveal-modal, dialog { min-height: 100vh; } } /* line 4041, ../scss/partials/_foundation.scss */ .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns { min-width: 0; } /* line 4043, ../scss/partials/_foundation.scss */ .reveal-modal > :first-child, dialog > :first-child { margin-top: 0; } /* line 4045, ../scss/partials/_foundation.scss */ .reveal-modal > :last-child, dialog > :last-child { margin-bottom: 0; } @media only screen and (min-width: 40.063em) { /* line 4048, ../scss/partials/_foundation.scss */ .reveal-modal, dialog { width: 80%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { /* line 4055, ../scss/partials/_foundation.scss */ .reveal-modal, dialog { top: 6.25rem; } } /* line 4057, ../scss/partials/_foundation.scss */ .reveal-modal.radius, dialog.radius { border-radius: 3px; } /* line 4059, ../scss/partials/_foundation.scss */ .reveal-modal.round, dialog.round { border-radius: 1000px; } /* line 4061, ../scss/partials/_foundation.scss */ .reveal-modal.collapse, dialog.collapse { padding: 0; } @media only screen and (min-width: 40.063em) { /* line 4064, ../scss/partials/_foundation.scss */ .reveal-modal.tiny, dialog.tiny { width: 30%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { /* line 4071, ../scss/partials/_foundation.scss */ .reveal-modal.small, dialog.small { width: 40%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { /* line 4078, ../scss/partials/_foundation.scss */ .reveal-modal.medium, dialog.medium { width: 60%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { /* line 4085, ../scss/partials/_foundation.scss */ .reveal-modal.large, dialog.large { width: 70%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { /* line 4092, ../scss/partials/_foundation.scss */ .reveal-modal.xlarge, dialog.xlarge { width: 95%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } /* line 4098, ../scss/partials/_foundation.scss */ .reveal-modal.full, dialog.full { top: 0; left: 0; height: 100%; height: 100vh; min-height: 100vh; max-width: none !important; margin-left: 0 !important; } @media only screen and (min-width: 40.063em) { /* line 4107, ../scss/partials/_foundation.scss */ .reveal-modal.full, dialog.full { width: 100vw; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } /* line 4113, ../scss/partials/_foundation.scss */ .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { font-size: 2.5rem; line-height: 1; position: absolute; top: 0.5rem; right: 0.6875rem; color: #aaaaaa; font-weight: bold; cursor: pointer; } /* line 4123, ../scss/partials/_foundation.scss */ dialog { display: none; } /* line 4125, ../scss/partials/_foundation.scss */ dialog::backdrop, dialog + .backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: black; background: rgba(0, 0, 0, 0.45); z-index: auto; display: none; left: 0; } /* line 4136, ../scss/partials/_foundation.scss */ dialog[open] { display: block; } @media print { /* line 4140, ../scss/partials/_foundation.scss */ dialog, .reveal-modal, dialog { display: none; background: white !important; } } /* Tooltips */ /* line 4144, ../scss/partials/_foundation.scss */ .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } /* line 4149, ../scss/partials/_foundation.scss */ .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #003f54; color: #008cba; } /* line 4152, ../scss/partials/_foundation.scss */ .has-tip.tip-left, .has-tip.tip-right { float: none !important; } /* line 4155, ../scss/partials/_foundation.scss */ .tooltip { display: none; position: absolute; z-index: 1006; font-weight: normal; font-size: 0.875rem; line-height: 1.3; padding: 0.75rem; max-width: 300px; left: 50%; width: 100%; color: white; background: #333333; } /* line 4168, ../scss/partials/_foundation.scss */ .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #333333 transparent; top: -10px; pointer-events: none; } /* line 4178, ../scss/partials/_foundation.scss */ .tooltip > .nub.rtl { left: auto; right: 5px; } /* line 4181, ../scss/partials/_foundation.scss */ .tooltip.radius { border-radius: 3px; } /* line 4183, ../scss/partials/_foundation.scss */ .tooltip.round { border-radius: 1000px; } /* line 4185, ../scss/partials/_foundation.scss */ .tooltip.round > .nub { left: 2rem; } /* line 4187, ../scss/partials/_foundation.scss */ .tooltip.opened { color: #008cba !important; border-bottom: dotted 1px #003f54 !important; } /* line 4191, ../scss/partials/_foundation.scss */ .tap-to-close { display: block; font-size: 0.625rem; color: #777777; font-weight: normal; } @media only screen and (min-width: 40.063em) { /* line 4198, ../scss/partials/_foundation.scss */ .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; } /* line 4201, ../scss/partials/_foundation.scss */ .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; top: auto; bottom: -10px; } /* line 4205, ../scss/partials/_foundation.scss */ .tooltip.tip-left, .tooltip.tip-right { float: none !important; } /* line 4207, ../scss/partials/_foundation.scss */ .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; right: -10px; left: auto; top: 50%; margin-top: -5px; } /* line 4213, ../scss/partials/_foundation.scss */ .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } /* Clearing Styles */ /* line 4220, ../scss/partials/_foundation.scss */ .clearing-thumbs, [data-clearing] { margin-bottom: 0; margin-left: 0; list-style: none; } /* line 4224, ../scss/partials/_foundation.scss */ .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } /* line 4227, ../scss/partials/_foundation.scss */ .clearing-thumbs:after, [data-clearing]:after { clear: both; } /* line 4229, ../scss/partials/_foundation.scss */ .clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; } /* line 4232, ../scss/partials/_foundation.scss */ .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; } /* line 4235, ../scss/partials/_foundation.scss */ .clearing-blackout { background: #333333; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } /* line 4243, ../scss/partials/_foundation.scss */ .clearing-blackout .clearing-close { display: block; } /* line 4246, ../scss/partials/_foundation.scss */ .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } /* line 4253, ../scss/partials/_foundation.scss */ .clearing-touch-label { position: absolute; top: 50%; left: 50%; color: #aaaaaa; font-size: 0.6em; } /* line 4260, ../scss/partials/_foundation.scss */ .visible-img { height: 95%; position: relative; } /* line 4263, ../scss/partials/_foundation.scss */ .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; } /* line 4271, ../scss/partials/_foundation.scss */ .clearing-caption { color: #cccccc; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #333333; width: 100%; padding: 10px 30px 20px; position: absolute; left: 0; } /* line 4284, ../scss/partials/_foundation.scss */ .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: #cccccc; display: none; } /* line 4292, ../scss/partials/_foundation.scss */ .clearing-close:hover, .clearing-close:focus { color: #cccccc; } /* line 4295, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container { height: 100%; } /* line 4297, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul { display: none; } /* line 4300, ../scss/partials/_foundation.scss */ .clearing-feature li { display: none; } /* line 4302, ../scss/partials/_foundation.scss */ .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 40.063em) { /* line 4307, ../scss/partials/_foundation.scss */ .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } /* line 4313, ../scss/partials/_foundation.scss */ .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 12px; } /* line 4321, ../scss/partials/_foundation.scss */ .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } /* line 4324, ../scss/partials/_foundation.scss */ .clearing-main-prev { left: 0; } /* line 4326, ../scss/partials/_foundation.scss */ .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #cccccc; } /* line 4331, ../scss/partials/_foundation.scss */ .clearing-main-next { right: 0; } /* line 4333, ../scss/partials/_foundation.scss */ .clearing-main-next > span { border-color: transparent; border-left-color: #cccccc; } /* line 4338, ../scss/partials/_foundation.scss */ .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } /* line 4341, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } /* line 4346, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } /* line 4352, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: left; overflow: hidden; margin-right: 0; padding: 0; position: relative; cursor: pointer; opacity: 0.4; clear: none; } /* line 4364, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } /* line 4367, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; box-shadow: none; display: block; } /* line 4371, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; } /* line 4374, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } /* line 4376, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } /* line 4378, ../scss/partials/_foundation.scss */ .clearing-assembled .clearing-container .visible-img { background: #333333; overflow: hidden; height: 85%; } /* line 4383, ../scss/partials/_foundation.scss */ .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } } /* Progress Bar */ /* line 4390, ../scss/partials/_foundation.scss */ .progress { background-color: #f6f6f6; height: 1.5625rem; border: 1px solid white; padding: 0.125rem; margin-bottom: 0.625rem; } /* line 4396, ../scss/partials/_foundation.scss */ .progress .meter { background: #008cba; height: 100%; display: block; } /* line 4400, ../scss/partials/_foundation.scss */ .progress.secondary .meter { background: #e7e7e7; height: 100%; display: block; } /* line 4404, ../scss/partials/_foundation.scss */ .progress.success .meter { background: #43ac6a; height: 100%; display: block; } /* line 4408, ../scss/partials/_foundation.scss */ .progress.alert .meter { background: #f04124; height: 100%; display: block; } /* line 4412, ../scss/partials/_foundation.scss */ .progress.radius { border-radius: 3px; } /* line 4414, ../scss/partials/_foundation.scss */ .progress.radius .meter { border-radius: 2px; } /* line 4416, ../scss/partials/_foundation.scss */ .progress.round { border-radius: 1000px; } /* line 4418, ../scss/partials/_foundation.scss */ .progress.round .meter { border-radius: 999px; } /* line 4421, ../scss/partials/_foundation.scss */ .sub-nav { display: block; width: auto; overflow: hidden; margin-bottom: -0.25rem 0 1.125rem; padding-top: 0.25rem; } /* line 4427, ../scss/partials/_foundation.scss */ .sub-nav dt { text-transform: uppercase; } /* line 4431, ../scss/partials/_foundation.scss */ .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; display: inline; margin-left: 1rem; margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-size: 0.875rem; color: #999999; } /* line 4442, ../scss/partials/_foundation.scss */ .sub-nav dt a, .sub-nav dd a, .sub-nav li a { text-decoration: none; color: #999999; padding: 0.1875rem 1rem; } /* line 4448, ../scss/partials/_foundation.scss */ .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #737373; } /* line 4452, ../scss/partials/_foundation.scss */ .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { border-radius: 3px; font-weight: normal; background: #008cba; padding: 0.1875rem 1rem; cursor: default; color: white; } /* line 4461, ../scss/partials/_foundation.scss */ .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #0078a0; } /* Foundation Joyride */ /* line 4465, ../scss/partials/_foundation.scss */ .joyride-list { display: none; } /* Default styles for the container */ /* line 4469, ../scss/partials/_foundation.scss */ .joyride-tip-guide { display: none; position: absolute; background: #333333; color: white; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } /* line 4481, ../scss/partials/_foundation.scss */ .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px; } /* line 4486, ../scss/partials/_foundation.scss */ .joyride-content-wrapper { width: 100%; padding: 1.125rem 1.25rem 1.5rem; } /* line 4489, ../scss/partials/_foundation.scss */ .joyride-content-wrapper .button { margin-bottom: 0 !important; } /* line 4491, ../scss/partials/_foundation.scss */ .joyride-content-wrapper .joyride-prev-tip { margin-right: 10px; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ /* line 4495, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: 10px solid #333333; } /* line 4502, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: #333333; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -20px; } /* line 4509, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } /* line 4516, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.right { right: -20px; } /* line 4518, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.left { left: -20px; } /* Typography */ /* line 4527, ../scss/partials/_foundation.scss */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; } /* line 4533, ../scss/partials/_foundation.scss */ .joyride-tip-guide p { margin: 0 0 1.125rem 0; font-size: 0.875rem; line-height: 1.3; } /* line 4538, ../scss/partials/_foundation.scss */ .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 1.0625rem; bottom: 1rem; } /* line 4546, ../scss/partials/_foundation.scss */ .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; } /* line 4552, ../scss/partials/_foundation.scss */ .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 24px; font-weight: normal; line-height: .5 !important; } /* line 4561, ../scss/partials/_foundation.scss */ .joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; } /* line 4564, ../scss/partials/_foundation.scss */ .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } /* line 4576, ../scss/partials/_foundation.scss */ .joyride-expose-wrapper { background-color: white; position: absolute; border-radius: 3px; z-index: 102; box-shadow: 0 0 15px white; } /* line 4583, ../scss/partials/_foundation.scss */ .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0; left: 0; } /* Styles for screens that are at least 768px; */ @media only screen and (min-width: 40.063em) { /* line 4593, ../scss/partials/_foundation.scss */ .joyride-tip-guide { width: 300px; left: inherit; } /* line 4596, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } /* line 4602, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.right { border-color: #333333 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -20px; } /* line 4610, ../scss/partials/_foundation.scss */ .joyride-tip-guide .joyride-nub.left { border-color: #333333 !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -20px; right: auto; } } /* line 4618, ../scss/partials/_foundation.scss */ .label { font-weight: normal; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; margin-bottom: inherit; padding: 0.25rem 0.5rem 0.25rem; font-size: 0.6875rem; background-color: #008cba; color: white; } /* line 4632, ../scss/partials/_foundation.scss */ .label.radius { border-radius: 3px; } /* line 4634, ../scss/partials/_foundation.scss */ .label.round { border-radius: 1000px; } /* line 4636, ../scss/partials/_foundation.scss */ .label.alert { background-color: #f04124; color: white; } /* line 4639, ../scss/partials/_foundation.scss */ .label.warning { background-color: #f08a24; color: white; } /* line 4642, ../scss/partials/_foundation.scss */ .label.success { background-color: #43ac6a; color: white; } /* line 4645, ../scss/partials/_foundation.scss */ .label.secondary { background-color: #e7e7e7; color: #333333; } /* line 4648, ../scss/partials/_foundation.scss */ .label.info { background-color: #a0d3e8; color: #333333; } /* line 4652, ../scss/partials/_foundation.scss */ .off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: hidden; } /* line 4657, ../scss/partials/_foundation.scss */ .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } /* line 4661, ../scss/partials/_foundation.scss */ .inner-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* line 4670, ../scss/partials/_foundation.scss */ .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } /* line 4673, ../scss/partials/_foundation.scss */ .inner-wrap:after { clear: both; } /* line 4676, ../scss/partials/_foundation.scss */ .tab-bar { -webkit-backface-visibility: hidden; background: #333333; color: white; height: 2.8125rem; line-height: 2.8125rem; position: relative; } /* line 4683, ../scss/partials/_foundation.scss */ .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: white; font-weight: bold; line-height: 2.8125rem; margin: 0; } /* line 4688, ../scss/partials/_foundation.scss */ .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1.125rem; } /* line 4691, ../scss/partials/_foundation.scss */ .left-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-right: solid 1px #1a1a1a; left: 0; } /* line 4699, ../scss/partials/_foundation.scss */ .right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-left: solid 1px #1a1a1a; right: 0; } /* line 4707, ../scss/partials/_foundation.scss */ .tab-bar-section { padding: 0 0.625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width: 40.063em) { /* line 4714, ../scss/partials/_foundation.scss */ .tab-bar-section.left, .tab-bar-section.right { text-align: left; } } /* line 4716, ../scss/partials/_foundation.scss */ .tab-bar-section.left { left: 0; right: 2.8125rem; } /* line 4719, ../scss/partials/_foundation.scss */ .tab-bar-section.right { left: 2.8125rem; right: 0; } /* line 4722, ../scss/partials/_foundation.scss */ .tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; } /* line 4726, ../scss/partials/_foundation.scss */ .tab-bar .menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; padding: 0; color: white; position: relative; transform: translate3d(0, 0, 0); } /* line 4735, ../scss/partials/_foundation.scss */ .tab-bar .menu-icon span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -0.5rem; left: 0.90625rem; box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; width: 1rem; } /* line 4745, ../scss/partials/_foundation.scss */ .tab-bar .menu-icon span:hover:after { box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } /* line 4748, ../scss/partials/_foundation.scss */ .left-off-canvas-menu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(-100.5%, 0); -webkit-transform: translate3d(-100.5%, 0, 0); -moz-transform: translate3d(-100.5%, 0, 0); -ms-transform: translate3d(-100.5%, 0, 0); -o-transform: translate3d(-100.5%, 0, 0); transform: translate3d(-100.5%, 0, 0); left: 0; } /* line 4769, ../scss/partials/_foundation.scss */ .left-off-canvas-menu * { -webkit-backface-visibility: hidden; } /* line 4772, ../scss/partials/_foundation.scss */ .right-off-canvas-menu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #333333; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(100.5%, 0); -webkit-transform: translate3d(100.5%, 0, 0); -moz-transform: translate3d(100.5%, 0, 0); -ms-transform: translate3d(100.5%, 0, 0); -o-transform: translate3d(100.5%, 0, 0); transform: translate3d(100.5%, 0, 0); right: 0; } /* line 4793, ../scss/partials/_foundation.scss */ .right-off-canvas-menu * { -webkit-backface-visibility: hidden; } /* line 4796, ../scss/partials/_foundation.scss */ ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } /* line 4800, ../scss/partials/_foundation.scss */ ul.off-canvas-list li label { display: block; padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } /* line 4811, ../scss/partials/_foundation.scss */ ul.off-canvas-list li a { display: block; padding: 0.66667rem; color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid #262626; transition: background 300ms ease; } /* line 4817, ../scss/partials/_foundation.scss */ ul.off-canvas-list li a:hover { background: #242424; } /* line 4820, ../scss/partials/_foundation.scss */ .move-right > .inner-wrap { -ms-transform: translate(15.625rem, 0); -webkit-transform: translate3d(15.625rem, 0, 0); -moz-transform: translate3d(15.625rem, 0, 0); -ms-transform: translate3d(15.625rem, 0, 0); -o-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } /* line 4827, ../scss/partials/_foundation.scss */ .move-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { /* line 4842, ../scss/partials/_foundation.scss */ .move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } /* line 4845, ../scss/partials/_foundation.scss */ .move-left > .inner-wrap { -ms-transform: translate(-15.625rem, 0); -webkit-transform: translate3d(-15.625rem, 0, 0); -moz-transform: translate3d(-15.625rem, 0, 0); -ms-transform: translate3d(-15.625rem, 0, 0); -o-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); } /* line 4852, ../scss/partials/_foundation.scss */ .move-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { /* line 4867, ../scss/partials/_foundation.scss */ .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } /* line 4870, ../scss/partials/_foundation.scss */ .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } /* line 4877, ../scss/partials/_foundation.scss */ .offcanvas-overlap .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { /* line 4892, ../scss/partials/_foundation.scss */ .offcanvas-overlap .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } /* line 4895, ../scss/partials/_foundation.scss */ .offcanvas-overlap-left .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } /* line 4902, ../scss/partials/_foundation.scss */ .offcanvas-overlap-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { /* line 4917, ../scss/partials/_foundation.scss */ .offcanvas-overlap-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } /* line 4920, ../scss/partials/_foundation.scss */ .offcanvas-overlap-right .left-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } /* line 4927, ../scss/partials/_foundation.scss */ .offcanvas-overlap-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media only screen and (min-width: 40.063em) { /* line 4942, ../scss/partials/_foundation.scss */ .offcanvas-overlap-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } /* line 4945, ../scss/partials/_foundation.scss */ .no-csstransforms .left-off-canvas-menu { left: -15.625rem; } /* line 4947, ../scss/partials/_foundation.scss */ .no-csstransforms .right-off-canvas-menu { right: -15.625rem; } /* line 4949, ../scss/partials/_foundation.scss */ .no-csstransforms .move-left > .inner-wrap { right: 15.625rem; } /* line 4951, ../scss/partials/_foundation.scss */ .no-csstransforms .move-right > .inner-wrap { left: 15.625rem; } /* line 4954, ../scss/partials/_foundation.scss */ .left-submenu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; margin: 0; overflow-x: hidden; overflow-y: auto; background: #333333; z-index: 1002; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* line 4979, ../scss/partials/_foundation.scss */ .left-submenu * { -webkit-backface-visibility: hidden; } /* line 4981, ../scss/partials/_foundation.scss */ .left-submenu .back > a { padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } /* line 4990, ../scss/partials/_foundation.scss */ .left-submenu .back > a:hover { background: #303030; border-top: 1px solid #5e5e5e; border-bottom: none; } /* line 4994, ../scss/partials/_foundation.scss */ .left-submenu .back > a:before { content: "\AB"; margin-right: 0.5rem; display: inline; } /* line 4998, ../scss/partials/_foundation.scss */ .left-submenu.move-right { -ms-transform: translate(0%, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } /* line 5006, ../scss/partials/_foundation.scss */ .right-submenu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; margin: 0; overflow-x: hidden; overflow-y: auto; background: #333333; z-index: 1002; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* line 5031, ../scss/partials/_foundation.scss */ .right-submenu * { -webkit-backface-visibility: hidden; } /* line 5033, ../scss/partials/_foundation.scss */ .right-submenu .back > a { padding: 0.3rem 0.9375rem; color: #999999; text-transform: uppercase; font-weight: bold; background: #444444; border-top: 1px solid #5e5e5e; border-bottom: none; margin: 0; } /* line 5042, ../scss/partials/_foundation.scss */ .right-submenu .back > a:hover { background: #303030; border-top: 1px solid #5e5e5e; border-bottom: none; } /* line 5046, ../scss/partials/_foundation.scss */ .right-submenu .back > a:after { content: "\BB"; margin-left: 0.5rem; display: inline; } /* line 5050, ../scss/partials/_foundation.scss */ .right-submenu.move-left { -ms-transform: translate(0%, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } /* line 5058, ../scss/partials/_foundation.scss */ .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { content: "\BB"; margin-left: 0.5rem; display: inline; } /* line 5063, ../scss/partials/_foundation.scss */ .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: "\AB"; margin-right: 0.5rem; display: inline; } /* Foundation Dropdowns */ /* line 5069, ../scss/partials/_foundation.scss */ .f-dropdown { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 2px; max-width: 200px; } /* line 5084, ../scss/partials/_foundation.scss */ .f-dropdown > *:first-child { margin-top: 0; } /* line 5086, ../scss/partials/_foundation.scss */ .f-dropdown > *:last-child { margin-bottom: 0; } /* line 5088, ../scss/partials/_foundation.scss */ .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent white transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 89; } /* line 5100, ../scss/partials/_foundation.scss */ .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 88; } /* line 5112, ../scss/partials/_foundation.scss */ .f-dropdown.right:before { left: auto; right: 10px; } /* line 5115, ../scss/partials/_foundation.scss */ .f-dropdown.right:after { left: auto; right: 9px; } /* line 5118, ../scss/partials/_foundation.scss */ .f-dropdown.drop-right { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; } /* line 5134, ../scss/partials/_foundation.scss */ .f-dropdown.drop-right > *:first-child { margin-top: 0; } /* line 5136, ../scss/partials/_foundation.scss */ .f-dropdown.drop-right > *:last-child { margin-bottom: 0; } /* line 5138, ../scss/partials/_foundation.scss */ .f-dropdown.drop-right:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent white transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: -12px; z-index: 89; } /* line 5150, ../scss/partials/_foundation.scss */ .f-dropdown.drop-right:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -14px; z-index: 88; } /* line 5162, ../scss/partials/_foundation.scss */ .f-dropdown.drop-left { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; } /* line 5178, ../scss/partials/_foundation.scss */ .f-dropdown.drop-left > *:first-child { margin-top: 0; } /* line 5180, ../scss/partials/_foundation.scss */ .f-dropdown.drop-left > *:last-child { margin-bottom: 0; } /* line 5182, ../scss/partials/_foundation.scss */ .f-dropdown.drop-left:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent white; border-left-style: solid; position: absolute; top: 10px; right: -12px; left: auto; z-index: 89; } /* line 5195, ../scss/partials/_foundation.scss */ .f-dropdown.drop-left:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -14px; left: auto; z-index: 88; } /* line 5208, ../scss/partials/_foundation.scss */ .f-dropdown.drop-top { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: -2px; margin-left: 0; max-width: 200px; } /* line 5224, ../scss/partials/_foundation.scss */ .f-dropdown.drop-top > *:first-child { margin-top: 0; } /* line 5226, ../scss/partials/_foundation.scss */ .f-dropdown.drop-top > *:last-child { margin-bottom: 0; } /* line 5228, ../scss/partials/_foundation.scss */ .f-dropdown.drop-top:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: white transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -12px; left: 10px; right: auto; z-index: 89; } /* line 5242, ../scss/partials/_foundation.scss */ .f-dropdown.drop-top:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: #cccccc transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -14px; left: 9px; right: auto; z-index: 88; } /* line 5256, ../scss/partials/_foundation.scss */ .f-dropdown li { font-size: 0.875rem; cursor: pointer; line-height: 1.125rem; margin: 0; } /* line 5261, ../scss/partials/_foundation.scss */ .f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; } /* line 5263, ../scss/partials/_foundation.scss */ .f-dropdown li.radius { border-radius: 3px; } /* line 5265, ../scss/partials/_foundation.scss */ .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; } /* line 5269, ../scss/partials/_foundation.scss */ .f-dropdown.content { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; padding: 1.25rem; width: 100%; height: auto; max-height: none; background: white; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; max-width: 200px; } /* line 5284, ../scss/partials/_foundation.scss */ .f-dropdown.content > *:first-child { margin-top: 0; } /* line 5286, ../scss/partials/_foundation.scss */ .f-dropdown.content > *:last-child { margin-bottom: 0; } /* line 5288, ../scss/partials/_foundation.scss */ .f-dropdown.tiny { max-width: 200px; } /* line 5290, ../scss/partials/_foundation.scss */ .f-dropdown.small { max-width: 300px; } /* line 5292, ../scss/partials/_foundation.scss */ .f-dropdown.medium { max-width: 500px; } /* line 5294, ../scss/partials/_foundation.scss */ .f-dropdown.large { max-width: 800px; } /* line 5296, ../scss/partials/_foundation.scss */ .f-dropdown.mega { width: 100% !important; max-width: 100% !important; } /* line 5299, ../scss/partials/_foundation.scss */ .f-dropdown.mega.open { left: 0 !important; } /* line 5302, ../scss/partials/_foundation.scss */ table { background: white; margin-bottom: 1.25rem; border: solid 1px #dddddd; table-layout: auto; } /* line 5307, ../scss/partials/_foundation.scss */ table caption { background: transparent; color: #222222; font-size: 1rem; font-weight: bold; } /* line 5312, ../scss/partials/_foundation.scss */ table thead { background: whitesmoke; } /* line 5315, ../scss/partials/_foundation.scss */ table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } /* line 5320, ../scss/partials/_foundation.scss */ table tfoot { background: whitesmoke; } /* line 5323, ../scss/partials/_foundation.scss */ table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } /* line 5329, ../scss/partials/_foundation.scss */ table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222222; text-align: left; } /* line 5334, ../scss/partials/_foundation.scss */ table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } /* line 5341, ../scss/partials/_foundation.scss */ table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; } /* line 5345, ../scss/partials/_foundation.scss */ .range-slider { display: block; position: relative; width: 100%; height: 1rem; border: 1px solid #dddddd; margin: 1.25rem 0; -ms-touch-action: none; touch-action: none; background: #fafafa; } /* line 5355, ../scss/partials/_foundation.scss */ .range-slider.vertical-range { display: block; position: relative; width: 100%; height: 1rem; border: 1px solid #dddddd; margin: 1.25rem 0; -ms-touch-action: none; touch-action: none; display: inline-block; width: 1rem; height: 12.5rem; } /* line 5367, ../scss/partials/_foundation.scss */ .range-slider.vertical-range .range-slider-handle { margin-top: 0; margin-left: -0.5rem; position: absolute; bottom: -10.5rem; } /* line 5372, ../scss/partials/_foundation.scss */ .range-slider.vertical-range .range-slider-active-segment { width: 0.875rem; height: auto; bottom: 0; } /* line 5376, ../scss/partials/_foundation.scss */ .range-slider.radius { background: #fafafa; border-radius: 3px; } /* line 5379, ../scss/partials/_foundation.scss */ .range-slider.radius .range-slider-handle { background: #008cba; border-radius: 3px; } /* line 5382, ../scss/partials/_foundation.scss */ .range-slider.radius .range-slider-handle:hover { background: #007ba4; } /* line 5384, ../scss/partials/_foundation.scss */ .range-slider.round { background: #fafafa; border-radius: 1000px; } /* line 5387, ../scss/partials/_foundation.scss */ .range-slider.round .range-slider-handle { background: #008cba; border-radius: 1000px; } /* line 5390, ../scss/partials/_foundation.scss */ .range-slider.round .range-slider-handle:hover { background: #007ba4; } /* line 5392, ../scss/partials/_foundation.scss */ .range-slider.disabled, .range-slider[disabled] { background: #fafafa; cursor: default; opacity: 0.7; } /* line 5396, ../scss/partials/_foundation.scss */ .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background: #008cba; cursor: default; opacity: 0.7; } /* line 5400, ../scss/partials/_foundation.scss */ .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { background: #007ba4; } /* line 5403, ../scss/partials/_foundation.scss */ .range-slider-active-segment { display: inline-block; position: absolute; height: 0.875rem; background: #e5e5e5; } /* line 5409, ../scss/partials/_foundation.scss */ .range-slider-handle { display: inline-block; position: absolute; z-index: 1; top: -0.3125rem; width: 2rem; height: 1.375rem; border: 1px solid none; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; background: #008cba; } /* line 5421, ../scss/partials/_foundation.scss */ .range-slider-handle:hover { background: #007ba4; } /* line 5424, ../scss/partials/_foundation.scss */ [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } /* line 5428, ../scss/partials/_foundation.scss */ [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } /* line 5431, ../scss/partials/_foundation.scss */ [class*="block-grid-"]:after { clear: both; } /* line 5433, ../scss/partials/_foundation.scss */ [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { /* line 5440, ../scss/partials/_foundation.scss */ .small-block-grid-1 > li { width: 100%; list-style: none; } /* line 5443, ../scss/partials/_foundation.scss */ .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } /* line 5445, ../scss/partials/_foundation.scss */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } /* line 5448, ../scss/partials/_foundation.scss */ .small-block-grid-2 > li { width: 50%; list-style: none; } /* line 5451, ../scss/partials/_foundation.scss */ .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } /* line 5453, ../scss/partials/_foundation.scss */ .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } /* line 5456, ../scss/partials/_foundation.scss */ .small-block-grid-3 > li { width: 33.33333%; list-style: none; } /* line 5459, ../scss/partials/_foundation.scss */ .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } /* line 5461, ../scss/partials/_foundation.scss */ .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } /* line 5464, ../scss/partials/_foundation.scss */ .small-block-grid-4 > li { width: 25%; list-style: none; } /* line 5467, ../scss/partials/_foundation.scss */ .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } /* line 5469, ../scss/partials/_foundation.scss */ .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } /* line 5472, ../scss/partials/_foundation.scss */ .small-block-grid-5 > li { width: 20%; list-style: none; } /* line 5475, ../scss/partials/_foundation.scss */ .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } /* line 5477, ../scss/partials/_foundation.scss */ .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } /* line 5480, ../scss/partials/_foundation.scss */ .small-block-grid-6 > li { width: 16.66667%; list-style: none; } /* line 5483, ../scss/partials/_foundation.scss */ .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } /* line 5485, ../scss/partials/_foundation.scss */ .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } /* line 5488, ../scss/partials/_foundation.scss */ .small-block-grid-7 > li { width: 14.28571%; list-style: none; } /* line 5491, ../scss/partials/_foundation.scss */ .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } /* line 5493, ../scss/partials/_foundation.scss */ .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } /* line 5496, ../scss/partials/_foundation.scss */ .small-block-grid-8 > li { width: 12.5%; list-style: none; } /* line 5499, ../scss/partials/_foundation.scss */ .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } /* line 5501, ../scss/partials/_foundation.scss */ .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } /* line 5504, ../scss/partials/_foundation.scss */ .small-block-grid-9 > li { width: 11.11111%; list-style: none; } /* line 5507, ../scss/partials/_foundation.scss */ .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } /* line 5509, ../scss/partials/_foundation.scss */ .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } /* line 5512, ../scss/partials/_foundation.scss */ .small-block-grid-10 > li { width: 10%; list-style: none; } /* line 5515, ../scss/partials/_foundation.scss */ .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } /* line 5517, ../scss/partials/_foundation.scss */ .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } /* line 5520, ../scss/partials/_foundation.scss */ .small-block-grid-11 > li { width: 9.09091%; list-style: none; } /* line 5523, ../scss/partials/_foundation.scss */ .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } /* line 5525, ../scss/partials/_foundation.scss */ .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } /* line 5528, ../scss/partials/_foundation.scss */ .small-block-grid-12 > li { width: 8.33333%; list-style: none; } /* line 5531, ../scss/partials/_foundation.scss */ .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } /* line 5533, ../scss/partials/_foundation.scss */ .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { /* line 5536, ../scss/partials/_foundation.scss */ .medium-block-grid-1 > li { width: 100%; list-style: none; } /* line 5539, ../scss/partials/_foundation.scss */ .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } /* line 5541, ../scss/partials/_foundation.scss */ .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } /* line 5544, ../scss/partials/_foundation.scss */ .medium-block-grid-2 > li { width: 50%; list-style: none; } /* line 5547, ../scss/partials/_foundation.scss */ .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } /* line 5549, ../scss/partials/_foundation.scss */ .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } /* line 5552, ../scss/partials/_foundation.scss */ .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } /* line 5555, ../scss/partials/_foundation.scss */ .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } /* line 5557, ../scss/partials/_foundation.scss */ .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } /* line 5560, ../scss/partials/_foundation.scss */ .medium-block-grid-4 > li { width: 25%; list-style: none; } /* line 5563, ../scss/partials/_foundation.scss */ .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } /* line 5565, ../scss/partials/_foundation.scss */ .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } /* line 5568, ../scss/partials/_foundation.scss */ .medium-block-grid-5 > li { width: 20%; list-style: none; } /* line 5571, ../scss/partials/_foundation.scss */ .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } /* line 5573, ../scss/partials/_foundation.scss */ .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } /* line 5576, ../scss/partials/_foundation.scss */ .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } /* line 5579, ../scss/partials/_foundation.scss */ .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } /* line 5581, ../scss/partials/_foundation.scss */ .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } /* line 5584, ../scss/partials/_foundation.scss */ .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } /* line 5587, ../scss/partials/_foundation.scss */ .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } /* line 5589, ../scss/partials/_foundation.scss */ .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } /* line 5592, ../scss/partials/_foundation.scss */ .medium-block-grid-8 > li { width: 12.5%; list-style: none; } /* line 5595, ../scss/partials/_foundation.scss */ .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } /* line 5597, ../scss/partials/_foundation.scss */ .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } /* line 5600, ../scss/partials/_foundation.scss */ .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } /* line 5603, ../scss/partials/_foundation.scss */ .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } /* line 5605, ../scss/partials/_foundation.scss */ .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } /* line 5608, ../scss/partials/_foundation.scss */ .medium-block-grid-10 > li { width: 10%; list-style: none; } /* line 5611, ../scss/partials/_foundation.scss */ .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } /* line 5613, ../scss/partials/_foundation.scss */ .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } /* line 5616, ../scss/partials/_foundation.scss */ .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } /* line 5619, ../scss/partials/_foundation.scss */ .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } /* line 5621, ../scss/partials/_foundation.scss */ .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } /* line 5624, ../scss/partials/_foundation.scss */ .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } /* line 5627, ../scss/partials/_foundation.scss */ .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } /* line 5629, ../scss/partials/_foundation.scss */ .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { /* line 5632, ../scss/partials/_foundation.scss */ .large-block-grid-1 > li { width: 100%; list-style: none; } /* line 5635, ../scss/partials/_foundation.scss */ .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } /* line 5637, ../scss/partials/_foundation.scss */ .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } /* line 5640, ../scss/partials/_foundation.scss */ .large-block-grid-2 > li { width: 50%; list-style: none; } /* line 5643, ../scss/partials/_foundation.scss */ .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } /* line 5645, ../scss/partials/_foundation.scss */ .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } /* line 5648, ../scss/partials/_foundation.scss */ .large-block-grid-3 > li { width: 33.33333%; list-style: none; } /* line 5651, ../scss/partials/_foundation.scss */ .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } /* line 5653, ../scss/partials/_foundation.scss */ .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } /* line 5656, ../scss/partials/_foundation.scss */ .large-block-grid-4 > li { width: 25%; list-style: none; } /* line 5659, ../scss/partials/_foundation.scss */ .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } /* line 5661, ../scss/partials/_foundation.scss */ .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } /* line 5664, ../scss/partials/_foundation.scss */ .large-block-grid-5 > li { width: 20%; list-style: none; } /* line 5667, ../scss/partials/_foundation.scss */ .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } /* line 5669, ../scss/partials/_foundation.scss */ .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } /* line 5672, ../scss/partials/_foundation.scss */ .large-block-grid-6 > li { width: 16.66667%; list-style: none; } /* line 5675, ../scss/partials/_foundation.scss */ .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } /* line 5677, ../scss/partials/_foundation.scss */ .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } /* line 5680, ../scss/partials/_foundation.scss */ .large-block-grid-7 > li { width: 14.28571%; list-style: none; } /* line 5683, ../scss/partials/_foundation.scss */ .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } /* line 5685, ../scss/partials/_foundation.scss */ .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } /* line 5688, ../scss/partials/_foundation.scss */ .large-block-grid-8 > li { width: 12.5%; list-style: none; } /* line 5691, ../scss/partials/_foundation.scss */ .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } /* line 5693, ../scss/partials/_foundation.scss */ .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } /* line 5696, ../scss/partials/_foundation.scss */ .large-block-grid-9 > li { width: 11.11111%; list-style: none; } /* line 5699, ../scss/partials/_foundation.scss */ .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } /* line 5701, ../scss/partials/_foundation.scss */ .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } /* line 5704, ../scss/partials/_foundation.scss */ .large-block-grid-10 > li { width: 10%; list-style: none; } /* line 5707, ../scss/partials/_foundation.scss */ .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } /* line 5709, ../scss/partials/_foundation.scss */ .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } /* line 5712, ../scss/partials/_foundation.scss */ .large-block-grid-11 > li { width: 9.09091%; list-style: none; } /* line 5715, ../scss/partials/_foundation.scss */ .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } /* line 5717, ../scss/partials/_foundation.scss */ .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } /* line 5720, ../scss/partials/_foundation.scss */ .large-block-grid-12 > li { width: 8.33333%; list-style: none; } /* line 5723, ../scss/partials/_foundation.scss */ .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } /* line 5725, ../scss/partials/_foundation.scss */ .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* line 5727, ../scss/partials/_foundation.scss */ .flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } /* line 5734, ../scss/partials/_foundation.scss */ .flex-video.widescreen { padding-bottom: 56.34%; } /* line 5736, ../scss/partials/_foundation.scss */ .flex-video.vimeo { padding-top: 0; } /* line 5741, ../scss/partials/_foundation.scss */ .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 5749, ../scss/partials/_foundation.scss */ .keystroke, kbd { background-color: #ededed; border-color: #dddddd; color: #222222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: inherit; padding: 0.125rem 0.25rem 0; border-radius: 3px; } /* line 5761, ../scss/partials/_foundation.scss */ .switch { padding: 0; border: none; position: relative; outline: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 5769, ../scss/partials/_foundation.scss */ .switch label { display: block; margin-bottom: 1rem; position: relative; color: transparent; background: #dddddd; text-indent: 100%; width: 4rem; height: 2rem; cursor: pointer; transition: left 0.15s ease-out; } /* line 5780, ../scss/partials/_foundation.scss */ .switch input { opacity: 0; position: absolute; top: 9px; left: 10px; padding: 0; } /* line 5786, ../scss/partials/_foundation.scss */ .switch input + label { margin-left: 0; margin-right: 0; } /* line 5789, ../scss/partials/_foundation.scss */ .switch label:after { content: ""; display: block; background: white; position: absolute; top: .25rem; left: .25rem; width: 1.5rem; height: 1.5rem; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; transition: left 0.15s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 5804, ../scss/partials/_foundation.scss */ .switch input:checked + label { background: #008cba; } /* line 5806, ../scss/partials/_foundation.scss */ .switch input:checked + label:after { left: 2.25rem; } /* line 5808, ../scss/partials/_foundation.scss */ .switch label { width: 4rem; height: 2rem; } /* line 5811, ../scss/partials/_foundation.scss */ .switch label:after { width: 1.5rem; height: 1.5rem; } /* line 5814, ../scss/partials/_foundation.scss */ .switch input:checked + label:after { left: 2.25rem; } /* line 5816, ../scss/partials/_foundation.scss */ .switch label { color: transparent; background: #dddddd; } /* line 5819, ../scss/partials/_foundation.scss */ .switch label:after { background: white; } /* line 5821, ../scss/partials/_foundation.scss */ .switch input:checked + label { background: #008cba; } /* line 5823, ../scss/partials/_foundation.scss */ .switch.large label { width: 5rem; height: 2.5rem; } /* line 5826, ../scss/partials/_foundation.scss */ .switch.large label:after { width: 2rem; height: 2rem; } /* line 5829, ../scss/partials/_foundation.scss */ .switch.large input:checked + label:after { left: 2.75rem; } /* line 5831, ../scss/partials/_foundation.scss */ .switch.small label { width: 3.5rem; height: 1.75rem; } /* line 5834, ../scss/partials/_foundation.scss */ .switch.small label:after { width: 1.25rem; height: 1.25rem; } /* line 5837, ../scss/partials/_foundation.scss */ .switch.small input:checked + label:after { left: 2rem; } /* line 5839, ../scss/partials/_foundation.scss */ .switch.tiny label { width: 3rem; height: 1.5rem; } /* line 5842, ../scss/partials/_foundation.scss */ .switch.tiny label:after { width: 1rem; height: 1rem; } /* line 5845, ../scss/partials/_foundation.scss */ .switch.tiny input:checked + label:after { left: 1.75rem; } /* line 5847, ../scss/partials/_foundation.scss */ .switch.radius label { border-radius: 4px; } /* line 5849, ../scss/partials/_foundation.scss */ .switch.radius label:after { border-radius: 3px; } /* line 5851, ../scss/partials/_foundation.scss */ .switch.round { border-radius: 1000px; } /* line 5853, ../scss/partials/_foundation.scss */ .switch.round label { border-radius: 2rem; } /* line 5855, ../scss/partials/_foundation.scss */ .switch.round label:after { border-radius: 2rem; } /* small displays */ @media only screen { /* line 5860, ../scss/partials/_foundation.scss */ .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } /* line 5863, ../scss/partials/_foundation.scss */ .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } /* line 5866, ../scss/partials/_foundation.scss */ .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 5873, ../scss/partials/_foundation.scss */ .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 5880, ../scss/partials/_foundation.scss */ table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table !important; } /* line 5883, ../scss/partials/_foundation.scss */ thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } /* line 5886, ../scss/partials/_foundation.scss */ tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } /* line 5889, ../scss/partials/_foundation.scss */ tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } /* line 5892, ../scss/partials/_foundation.scss */ th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { /* line 5896, ../scss/partials/_foundation.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } /* line 5899, ../scss/partials/_foundation.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } /* line 5902, ../scss/partials/_foundation.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 5909, ../scss/partials/_foundation.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 5916, ../scss/partials/_foundation.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table !important; } /* line 5919, ../scss/partials/_foundation.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } /* line 5922, ../scss/partials/_foundation.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } /* line 5925, ../scss/partials/_foundation.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } /* line 5928, ../scss/partials/_foundation.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { /* line 5932, ../scss/partials/_foundation.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } /* line 5935, ../scss/partials/_foundation.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } /* line 5938, ../scss/partials/_foundation.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 5945, ../scss/partials/_foundation.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 5952, ../scss/partials/_foundation.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table !important; } /* line 5955, ../scss/partials/_foundation.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } /* line 5958, ../scss/partials/_foundation.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } /* line 5961, ../scss/partials/_foundation.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } /* line 5964, ../scss/partials/_foundation.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { /* line 5968, ../scss/partials/_foundation.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: inherit !important; } /* line 5971, ../scss/partials/_foundation.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: none !important; } /* line 5974, ../scss/partials/_foundation.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 5981, ../scss/partials/_foundation.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 5988, ../scss/partials/_foundation.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up { display: table !important; } /* line 5991, ../scss/partials/_foundation.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up { display: table-header-group !important; } /* line 5994, ../scss/partials/_foundation.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up { display: table-row-group !important; } /* line 5997, ../scss/partials/_foundation.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up { display: table-row !important; } /* line 6000, ../scss/partials/_foundation.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { /* line 6004, ../scss/partials/_foundation.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up { display: inherit !important; } /* line 6007, ../scss/partials/_foundation.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up { display: none !important; } /* line 6010, ../scss/partials/_foundation.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 6017, ../scss/partials/_foundation.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* line 6024, ../scss/partials/_foundation.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up { display: table !important; } /* line 6027, ../scss/partials/_foundation.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up { display: table-header-group !important; } /* line 6030, ../scss/partials/_foundation.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up { display: table-row-group !important; } /* line 6033, ../scss/partials/_foundation.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up { display: table-row !important; } /* line 6036, ../scss/partials/_foundation.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ /* line 6040, ../scss/partials/_foundation.scss */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } /* line 6044, ../scss/partials/_foundation.scss */ .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ /* line 6048, ../scss/partials/_foundation.scss */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } /* line 6051, ../scss/partials/_foundation.scss */ thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } /* line 6054, ../scss/partials/_foundation.scss */ tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } /* line 6057, ../scss/partials/_foundation.scss */ tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } /* line 6062, ../scss/partials/_foundation.scss */ td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { /* line 6067, ../scss/partials/_foundation.scss */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } /* line 6071, ../scss/partials/_foundation.scss */ .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ /* line 6075, ../scss/partials/_foundation.scss */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } /* line 6078, ../scss/partials/_foundation.scss */ thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } /* line 6081, ../scss/partials/_foundation.scss */ tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } /* line 6084, ../scss/partials/_foundation.scss */ tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } /* line 6089, ../scss/partials/_foundation.scss */ td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { /* line 6093, ../scss/partials/_foundation.scss */ .show-for-portrait, .hide-for-landscape { display: inherit !important; } /* line 6097, ../scss/partials/_foundation.scss */ .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ /* line 6101, ../scss/partials/_foundation.scss */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } /* line 6104, ../scss/partials/_foundation.scss */ thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } /* line 6107, ../scss/partials/_foundation.scss */ tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } /* line 6110, ../scss/partials/_foundation.scss */ tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } /* line 6115, ../scss/partials/_foundation.scss */ td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ /* line 6118, ../scss/partials/_foundation.scss */ .show-for-touch { display: none !important; } /* line 6121, ../scss/partials/_foundation.scss */ .hide-for-touch { display: inherit !important; } /* line 6124, ../scss/partials/_foundation.scss */ .touch .show-for-touch { display: inherit !important; } /* line 6127, ../scss/partials/_foundation.scss */ .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ /* line 6131, ../scss/partials/_foundation.scss */ table.hide-for-touch { display: table !important; } /* line 6134, ../scss/partials/_foundation.scss */ .touch table.show-for-touch { display: table !important; } /* line 6137, ../scss/partials/_foundation.scss */ thead.hide-for-touch { display: table-header-group !important; } /* line 6140, ../scss/partials/_foundation.scss */ .touch thead.show-for-touch { display: table-header-group !important; } /* line 6143, ../scss/partials/_foundation.scss */ tbody.hide-for-touch { display: table-row-group !important; } /* line 6146, ../scss/partials/_foundation.scss */ .touch tbody.show-for-touch { display: table-row-group !important; } /* line 6149, ../scss/partials/_foundation.scss */ tr.hide-for-touch { display: table-row !important; } /* line 6152, ../scss/partials/_foundation.scss */ .touch tr.show-for-touch { display: table-row !important; } /* line 6155, ../scss/partials/_foundation.scss */ td.hide-for-touch { display: table-cell !important; } /* line 6158, ../scss/partials/_foundation.scss */ .touch td.show-for-touch { display: table-cell !important; } /* line 6161, ../scss/partials/_foundation.scss */ th.hide-for-touch { display: table-cell !important; } /* line 6164, ../scss/partials/_foundation.scss */ .touch th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { /* line 6169, ../scss/partials/_foundation.scss */ .show-for-print { display: block; } /* line 6172, ../scss/partials/_foundation.scss */ .hide-for-print { display: none; } /* line 6175, ../scss/partials/_foundation.scss */ table.show-for-print { display: table !important; } /* line 6178, ../scss/partials/_foundation.scss */ thead.show-for-print { display: table-header-group !important; } /* line 6181, ../scss/partials/_foundation.scss */ tbody.show-for-print { display: table-row-group !important; } /* line 6184, ../scss/partials/_foundation.scss */ tr.show-for-print { display: table-row !important; } /* line 6187, ../scss/partials/_foundation.scss */ td.show-for-print { display: table-cell !important; } /* line 6190, ../scss/partials/_foundation.scss */ th.show-for-print { display: table-cell !important; } } /****************************************************************** Site Name: Author: Stylesheet: Typography Need to import a font or set of icons for your site? Drop them in here or just use this to establish your typographical grid. Or not. Do whatever you want to...GOSH! Helpful Articles: http://trentwalton.com/2012/06/19/fluid-type/ http://ia.net/blog/responsive-typography-the-basics/ http://alistapart.com/column/responsive-typography-is-a-physical-discipline ******************************************************************/ /********************* FONT FACE (IN YOUR FACE) *********************/ /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ /* @font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Giddy Up'; src: url("fonts/giddyupstd.eot"); src: url("fonts/giddyupstd?#iefix") format("embedded-opentype"), url("fonts/giddyupstd.woff") format("woff"), url("fonts/giddyupstd.ttf") format("truetype"), url("fonts/giddyupstd.svg#Giddy Up") format("svg"); font-weight: normal; font-style: normal; } /* The following is based of Typebase: https://github.com/devinhunt/typebase.css I've edited it a bit, but it's a nice starting point. */ /* i imported this one in the functions file so bones would look sweet. don't forget to remove it for your site. */ /* some nice typographical defaults more here: http://www.newnet-soft.com/blog/csstypography */ /* line 80, ../scss/partials/_typography.scss */ p { -ms-word-break: break-all; -ms-word-wrap: break-all; word-break: break-word; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; -webkit-font-feature-settings: "liga", "dlig"; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; } /********************* IMPORTING MODULES Modules are reusable blocks or elements we use throughout the project. We can break them up as much as we want or just keep them all in one. I mean, you can do whatever you want. The world is your oyster. Unless you hate oysters, then the world is your peanut butter & jelly sandwich. *********************/ /****************************************************************** Site Name: Author: Stylesheet: Alert Styles If you want to use these alerts in your design, you can. If not, you can just remove this stylesheet. ******************************************************************/ /* line 15, ../scss/modules/_alerts.scss */ .alert-help, .alert-info, .alert-error, .alert-success { margin: 10px; padding: 5px 18px; border: 1px solid; } /* line 21, ../scss/modules/_alerts.scss */ .alert-help { border-color: #e8dc59; background: #ebe16f; } /* line 27, ../scss/modules/_alerts.scss */ .alert-info { border-color: #bfe4f4; background: #d5edf8; } /* line 33, ../scss/modules/_alerts.scss */ .alert-error { border-color: #f8cdce; background: #fbe3e4; } /* line 39, ../scss/modules/_alerts.scss */ .alert-success { border-color: #deeaae; background: #e6efc2; } /****************************************************************** Site Name: Author: Stylesheet: Button Styles Buttons are a pretty important part of your site's style, so it's important to have a consistent baseline for them. Use this stylesheet to create all kinds of buttons. Helpful Links: http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/ ******************************************************************/ /********************* BUTTON DEFAULTS We're gonna use a placeholder selector here so we can use common styles. We then use this to load up the defaults in all our buttons. Here's a quick video to show how it works: http://www.youtube.com/watch?v=hwdVpKiJzac *********************/ /* line 27, ../scss/modules/_buttons.scss */ .blue-btn, .comment-reply-link, #submit { display: inline-block; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: white; font-size: 0.9em; font-size: 34px; line-height: 34px; font-weight: normal; padding: 0 24px; border-radius: 4px; border: 0; cursor: pointer; -webkit-transition: background-color 0.14s ease-in-out; transition: background-color 0.14s ease-in-out; } /* line 44, ../scss/modules/_buttons.scss */ .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus { color: white; text-decoration: none; } /* line 50, ../scss/modules/_buttons.scss */ .blue-btn:active, .comment-reply-link:active, #submit:active { top: 1px; } /* An example button. You can use this example if you want. Just replace all the variables and it will create a button dependant on those variables. */ /* line 61, ../scss/modules/_buttons.scss */ .blue-btn, .comment-reply-link, #submit { background-color: #2980b9; } /* line 66, ../scss/modules/_buttons.scss */ .blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus { background-color: #2574a8; } /* line 70, ../scss/modules/_buttons.scss */ .blue-btn:active, .comment-reply-link:active, #submit:active { background-color: #2472a4; } /****************************************************************** Site Name: Author: Stylesheet: Form Styles We put all the form and button styles in here to setup a consistent look. If we need to customize them, we can do this in the main stylesheets and just override them. Easy Peasy. You're gonna see a few data-uri thingies down there. If you're not sure what they are, check this link out: http://css-tricks.com/data-uris/ If you want to create your own, use this helpful link: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ ******************************************************************/ /********************* INPUTS *********************/ /* line 40, ../scss/modules/_forms.scss */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; height: 40px; line-height: 40px; padding: 0 12px; margin-bottom: 14px; font-size: 1em; color: #5c6b80; border-radius: 3px; vertical-align: middle; box-shadow: none; border: 0; width: 100%; max-width: 400px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #eaedf2; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; } /* line 60, ../scss/modules/_forms.scss */ input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { background-color: #f7f8fa; } /* line 66, ../scss/modules/_forms.scss */ input[type="text"].error, input[type="text"].is-invalid, input[type="password"].error, input[type="password"].is-invalid, input[type="datetime"].error, input[type="datetime"].is-invalid, input[type="datetime-local"].error, input[type="datetime-local"].is-invalid, input[type="date"].error, input[type="date"].is-invalid, input[type="month"].error, input[type="month"].is-invalid, input[type="time"].error, input[type="time"].is-invalid, input[type="week"].error, input[type="week"].is-invalid, input[type="number"].error, input[type="number"].is-invalid, input[type="email"].error, input[type="email"].is-invalid, input[type="url"].error, input[type="url"].is-invalid, input[type="search"].error, input[type="search"].is-invalid, input[type="tel"].error, input[type="tel"].is-invalid, input[type="color"].error, input[type="color"].is-invalid, select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } /* line 78, ../scss/modules/_forms.scss */ input[type="text"].success, input[type="text"].is-valid, input[type="password"].success, input[type="password"].is-valid, input[type="datetime"].success, input[type="datetime"].is-valid, input[type="datetime-local"].success, input[type="datetime-local"].is-valid, input[type="date"].success, input[type="date"].is-valid, input[type="month"].success, input[type="month"].is-valid, input[type="time"].success, input[type="time"].is-valid, input[type="week"].success, input[type="week"].is-valid, input[type="number"].success, input[type="number"].is-valid, input[type="email"].success, input[type="email"].is-valid, input[type="url"].success, input[type="url"].is-valid, input[type="search"].success, input[type="search"].is-valid, input[type="tel"].success, input[type="tel"].is-valid, input[type="color"].success, input[type="color"].is-valid, select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: white; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } /* line 90, ../scss/modules/_forms.scss */ input[type="text"][disabled], input[type="text"].is-disabled, input[type="password"][disabled], input[type="password"].is-disabled, input[type="datetime"][disabled], input[type="datetime"].is-disabled, input[type="datetime-local"][disabled], input[type="datetime-local"].is-disabled, input[type="date"][disabled], input[type="date"].is-disabled, input[type="month"][disabled], input[type="month"].is-disabled, input[type="time"][disabled], input[type="time"].is-disabled, input[type="week"][disabled], input[type="week"].is-disabled, input[type="number"][disabled], input[type="number"].is-disabled, input[type="email"][disabled], input[type="email"].is-disabled, input[type="url"][disabled], input[type="url"].is-disabled, input[type="search"][disabled], input[type="search"].is-disabled, input[type="tel"][disabled], input[type="tel"].is-disabled, input[type="color"][disabled], input[type="color"].is-disabled, select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } /* line 96, ../scss/modules/_forms.scss */ input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input[type="password"].is-disabled:focus, input[type="password"].is-disabled:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input[type="datetime"].is-disabled:focus, input[type="datetime"].is-disabled:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input[type="datetime-local"].is-disabled:focus, input[type="datetime-local"].is-disabled:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input[type="date"].is-disabled:focus, input[type="date"].is-disabled:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input[type="month"].is-disabled:focus, input[type="month"].is-disabled:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input[type="time"].is-disabled:focus, input[type="time"].is-disabled:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input[type="week"].is-disabled:focus, input[type="week"].is-disabled:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input[type="number"].is-disabled:focus, input[type="number"].is-disabled:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input[type="email"].is-disabled:focus, input[type="email"].is-disabled:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input[type="url"].is-disabled:focus, input[type="url"].is-disabled:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input[type="search"].is-disabled:focus, input[type="search"].is-disabled:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input[type="tel"].is-disabled:focus, input[type="tel"].is-disabled:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input[type="color"].is-disabled:focus, input[type="color"].is-disabled:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #d5edf8; } /* line 105, ../scss/modules/_forms.scss */ input[type="password"] { letter-spacing: 0.3em; } /* line 110, ../scss/modules/_forms.scss */ textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; } /* line 117, ../scss/modules/_forms.scss */ select { -webkit-appearance: none; /* 1 */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; } /********************* BASE (MOBILE) SIZE This are the mobile styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important. *********************/ /****************************************************************** Site Name: Author: Stylesheet: Base Mobile Stylesheet Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports. ******************************************************************/ /********************* GENERAL STYLES *********************/ /* line 18, ../scss/breakpoints/_base.scss */ body { font-family: "Arimo", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.5; color: #5c6b80; background-color: white; -webkit-font-smoothing: antialiased; } /******************** WORDPRESS BODY CLASSES style a page via class ********************/ /* for sites that are read right to left (i.e. hebrew) */ /* home page */ /* blog template page */ /* archive page */ /* date archive page */ /* replace the number to the corresponding page number */ /* search page */ /* search result page */ /* no results search page */ /* individual paged search (i.e. body.search-paged-3) */ /* 404 page */ /* single post page */ /* individual post page by id (i.e. body.postid-73) */ /* individual paged single (i.e. body.single-paged-3) */ /* attatchment page */ /* individual attatchment page (i.e. body.attachmentid-763) */ /* style mime type pages */ /* author page */ /* user nicename (i.e. body.author-samueladams) */ /* paged author archives (i.e. body.author-paged-4) for page 4 */ /* category page */ /* individual category page (i.e. body.category-6) */ /* replace the number to the corresponding page number */ /* tag page */ /* individual tag page (i.e. body.tag-news) */ /* replace the number to the corresponding page number */ /* custom page template page */ /* individual page template (i.e. body.page-template-contact-php */ /* replace the number to the corresponding page number */ /* parent page template */ /* child page template */ /* replace the number to the corresponding page number */ /* if user is logged in */ /* paged items like search results or archives */ /* individual paged (i.e. body.paged-3) */ /********************* LAYOUT & GRID STYLES *********************/ /* line 72, ../scss/breakpoints/_base.scss */ .wrap { width: 96%; margin: 0 auto; } /********************* LINK STYLES *********************/ /* line 81, ../scss/breakpoints/_base.scss */ a, a:visited { color: #2f7f4f; font-family: "Arimo", Helvetica, Arial, sans-serif; /* on hover */ /* on click */ /* mobile tap color */ } /* line 86, ../scss/breakpoints/_base.scss */ a:hover, a:focus, a:visited:hover, a:visited:focus { color: #235d3a; } /* line 96, ../scss/breakpoints/_base.scss */ a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ /* line 110, ../scss/breakpoints/_base.scss */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Giddy Up", Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; font-weight: 500; /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } /* line 120, ../scss/breakpoints/_base.scss */ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { font-family: "Giddy Up", Helvetica, Arial, sans-serif; text-decoration: none; } /* line 125, ../scss/breakpoints/_base.scss */ h1.title a, .h1.title a, h2.title a, .h2.title a, h3.title a, .h3.title a, h4.title a, .h4.title a, h5.title a, .h5.title a { color: black; } /* line 131, ../scss/breakpoints/_base.scss */ h1, .h1 { font-size: 2.5em; line-height: 1.333em; } /* line 136, ../scss/breakpoints/_base.scss */ h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; } /* line 142, ../scss/breakpoints/_base.scss */ h3, .h3 { font-size: 1.125em; } /* line 146, ../scss/breakpoints/_base.scss */ h4, .h4 { font-size: 1.1em; font-weight: 700; } /* line 151, ../scss/breakpoints/_base.scss */ h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* HEADER STYLES *********************/ /* line 162, ../scss/breakpoints/_base.scss */ .header { background-color: #2f7f4f; } /* line 166, ../scss/breakpoints/_base.scss */ #logo { margin: 0.75em 0; } /* line 169, ../scss/breakpoints/_base.scss */ #logo a { color: white; } /********************* NAVIGATION STYLES *********************/ /* all navs have a .nav class applied via the wp_menu function; this is so we can easily write one group of styles for the navs on the site so our css is cleaner and more scalable. */ /* line 186, ../scss/breakpoints/_base.scss */ .nav { border-bottom: 0; margin: 0; /* end .menu li */ /* highlight current page */ /* end current highlighters */ } /* line 190, ../scss/breakpoints/_base.scss */ .nav li { /* so you really have to rethink your dropdowns for mobile. you don't want to have it expand too much because the screen is so small. How you manage your menu should depend on the project. Here's some great info on it: http://www.alistapart.com/articles/organizing-mobile/ */ } /* line 192, ../scss/breakpoints/_base.scss */ .nav li a { display: block; color: white; text-decoration: none; padding: 0.75em; /* remember this is for mobile ONLY, so there's no need to even declare hover styles here, you can do it in the style.scss file where it's relevant. We want to keep this file as small as possible! */ } /* line 225, ../scss/breakpoints/_base.scss */ .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; } /* end .nav */ /********************* POSTS & CONTENT STYLES *********************/ /* line 261, ../scss/breakpoints/_base.scss */ #content { margin-top: 1.5em; } /* line 265, ../scss/breakpoints/_base.scss */ .hentry { background-color: white; border-radius: 3px; margin-bottom: 1.5em; border: 1px solid #cccccc; } /* line 271, ../scss/breakpoints/_base.scss */ .hentry header { border-bottom: 1px solid #f8f9fa; padding: 1.5em; } /* line 276, ../scss/breakpoints/_base.scss */ .hentry footer { padding: 1.5em; border-top: 1px solid #f8f9fa; } /* line 280, ../scss/breakpoints/_base.scss */ .hentry footer p { margin: 0; } /* end .hentry */ /* line 290, ../scss/breakpoints/_base.scss */ .single-title, .page-title, .entry-title { margin: 0; } /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ /* line 313, ../scss/breakpoints/_base.scss */ .byline { color: #9fa6b4; font-style: italic; margin: 0; } /* entry content */ /* line 322, ../scss/breakpoints/_base.scss */ .entry-content { padding: 1.5em 1.5em 0; /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ } /* line 325, ../scss/breakpoints/_base.scss */ .entry-content p { font-family: "Arimo", Helvetica, Arial, sans-serif; margin: 0 0 1.5em; } /* line 335, ../scss/breakpoints/_base.scss */ .entry-content ul li, .entry-content ol li { list-style: circle; } /* line 353, ../scss/breakpoints/_base.scss */ .entry-content table { width: 100%; border: 1px solid #eaedf2; margin-bottom: 1.5em; } /* line 358, ../scss/breakpoints/_base.scss */ .entry-content table caption { margin: 0 0 7px; font-size: 0.75em; color: #9fa6b4; text-transform: uppercase; letter-spacing: 1px; } /* line 367, ../scss/breakpoints/_base.scss */ .entry-content tr { border-bottom: 1px solid #eaedf2; } /* line 370, ../scss/breakpoints/_base.scss */ .entry-content tr:nth-child(even) { background-color: #f8f9fa; } /* line 375, ../scss/breakpoints/_base.scss */ .entry-content td { padding: 7px; border-right: 1px solid #eaedf2; } /* line 379, ../scss/breakpoints/_base.scss */ .entry-content td:last-child { border-right: 0; } /* line 384, ../scss/breakpoints/_base.scss */ .entry-content th { background-color: #f8f9fa; border-bottom: 1px solid #eaedf2; border-right: 1px solid #eaedf2; } /* line 389, ../scss/breakpoints/_base.scss */ .entry-content th:last-child { border-right: 0; } /* line 394, ../scss/breakpoints/_base.scss */ .entry-content blockquote { margin: 0 0 1.5em 0.75em; padding: 0 0 0 0.75em; border-left: 3px solid #2980b9; font-style: italic; color: #9fa6b4; } /* line 409, ../scss/breakpoints/_base.scss */ .entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } /* line 416, ../scss/breakpoints/_base.scss */ .entry-content img { margin: 0 0 1.5em 0; max-width: 100%; height: auto; } /* line 436, ../scss/breakpoints/_base.scss */ .entry-content .size-auto, .entry-content .size-full, .entry-content .size-large, .entry-content .size-medium, .entry-content .size-thumbnail { max-width: 100%; height: auto; } /* line 441, ../scss/breakpoints/_base.scss */ .entry-content pre { background: #2f7f4f; color: #f8f9fa; font-size: 0.9em; padding: 1.5em; margin: 0 0 1.5em; border-radius: 3px; } /* end .entry-content */ /* line 452, ../scss/breakpoints/_base.scss */ .wp-caption { max-width: 100%; background: #eee; padding: 5px; /* images inside wp-caption */ } /* line 458, ../scss/breakpoints/_base.scss */ .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; } /* line 464, ../scss/breakpoints/_base.scss */ .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } /* end .wp-caption */ /* image gallery styles */ /* end .gallery */ /* gallery caption styles */ /* line 498, ../scss/breakpoints/_base.scss */ .tags { margin: 0; } /****************************************************************** PAGE NAVI STYLES ******************************************************************/ /* line 507, ../scss/breakpoints/_base.scss */ .pagination, .wp-prev-next { margin: 1.5em 0; } /* line 510, ../scss/breakpoints/_base.scss */ .pagination { text-align: center; } /* line 513, ../scss/breakpoints/_base.scss */ .pagination ul { display: inline-block; background-color: white; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; } /* line 522, ../scss/breakpoints/_base.scss */ .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; } /* line 531, ../scss/breakpoints/_base.scss */ .pagination a, .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2980b9; } /* line 543, ../scss/breakpoints/_base.scss */ .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2980b9; color: white; } /* line 549, ../scss/breakpoints/_base.scss */ .pagination .current { cursor: default; color: #5c6b80; } /* line 553, ../scss/breakpoints/_base.scss */ .pagination .current:hover, .pagination .current:focus { background-color: white; color: #5c6b80; } /* end .bones_page_navi */ /* fallback previous & next links */ /* line 566, ../scss/breakpoints/_base.scss */ .wp-prev-next .prev-link { float: left; } /* line 570, ../scss/breakpoints/_base.scss */ .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ /****************************************************************** COMMENT STYLES ******************************************************************/ /* h3 comment title */ /* line 581, ../scss/breakpoints/_base.scss */ #comments-title { padding: 0.75em; margin: 0; border-top: 1px solid #f8f9fa; /* number of comments span */ } /* line 601, ../scss/breakpoints/_base.scss */ .commentlist { margin: 0; list-style-type: none; } /* line 606, ../scss/breakpoints/_base.scss */ .comment { position: relative; clear: both; overflow: hidden; padding: 1.5em; border-bottom: 1px solid #f8f9fa; /* vcard */ /* end .commentlist .vcard */ /* end children */ /* general comment classes */ } /* line 613, ../scss/breakpoints/_base.scss */ .comment .comment-author { padding: 7px; border: 0; } /* line 619, ../scss/breakpoints/_base.scss */ .comment .vcard { margin-left: 50px; } /* line 622, ../scss/breakpoints/_base.scss */ .comment .vcard cite.fn { font-weight: 700; font-style: normal; } /* line 630, ../scss/breakpoints/_base.scss */ .comment .vcard time { display: block; font-size: 0.9em; font-style: italic; } /* line 635, ../scss/breakpoints/_base.scss */ .comment .vcard time a { color: #9fa6b4; text-decoration: none; } /* line 639, ../scss/breakpoints/_base.scss */ .comment .vcard time a:hover { text-decoration: underline; } /* line 649, ../scss/breakpoints/_base.scss */ .comment .vcard .avatar { position: absolute; left: 16px; border-radius: 50%; } /* line 657, ../scss/breakpoints/_base.scss */ .comment:last-child { margin-bottom: 0; } /* line 661, ../scss/breakpoints/_base.scss */ .comment .children { margin: 0; /* variations */ /* change number for different depth */ } /* line 679, ../scss/breakpoints/_base.scss */ .comment[class*=depth-] { margin-top: 1.1em; } /* line 683, ../scss/breakpoints/_base.scss */ .comment.depth-1 { margin-left: 0; margin-top: 0; } /* line 688, ../scss/breakpoints/_base.scss */ .comment:not(.depth-1) { margin-top: 0; margin-left: 7px; padding: 7px; } /* line 701, ../scss/breakpoints/_base.scss */ .comment.odd { background-color: white; } /* line 704, ../scss/breakpoints/_base.scss */ .comment.even { background: #f8f9fa; } /* comment meta */ /* comment content */ /* line 738, ../scss/breakpoints/_base.scss */ .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } /* end .commentlist .comment_content */ /* comment reply link */ /* line 747, ../scss/breakpoints/_base.scss */ .comment-reply-link { font-size: 0.9em; float: right; } /* end .commentlist .comment-reply-link */ /* edit comment link */ /* line 759, ../scss/breakpoints/_base.scss */ .comment-edit-link { font-style: italic; margin: 0 7px; text-decoration: none; font-size: 0.9em; } /****************************************************************** COMMENT FORM STYLES ******************************************************************/ /* line 772, ../scss/breakpoints/_base.scss */ .comment-respond { padding: 1.5em; border-top: 1px solid #f8f9fa; } /* line 778, ../scss/breakpoints/_base.scss */ #reply-title { margin: 0; } /* line 782, ../scss/breakpoints/_base.scss */ .logged-in-as { color: #9fa6b4; font-style: italic; margin: 0; } /* line 787, ../scss/breakpoints/_base.scss */ .logged-in-as a { color: #5c6b80; } /* line 792, ../scss/breakpoints/_base.scss */ .comment-form-comment { margin: 1.5em 0 0.75em; } /* line 796, ../scss/breakpoints/_base.scss */ .form-allowed-tags { padding: 1.5em; background-color: #f8f9fa; font-size: 0.9em; } /* comment submit button */ /* line 803, ../scss/breakpoints/_base.scss */ #submit { float: right; font-size: 1em; } /* comment form title */ /* line 810, ../scss/breakpoints/_base.scss */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ /* line 823, ../scss/breakpoints/_base.scss */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ /* line 828, ../scss/breakpoints/_base.scss */ .nocomments { margin: 0 20px 1.1em; } /********************* SIDEBARS & ASIDES *********************/ /* line 844, ../scss/breakpoints/_base.scss */ .widget ul li { /* deep nesting */ } /* line 861, ../scss/breakpoints/_base.scss */ .no-widgets { background-color: white; padding: 1.5em; text-align: center; border: 1px solid #cccccc; border-radius: 2px; margin-bottom: 1.5em; } /********************* FOOTER STYLES *********************/ /* line 874, ../scss/breakpoints/_base.scss */ .footer { clear: both; background-color: #2f7f4f; color: #f8f9fa; } /* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */ /* end .footer-links */ /********************* LARGER MOBILE DEVICES This is for devices like the Galaxy Note or something that's larger than an iPhone but smaller than a tablet. Let's call them tweeners. *********************/ @media only screen and (min-width: 481px) { /****************************************************************** Site Name: Author: Stylesheet: 481px and Up Stylesheet This stylesheet is loaded for larger devices. It's set to 481px because at 480px it would load on a landscaped iPhone. This isn't ideal because then you would be loading all those extra styles on that same mobile connection. A word of warning. This size COULD be a larger mobile device, so you still want to keep it pretty light and simply expand upon your base.scss styles. ******************************************************************/ /* IMPORTANT NOTE ABOUT SASS 3.3 & UP You can't use @extend within media queries anymore, so just be aware that if you drop them in here, they won't work. */ /********************* NAVIGATION STYLES *********************/ /* .menu is clearfixed inside mixins.scss */ /* line 33, ../scss/breakpoints/_481up.scss */ .menu { /* end .menu ul */ } /* line 34, ../scss/breakpoints/_481up.scss */ .menu ul { /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } /* line 35, ../scss/breakpoints/_481up.scss */ .menu ul li { /* plan your menus and drop-downs wisely. */ } /* line 36, ../scss/breakpoints/_481up.scss */ .menu ul li a { /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* end .menu */ /********************* POSTS & CONTENT STYLES *********************/ /* entry content */ /* line 81, ../scss/breakpoints/_481up.scss */ .entry-content { /* at this larger size, we can start to align images */ } /* line 85, ../scss/breakpoints/_481up.scss */ .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } /* line 90, ../scss/breakpoints/_481up.scss */ .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; } /* line 95, ../scss/breakpoints/_481up.scss */ .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* end .entry-content */ /********************* FOOTER STYLES *********************/ /* check your menus here. do they look good? do they need tweaking? */ /* end .footer-links */ } /********************* TABLET & SMALLER LAPTOPS This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. *********************/ @media only screen and (min-width: 768px) { /****************************************************************** Site Name: Author: Stylesheet: Tablet & Small Desktop Stylesheet Here's where you can start getting into the good stuff. This size will work on iPads, other tablets, and desktops. So you can start working with more styles, background images, and other resources. You'll also notice the grid starts to come into play. Have fun! ******************************************************************/ /********************* GENERAL STYLES *********************/ /********************* LAYOUT & GRID STYLES *********************/ /* line 26, ../scss/breakpoints/_768up.scss */ .wrap { width: 760px; } /********************* HEADER STYLES *********************/ /********************* NAVIGATION STYLES *********************/ /* line 42, ../scss/breakpoints/_768up.scss */ .nav { border: 0; /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } /* line 44, ../scss/breakpoints/_768up.scss */ .nav ul { background: #323944; margin-top: 0; } /* line 48, ../scss/breakpoints/_768up.scss */ .nav li { float: left; position: relative; /* plan your menus and drop-downs wisely. */ /* showing sub-menus */ } /* line 52, ../scss/breakpoints/_768up.scss */ .nav li a { border-bottom: 0; /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } /* line 59, ../scss/breakpoints/_768up.scss */ .nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; } /* line 72, ../scss/breakpoints/_768up.scss */ .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; /* highlight sub-menu current page */ } /* line 80, ../scss/breakpoints/_768up.scss */ .nav li ul.sub-menu li, .nav li ul.children li { /* if you need to go deeper, go nuts just remember deeper menus suck for usability. k, bai. */ } /* line 82, ../scss/breakpoints/_768up.scss */ .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; } /* line 99, ../scss/breakpoints/_768up.scss */ .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; } /* line 109, ../scss/breakpoints/_768up.scss */ .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; } /* line 124, ../scss/breakpoints/_768up.scss */ .nav li:hover > ul { top: auto; visibility: visible; } /* end .nav */ /********************* SIDEBARS & ASIDES *********************/ /* line 144, ../scss/breakpoints/_768up.scss */ .sidebar { margin-top: 2.2em; } /* line 148, ../scss/breakpoints/_768up.scss */ .widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; } /* line 153, ../scss/breakpoints/_768up.scss */ .widget { padding: 0 10px; margin: 2.2em 0; } /* line 158, ../scss/breakpoints/_768up.scss */ .widget ul li { margin-bottom: 0.75em; /* deep nesting */ } /* line 166, ../scss/breakpoints/_768up.scss */ .widget ul li ul { margin-top: 0.75em; padding-left: 1em; } /* links widget */ /* meta widget */ /* pages widget */ /* recent-posts widget */ /* archives widget */ /* tag-cloud widget */ /* calendar widget */ /* category widget */ /* recent-comments widget */ /* search widget */ /* text widget */ /********************* FOOTER STYLES *********************/ /* you'll probably need to do quite a bit of overriding here if you styled them for mobile. Make sure to double check these! */ /* line 274, ../scss/breakpoints/_768up.scss */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ } /* end .footer-links */ } /********************* DESKTOP This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. *********************/ @media only screen and (min-width: 1030px) { /****************************************************************** Site Name: Author: Stylesheet: Desktop Stylsheet This is the desktop size. It's larger than an iPad so it will only be seen on the Desktop. ******************************************************************/ /* line 12, ../scss/breakpoints/_1030up.scss */ .wrap { width: 1040px; } } /********************* LARGE VIEWING SIZE This is for the larger monitors and possibly full screen viewers. *********************/ @media only screen and (min-width: 1240px) { /****************************************************************** Site Name: Author: Stylesheet: Super Large Monitor Stylesheet You can add some advanced styles here if you like. This kicks in on larger screens. ******************************************************************/ } /********************* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. You can also create a media query for retina AND a certain size if you want. Go Nuts. *********************/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /****************************************************************** Site Name: Author: Stylesheet: Retina Screens & Devices Stylesheet When handling retina screens you need to make adjustments, especially if you're not using font icons. Here you can add them in one neat place. ******************************************************************/ /* EXAMPLE Let's say you have an image and you need to make sure it looks ok on retina screens. Let's say we have an icon which dimension are 24px x 24px. In your regular stylesheets, it would look something like this: .icon { width: 24px; height: 24px; background: url(img/test.png) no-repeat; } For retina screens, we have to make some adjustments, so that image doesn't look blurry. So, taking into account the image above and the dimensions, this is what we would put in our retina stylesheet: .icon { background: url(img/test@2x.png) no-repeat; background-size: 24px 24px; } So, you would create the same icon, but at double the resolution, meaning it would be 48px x 48px. You'd name it the same, but with a @2x at the end (this is pretty standard practice). Set the background image so it matches the original dimensions and you are good to go. */ } /********************* PRINT STYLESHEET Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. *********************/ @media print { /****************************************************************** Site Name: Author: Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it. ******************************************************************/ /* line 13, ../scss/partials/_print.scss */ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* line 21, ../scss/partials/_print.scss */ a, a:visited { color: #444 !important; text-decoration: underline; } /* line 26, ../scss/partials/_print.scss */ a:after, a:visited:after { content: " (" attr(href) ")"; } /* line 31, ../scss/partials/_print.scss */ a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } /* line 38, ../scss/partials/_print.scss */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* line 42, ../scss/partials/_print.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* line 47, ../scss/partials/_print.scss */ thead { display: table-header-group; } /* line 51, ../scss/partials/_print.scss */ tr, img { page-break-inside: avoid; } /* line 55, ../scss/partials/_print.scss */ img { max-width: 100% !important; } @page { margin: 0.5cm; } /* line 63, ../scss/partials/_print.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 69, ../scss/partials/_print.scss */ h2, h3 { page-break-after: avoid; } /* line 78, ../scss/partials/_print.scss */ .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }