diff --git a/templates/Binarity/Resources/assets/css/app.css b/templates/Binarity/Resources/assets/css/app.css index 9833d769..1b64d9a3 100644 --- a/templates/Binarity/Resources/assets/css/app.css +++ b/templates/Binarity/Resources/assets/css/app.css @@ -1,11486 +1,9259 @@ @charset "UTF-8"; -/*map-get($foundation-palette, primary);*/ -/** - * Foundation for Sites by ZURB - * Version 6.2.1 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ + + + + + html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + font-size: 100%; + box-sizing: border-box; +} -/** - * Remove default margin. - */ body { - margin: 0; } + margin: 0; + padding: 0; + font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; + font-weight: 300; + line-height: 1; + color: #414042; + background: #fefefe; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} -/* HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; } -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } +article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { + display: block; +} + +audio,canvas,progress,video { + display: inline-block; + vertical-align: baseline; +} -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ audio:not([controls]) { - display: none; - height: 0; } + display: none; + height: 0; +} + +[hidden],template { + display: none; +} -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; } -/* Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ a { - background-color: transparent; } + background-color: transparent; + color: #8aa800; + text-decoration: none; + line-height: inherit; + cursor: pointer; + font-weight: 500; +} + +a:active,a:hover { + outline: 0; +} -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ -a:active, -a:hover { - outline: 0; } -/* Text-level semantics - ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ abbr[title] { - border-bottom: 1px dotted; } + border-bottom: 1px dotted; +} -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ -b, -strong { - font-weight: bold; } +b,strong { + font-weight: bold; +} -/** - * Address styling not present in Safari and Chrome. - */ dfn { - font-style: italic; } + font-style: italic; +} -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ h1 { - font-size: 2em; - margin: 0.67em 0; } + font-size: 1.25rem; + margin: 0.67em 0; +} -/** - * Address styling not present in IE 8/9. - */ mark { - background: #ff0; - color: #000; } + background: #ff0; + color: #000; +} -/** - * Address inconsistent and variable font size in all browsers. - */ small { - font-size: 80%; } + font-size: 80%; + line-height: inherit; +} -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, +sub,sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - + top: -0.5em; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} + -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ img { - border: 0; } + border: 0; + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; + display: inline-block; + vertical-align: middle; +} -/** - * Correct overflow not hidden in IE 9/10/11. - */ svg:not(:root) { - overflow: hidden; } + overflow: hidden; +} + -/* Grouping content - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. - */ figure { - margin: 1em 40px; } + margin: 1em 40px; +} -/** - * Address differences between Firefox and other browsers. - */ hr { - box-sizing: content-box; - height: 0; } + box-sizing: content-box; + height: 0; + max-width: 75rem; + border-right: 0; + border-top: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; + margin: 1.25rem auto; + clear: both; +} -/** - * Contain overflow in all browsers. - */ pre { - overflow: auto; } + overflow: auto; +} -/** - * Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; } +code,kbd,pre,samp { + font-family: monospace, monospace; + font-size: 1em; +} -/* Forms - ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ + +button,input,optgroup,select,textarea { + color: inherit; + font: inherit; + margin: 0; +} + button { - overflow: visible; } + overflow: visible; + -webkit-appearance: none; + -moz-appearance: none; + background: transparent; + padding: 0; + border: 0; + border-radius: 0; + line-height: 1; +} -/** - * 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 Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; } +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. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ } +button,html input[type="button"],input[type="reset"],input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} -/** - * Re-set default cursor for disabled elements. - */ -button[disabled], -html input[disabled] { - cursor: not-allowed; } +button[disabled],html input[disabled] { + cursor: not-allowed; +} -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; } +button::-moz-focus-inner,input::-moz-focus-inner { + border: 0; + padding: 0; +} -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ input { - line-height: normal; } + line-height: normal; +} -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } +input[type="checkbox"],input[type="radio"] { + box-sizing: border-box; + padding: 0; +} -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; } +input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { + height: auto; +} -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - box-sizing: content-box; - /* 2 */ } + -webkit-appearance: textfield; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } -/** - * Define consistent border, margin, and padding. - * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. - */ -/* 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/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } + border: 0; + padding: 0; + margin-bottom: 0.5rem; + max-width: 100%; +} -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ textarea { - overflow: auto; } + overflow: auto; + height: auto; + min-height: 50px; + border-radius: 0; + max-width: 100%; +} -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ optgroup { - font-weight: bold; } + font-weight: bold; +} + -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - + border-collapse: collapse; + border-spacing: 0; + width: 100%; + margin-bottom: 1rem; + border-radius: 0; +} +td,th { + padding: 0; +} .foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - font-size: 100%; - box-sizing: border-box; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - padding: 0; - margin: 0; - font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; - font-weight: 300; - line-height: 1; - color: #414042; - background: #fefefe; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; - display: inline-block; - vertical-align: middle; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; +} +*,*::before,*::after { + box-sizing: inherit; +} select { - width: 100%; - border-radius: 0; } - -#map_canvas img, -#map_canvas embed, -#map_canvas object, -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - -webkit-appearance: none; - -moz-appearance: none; - background: transparent; - padding: 0; - border: 0; - border-radius: 0; - line-height: 1; } - [data-whatinput='mouse'] button { - outline: 0; } - + width: 100%; + border-radius: 0; + height: 2.4375rem; + padding: 0.5rem; + border: 2px solid #414042; + margin: 0 0 1rem; + font-size: 1rem; + font-family: inherit; + line-height: normal; + color: #414042; + background-color: #fefefe; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url('data:image/svg+xml;utf8,'); + background-size: 9px 6px; + background-position: right center; + background-origin: content-box; + background-repeat: no-repeat; +} +#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object { + max-width: none !important; +} +[data-whatinput='mouse'] button { + outline: 0; +} .is-visible { - display: block !important; } - + display: block !important; +} .is-hidden { - display: none !important; } - + display: none !important; +} .row { - max-width: 75rem; - margin-left: auto; - margin-right: auto; } - .row::before, .row::after { - content: ' '; - display: table; } - .row::after { - clear: both; } - .row.collapse > .column, .row.collapse > .columns { - padding-left: 0; - padding-right: 0; } - .row .row { - max-width: none; - margin-left: -0.625rem; - margin-right: -0.625rem; - max-width: none; } - @media screen and (min-width: 40em) { - .row .row { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .row .row.collapse { - margin-left: 0; - margin-right: 0; } - .row.expanded { - max-width: none; } - .row.expanded .row { - margin-left: auto; - margin-right: auto; } + max-width: 75rem; + margin-left: auto; + margin-right: auto; +} +.row::before,.row::after { + content: ' '; + display: table; +} +.row::after { + clear: both; +} +.row.collapse > .column,.row.collapse > .columns { + padding-left: 0; + padding-right: 0; +} +.row .row { + max-width: none; + margin-left: -0.625rem; + margin-right: -0.625rem; +} -.column, .columns { - width: 100%; - float: left; - padding-left: 0.625rem; - padding-right: 0.625rem; } - @media screen and (min-width: 40em) { - .column, .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } } - .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { - float: right; } - .column.end:last-child:last-child, .end.columns:last-child:last-child { - float: left; } +@media screen and (min-width: 40em) { -.column.row.row, .row.row.columns { - float: none; } - .row .column.row.row, .row .row.row.columns { - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; } + .row .row { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} +.row .row.collapse { + margin-left: 0; + margin-right: 0; +} +.row.expanded { + max-width: none; +} +.row.expanded .row { + margin-left: auto; + margin-right: auto; +} +.column,.columns { + width: 100%; + float: left; + padding-left: 0.625rem; + padding-right: 0.625rem; +} + +@media screen and (min-width: 40em) { + + .column,.columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } +} + +.column:last-child:not(:first-child),.columns:last-child:not(:first-child) { + float: right; +} +.column.end:last-child:last-child,.end.columns:last-child:last-child { + float: left; +} +.column.row.row,.row.row.columns { + float: none; +} +.row .column.row.row,.row .row.row.columns { + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; +} .small-1 { - width: 8.33333%; } - + width: 8.33333%; +} .small-push-1 { - position: relative; - left: 8.33333%; } - + position: relative; + left: 8.33333%; +} .small-pull-1 { - position: relative; - left: -8.33333%; } - + position: relative; + left: -8.33333%; +} .small-offset-0 { - margin-left: 0%; } - + margin-left: 0%; +} .small-2 { - width: 16.66667%; } - + width: 16.66667%; +} .small-push-2 { - position: relative; - left: 16.66667%; } - + position: relative; + left: 16.66667%; +} .small-pull-2 { - position: relative; - left: -16.66667%; } - + position: relative; + left: -16.66667%; +} .small-offset-1 { - margin-left: 8.33333%; } - + margin-left: 8.33333%; +} .small-3 { - width: 25%; } - + width: 25%; +} .small-push-3 { - position: relative; - left: 25%; } - + position: relative; + left: 25%; +} .small-pull-3 { - position: relative; - left: -25%; } - + position: relative; + left: -25%; +} .small-offset-2 { - margin-left: 16.66667%; } - + margin-left: 16.66667%; +} .small-4 { - width: 33.33333%; } - + width: 33.33333%; +} .small-push-4 { - position: relative; - left: 33.33333%; } - + position: relative; + left: 33.33333%; +} .small-pull-4 { - position: relative; - left: -33.33333%; } - + position: relative; + left: -33.33333%; +} .small-offset-3 { - margin-left: 25%; } - + margin-left: 25%; +} .small-5 { - width: 41.66667%; } - + width: 41.66667%; +} .small-push-5 { - position: relative; - left: 41.66667%; } - + position: relative; + left: 41.66667%; +} .small-pull-5 { - position: relative; - left: -41.66667%; } - + position: relative; + left: -41.66667%; +} .small-offset-4 { - margin-left: 33.33333%; } - + margin-left: 33.33333%; +} .small-6 { - width: 50%; } - + width: 50%; +} .small-push-6 { - position: relative; - left: 50%; } - + position: relative; + left: 50%; +} .small-pull-6 { - position: relative; - left: -50%; } - + position: relative; + left: -50%; +} .small-offset-5 { - margin-left: 41.66667%; } - + margin-left: 41.66667%; +} .small-7 { - width: 58.33333%; } - + width: 58.33333%; +} .small-push-7 { - position: relative; - left: 58.33333%; } - + position: relative; + left: 58.33333%; +} .small-pull-7 { - position: relative; - left: -58.33333%; } - + position: relative; + left: -58.33333%; +} .small-offset-6 { - margin-left: 50%; } - + margin-left: 50%; +} .small-8 { - width: 66.66667%; } - + width: 66.66667%; +} .small-push-8 { - position: relative; - left: 66.66667%; } - + position: relative; + left: 66.66667%; +} .small-pull-8 { - position: relative; - left: -66.66667%; } - + position: relative; + left: -66.66667%; +} .small-offset-7 { - margin-left: 58.33333%; } - + margin-left: 58.33333%; +} .small-9 { - width: 75%; } - + width: 75%; +} .small-push-9 { - position: relative; - left: 75%; } - + position: relative; + left: 75%; +} .small-pull-9 { - position: relative; - left: -75%; } - + position: relative; + left: -75%; +} .small-offset-8 { - margin-left: 66.66667%; } - + margin-left: 66.66667%; +} .small-10 { - width: 83.33333%; } - + width: 83.33333%; +} .small-push-10 { - position: relative; - left: 83.33333%; } - + position: relative; + left: 83.33333%; +} .small-pull-10 { - position: relative; - left: -83.33333%; } - + position: relative; + left: -83.33333%; +} .small-offset-9 { - margin-left: 75%; } - + margin-left: 75%; +} .small-11 { - width: 91.66667%; } - + width: 91.66667%; +} .small-push-11 { - position: relative; - left: 91.66667%; } - + position: relative; + left: 91.66667%; +} .small-pull-11 { - position: relative; - left: -91.66667%; } - + position: relative; + left: -91.66667%; +} .small-offset-10 { - margin-left: 83.33333%; } - + margin-left: 83.33333%; +} .small-12 { - width: 100%; } - + width: 100%; +} .small-offset-11 { - margin-left: 91.66667%; } - -.small-up-1 > .column, .small-up-1 > .columns { - width: 100%; - float: left; } - .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { - float: left; } - -.small-up-2 > .column, .small-up-2 > .columns { - width: 50%; - float: left; } - .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { - float: left; } - -.small-up-3 > .column, .small-up-3 > .columns { - width: 33.33333%; - float: left; } - .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { - float: left; } - -.small-up-4 > .column, .small-up-4 > .columns { - width: 25%; - float: left; } - .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { - float: left; } - -.small-up-5 > .column, .small-up-5 > .columns { - width: 20%; - float: left; } - .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { - float: left; } - -.small-up-6 > .column, .small-up-6 > .columns { - width: 16.66667%; - float: left; } - .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { - float: left; } - -.small-up-7 > .column, .small-up-7 > .columns { - width: 14.28571%; - float: left; } - .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { - float: left; } - -.small-up-8 > .column, .small-up-8 > .columns { - width: 12.5%; - float: left; } - .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { - float: left; } - -.small-collapse > .column, .small-collapse > .columns { - padding-left: 0; - padding-right: 0; } - + margin-left: 91.66667%; +} +.small-up-1 > .column,.small-up-1 > .columns { + width: 100%; + float: left; +} +.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1) { + clear: both; +} +.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child { + float: left; +} +.small-up-2 > .column,.small-up-2 > .columns { + width: 50%; + float: left; +} +.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1) { + clear: both; +} +.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child { + float: left; +} +.small-up-3 > .column,.small-up-3 > .columns { + width: 33.33333%; + float: left; +} +.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1) { + clear: both; +} +.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child { + float: left; +} +.small-up-4 > .column,.small-up-4 > .columns { + width: 25%; + float: left; +} +.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1) { + clear: both; +} +.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child { + float: left; +} +.small-up-5 > .column,.small-up-5 > .columns { + width: 20%; + float: left; +} +.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1) { + clear: both; +} +.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child { + float: left; +} +.small-up-6 > .column,.small-up-6 > .columns { + width: 16.66667%; + float: left; +} +.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1) { + clear: both; +} +.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child { + float: left; +} +.small-up-7 > .column,.small-up-7 > .columns { + width: 14.28571%; + float: left; +} +.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1) { + clear: both; +} +.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child { + float: left; +} +.small-up-8 > .column,.small-up-8 > .columns { + width: 12.5%; + float: left; +} +.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n) { + clear: none; +} +.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1) { + clear: both; +} +.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child { + float: left; +} +.small-collapse > .column,.small-collapse > .columns { + padding-left: 0; + padding-right: 0; +} .small-collapse .row { - margin-left: 0; - margin-right: 0; } - -.small-uncollapse > .column, .small-uncollapse > .columns { - padding-left: 0.625rem; - padding-right: 0.625rem; } - + margin-left: 0; + margin-right: 0; +} +.small-uncollapse > .column,.small-uncollapse > .columns { + padding-left: 0.625rem; + padding-right: 0.625rem; +} .small-centered { - float: none; - margin-left: auto; - margin-right: auto; } - -.small-uncentered, -.small-push-0, -.small-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } + float: none; + margin-left: auto; + margin-right: auto; +} +.small-uncentered,.small-push-0,.small-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; +} @media screen and (min-width: 40em) { - .medium-1 { - width: 8.33333%; } - .medium-push-1 { - position: relative; - left: 8.33333%; } - .medium-pull-1 { - position: relative; - left: -8.33333%; } - .medium-offset-0 { - margin-left: 0%; } - .medium-2 { - width: 16.66667%; } - .medium-push-2 { - position: relative; - left: 16.66667%; } - .medium-pull-2 { - position: relative; - left: -16.66667%; } - .medium-offset-1 { - margin-left: 8.33333%; } - .medium-3 { - width: 25%; } - .medium-push-3 { - position: relative; - left: 25%; } - .medium-pull-3 { - position: relative; - left: -25%; } - .medium-offset-2 { - margin-left: 16.66667%; } - .medium-4 { - width: 33.33333%; } - .medium-push-4 { - position: relative; - left: 33.33333%; } - .medium-pull-4 { - position: relative; - left: -33.33333%; } - .medium-offset-3 { - margin-left: 25%; } - .medium-5 { - width: 41.66667%; } - .medium-push-5 { - position: relative; - left: 41.66667%; } - .medium-pull-5 { - position: relative; - left: -41.66667%; } - .medium-offset-4 { - margin-left: 33.33333%; } - .medium-6 { - width: 50%; } - .medium-push-6 { - position: relative; - left: 50%; } - .medium-pull-6 { - position: relative; - left: -50%; } - .medium-offset-5 { - margin-left: 41.66667%; } - .medium-7 { - width: 58.33333%; } - .medium-push-7 { - position: relative; - left: 58.33333%; } - .medium-pull-7 { - position: relative; - left: -58.33333%; } - .medium-offset-6 { - margin-left: 50%; } - .medium-8 { - width: 66.66667%; } - .medium-push-8 { - position: relative; - left: 66.66667%; } - .medium-pull-8 { - position: relative; - left: -66.66667%; } - .medium-offset-7 { - margin-left: 58.33333%; } - .medium-9 { - width: 75%; } - .medium-push-9 { - position: relative; - left: 75%; } - .medium-pull-9 { - position: relative; - left: -75%; } - .medium-offset-8 { - margin-left: 66.66667%; } - .medium-10 { - width: 83.33333%; } - .medium-push-10 { - position: relative; - left: 83.33333%; } - .medium-pull-10 { - position: relative; - left: -83.33333%; } - .medium-offset-9 { - margin-left: 75%; } - .medium-11 { - width: 91.66667%; } - .medium-push-11 { - position: relative; - left: 91.66667%; } - .medium-pull-11 { - position: relative; - left: -91.66667%; } - .medium-offset-10 { - margin-left: 83.33333%; } - .medium-12 { - width: 100%; } - .medium-offset-11 { - margin-left: 91.66667%; } - .medium-up-1 > .column, .medium-up-1 > .columns { - width: 100%; - float: left; } - .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { - float: left; } - .medium-up-2 > .column, .medium-up-2 > .columns { - width: 50%; - float: left; } - .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { - float: left; } - .medium-up-3 > .column, .medium-up-3 > .columns { - width: 33.33333%; - float: left; } - .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { - float: left; } - .medium-up-4 > .column, .medium-up-4 > .columns { - width: 25%; - float: left; } - .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { - float: left; } - .medium-up-5 > .column, .medium-up-5 > .columns { - width: 20%; - float: left; } - .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { - float: left; } - .medium-up-6 > .column, .medium-up-6 > .columns { - width: 16.66667%; - float: left; } - .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { - float: left; } - .medium-up-7 > .column, .medium-up-7 > .columns { - width: 14.28571%; - float: left; } - .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { - float: left; } - .medium-up-8 > .column, .medium-up-8 > .columns { - width: 12.5%; - float: left; } - .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { - float: left; } - .medium-collapse > .column, .medium-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .medium-collapse .row { - margin-left: 0; - margin-right: 0; } - .medium-uncollapse > .column, .medium-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .medium-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .medium-uncentered, - .medium-push-0, - .medium-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .medium-1 { + width: 8.33333%; + } + .medium-push-1 { + position: relative; + left: 8.33333%; + } + .medium-pull-1 { + position: relative; + left: -8.33333%; + } + .medium-offset-0 { + margin-left: 0%; + } + .medium-2 { + width: 16.66667%; + } + .medium-push-2 { + position: relative; + left: 16.66667%; + } + .medium-pull-2 { + position: relative; + left: -16.66667%; + } + .medium-offset-1 { + margin-left: 8.33333%; + } + .medium-3 { + width: 25%; + } + .medium-push-3 { + position: relative; + left: 25%; + } + .medium-pull-3 { + position: relative; + left: -25%; + } + .medium-offset-2 { + margin-left: 16.66667%; + } + .medium-4 { + width: 33.33333%; + } + .medium-push-4 { + position: relative; + left: 33.33333%; + } + .medium-pull-4 { + position: relative; + left: -33.33333%; + } + .medium-offset-3 { + margin-left: 25%; + } + .medium-5 { + width: 41.66667%; + } + .medium-push-5 { + position: relative; + left: 41.66667%; + } + .medium-pull-5 { + position: relative; + left: -41.66667%; + } + .medium-offset-4 { + margin-left: 33.33333%; + } + .medium-6 { + width: 50%; + } + .medium-push-6 { + position: relative; + left: 50%; + } + .medium-pull-6 { + position: relative; + left: -50%; + } + .medium-offset-5 { + margin-left: 41.66667%; + } + .medium-7 { + width: 58.33333%; + } + .medium-push-7 { + position: relative; + left: 58.33333%; + } + .medium-pull-7 { + position: relative; + left: -58.33333%; + } + .medium-offset-6 { + margin-left: 50%; + } + .medium-8 { + width: 66.66667%; + } + .medium-push-8 { + position: relative; + left: 66.66667%; + } + .medium-pull-8 { + position: relative; + left: -66.66667%; + } + .medium-offset-7 { + margin-left: 58.33333%; + } + .medium-9 { + width: 75%; + } + .medium-push-9 { + position: relative; + left: 75%; + } + .medium-pull-9 { + position: relative; + left: -75%; + } + .medium-offset-8 { + margin-left: 66.66667%; + } + .medium-10 { + width: 83.33333%; + } + .medium-push-10 { + position: relative; + left: 83.33333%; + } + .medium-pull-10 { + position: relative; + left: -83.33333%; + } + .medium-offset-9 { + margin-left: 75%; + } + .medium-11 { + width: 91.66667%; + } + .medium-push-11 { + position: relative; + left: 91.66667%; + } + .medium-pull-11 { + position: relative; + left: -91.66667%; + } + .medium-offset-10 { + margin-left: 83.33333%; + } + .medium-12 { + width: 100%; + } + .medium-offset-11 { + margin-left: 91.66667%; + } + .medium-up-1 > .column,.medium-up-1 > .columns { + width: 100%; + float: left; + } + .medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child { + float: left; + } + .medium-up-2 > .column,.medium-up-2 > .columns { + width: 50%; + float: left; + } + .medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child { + float: left; + } + .medium-up-3 > .column,.medium-up-3 > .columns { + width: 33.33333%; + float: left; + } + .medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child { + float: left; + } + .medium-up-4 > .column,.medium-up-4 > .columns { + width: 25%; + float: left; + } + .medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child { + float: left; + } + .medium-up-5 > .column,.medium-up-5 > .columns { + width: 20%; + float: left; + } + .medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child { + float: left; + } + .medium-up-6 > .column,.medium-up-6 > .columns { + width: 16.66667%; + float: left; + } + .medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child { + float: left; + } + .medium-up-7 > .column,.medium-up-7 > .columns { + width: 14.28571%; + float: left; + } + .medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child { + float: left; + } + .medium-up-8 > .column,.medium-up-8 > .columns { + width: 12.5%; + float: left; + } + .medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child { + float: left; + } + .medium-collapse > .column,.medium-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .medium-collapse .row { + margin-left: 0; + margin-right: 0; + } + .medium-uncollapse > .column,.medium-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .medium-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .medium-uncentered,.medium-push-0,.medium-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 64em) { - .large-1 { - width: 8.33333%; } - .large-push-1 { - position: relative; - left: 8.33333%; } - .large-pull-1 { - position: relative; - left: -8.33333%; } - .large-offset-0 { - margin-left: 0%; } - .large-2 { - width: 16.66667%; } - .large-push-2 { - position: relative; - left: 16.66667%; } - .large-pull-2 { - position: relative; - left: -16.66667%; } - .large-offset-1 { - margin-left: 8.33333%; } - .large-3 { - width: 25%; } - .large-push-3 { - position: relative; - left: 25%; } - .large-pull-3 { - position: relative; - left: -25%; } - .large-offset-2 { - margin-left: 16.66667%; } - .large-4 { - width: 33.33333%; } - .large-push-4 { - position: relative; - left: 33.33333%; } - .large-pull-4 { - position: relative; - left: -33.33333%; } - .large-offset-3 { - margin-left: 25%; } - .large-5 { - width: 41.66667%; } - .large-push-5 { - position: relative; - left: 41.66667%; } - .large-pull-5 { - position: relative; - left: -41.66667%; } - .large-offset-4 { - margin-left: 33.33333%; } - .large-6 { - width: 50%; } - .large-push-6 { - position: relative; - left: 50%; } - .large-pull-6 { - position: relative; - left: -50%; } - .large-offset-5 { - margin-left: 41.66667%; } - .large-7 { - width: 58.33333%; } - .large-push-7 { - position: relative; - left: 58.33333%; } - .large-pull-7 { - position: relative; - left: -58.33333%; } - .large-offset-6 { - margin-left: 50%; } - .large-8 { - width: 66.66667%; } - .large-push-8 { - position: relative; - left: 66.66667%; } - .large-pull-8 { - position: relative; - left: -66.66667%; } - .large-offset-7 { - margin-left: 58.33333%; } - .large-9 { - width: 75%; } - .large-push-9 { - position: relative; - left: 75%; } - .large-pull-9 { - position: relative; - left: -75%; } - .large-offset-8 { - margin-left: 66.66667%; } - .large-10 { - width: 83.33333%; } - .large-push-10 { - position: relative; - left: 83.33333%; } - .large-pull-10 { - position: relative; - left: -83.33333%; } - .large-offset-9 { - margin-left: 75%; } - .large-11 { - width: 91.66667%; } - .large-push-11 { - position: relative; - left: 91.66667%; } - .large-pull-11 { - position: relative; - left: -91.66667%; } - .large-offset-10 { - margin-left: 83.33333%; } - .large-12 { - width: 100%; } - .large-offset-11 { - margin-left: 91.66667%; } - .large-up-1 > .column, .large-up-1 > .columns { - width: 100%; - float: left; } - .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { - float: left; } - .large-up-2 > .column, .large-up-2 > .columns { - width: 50%; - float: left; } - .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { - float: left; } - .large-up-3 > .column, .large-up-3 > .columns { - width: 33.33333%; - float: left; } - .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { - float: left; } - .large-up-4 > .column, .large-up-4 > .columns { - width: 25%; - float: left; } - .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { - float: left; } - .large-up-5 > .column, .large-up-5 > .columns { - width: 20%; - float: left; } - .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { - float: left; } - .large-up-6 > .column, .large-up-6 > .columns { - width: 16.66667%; - float: left; } - .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { - float: left; } - .large-up-7 > .column, .large-up-7 > .columns { - width: 14.28571%; - float: left; } - .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { - float: left; } - .large-up-8 > .column, .large-up-8 > .columns { - width: 12.5%; - float: left; } - .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { - float: left; } - .large-collapse > .column, .large-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .large-collapse .row { - margin-left: 0; - margin-right: 0; } - .large-uncollapse > .column, .large-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .large-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .large-uncentered, - .large-push-0, - .large-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .large-1 { + width: 8.33333%; + } + .large-push-1 { + position: relative; + left: 8.33333%; + } + .large-pull-1 { + position: relative; + left: -8.33333%; + } + .large-offset-0 { + margin-left: 0%; + } + .large-2 { + width: 16.66667%; + } + .large-push-2 { + position: relative; + left: 16.66667%; + } + .large-pull-2 { + position: relative; + left: -16.66667%; + } + .large-offset-1 { + margin-left: 8.33333%; + } + .large-3 { + width: 25%; + } + .large-push-3 { + position: relative; + left: 25%; + } + .large-pull-3 { + position: relative; + left: -25%; + } + .large-offset-2 { + margin-left: 16.66667%; + } + .large-4 { + width: 33.33333%; + } + .large-push-4 { + position: relative; + left: 33.33333%; + } + .large-pull-4 { + position: relative; + left: -33.33333%; + } + .large-offset-3 { + margin-left: 25%; + } + .large-5 { + width: 41.66667%; + } + .large-push-5 { + position: relative; + left: 41.66667%; + } + .large-pull-5 { + position: relative; + left: -41.66667%; + } + .large-offset-4 { + margin-left: 33.33333%; + } + .large-6 { + width: 50%; + } + .large-push-6 { + position: relative; + left: 50%; + } + .large-pull-6 { + position: relative; + left: -50%; + } + .large-offset-5 { + margin-left: 41.66667%; + } + .large-7 { + width: 58.33333%; + } + .large-push-7 { + position: relative; + left: 58.33333%; + } + .large-pull-7 { + position: relative; + left: -58.33333%; + } + .large-offset-6 { + margin-left: 50%; + } + .large-8 { + width: 66.66667%; + } + .large-push-8 { + position: relative; + left: 66.66667%; + } + .large-pull-8 { + position: relative; + left: -66.66667%; + } + .large-offset-7 { + margin-left: 58.33333%; + } + .large-9 { + width: 75%; + } + .large-push-9 { + position: relative; + left: 75%; + } + .large-pull-9 { + position: relative; + left: -75%; + } + .large-offset-8 { + margin-left: 66.66667%; + } + .large-10 { + width: 83.33333%; + } + .large-push-10 { + position: relative; + left: 83.33333%; + } + .large-pull-10 { + position: relative; + left: -83.33333%; + } + .large-offset-9 { + margin-left: 75%; + } + .large-11 { + width: 91.66667%; + } + .large-push-11 { + position: relative; + left: 91.66667%; + } + .large-pull-11 { + position: relative; + left: -91.66667%; + } + .large-offset-10 { + margin-left: 83.33333%; + } + .large-12 { + width: 100%; + } + .large-offset-11 { + margin-left: 91.66667%; + } + .large-up-1 > .column,.large-up-1 > .columns { + width: 100%; + float: left; + } + .large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .large-up-1 > .column:last-child,.large-up-1 > .columns:last-child { + float: left; + } + .large-up-2 > .column,.large-up-2 > .columns { + width: 50%; + float: left; + } + .large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .large-up-2 > .column:last-child,.large-up-2 > .columns:last-child { + float: left; + } + .large-up-3 > .column,.large-up-3 > .columns { + width: 33.33333%; + float: left; + } + .large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .large-up-3 > .column:last-child,.large-up-3 > .columns:last-child { + float: left; + } + .large-up-4 > .column,.large-up-4 > .columns { + width: 25%; + float: left; + } + .large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .large-up-4 > .column:last-child,.large-up-4 > .columns:last-child { + float: left; + } + .large-up-5 > .column,.large-up-5 > .columns { + width: 20%; + float: left; + } + .large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .large-up-5 > .column:last-child,.large-up-5 > .columns:last-child { + float: left; + } + .large-up-6 > .column,.large-up-6 > .columns { + width: 16.66667%; + float: left; + } + .large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .large-up-6 > .column:last-child,.large-up-6 > .columns:last-child { + float: left; + } + .large-up-7 > .column,.large-up-7 > .columns { + width: 14.28571%; + float: left; + } + .large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .large-up-7 > .column:last-child,.large-up-7 > .columns:last-child { + float: left; + } + .large-up-8 > .column,.large-up-8 > .columns { + width: 12.5%; + float: left; + } + .large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .large-up-8 > .column:last-child,.large-up-8 > .columns:last-child { + float: left; + } + .large-collapse > .column,.large-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .large-collapse .row { + margin-left: 0; + margin-right: 0; + } + .large-uncollapse > .column,.large-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .large-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .large-uncentered,.large-push-0,.large-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 75em) { - .xlarge-1 { - width: 8.33333%; } - .xlarge-push-1 { - position: relative; - left: 8.33333%; } - .xlarge-pull-1 { - position: relative; - left: -8.33333%; } - .xlarge-offset-0 { - margin-left: 0%; } - .xlarge-2 { - width: 16.66667%; } - .xlarge-push-2 { - position: relative; - left: 16.66667%; } - .xlarge-pull-2 { - position: relative; - left: -16.66667%; } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .xlarge-3 { - width: 25%; } - .xlarge-push-3 { - position: relative; - left: 25%; } - .xlarge-pull-3 { - position: relative; - left: -25%; } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .xlarge-4 { - width: 33.33333%; } - .xlarge-push-4 { - position: relative; - left: 33.33333%; } - .xlarge-pull-4 { - position: relative; - left: -33.33333%; } - .xlarge-offset-3 { - margin-left: 25%; } - .xlarge-5 { - width: 41.66667%; } - .xlarge-push-5 { - position: relative; - left: 41.66667%; } - .xlarge-pull-5 { - position: relative; - left: -41.66667%; } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .xlarge-6 { - width: 50%; } - .xlarge-push-6 { - position: relative; - left: 50%; } - .xlarge-pull-6 { - position: relative; - left: -50%; } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .xlarge-7 { - width: 58.33333%; } - .xlarge-push-7 { - position: relative; - left: 58.33333%; } - .xlarge-pull-7 { - position: relative; - left: -58.33333%; } - .xlarge-offset-6 { - margin-left: 50%; } - .xlarge-8 { - width: 66.66667%; } - .xlarge-push-8 { - position: relative; - left: 66.66667%; } - .xlarge-pull-8 { - position: relative; - left: -66.66667%; } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .xlarge-9 { - width: 75%; } - .xlarge-push-9 { - position: relative; - left: 75%; } - .xlarge-pull-9 { - position: relative; - left: -75%; } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .xlarge-10 { - width: 83.33333%; } - .xlarge-push-10 { - position: relative; - left: 83.33333%; } - .xlarge-pull-10 { - position: relative; - left: -83.33333%; } - .xlarge-offset-9 { - margin-left: 75%; } - .xlarge-11 { - width: 91.66667%; } - .xlarge-push-11 { - position: relative; - left: 91.66667%; } - .xlarge-pull-11 { - position: relative; - left: -91.66667%; } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .xlarge-12 { - width: 100%; } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .xlarge-up-1 > .column, .xlarge-up-1 > .columns { - width: 100%; - float: left; } - .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { - float: left; } - .xlarge-up-2 > .column, .xlarge-up-2 > .columns { - width: 50%; - float: left; } - .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { - float: left; } - .xlarge-up-3 > .column, .xlarge-up-3 > .columns { - width: 33.33333%; - float: left; } - .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { - float: left; } - .xlarge-up-4 > .column, .xlarge-up-4 > .columns { - width: 25%; - float: left; } - .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { - float: left; } - .xlarge-up-5 > .column, .xlarge-up-5 > .columns { - width: 20%; - float: left; } - .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { - float: left; } - .xlarge-up-6 > .column, .xlarge-up-6 > .columns { - width: 16.66667%; - float: left; } - .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { - float: left; } - .xlarge-up-7 > .column, .xlarge-up-7 > .columns { - width: 14.28571%; - float: left; } - .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { - float: left; } - .xlarge-up-8 > .column, .xlarge-up-8 > .columns { - width: 12.5%; - float: left; } - .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { - float: left; } - .xlarge-collapse > .column, .xlarge-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .xlarge-collapse .row { - margin-left: 0; - margin-right: 0; } - .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .xlarge-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .xlarge-uncentered, - .xlarge-push-0, - .xlarge-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .xlarge-1 { + width: 8.33333%; + } + .xlarge-push-1 { + position: relative; + left: 8.33333%; + } + .xlarge-pull-1 { + position: relative; + left: -8.33333%; + } + .xlarge-offset-0 { + margin-left: 0%; + } + .xlarge-2 { + width: 16.66667%; + } + .xlarge-push-2 { + position: relative; + left: 16.66667%; + } + .xlarge-pull-2 { + position: relative; + left: -16.66667%; + } + .xlarge-offset-1 { + margin-left: 8.33333%; + } + .xlarge-3 { + width: 25%; + } + .xlarge-push-3 { + position: relative; + left: 25%; + } + .xlarge-pull-3 { + position: relative; + left: -25%; + } + .xlarge-offset-2 { + margin-left: 16.66667%; + } + .xlarge-4 { + width: 33.33333%; + } + .xlarge-push-4 { + position: relative; + left: 33.33333%; + } + .xlarge-pull-4 { + position: relative; + left: -33.33333%; + } + .xlarge-offset-3 { + margin-left: 25%; + } + .xlarge-5 { + width: 41.66667%; + } + .xlarge-push-5 { + position: relative; + left: 41.66667%; + } + .xlarge-pull-5 { + position: relative; + left: -41.66667%; + } + .xlarge-offset-4 { + margin-left: 33.33333%; + } + .xlarge-6 { + width: 50%; + } + .xlarge-push-6 { + position: relative; + left: 50%; + } + .xlarge-pull-6 { + position: relative; + left: -50%; + } + .xlarge-offset-5 { + margin-left: 41.66667%; + } + .xlarge-7 { + width: 58.33333%; + } + .xlarge-push-7 { + position: relative; + left: 58.33333%; + } + .xlarge-pull-7 { + position: relative; + left: -58.33333%; + } + .xlarge-offset-6 { + margin-left: 50%; + } + .xlarge-8 { + width: 66.66667%; + } + .xlarge-push-8 { + position: relative; + left: 66.66667%; + } + .xlarge-pull-8 { + position: relative; + left: -66.66667%; + } + .xlarge-offset-7 { + margin-left: 58.33333%; + } + .xlarge-9 { + width: 75%; + } + .xlarge-push-9 { + position: relative; + left: 75%; + } + .xlarge-pull-9 { + position: relative; + left: -75%; + } + .xlarge-offset-8 { + margin-left: 66.66667%; + } + .xlarge-10 { + width: 83.33333%; + } + .xlarge-push-10 { + position: relative; + left: 83.33333%; + } + .xlarge-pull-10 { + position: relative; + left: -83.33333%; + } + .xlarge-offset-9 { + margin-left: 75%; + } + .xlarge-11 { + width: 91.66667%; + } + .xlarge-push-11 { + position: relative; + left: 91.66667%; + } + .xlarge-pull-11 { + position: relative; + left: -91.66667%; + } + .xlarge-offset-10 { + margin-left: 83.33333%; + } + .xlarge-12 { + width: 100%; + } + .xlarge-offset-11 { + margin-left: 91.66667%; + } + .xlarge-up-1 > .column,.xlarge-up-1 > .columns { + width: 100%; + float: left; + } + .xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child { + float: left; + } + .xlarge-up-2 > .column,.xlarge-up-2 > .columns { + width: 50%; + float: left; + } + .xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child { + float: left; + } + .xlarge-up-3 > .column,.xlarge-up-3 > .columns { + width: 33.33333%; + float: left; + } + .xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child { + float: left; + } + .xlarge-up-4 > .column,.xlarge-up-4 > .columns { + width: 25%; + float: left; + } + .xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child { + float: left; + } + .xlarge-up-5 > .column,.xlarge-up-5 > .columns { + width: 20%; + float: left; + } + .xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child { + float: left; + } + .xlarge-up-6 > .column,.xlarge-up-6 > .columns { + width: 16.66667%; + float: left; + } + .xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child { + float: left; + } + .xlarge-up-7 > .column,.xlarge-up-7 > .columns { + width: 14.28571%; + float: left; + } + .xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child { + float: left; + } + .xlarge-up-8 > .column,.xlarge-up-8 > .columns { + width: 12.5%; + float: left; + } + .xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child { + float: left; + } + .xlarge-collapse > .column,.xlarge-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .xlarge-collapse .row { + margin-left: 0; + margin-right: 0; + } + .xlarge-uncollapse > .column,.xlarge-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .xlarge-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 90em) { - .xxlarge-1 { - width: 8.33333%; } - .xxlarge-push-1 { - position: relative; - left: 8.33333%; } - .xxlarge-pull-1 { - position: relative; - left: -8.33333%; } - .xxlarge-offset-0 { - margin-left: 0%; } - .xxlarge-2 { - width: 16.66667%; } - .xxlarge-push-2 { - position: relative; - left: 16.66667%; } - .xxlarge-pull-2 { - position: relative; - left: -16.66667%; } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .xxlarge-3 { - width: 25%; } - .xxlarge-push-3 { - position: relative; - left: 25%; } - .xxlarge-pull-3 { - position: relative; - left: -25%; } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .xxlarge-4 { - width: 33.33333%; } - .xxlarge-push-4 { - position: relative; - left: 33.33333%; } - .xxlarge-pull-4 { - position: relative; - left: -33.33333%; } - .xxlarge-offset-3 { - margin-left: 25%; } - .xxlarge-5 { - width: 41.66667%; } - .xxlarge-push-5 { - position: relative; - left: 41.66667%; } - .xxlarge-pull-5 { - position: relative; - left: -41.66667%; } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .xxlarge-6 { - width: 50%; } - .xxlarge-push-6 { - position: relative; - left: 50%; } - .xxlarge-pull-6 { - position: relative; - left: -50%; } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .xxlarge-7 { - width: 58.33333%; } - .xxlarge-push-7 { - position: relative; - left: 58.33333%; } - .xxlarge-pull-7 { - position: relative; - left: -58.33333%; } - .xxlarge-offset-6 { - margin-left: 50%; } - .xxlarge-8 { - width: 66.66667%; } - .xxlarge-push-8 { - position: relative; - left: 66.66667%; } - .xxlarge-pull-8 { - position: relative; - left: -66.66667%; } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .xxlarge-9 { - width: 75%; } - .xxlarge-push-9 { - position: relative; - left: 75%; } - .xxlarge-pull-9 { - position: relative; - left: -75%; } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .xxlarge-10 { - width: 83.33333%; } - .xxlarge-push-10 { - position: relative; - left: 83.33333%; } - .xxlarge-pull-10 { - position: relative; - left: -83.33333%; } - .xxlarge-offset-9 { - margin-left: 75%; } - .xxlarge-11 { - width: 91.66667%; } - .xxlarge-push-11 { - position: relative; - left: 91.66667%; } - .xxlarge-pull-11 { - position: relative; - left: -91.66667%; } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .xxlarge-12 { - width: 100%; } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { - width: 100%; - float: left; } - .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child { - float: left; } - .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { - width: 50%; - float: left; } - .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child { - float: left; } - .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { - width: 33.33333%; - float: left; } - .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child { - float: left; } - .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { - width: 25%; - float: left; } - .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child { - float: left; } - .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { - width: 20%; - float: left; } - .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child { - float: left; } - .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { - width: 16.66667%; - float: left; } - .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child { - float: left; } - .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { - width: 14.28571%; - float: left; } - .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child { - float: left; } - .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { - width: 12.5%; - float: left; } - .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child { - float: left; } - .xxlarge-collapse > .column, .xxlarge-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .xxlarge-collapse .row { - margin-left: 0; - margin-right: 0; } - .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .xxlarge-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .xxlarge-uncentered, - .xxlarge-push-0, - .xxlarge-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } -div, -dl, -dt, -dd, -ul, -ol, -li, -h1, -h2, -h3, -h4, -h5, -h6, -pre, -form, -p, -blockquote, -th, -td { - margin: 0; - padding: 0; } + .xxlarge-1 { + width: 8.33333%; + } + .xxlarge-push-1 { + position: relative; + left: 8.33333%; + } + .xxlarge-pull-1 { + position: relative; + left: -8.33333%; + } + .xxlarge-offset-0 { + margin-left: 0%; + } + .xxlarge-2 { + width: 16.66667%; + } + .xxlarge-push-2 { + position: relative; + left: 16.66667%; + } + .xxlarge-pull-2 { + position: relative; + left: -16.66667%; + } + .xxlarge-offset-1 { + margin-left: 8.33333%; + } + .xxlarge-3 { + width: 25%; + } + .xxlarge-push-3 { + position: relative; + left: 25%; + } + .xxlarge-pull-3 { + position: relative; + left: -25%; + } + .xxlarge-offset-2 { + margin-left: 16.66667%; + } + .xxlarge-4 { + width: 33.33333%; + } + .xxlarge-push-4 { + position: relative; + left: 33.33333%; + } + .xxlarge-pull-4 { + position: relative; + left: -33.33333%; + } + .xxlarge-offset-3 { + margin-left: 25%; + } + .xxlarge-5 { + width: 41.66667%; + } + .xxlarge-push-5 { + position: relative; + left: 41.66667%; + } + .xxlarge-pull-5 { + position: relative; + left: -41.66667%; + } + .xxlarge-offset-4 { + margin-left: 33.33333%; + } + .xxlarge-6 { + width: 50%; + } + .xxlarge-push-6 { + position: relative; + left: 50%; + } + .xxlarge-pull-6 { + position: relative; + left: -50%; + } + .xxlarge-offset-5 { + margin-left: 41.66667%; + } + .xxlarge-7 { + width: 58.33333%; + } + .xxlarge-push-7 { + position: relative; + left: 58.33333%; + } + .xxlarge-pull-7 { + position: relative; + left: -58.33333%; + } + .xxlarge-offset-6 { + margin-left: 50%; + } + .xxlarge-8 { + width: 66.66667%; + } + .xxlarge-push-8 { + position: relative; + left: 66.66667%; + } + .xxlarge-pull-8 { + position: relative; + left: -66.66667%; + } + .xxlarge-offset-7 { + margin-left: 58.33333%; + } + .xxlarge-9 { + width: 75%; + } + .xxlarge-push-9 { + position: relative; + left: 75%; + } + .xxlarge-pull-9 { + position: relative; + left: -75%; + } + .xxlarge-offset-8 { + margin-left: 66.66667%; + } + .xxlarge-10 { + width: 83.33333%; + } + .xxlarge-push-10 { + position: relative; + left: 83.33333%; + } + .xxlarge-pull-10 { + position: relative; + left: -83.33333%; + } + .xxlarge-offset-9 { + margin-left: 75%; + } + .xxlarge-11 { + width: 91.66667%; + } + .xxlarge-push-11 { + position: relative; + left: 91.66667%; + } + .xxlarge-pull-11 { + position: relative; + left: -91.66667%; + } + .xxlarge-offset-10 { + margin-left: 83.33333%; + } + .xxlarge-12 { + width: 100%; + } + .xxlarge-offset-11 { + margin-left: 91.66667%; + } + .xxlarge-up-1 > .column,.xxlarge-up-1 > .columns { + width: 100%; + float: left; + } + .xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child { + float: left; + } + .xxlarge-up-2 > .column,.xxlarge-up-2 > .columns { + width: 50%; + float: left; + } + .xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child { + float: left; + } + .xxlarge-up-3 > .column,.xxlarge-up-3 > .columns { + width: 33.33333%; + float: left; + } + .xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child { + float: left; + } + .xxlarge-up-4 > .column,.xxlarge-up-4 > .columns { + width: 25%; + float: left; + } + .xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child { + float: left; + } + .xxlarge-up-5 > .column,.xxlarge-up-5 > .columns { + width: 20%; + float: left; + } + .xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child { + float: left; + } + .xxlarge-up-6 > .column,.xxlarge-up-6 > .columns { + width: 16.66667%; + float: left; + } + .xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child { + float: left; + } + .xxlarge-up-7 > .column,.xxlarge-up-7 > .columns { + width: 14.28571%; + float: left; + } + .xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child { + float: left; + } + .xxlarge-up-8 > .column,.xxlarge-up-8 > .columns { + width: 12.5%; + float: left; + } + .xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child { + float: left; + } + .xxlarge-collapse > .column,.xxlarge-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .xxlarge-collapse .row { + margin-left: 0; + margin-right: 0; + } + .xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .xxlarge-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} +div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { + margin: 0; + padding: 0; +} p { - font-size: inherit; - line-height: 1.6; - margin-bottom: 0; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; - font-weight: 500; - font-style: normal; - color: #8aa800; - text-rendering: optimizeLegibility; - margin-top: 0; - margin-bottom: 0.5rem; - line-height: 1.4; } - h1 small, - h2 small, - h3 small, - h4 small, - h5 small, - h6 small { - color: #cacaca; - line-height: 0; } - -h1 { - font-size: 1.25rem; } - + font-size: inherit; + line-height: 1.6; + margin-bottom: 0; + text-rendering: optimizeLegibility; +} +em,i { + font-style: italic; + line-height: inherit; +} +strong,b { + font-weight: bold; + line-height: inherit; +} +h1,h2,h3,h4,h5,h6 { + font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; + font-weight: 500; + font-style: normal; + color: #8aa800; + text-rendering: optimizeLegibility; + margin-top: 0; + margin-bottom: 0.5rem; + line-height: 1.4; +} +h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { + color: #cacaca; + line-height: 0; +} h2 { - font-size: 1.25rem; } - + font-size: 1.25rem; +} h3 { - font-size: 1.1875rem; } - + font-size: 1.1875rem; +} h4 { - font-size: 1.125rem; } - + font-size: 1.125rem; +} h5 { - font-size: 1.0625rem; } - + font-size: 1.0625rem; +} h6 { - font-size: 1rem; } + font-size: 1rem; +} @media screen and (min-width: 40em) { - h1 { - font-size: 1.25rem; } - h2 { - font-size: 1.25rem; } - h3 { - font-size: 1.9375rem; } - h4 { - font-size: 1.5625rem; } - h5 { - font-size: 1.25rem; } - h6 { - font-size: 1rem; } } -a { - color: #8aa800; - text-decoration: none; - line-height: inherit; - cursor: pointer; } - a:hover, a:focus { - color: #779000; - text-decoration: underline; } - a img { - border: 0; } - -hr { - max-width: 75rem; - height: 0; - border-right: 0; - border-top: 0; - border-bottom: 1px solid #cacaca; - border-left: 0; - margin: 1.25rem auto; - clear: both; } - -ul, -ol, -dl { - line-height: 1.6; - margin-bottom: 0; - list-style-position: outside; } + h1 { + font-size: 1.25rem; + } + h2 { + font-size: 1.25rem; + } + h3 { + font-size: 1.9375rem; + } + h4 { + font-size: 1.5625rem; + } + h5 { + font-size: 1.25rem; + } + h6 { + font-size: 1rem; + } +} +a:hover,a:focus { + color: #779000; + text-decoration: underline; +} +a img { + border: 0; +} +ul,ol,dl { + line-height: 1.6; + margin-bottom: 0; + list-style-position: outside; +} li { - font-size: inherit; } - + font-size: inherit; +} ul { - list-style-type: disc; - margin-left: 1.25rem; } - + list-style-type: disc; + margin-left: 1.25rem; +} ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - + margin-left: 1.25rem; +} +ul ul,ol ul,ul ol,ol ol { + margin-left: 1.25rem; + margin-bottom: 0; +} dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - + margin-bottom: 1rem; +} +dl dt { + margin-bottom: 0.3rem; + font-weight: bold; +} blockquote { - margin: 0 0 0; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: 1px solid #cacaca; } - blockquote, blockquote p { - line-height: 1.6; - color: #414042; } - + margin: 0 0 0; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; +} +blockquote,blockquote p { + line-height: 1.6; + color: #414042; +} cite { - display: block; - font-size: 0.8125rem; - color: #414042; } - cite:before { - content: '\2014 \0020'; } - + display: block; + font-size: 0.8125rem; + color: #414042; +} +cite:before { + content: '\2014 \0020'; +} abbr { - color: #414042; - cursor: help; - border-bottom: 1px dotted #0a0a0a; } - + color: #414042; + cursor: help; + border-bottom: 1px dotted #0a0a0a; +} code { - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: 300; - color: #0a0a0a; - background-color: #e6e6e6; - border: 1px solid #cacaca; - padding: 0.125rem 0.3125rem 0.0625rem; } - + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: 300; + color: #0a0a0a; + background-color: #e6e6e6; + border: 1px solid #cacaca; + padding: 0.125rem 0.3125rem 0.0625rem; +} kbd { - padding: 0.125rem 0.25rem 0; - margin: 0; - background-color: #e6e6e6; - color: #0a0a0a; - font-family: Consolas, "Liberation Mono", Courier, monospace; } - + padding: 0.125rem 0.25rem 0; + margin: 0; + background-color: #e6e6e6; + color: #0a0a0a; + font-family: Consolas, "Liberation Mono", Courier, monospace; +} .subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: 300; - line-height: 1.4; - color: #414042; } - + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: 300; + line-height: 1.4; + color: #414042; +} .lead { - font-size: 125%; - line-height: 1.6; } - + font-size: 125%; + line-height: 1.6; +} .stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat { - margin-top: -1rem; } - + font-size: 2.5rem; + line-height: 1; +} +p + .stat { + margin-top: -1rem; +} .no-bullet { - margin-left: 0; - list-style: none; } - + margin-left: 0; + list-style: none; +} .text-left { - text-align: left; } - + text-align: left; +} .text-right { - text-align: right; } - + text-align: right; +} .text-center { - text-align: center; } - + text-align: center; +} .text-justify { - text-align: justify; } + text-align: justify; +} @media screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } + + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } + + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } + + .xlarge-text-left { + text-align: left; + } + .xlarge-text-right { + text-align: right; + } + .xlarge-text-center { + text-align: center; + } + .xlarge-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } + + .xxlarge-text-left { + text-align: left; + } + .xxlarge-text-right { + text-align: right; + } + .xxlarge-text-center { + text-align: center; + } + .xxlarge-text-justify { + text-align: justify; + } +} .show-for-print { - display: none !important; } + display: none !important; +} @media print { - * { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #414042; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } } + + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a,a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after,a[href^='javascript:']:after,a[href^='#']:after { + content: ''; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre,blockquote { + border: 1px solid #414042; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr,img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p,h2,h3 { + orphans: 3; + widows: 3; + } + h2,h3 { + page-break-after: avoid; + } +} .button { - display: inline-block; - text-align: center; - line-height: 1; - cursor: pointer; - -webkit-appearance: none; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - vertical-align: middle; - border: 1px solid transparent; - border-radius: 7px; - padding: 0.65em 1.25em; - margin: 0 0 1rem 0; - font-size: 0.9rem; - background-color: #2bc8e8; - color: #fefefe; } - [data-whatinput='mouse'] .button { - outline: 0; } - .button:hover, .button:focus { - background-color: #17b3d3; - color: #fefefe; } - .button.tiny { - font-size: 0.6rem; } - .button.small { - font-size: 0.75rem; } - .button.large { - font-size: 1.25rem; } - .button.expanded { - display: block; - width: 100%; - margin-left: 0; - margin-right: 0; } - .button.primary { - background-color: #2bc8e8; - color: #fefefe; } - .button.primary:hover, .button.primary:focus { - background-color: #16a9c6; - color: #fefefe; } - .button.secondary { - background-color: #777; - color: #fefefe; } - .button.secondary:hover, .button.secondary:focus { - background-color: #5f5f5f; - color: #fefefe; } - .button.success { - background-color: #8aa800; - color: #fefefe; } - .button.success:hover, .button.success:focus { - background-color: #6e8600; - color: #fefefe; } - .button.warning { - background-color: #ffc339; - color: #0a0a0a; } - .button.warning:hover, .button.warning:focus { - background-color: #faae00; - color: #0a0a0a; } - .button.alert { - background-color: #ec5840; - color: #fefefe; } - .button.alert:hover, .button.alert:focus { - background-color: #da3116; - color: #fefefe; } - .button.hollow { - border: 1px solid #2bc8e8; - color: #2bc8e8; } - .button.hollow, .button.hollow:hover, .button.hollow:focus { - background-color: transparent; } - .button.hollow:hover, .button.hollow:focus { - border-color: #0d697c; - color: #0d697c; } - .button.hollow.primary { - border: 1px solid #2bc8e8; - color: #2bc8e8; } - .button.hollow.primary:hover, .button.hollow.primary:focus { - border-color: #0d697c; - color: #0d697c; } - .button.hollow.secondary { - border: 1px solid #777; - color: #777; } - .button.hollow.secondary:hover, .button.hollow.secondary:focus { - border-color: #3c3c3c; - color: #3c3c3c; } - .button.hollow.success { - border: 1px solid #8aa800; - color: #8aa800; } - .button.hollow.success:hover, .button.hollow.success:focus { - border-color: #455400; - color: #455400; } - .button.hollow.warning { - border: 1px solid #ffc339; - color: #ffc339; } - .button.hollow.warning:hover, .button.hollow.warning:focus { - border-color: #9c6d00; - color: #9c6d00; } - .button.hollow.alert { - border: 1px solid #ec5840; - color: #ec5840; } - .button.hollow.alert:hover, .button.hollow.alert:focus { - border-color: #881f0e; - color: #881f0e; } - .button.disabled, .button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.dropdown::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.4em; - border-color: #fefefe transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - position: relative; - top: 0.4em; - float: right; - margin-left: 1.25em; - display: inline-block; } - .button.arrow-only::after { - margin-left: 0; - float: none; - top: -0.1em; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - padding: 0.5rem; - border: 2px solid #414042; - margin: 0 0 1rem; - font-family: inherit; - font-size: 1rem; - color: #414042; - background-color: #fefefe; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - border-radius: 7px; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - border: 2px solid #8aa800; - background-color: #fefefe; - outline: none; - box-shadow: 0 0 5px #414042; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #cacaca; } - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: #cacaca; } - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #cacaca; } - -input::placeholder, -textarea::placeholder { - color: #cacaca; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: default; } - -[type='submit'], -[type='button'] { - border-radius: 7px; - -webkit-appearance: none; - -moz-appearance: none; } - + display: inline-block; + text-align: center; + line-height: 1; + cursor: pointer; + -webkit-appearance: none; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + vertical-align: middle; + border: 1px solid transparent; + border-radius: 7px; + padding: 0.65em 1.25em; + margin: 0 0 1rem 0; + font-size: 0.9rem; + background-color: #2bc8e8; + color: #fefefe; +} +[data-whatinput='mouse'] .button { + outline: 0; +} +.button:hover,.button:focus { + background-color: #17b3d3; + color: #fefefe; +} +.button.tiny { + font-size: 0.6rem; +} +.button.small { + font-size: 0.75rem; +} +.button.large { + font-size: 1.25rem; +} +.button.expanded { + display: block; + width: 100%; + margin-left: 0; + margin-right: 0; +} +.button.primary { + background-color: #2bc8e8; + color: #fefefe; +} +.button.primary:hover,.button.primary:focus { + background-color: #16a9c6; + color: #fefefe; +} +.button.secondary { + background-color: #777; + color: #fefefe; +} +.button.secondary:hover,.button.secondary:focus { + background-color: #5f5f5f; + color: #fefefe; +} +.button.success { + background-color: #8aa800; + color: #fefefe; +} +.button.success:hover,.button.success:focus { + background-color: #6e8600; + color: #fefefe; +} +.button.warning { + background-color: #ffc339; + color: #0a0a0a; +} +.button.warning:hover,.button.warning:focus { + background-color: #faae00; + color: #0a0a0a; +} +.button.alert { + background-color: #ec5840; + color: #fefefe; +} +.button.alert:hover,.button.alert:focus { + background-color: #da3116; + color: #fefefe; +} +.button.hollow { + border: 1px solid #2bc8e8; + color: #2bc8e8; +} +.button.hollow,.button.hollow:hover,.button.hollow:focus { + background-color: transparent; +} +.button.hollow:hover,.button.hollow:focus { + border-color: #0d697c; + color: #0d697c; +} +.button.hollow.primary { + border: 1px solid #2bc8e8; + color: #2bc8e8; +} +.button.hollow.primary:hover,.button.hollow.primary:focus { + border-color: #0d697c; + color: #0d697c; +} +.button.hollow.secondary { + border: 1px solid #777; + color: #777; +} +.button.hollow.secondary:hover,.button.hollow.secondary:focus { + border-color: #3c3c3c; + color: #3c3c3c; +} +.button.hollow.success { + border: 1px solid #8aa800; + color: #8aa800; +} +.button.hollow.success:hover,.button.hollow.success:focus { + border-color: #455400; + color: #455400; +} +.button.hollow.warning { + border: 1px solid #ffc339; + color: #ffc339; +} +.button.hollow.warning:hover,.button.hollow.warning:focus { + border-color: #9c6d00; + color: #9c6d00; +} +.button.hollow.alert { + border: 1px solid #ec5840; + color: #ec5840; +} +.button.hollow.alert:hover,.button.hollow.alert:focus { + border-color: #881f0e; + color: #881f0e; +} +.button.disabled,.button[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.button.dropdown::after { + content: ''; + display: inline-block; + width: 0; + height: 0; + border: inset 0.4em; + border-color: #fefefe transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + position: relative; + top: 0.4em; + float: right; + margin-left: 1.25em; +} +.button.arrow-only::after { + margin-left: 0; + float: none; + top: -0.1em; +} +[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + padding: 0.5rem; + border: 2px solid #414042; + margin: 0 0 1rem; + font-family: inherit; + font-size: 1rem; + color: #414042; + background-color: #fefefe; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); + border-radius: 7px; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; +} +[type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus { + border: 2px solid #8aa800; + background-color: #fefefe; + outline: none; + box-shadow: 0 0 5px #414042; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +} +textarea[rows] { + height: auto; +} +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { + color: #9F9F9F; +} +input::-moz-placeholder,textarea::-moz-placeholder { + color: #9F9F9F; +} +input:-ms-input-placeholder,textarea:-ms-input-placeholder { + color: #9F9F9F; +} +input::placeholder,textarea::placeholder { + color: #9F9F9F; +} +input:disabled,input[readonly],textarea:disabled,textarea[readonly] { + background-color: #e6e6e6; + cursor: default; +} +[type='submit'],[type='button'] { + border-radius: 7px; + -webkit-appearance: none; + -moz-appearance: none; +} input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; - vertical-align: baseline; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - + box-sizing: border-box; +} +[type='file'],[type='checkbox'],[type='radio'] { + margin: 0 0 1rem; +} +[type='checkbox'] + label,[type='radio'] + label { + display: inline-block; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; + vertical-align: baseline; +} +[type='checkbox'] + label[for],[type='radio'] + label[for] { + cursor: pointer; +} +label > [type='checkbox'],label > [type='radio'] { + margin-right: 0.5rem; +} [type='file'] { - width: 100%; } - + width: 100%; +} label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: 300; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.625rem 0; } - + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: 300; + line-height: 1.8; + color: #0a0a0a; +} +label.middle { + margin: 0 0 1rem; + padding: 0.625rem 0; +} .help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #0a0a0a; +} .input-group { - display: table; - width: 100%; - margin-bottom: 1rem; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button { - margin: 0; - display: table-cell; - vertical-align: middle; } - + display: table; + width: 100%; + margin-bottom: 1rem; +} +.input-group > :first-child { + border-radius: 0 0 0 0; +} +.input-group > :last-child > * { + border-radius: 0 0 0 0; +} +.input-group-label,.input-group-field,.input-group-button { + margin: 0; + display: table-cell; + vertical-align: middle; +} .input-group-label { - text-align: center; - padding: 0 1rem; - background: #e6e6e6; - color: #0a0a0a; - border: 1px solid #cacaca; - white-space: nowrap; - width: 1%; - height: 100%; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - + text-align: center; + padding: 0 1rem; + background: #e6e6e6; + color: #0a0a0a; + border: 1px solid #cacaca; + white-space: nowrap; + width: 1%; + height: 100%; +} +.input-group-label:first-child { + border-right: 0; +} +.input-group-label:last-child { + border-left: 0; +} .input-group-field { - border-radius: 0; - height: 2.5rem; } - + border-radius: 0; + height: 2.5rem; +} .input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - height: 100%; - width: 1%; } - .input-group-button a, - .input-group-button input, - .input-group-button button { - margin: 0; } - + padding-top: 0; + padding-bottom: 0; + text-align: center; + height: 100%; + width: 1%; +} +.input-group-button a,.input-group-button input,.input-group-button button { + margin: 0; +} .input-group .input-group-button { - display: table-cell; } - + display: table-cell; +} fieldset { - border: 0; - padding: 0; - margin: 0; } - -legend { - margin-bottom: 0.5rem; - max-width: 100%; } - + border: 0; + padding: 0; + margin: 0; +} .fieldset { - border: 1px solid #cacaca; - padding: 1.25rem; - margin: 1.125rem 0; } - .fieldset legend { - background: #fefefe; - padding: 0 0.1875rem; - margin: 0; - margin-left: -0.1875rem; } + border: 1px solid #cacaca; + padding: 1.25rem; + margin: 1.125rem 0; +} +.fieldset legend { + background: #fefefe; + padding: 0 0.1875rem; + margin: 0; + margin-left: -0.1875rem; +} -select { - height: 2.4375rem; - padding: 0.5rem; - border: 2px solid #414042; - margin: 0 0 1rem; - font-size: 1rem; - font-family: inherit; - line-height: normal; - color: #414042; - background-color: #fefefe; - border-radius: 0; - -webkit-appearance: none; - -moz-appearance: none; - background-image: url('data:image/svg+xml;utf8,'); - background-size: 9px 6px; - background-position: right center; - background-origin: content-box; - background-repeat: no-repeat; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:disabled { - background-color: #e6e6e6; - cursor: default; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } +@media screen and (min-width: 0\0) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} + +select:disabled { + background-color: #e6e6e6; + cursor: default; +} +select::-ms-expand { + display: none; +} +select[multiple] { + height: auto; + background-image: none; +} .is-invalid-input:not(:focus) { - background-color: rgba(236, 88, 64, 0.1); - border-color: #ec5840; } - + background-color: rgba(236, 88, 64, 0.1); + border-color: #ec5840; +} .is-invalid-label { - color: #ec5840; } - + color: #ec5840; +} .form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #ec5840; } - .form-error.is-visible { - display: block; } - + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #ec5840; +} +.form-error.is-visible { + display: block; +} .accordion { - list-style-type: none; - background: #fefefe; - border: 1px solid #e6e6e6; - border-bottom: 0; - border-radius: 0; - margin-left: 0; } - + list-style-type: none; + background: #fefefe; + border: 1px solid #e6e6e6; + border-bottom: 0; + border-radius: 0; + margin-left: 0; +} .accordion-title { - display: block; - padding: 1.25rem 1rem; - line-height: 1; - font-size: 0.75rem; - color: #2bc8e8; - position: relative; - border-bottom: 1px solid #e6e6e6; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - content: '+'; - position: absolute; - right: 1rem; - top: 50%; - margin-top: -0.5rem; } - .is-active > .accordion-title::before { - content: '–'; } - + display: block; + padding: 1.25rem 1rem; + line-height: 1; + font-size: 0.75rem; + color: #2bc8e8; + position: relative; + border-bottom: 1px solid #e6e6e6; +} +.accordion-title:hover,.accordion-title:focus { + background-color: #e6e6e6; +} +.accordion-title::before { + content: '+'; + position: absolute; + right: 1rem; + top: 50%; + margin-top: -0.5rem; +} +.is-active > .accordion-title::before { + content: '–'; +} .accordion-content { - padding: 1rem; - display: none; - border-bottom: 1px solid #e6e6e6; - background-color: #fefefe; } - + padding: 1rem; + display: none; + border-bottom: 1px solid #e6e6e6; + background-color: #fefefe; +} .is-accordion-submenu-parent > a { - position: relative; } - .is-accordion-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: #2bc8e8 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - position: absolute; - top: 50%; - margin-top: -4px; - right: 1rem; } - + position: relative; +} +.is-accordion-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 6px; + border-color: #2bc8e8 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + position: absolute; + top: 50%; + margin-top: -4px; + right: 1rem; +} .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); } - + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transform: scaleY(-1); + -ms-transform: scaleY(-1); + transform: scaleY(-1); +} .badge { - display: inline-block; - padding: 0.3em; - min-width: 2.1em; - font-size: 0.6rem; - text-align: center; - border-radius: 50%; - background: #2bc8e8; - color: #fefefe; } - .badge.secondary { - background: #777; - color: #fefefe; } - .badge.success { - background: #8aa800; - color: #fefefe; } - .badge.warning { - background: #ffc339; - color: #0a0a0a; } - .badge.alert { - background: #ec5840; - color: #fefefe; } - + display: inline-block; + padding: 0.3em; + min-width: 2.1em; + font-size: 0.6rem; + text-align: center; + border-radius: 50%; + background: #2bc8e8; + color: #fefefe; +} +.badge.secondary { + background: #777; + color: #fefefe; +} +.badge.success { + background: #8aa800; + color: #fefefe; +} +.badge.warning { + background: #ffc339; + color: #0a0a0a; +} +.badge.alert { + background: #ec5840; + color: #fefefe; +} .breadcrumbs { - list-style: none; - margin: 0 0 1rem 0; } - .breadcrumbs::before, .breadcrumbs::after { - content: ' '; - display: table; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - color: #0a0a0a; - font-size: 0.6875rem; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - color: #cacaca; - content: "/"; - margin: 0 0.75rem; - position: relative; - top: 1px; - opacity: 1; } - .breadcrumbs a { - color: #2bc8e8; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #cacaca; - cursor: not-allowed; } - + list-style: none; + margin: 0 0 1rem 0; +} +.breadcrumbs::before,.breadcrumbs::after { + content: ' '; + display: table; +} +.breadcrumbs::after { + clear: both; +} +.breadcrumbs li { + float: left; + color: #0a0a0a; + font-size: 0.6875rem; + cursor: default; + text-transform: uppercase; +} +.breadcrumbs li:not(:last-child)::after { + color: #cacaca; + content: "/"; + margin: 0 0.75rem; + position: relative; + top: 1px; + opacity: 1; +} +.breadcrumbs a { + color: #2bc8e8; +} +.breadcrumbs a:hover { + text-decoration: underline; +} +.breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; +} .button-group { - margin-bottom: 1rem; - font-size: 0; } - .button-group::before, .button-group::after { - content: ' '; - display: table; } - .button-group::after { - clear: both; } - .button-group .button { - margin: 0; - font-size: 0.9rem; } - .button-group .button:not(:last-child) { - margin-right: 1px; } - .button-group.tiny .button { - font-size: 0.6rem; } - .button-group.small .button { - font-size: 0.75rem; } - .button-group.large .button { - font-size: 1.25rem; } - .button-group.expanded { - margin-right: -1px; } - .button-group.expanded::before, .button-group.expanded::after { - display: none; } - .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { - display: inline-block; - width: calc(50% - 1px); - margin-right: 1px; } - .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { - display: inline-block; - width: calc(33.33333% - 1px); - margin-right: 1px; } - .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { - display: inline-block; - width: calc(25% - 1px); - margin-right: 1px; } - .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { - display: inline-block; - width: calc(20% - 1px); - margin-right: 1px; } - .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { - display: inline-block; - width: calc(16.66667% - 1px); - margin-right: 1px; } - .button-group.primary .button { - background-color: #2bc8e8; - color: #fefefe; } - .button-group.primary .button:hover, .button-group.primary .button:focus { - background-color: #16a9c6; - color: #fefefe; } - .button-group.secondary .button { - background-color: #777; - color: #fefefe; } - .button-group.secondary .button:hover, .button-group.secondary .button:focus { - background-color: #5f5f5f; - color: #fefefe; } - .button-group.success .button { - background-color: #8aa800; - color: #fefefe; } - .button-group.success .button:hover, .button-group.success .button:focus { - background-color: #6e8600; - color: #fefefe; } - .button-group.warning .button { - background-color: #ffc339; - color: #0a0a0a; } - .button-group.warning .button:hover, .button-group.warning .button:focus { - background-color: #faae00; - color: #0a0a0a; } - .button-group.alert .button { - background-color: #ec5840; - color: #fefefe; } - .button-group.alert .button:hover, .button-group.alert .button:focus { - background-color: #da3116; - color: #fefefe; } - .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { - width: 100%; - border-right: 1px solid transparent; } - .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { - border-bottom: 1px solid #fefefe; } - @media screen and (min-width: 40em) { - .button-group.stacked-for-small .button { - width: auto; } - .button-group.stacked-for-small .button:not(:last-child) { - margin-right: 1px; } } - @media screen and (min-width: 64em) { - .button-group.stacked-for-medium .button { - width: auto; } - .button-group.stacked-for-medium .button:not(:last-child) { - margin-right: 1px; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button { - display: block; - margin-right: 0; } } + margin-bottom: 1rem; + font-size: 0; +} +.button-group::before,.button-group::after { + content: ' '; + display: table; +} +.button-group::after { + clear: both; +} +.button-group .button { + margin: 0; + font-size: 0.9rem; +} +.button-group .button:not(:last-child) { + margin-right: 1px; +} +.button-group.tiny .button { + font-size: 0.6rem; +} +.button-group.small .button { + font-size: 0.75rem; +} +.button-group.large .button { + font-size: 1.25rem; +} +.button-group.expanded { + margin-right: -1px; +} +.button-group.expanded::before,.button-group.expanded::after { + display: none; +} +.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { + display: inline-block; + width: calc(50% - 1px); + margin-right: 1px; +} +.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { + display: inline-block; + width: calc(33.33333% - 1px); + margin-right: 1px; +} +.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { + display: inline-block; + width: calc(25% - 1px); + margin-right: 1px; +} +.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { + display: inline-block; + width: calc(20% - 1px); + margin-right: 1px; +} +.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { + display: inline-block; + width: calc(16.66667% - 1px); + margin-right: 1px; +} +.button-group.primary .button { + background-color: #2bc8e8; + color: #fefefe; +} +.button-group.primary .button:hover,.button-group.primary .button:focus { + background-color: #16a9c6; + color: #fefefe; +} +.button-group.secondary .button { + background-color: #777; + color: #fefefe; +} +.button-group.secondary .button:hover,.button-group.secondary .button:focus { + background-color: #5f5f5f; + color: #fefefe; +} +.button-group.success .button { + background-color: #8aa800; + color: #fefefe; +} +.button-group.success .button:hover,.button-group.success .button:focus { + background-color: #6e8600; + color: #fefefe; +} +.button-group.warning .button { + background-color: #ffc339; + color: #0a0a0a; +} +.button-group.warning .button:hover,.button-group.warning .button:focus { + background-color: #faae00; + color: #0a0a0a; +} +.button-group.alert .button { + background-color: #ec5840; + color: #fefefe; +} +.button-group.alert .button:hover,.button-group.alert .button:focus { + background-color: #da3116; + color: #fefefe; +} +.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button { + width: 100%; + border-right: 1px solid transparent; +} +.button-group.stacked .button:not(:last-child),.button-group.stacked-for-small .button:not(:last-child),.button-group.stacked-for-medium .button:not(:last-child) { + border-bottom: 1px solid #fefefe; +} + +@media screen and (min-width: 40em) { + + .button-group.stacked-for-small .button { + width: auto; + } + .button-group.stacked-for-small .button:not(:last-child) { + margin-right: 1px; + } +} + + +@media screen and (min-width: 64em) { + + .button-group.stacked-for-medium .button { + width: auto; + } + .button-group.stacked-for-medium .button:not(:last-child) { + margin-right: 1px; + } +} + + +@media screen and (max-width: 39.9375em) { + + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} .callout { - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - position: relative; - color: #414042; - background-color: white; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #dff7fc; } - .callout.secondary { - background-color: #ebebeb; } - .callout.success { - background-color: #f6ffcc; } - .callout.warning { - background-color: #fff6e1; } - .callout.alert { - background-color: #fce6e2; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(10, 10, 10, 0.25); + border-radius: 0; + position: relative; + color: #414042; + background-color: white; +} +.callout > :first-child { + margin-top: 0; +} +.callout > :last-child { + margin-bottom: 0; +} +.callout.primary { + background-color: #dff7fc; +} +.callout.secondary { + background-color: #ebebeb; +} +.callout.success { + background-color: #f6ffcc; +} +.callout.warning { + background-color: #fff6e1; +} +.callout.alert { + background-color: #fce6e2; +} +.callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; +} +.callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; +} .close-button { - position: absolute; - color: #414042; - right: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #0a0a0a; } - + position: absolute; + color: #414042; + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; + cursor: pointer; +} +[data-whatinput='mouse'] .close-button { + outline: 0; +} +.close-button:hover,.close-button:focus { + color: #0a0a0a; +} .menu { - margin: 0; - list-style-type: none; } - .menu > li { - display: table-cell; - vertical-align: middle; } - [data-whatinput='mouse'] .menu > li { - outline: 0; } - .menu > li > a { - display: block; - padding: 0.7rem 1rem; - line-height: 1; } - .menu input, - .menu a, - .menu button { - margin-bottom: 0; } - .menu > li > a img, - .menu > li > a i { - vertical-align: middle; } - .menu > li > a i + span, - .menu > li > a img + span { - vertical-align: middle; } - .menu > li > a img, - .menu > li > a i { - margin-right: 0.25rem; - display: inline-block; } - .menu > li { - display: table-cell; } - .menu.vertical > li { - display: block; } - @media screen and (min-width: 40em) { - .menu.medium-horizontal > li { - display: table-cell; } - .menu.medium-vertical > li { - display: block; } } - @media screen and (min-width: 64em) { - .menu.large-horizontal > li { - display: table-cell; } - .menu.large-vertical > li { - display: block; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal > li { - display: table-cell; } - .menu.xlarge-vertical > li { - display: block; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal > li { - display: table-cell; } - .menu.xxlarge-vertical > li { - display: block; } } - .menu.simple li { - line-height: 1; - display: inline-block; - margin-right: 1rem; } - .menu.simple a { - padding: 0; } - .menu.align-right::before, .menu.align-right::after { - content: ' '; - display: table; } - .menu.align-right::after { - clear: both; } - .menu.align-right > li { - float: right; } - .menu.expanded { - width: 100%; - display: table; - table-layout: fixed; } - .menu.expanded > li:first-child:last-child { - width: 100%; } - .menu.icon-top > li > a { - text-align: center; } - .menu.icon-top > li > a img, - .menu.icon-top > li > a i { - display: block; - margin: 0 auto 0.25rem; } - .menu.nested { - margin-left: 1rem; } - .menu .active > a { - color: #fefefe; - background: inherit; } - -.menu-text { - font-weight: bold; - color: inherit; - line-height: 1; - padding-top: 0; - padding-bottom: 0; - padding: 0.7rem 1rem; } - -.menu-centered { - text-align: center; } - .menu-centered > .menu { - display: inline-block; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } - .menu-icon::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #fefefe; - top: 0; - left: 0; - box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } - .menu-icon:hover::after { - background: #cacaca; - box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } - .menu-icon.dark::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - top: 0; - left: 0; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } - .menu-icon.dark:hover::after { - background: #414042; - box-shadow: 0 7px 0 #414042, 0 14px 0 #414042; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block !important; } - -.is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - height: 100%; - width: 100%; - background: #fefefe; - transition: -webkit-transform 0.15s linear; - transition: transform 0.15s linear; - transition: transform 0.15s linear, -webkit-transform 0.15s linear; } - .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); } - .is-drilldown-submenu.is-closing { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); } - -.is-drilldown-submenu-parent > a { - position: relative; } - .is-drilldown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent transparent #2bc8e8; - border-left-style: solid; - border-right-width: 0; - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; } - -.js-drilldown-back > a::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent #2bc8e8 transparent transparent; - border-right-style: solid; - border-left-width: 0; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; } - -.dropdown-pane { - background-color: #fefefe; - border: 1px solid #cacaca; - border-radius: 0; - display: block; - font-size: 1rem; - padding: 1rem; - position: absolute; - visibility: hidden; - width: 300px; - z-index: 10; } - .dropdown-pane.is-open { - visibility: visible; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - -[data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - -.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; - margin-top: -3px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - -.dropdown.menu.vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } + margin: 0; + list-style-type: none; +} +.menu > li { + display: table-cell; + vertical-align: middle; +} +[data-whatinput='mouse'] .menu > li { + outline: 0; +} +.menu > li > a { + display: block; + padding: 0.7rem 1rem; + line-height: 1; +} +.menu input,.menu a,.menu button { + margin-bottom: 0; +} +.menu > li > a img,.menu > li > a i { + vertical-align: middle; + margin-right: 0.25rem; + display: inline-block; +} +.menu > li > a i + span,.menu > li > a img + span { + vertical-align: middle; +} +.menu.vertical > li { + display: block; +} @media screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.medium-horizontal > li { + display: table-cell; + } + .menu.medium-vertical > li { + display: block; + } +} + @media screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.large-horizontal > li { + display: table-cell; + } + .menu.large-vertical > li { + display: block; + } +} + @media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.xlarge-horizontal > li { + display: table-cell; + } + .menu.xlarge-vertical > li { + display: block; + } +} + @media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.xxlarge-horizontal > li { + display: table-cell; + } + .menu.xxlarge-vertical > li { + display: block; + } +} + +.menu.simple li { + line-height: 1; + display: inline-block; + margin-right: 1rem; +} +.menu.simple a { + padding: 0; +} +.menu.align-right::before,.menu.align-right::after { + content: ' '; + display: table; +} +.menu.align-right::after { + clear: both; +} +.menu.align-right > li { + float: right; +} +.menu.expanded { + width: 100%; + display: table; + table-layout: fixed; +} +.menu.expanded > li:first-child:last-child { + width: 100%; +} +.menu.icon-top > li > a { + text-align: center; +} +.menu.icon-top > li > a img,.menu.icon-top > li > a i { + display: block; + margin: 0 auto 0.25rem; +} +.menu.nested { + margin-left: 1rem; +} +.menu .active > a { + color: #fefefe; + background: inherit; +} +.menu-text { + font-weight: bold; + color: inherit; + line-height: 1; + padding-top: 0; + padding-bottom: 0; + padding: 0.7rem 1rem; +} +.menu-centered { + text-align: center; +} +.menu-centered > .menu { + display: inline-block; +} +.no-js [data-responsive-menu] ul { + display: none; +} +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + cursor: pointer; + width: 20px; + height: 16px; +} +.menu-icon::after { + content: ''; + position: absolute; + display: block; + width: 100%; + height: 2px; + background: #fefefe; + top: 0; + left: 0; + box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; +} +.menu-icon:hover::after { + background: #cacaca; + box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; +} +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + cursor: pointer; + width: 20px; + height: 16px; +} +.menu-icon.dark::after { + content: ''; + position: absolute; + display: block; + width: 100%; + height: 2px; + background: #0a0a0a; + top: 0; + left: 0; + box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; +} +.menu-icon.dark:hover::after { + background: #414042; + box-shadow: 0 7px 0 #414042, 0 14px 0 #414042; +} +.is-drilldown { + position: relative; + overflow: hidden; +} +.is-drilldown li { + display: block !important; +} +.is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + height: 100%; + width: 100%; + background: #fefefe; + transition: transform 0.15s linear, -webkit-transform 0.15s linear; +} +.is-drilldown-submenu.is-active { + z-index: 1; + display: block; + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); +} +.is-drilldown-submenu.is-closing { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} +.is-drilldown-submenu-parent > a { + position: relative; +} +.is-drilldown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 6px; + border-color: transparent transparent transparent #2bc8e8; + border-left-style: solid; + border-right-width: 0; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; +} +.js-drilldown-back > a::before { + content: ''; + display: inline-block; + width: 0; + height: 0; + border: inset 6px; + border-color: transparent #2bc8e8 transparent transparent; + border-right-style: solid; + border-left-width: 0; + vertical-align: middle; + margin-right: 0.75rem; +} +.dropdown-pane { + background-color: #fefefe; + border: 1px solid #cacaca; + border-radius: 0; + display: block; + font-size: 1rem; + padding: 1rem; + position: absolute; + visibility: hidden; + width: 300px; + z-index: 10; +} +.dropdown-pane.is-open { + visibility: visible; +} +.dropdown-pane.tiny { + width: 100px; +} +.dropdown-pane.small { + width: 200px; +} +.dropdown-pane.large { + width: 400px; +} +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; +} +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; +} +.dropdown.menu > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; +} +[data-whatinput='mouse'] .dropdown.menu a { + outline: 0; +} +.no-js .dropdown.menu ul { + display: none; +} +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; +} +.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; +} +.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; +} +.dropdown.menu.vertical > li > a::after { + right: 14px; + margin-top: -3px; +} +.dropdown.menu.vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; +} +.dropdown.menu.vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; +} + +@media screen and (min-width: 40em) { + + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + + +@media screen and (min-width: 64em) { + + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + + +@media screen and (min-width: 75em) { + + .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.xlarge-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.xlarge-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.xlarge-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + + +@media screen and (min-width: 90em) { + + .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.xxlarge-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} .dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - left: auto; - right: 0; } - + top: 100%; + left: auto; + right: 0; +} .is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - + width: 100px; +} +.is-dropdown-menu.vertical.align-right { + float: right; +} .is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - margin-top: -2px; } - .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { - top: 100%; } - .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - + position: relative; +} +.is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + margin-top: -2px; +} +.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { + top: 100%; +} +.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; +} .is-dropdown-submenu { - display: none; - position: absolute; - top: 0; - left: 100%; - min-width: 200px; - z-index: 1; - background: #fefefe; - border: 1px solid #cacaca; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; - margin-top: -3px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { - display: block; } - + display: none; + position: absolute; + top: 0; + left: 100%; + min-width: 200px; + z-index: 1; + background: #fefefe; + border: 1px solid #cacaca; +} +.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { + right: 14px; + margin-top: -3px; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; +} +.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; +} +.is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; +} +.is-dropdown-submenu > li { + width: 100%; +} +.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu,.is-dropdown-submenu.js-dropdown-active { + display: block; +} .flex-video { - position: relative; - height: 0; - padding-bottom: 75%; - margin-bottom: 1rem; - overflow: hidden; } - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .flex-video.widescreen { - padding-bottom: 56.25%; } - .flex-video.vimeo { - padding-top: 0; } - + position: relative; + height: 0; + padding-bottom: 75%; + margin-bottom: 1rem; + overflow: hidden; +} +.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.flex-video.widescreen { + padding-bottom: 56.25%; +} +.flex-video.vimeo { + padding-top: 0; +} .label { - display: inline-block; - padding: 0.33333rem 0.5rem; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - border-radius: 0; - background: #2bc8e8; - color: #fefefe; } - .label.secondary { - background: #777; - color: #fefefe; } - .label.success { - background: #8aa800; - color: #fefefe; } - .label.warning { - background: #ffc339; - color: #0a0a0a; } - .label.alert { - background: #ec5840; - color: #fefefe; } - + display: inline-block; + padding: 0.33333rem 0.5rem; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + border-radius: 0; + background: #2bc8e8; + color: #fefefe; +} +.label.secondary { + background: #777; + color: #fefefe; +} +.label.success { + background: #8aa800; + color: #fefefe; +} +.label.warning { + background: #ffc339; + color: #0a0a0a; +} +.label.alert { + background: #ec5840; + color: #fefefe; +} .media-object { - margin-bottom: 1rem; - display: block; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - display: block; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } + margin-bottom: 1rem; + display: block; +} +.media-object img { + max-width: none; +} + +@media screen and (max-width: 39.9375em) { + + .media-object.stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + display: block; + } + .media-object.stack-for-small .media-object-section img { + width: 100%; + } +} .media-object-section { - display: table-cell; - vertical-align: top; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section.middle { - vertical-align: middle; } - .media-object-section.bottom { - vertical-align: bottom; } - -html, -body { - height: 100%; } - + display: table-cell; + vertical-align: top; +} +.media-object-section:first-child { + padding-right: 1rem; +} +.media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; +} +.media-object-section.middle { + vertical-align: middle; +} +.media-object-section.bottom { + vertical-align: bottom; +} +html,body { + height: 100%; +} .off-canvas-wrapper { - width: 100%; - overflow-x: hidden; - position: relative; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: auto; } - + width: 100%; + overflow-x: hidden; + position: relative; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-overflow-scrolling: auto; + overflow: hidden; +} .off-canvas-wrapper-inner { - position: relative; - width: 100%; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; } - .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { - content: ' '; - display: table; } - .off-canvas-wrapper-inner::after { - clear: both; } - -.off-canvas-content, -.off-canvas-content { - min-height: 100%; - background: #fefefe; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - z-index: 1; - padding-bottom: 0.1px; - box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } - + position: relative; + width: 100%; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; +} +.off-canvas-wrapper-inner::before,.off-canvas-wrapper-inner::after { + content: ' '; + display: table; +} +.off-canvas-wrapper-inner::after { + clear: both; +} +.off-canvas-content,.off-canvas-content { + min-height: 100%; + background: #fefefe; + transition: transform 0.5s ease, -webkit-transform 0.5s ease; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + padding-bottom: 0.1px; + box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); +} .js-off-canvas-exit { - display: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(254, 254, 254, 0.25); - cursor: pointer; - transition: background 0.5s ease; } - + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(254, 254, 254, 0.25); + cursor: pointer; + transition: background 0.5s ease; +} .off-canvas { - position: absolute; - background: #8aa800; - z-index: 50; - max-height: 100%; - overflow-y: auto; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.position-left { - left: -250px; - top: 0; - width: 250px; } - .is-open-left { - -webkit-transform: translateX(250px); - -ms-transform: translateX(250px); - transform: translateX(250px); } - .off-canvas.position-right { - right: -250px; - top: 0; - width: 250px; } - .is-open-right { - -webkit-transform: translateX(-250px); - -ms-transform: translateX(-250px); - transform: translateX(-250px); } + position: fixed; + background: #8aa800; + z-index: 50; + max-height: 100%; + overflow-y: auto; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + min-height: 100%; +} +[data-whatinput='mouse'] .off-canvas { + outline: 0; +} +.off-canvas.position-left { + left: -250px; + top: 0; + width: 250px; +} +.is-open-left { + -webkit-transform: translateX(250px); + -ms-transform: translateX(250px); + transform: translateX(250px); +} +.off-canvas.position-right { + right: -250px; + top: 0; + width: 250px; +} +.is-open-right { + -webkit-transform: translateX(-250px); + -ms-transform: translateX(-250px); + transform: translateX(-250px); +} @media screen and (min-width: 40em) { - .position-left.reveal-for-medium { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-medium { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 250px; } } + + .position-left.reveal-for-medium { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } +} + @media screen and (min-width: 64em) { - .position-left.reveal-for-large { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-large { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 250px; } } + + .position-left.reveal-for-large { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } +} + @media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-xlarge { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 250px; } } + + .position-left.reveal-for-xlarge { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-xlarge ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-xlarge { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-xlarge ~ .off-canvas-content { + margin-right: 250px; + } +} + @media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-xxlarge { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 250px; } } + + .position-left.reveal-for-xxlarge { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-xxlarge ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-xxlarge { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-xxlarge ~ .off-canvas-content { + margin-right: 250px; + } +} .orbit { - position: relative; } - + position: relative; +} .orbit-container { - position: relative; - margin: 0; - overflow: hidden; - list-style: none; } - + position: relative; + margin: 0; + overflow: hidden; + list-style: none; +} .orbit-slide { - width: 100%; - max-height: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - + width: 100%; + max-height: 100%; +} +.orbit-slide.no-motionui.is-active { + top: 0; + left: 0; +} .orbit-figure { - margin: 0; } - + margin: 0; +} .orbit-image { - margin: 0; - width: 100%; - max-width: 100%; } - + margin: 0; + width: 100%; + max-width: 100%; +} .orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - padding: 1rem; - margin-bottom: 0; - color: #fefefe; - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #fefefe; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - + position: absolute; + bottom: 0; + width: 100%; + padding: 1rem; + margin-bottom: 0; + color: #fefefe; + background-color: rgba(10, 10, 10, 0.5); +} +.orbit-previous,.orbit-next { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #fefefe; +} +[data-whatinput='mouse'] .orbit-previous,[data-whatinput='mouse'] .orbit-next { + outline: 0; +} +.orbit-previous:hover,.orbit-next:hover,.orbit-previous:active,.orbit-next:active,.orbit-previous:focus,.orbit-next:focus { + background-color: rgba(10, 10, 10, 0.5); +} .orbit-previous { - left: 0; } - + left: 0; +} .orbit-next { - left: auto; - right: 0; } - + left: auto; + right: 0; +} .orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - background-color: #cacaca; - border-radius: 50%; } - .orbit-bullets button:hover { - background-color: #414042; } - .orbit-bullets button.is-active { - background-color: #414042; } - + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; +} +[data-whatinput='mouse'] .orbit-bullets { + outline: 0; +} +.orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + background-color: #cacaca; + border-radius: 50%; +} +.orbit-bullets button:hover { + background-color: #414042; +} +.orbit-bullets button.is-active { + background-color: #414042; +} .pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - content: ' '; - display: table; } - .pagination::after { - clear: both; } - .pagination li { - font-size: 0.875rem; - margin-right: 0.0625rem; - border-radius: 0; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - color: #0a0a0a; - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #2bc8e8; - color: #fefefe; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #cacaca; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - content: '\2026'; - padding: 0.1875rem 0.625rem; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - content: '\00ab'; - display: inline-block; - margin-right: 0.5rem; } - -.pagination-next a::after, -.pagination-next.disabled::after { - content: '\00bb'; - display: inline-block; - margin-left: 0.5rem; } - -.progress { - background-color: #cacaca; - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; } - .progress.primary .progress-meter { - background-color: #2bc8e8; } - .progress.secondary .progress-meter { - background-color: #777; } - .progress.success .progress-meter { - background-color: #8aa800; } - .progress.warning .progress-meter { - background-color: #ffc339; } - .progress.alert .progress-meter { - background-color: #ec5840; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #2bc8e8; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #fefefe; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #cacaca; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - position: absolute; - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - background-color: #2bc8e8; - transition: all 0.2s ease-in-out; - -ms-touch-action: manipulation; - touch-action: manipulation; - border-radius: 0; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #17b3d3; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: absolute; - z-index: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: absolute; - left: auto; - right: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -.reveal-overlay { - display: none; - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1005; - background-color: rgba(10, 10, 10, 0.45); - overflow-y: scroll; } - -.reveal { - display: none; - z-index: 1006; - padding: 1rem; - border: 1px solid #cacaca; - background-color: #fefefe; - border-radius: 0; - position: relative; - top: 100px; - margin-left: auto; - margin-right: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column, .reveal .columns, - .reveal .columns { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 75rem; } } - @media screen and (min-width: 40em) { - .reveal .reveal { - left: auto; - right: auto; - margin: 0 auto; } } - .reveal.collapse { - padding: 0; } - @media screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 75rem; } } - @media screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 75rem; } } - @media screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 75rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - margin-bottom: 1rem; - outline: 0; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: #fefefe; - font-weight: bold; - font-size: 0.875rem; } - -.switch-input { - opacity: 0; - position: absolute; } - -.switch-paddle { - background: #cacaca; - cursor: pointer; - display: block; - position: relative; - width: 4rem; - height: 2rem; - transition: all 0.25s ease-out; - border-radius: 0; - color: inherit; - font-weight: inherit; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - background: #fefefe; - content: ''; - display: block; - position: absolute; - height: 1.5rem; - left: 0.25rem; - top: 0.25rem; - width: 1.5rem; - transition: all 0.25s ease-out; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - border-radius: 0; } - input:checked ~ .switch-paddle { - background: #2bc8e8; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - -.switch.tiny .switch-paddle::after { - width: 1rem; - height: 1rem; } - -.switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - -.switch.small .switch-paddle::after { - width: 1.25rem; - height: 1.25rem; } - -.switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - -.switch.large .switch-paddle::after { - width: 2rem; - height: 2rem; } - -.switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - table thead, - table tbody, - table tfoot { - border: 1px solid #f1f1f1; - background-color: #fefefe; } - table caption { - font-weight: bold; - padding: 0.5rem 0.625rem 0.625rem; } - table thead, - table tfoot { - background: #f8f8f8; - color: #414042; } - table thead tr, - table tfoot tr { - background: transparent; } - table thead th, - table thead td, - table tfoot th, - table tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - table tbody tr:nth-child(even) { - background-color: #f1f1f1; } - table tbody th, - table tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover tr:hover { - background-color: #f9f9f9; } - -table.hover tr:nth-of-type(even):hover { - background-color: #ececec; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - list-style-type: none; - background: #fefefe; - border: 1px solid #e6e6e6; } - .tabs::before, .tabs::after { - content: ' '; - display: table; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - width: auto; - float: none; - display: block; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #2bc8e8; } - .tabs.primary > li > a { - color: #fefefe; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #1fc5e7; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - line-height: 1; - font-size: 0.75rem; } - .tabs-title > a:hover { - background: #fefefe; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; } - -.tabs-content { - background: #fefefe; - transition: all 0.5s ease; - border: 1px solid #e6e6e6; - border-top: 0; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - border: solid 7px #e6e6e6; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - display: inline-block; - line-height: 0; - max-width: 100%; - transition: box-shadow 200ms ease-out; - border-radius: 7px; - margin-bottom: 1rem; } - .thumbnail:hover, .thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(138, 168, 0, 0.8); } - -.title-bar { - background: #0a0a0a; - color: #fefefe; - padding: 0.5rem; } - .title-bar::before, .title-bar::after { - content: ' '; - display: table; } - .title-bar::after { - clear: both; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.5rem; } - -.title-bar-left { - float: left; } - -.title-bar-right { - float: right; - text-align: right; } - -.title-bar-title { - font-weight: bold; - vertical-align: middle; - display: inline-block; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } - .menu-icon.dark::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - top: 0; - left: 0; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } - .menu-icon.dark:hover::after { - background: #414042; - box-shadow: 0 7px 0 #414042, 0 14px 0 #414042; } - -.has-tip { - border-bottom: dotted 1px #414042; - font-weight: bold; - position: relative; - display: inline-block; - cursor: help; } - -.tooltip { - background-color: #0a0a0a; - color: #fefefe; - font-size: 80%; - padding: 0.75rem; - position: absolute; - z-index: 10; - top: calc(100% + 0.6495rem); - max-width: 10rem !important; - border-radius: 0; } - .tooltip::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent transparent #0a0a0a; - border-bottom-style: solid; - border-top-width: 0; - bottom: 100%; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - .tooltip.top::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: #0a0a0a transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - top: 100%; - bottom: auto; } - .tooltip.left::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent transparent transparent #0a0a0a; - border-left-style: solid; - border-right-width: 0; - bottom: auto; - left: 100%; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - .tooltip.right::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent #0a0a0a transparent transparent; - border-right-style: solid; - border-left-width: 0; - bottom: auto; - left: auto; - right: 100%; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.top-bar { - padding: 0.5rem; } - .top-bar::before, .top-bar::after { - content: ' '; - display: table; } - .top-bar::after { - clear: both; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - width: 100%; } - @media screen and (min-width: 40em) { - .top-bar .top-bar-left, - .top-bar .top-bar-right { - width: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - width: 100%; } } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - width: 100%; } - -.top-bar-title { - float: left; - margin-right: 1rem; } - -.top-bar-left { - float: left; } - -.top-bar-right { - float: right; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } + margin-left: 0; + margin-bottom: 1rem; +} +.pagination::before,.pagination::after { + content: ' '; + display: table; +} +.pagination::after { + clear: both; +} +.pagination li { + font-size: 0.875rem; + margin-right: 0.0625rem; + border-radius: 0; + display: none; +} +.pagination li:last-child,.pagination li:first-child { + display: inline-block; +} @media screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } + + .pagination li { + display: inline-block; + } +} + +.pagination a,.pagination button { + color: #0a0a0a; + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; +} +.pagination a:hover,.pagination button:hover { + background: #e6e6e6; +} +.pagination .current { + padding: 0.1875rem 0.625rem; + background: #2bc8e8; + color: #fefefe; + cursor: default; +} +.pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; +} +.pagination .disabled:hover { + background: transparent; +} +.pagination .ellipsis::after { + content: '\2026'; + padding: 0.1875rem 0.625rem; + color: #0a0a0a; +} +.pagination-previous a::before,.pagination-previous.disabled::before { + content: '\00ab'; + display: inline-block; + margin-right: 0.5rem; +} +.pagination-next a::after,.pagination-next.disabled::after { + content: '\00bb'; + display: inline-block; + margin-left: 0.5rem; +} +.progress { + background-color: #cacaca; + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; +} +.progress.primary .progress-meter { + background-color: #2bc8e8; +} +.progress.secondary .progress-meter { + background-color: #777; +} +.progress.success .progress-meter { + background-color: #8aa800; +} +.progress.warning .progress-meter { + background-color: #ffc339; +} +.progress.alert .progress-meter { + background-color: #ec5840; +} +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #2bc8e8; +} +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #fefefe; + white-space: nowrap; +} +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -ms-touch-action: none; + touch-action: none; +} +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; +} +.slider-fill.is-dragging { + transition: all 0s linear; +} +.slider-handle { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + left: 0; + z-index: 1; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + background-color: #2bc8e8; + transition: all 0.2s ease-in-out; + -ms-touch-action: manipulation; + touch-action: manipulation; + border-radius: 0; +} +[data-whatinput='mouse'] .slider-handle { + outline: 0; +} +.slider-handle:hover { + background-color: #17b3d3; +} +.slider-handle.is-dragging { + transition: all 0s linear; +} +.slider.disabled,.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; +} +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +.slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; +} +.slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} +.sticky-container { + position: relative; +} +.sticky { + position: absolute; + z-index: 0; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.sticky.is-stuck { + position: fixed; + z-index: 5; +} +.sticky.is-stuck.is-at-top { + top: 0; +} +.sticky.is-stuck.is-at-bottom { + bottom: 0; +} +.sticky.is-anchored { + position: absolute; + left: auto; + right: auto; +} +.sticky.is-anchored.is-at-bottom { + bottom: 0; +} +body.is-reveal-open { + overflow: hidden; +} +.reveal-overlay { + display: none; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1005; + background-color: rgba(10, 10, 10, 0.45); + overflow-y: scroll; +} +.reveal { + display: none; + z-index: 1006; + padding: 1rem; + border: 1px solid #cacaca; + background-color: #fefefe; + border-radius: 0; + position: relative; + top: 100px; + margin-left: auto; + margin-right: auto; + overflow-y: auto; +} +[data-whatinput='mouse'] .reveal { + outline: 0; +} + +@media screen and (min-width: 40em) { + + .reveal { + min-height: 0; + } +} + +.reveal .column,.reveal .columns,.reveal .columns { + min-width: 0; +} +.reveal > :last-child { + margin-bottom: 0; +} + +@media screen and (min-width: 40em) { + + .reveal { + width: 600px; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal .reveal { + left: auto; + right: auto; + margin: 0 auto; + } +} + +.reveal.collapse { + padding: 0; +} + +@media screen and (min-width: 40em) { + + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal.small { + width: 50%; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal.large { + width: 90%; + max-width: 75rem; + } +} + +.reveal.full { + top: 0; + left: 0; + width: 100%; + height: 100vh; + min-height: 100vh; + max-width: none; + margin-left: 0; + border: 0; + border-radius: 0; +} @media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } + .reveal { + top: 0; + left: 0; + width: 100%; + height: 100%; + height: 100vh; + min-height: 100vh; + max-width: none; + margin-left: 0; + border: 0; + border-radius: 0; + } +} -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } +.reveal.without-overlay { + position: fixed; +} +.switch { + margin-bottom: 1rem; + outline: 0; + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #fefefe; + font-weight: bold; + font-size: 0.875rem; +} +.switch-input { + opacity: 0; + position: absolute; +} +.switch-paddle { + background: #cacaca; + cursor: pointer; + display: block; + position: relative; + width: 4rem; + height: 2rem; + transition: all 0.25s ease-out; + border-radius: 0; + color: inherit; + font-weight: inherit; +} +input + .switch-paddle { + margin: 0; +} +.switch-paddle::after { + background: #fefefe; + content: ''; + display: block; + position: absolute; + height: 1.5rem; + left: 0.25rem; + top: 0.25rem; + width: 1.5rem; + transition: all 0.25s ease-out; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + border-radius: 0; +} +input:checked ~ .switch-paddle { + background: #2bc8e8; +} +input:checked ~ .switch-paddle::after { + left: 2.25rem; +} +[data-whatinput='mouse'] input:focus ~ .switch-paddle { + outline: 0; +} +.switch-active,.switch-inactive { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.switch-active { + left: 8%; + display: none; +} +input:checked + label > .switch-active { + display: block; +} +.switch-inactive { + right: 15%; +} +input:checked + label > .switch-inactive { + display: none; +} +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; +} +.switch.tiny .switch-paddle::after { + width: 1rem; + height: 1rem; +} +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; +} +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; +} +.switch.small .switch-paddle::after { + width: 1.25rem; + height: 1.25rem; +} +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; +} +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; +} +.switch.large .switch-paddle::after { + width: 2rem; + height: 2rem; +} +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; +} +table thead,table tbody,table tfoot { + border: 1px solid #f1f1f1; + background-color: #fefefe; +} +table caption { + font-weight: bold; + padding: 0.5rem 0.625rem 0.625rem; +} +table thead,table tfoot { + background: #f8f8f8; + color: #414042; +} +table thead tr,table tfoot tr { + background: transparent; +} +table thead th,table thead td,table tfoot th,table tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; +} +table tbody tr:nth-child(even) { + background-color: #f1f1f1; +} +table tbody th,table tbody td { + padding: 0.5rem 0.625rem 0.625rem; +} @media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr,table.stack th,table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } +table.scroll { + display: block; + width: 100%; + overflow-x: auto; +} +table.hover tr:hover { + background-color: #f9f9f9; +} +table.hover tr:nth-of-type(even):hover { + background-color: #ececec; +} +.table-scroll { + overflow-x: auto; +} +.table-scroll table { + width: auto; +} +.tabs { + margin: 0; + list-style-type: none; + background: #fefefe; + border: 1px solid #e6e6e6; +} +.tabs::before,.tabs::after { + content: ' '; + display: table; +} +.tabs::after { + clear: both; +} +.tabs.vertical > li { + width: auto; + float: none; + display: block; +} +.tabs.simple > li > a { + padding: 0; +} +.tabs.simple > li > a:hover { + background: transparent; +} +.tabs.primary { + background: #2bc8e8; +} +.tabs.primary > li > a { + color: #fefefe; +} +.tabs.primary > li > a:hover,.tabs.primary > li > a:focus { + background: #1fc5e7; +} +.tabs-title { + float: left; +} +.tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + line-height: 1; + font-size: 0.75rem; +} +.tabs-title > a:hover { + background: #fefefe; +} +.tabs-title > a:focus,.tabs-title > a[aria-selected='true'] { + background: #e6e6e6; +} +.tabs-content { + background: #fefefe; + transition: all 0.5s ease; + border: 1px solid #e6e6e6; + border-top: 0; +} +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; +} +.tabs-panel { + display: none; + padding: 1rem; +} +.tabs-panel.is-active { + display: block; +} +.thumbnail { + border: solid 7px #e6e6e6; + box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); + display: inline-block; + line-height: 0; + max-width: 100%; + transition: box-shadow 200ms ease-out; + border-radius: 7px; + margin-bottom: 1rem; +} +.thumbnail:hover,.thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(138, 168, 0, 0.8); +} +.title-bar { + background: #0a0a0a; + color: #fefefe; + padding: 0.5rem; + background-color: #8aa800; + margin-bottom: 25px; + width: 100%; + z-index: 1000; +} +.title-bar::before,.title-bar::after { + content: ' '; + display: table; +} +.title-bar::after { + clear: both; +} +.title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.5rem; +} +.title-bar-left { + float: left; +} +.title-bar-right { + float: right; + text-align: right; +} +.title-bar-title { + font-weight: bold; + vertical-align: middle; + display: inline-block; +} +.has-tip { + border-bottom: dotted 1px #414042; + font-weight: bold; + position: relative; + display: inline-block; + cursor: help; +} +.tooltip { + background-color: #0a0a0a; + color: #fefefe; + font-size: 80%; + padding: 0.75rem; + position: absolute; + z-index: 10; + top: calc(100% + 0.6495rem); + max-width: 10rem !important; + border-radius: 0; +} +.tooltip::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent transparent #0a0a0a; + border-bottom-style: solid; + border-top-width: 0; + bottom: 100%; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); +} +.tooltip.top::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: #0a0a0a transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + top: 100%; + bottom: auto; +} +.tooltip.left::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent transparent transparent #0a0a0a; + border-left-style: solid; + border-right-width: 0; + bottom: auto; + left: 100%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.tooltip.right::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent #0a0a0a transparent transparent; + border-right-style: solid; + border-left-width: 0; + bottom: auto; + left: auto; + right: 100%; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} +.top-bar { + padding: 0.5rem; +} +.top-bar::before,.top-bar::after { + content: ' '; + display: table; +} +.top-bar::after { + clear: both; +} +.top-bar,.top-bar ul { + background-color: #e6e6e6; +} +.top-bar input { + max-width: 200px; + margin-right: 1rem; +} +.top-bar .input-group-field { + width: 100%; + margin-right: 0; +} +.top-bar input.button { + width: auto; +} +.top-bar .top-bar-left,.top-bar .top-bar-right { + width: 100%; +} + +@media screen and (min-width: 40em) { + + .top-bar .top-bar-left,.top-bar .top-bar-right { + width: auto; + } +} + + +@media screen and (max-width: 63.9375em) { + + .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right { + width: 100%; + } +} -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } @media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } + + .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right { + width: 100%; + } +} + + +@media screen and (max-width: 89.9375em) { + + .top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right { + width: 100%; + } +} + +.top-bar.stacked-for-xxlarge .top-bar-left,.top-bar.stacked-for-xxlarge .top-bar-right { + width: 100%; +} +.top-bar-title { + float: left; + margin-right: 1rem; +} +.top-bar-left { + float: left; +} +.top-bar-right { + float: right; +} +.hide { + display: none !important; +} +.invisible { + visibility: hidden; +} + +@media screen and (max-width: 39.9375em) { + + .hide-for-small-only { + display: none !important; + } +} + + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + + .show-for-small-only { + display: none !important; + } +} + + +@media screen and (min-width: 40em) { + + .hide-for-medium { + display: none !important; + } +} + + +@media screen and (max-width: 39.9375em) { + + .show-for-medium { + display: none !important; + } +} + + +@media screen and (min-width: 40em) and (max-width: 63.9375em) { + + .hide-for-medium-only { + display: none !important; + } +} + + +@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { + + .show-for-medium-only { + display: none !important; + } +} + + +@media screen and (min-width: 64em) { + + .hide-for-large { + display: none !important; + } +} + + +@media screen and (max-width: 63.9375em) { + + .show-for-large { + display: none !important; + } +} + + +@media screen and (min-width: 64em) and (max-width: 74.9375em) { + + .hide-for-large-only { + display: none !important; + } +} + + +@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { + + .show-for-large-only { + display: none !important; + } +} + + +@media screen and (min-width: 75em) { + + .hide-for-xlarge { + display: none !important; + } +} + + +@media screen and (max-width: 74.9375em) { + + .show-for-xlarge { + display: none !important; + } +} + @media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } + + .hide-for-xlarge-only { + display: none !important; + } +} + @media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } + + .show-for-xlarge-only { + display: none !important; + } +} + @media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } + + .hide-for-xxlarge { + display: none !important; + } +} + @media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } + + .show-for-xxlarge { + display: none !important; + } +} + @media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } + + .hide-for-xxlarge-only { + display: none !important; + } +} + @media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); } + .show-for-xxlarge-only { + display: none !important; + } +} -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } +.show-for-sr,.show-on-focus { + position: absolute !important; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); +} +.show-on-focus:active,.show-on-focus:focus { + position: static !important; + height: auto; + width: auto; + overflow: visible; + clip: auto; +} +.show-for-landscape,.hide-for-portrait { + display: block !important; +} -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } +@media screen and (orientation: landscape) { -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } + .show-for-landscape,.hide-for-portrait { + display: block !important; + } +} + + +@media screen and (orientation: portrait) { + + .show-for-landscape,.hide-for-portrait { + display: none !important; + } +} + +.hide-for-landscape,.show-for-portrait { + display: none !important; +} + +@media screen and (orientation: landscape) { + + .hide-for-landscape,.show-for-portrait { + display: none !important; + } +} + + +@media screen and (orientation: portrait) { + + .hide-for-landscape,.show-for-portrait { + display: block !important; + } +} .float-left { - float: left !important; } - + float: left !important; +} .float-right { - float: right !important; } - + float: right !important; +} .float-center { - display: block; - margin-left: auto; - margin-right: auto; } - -.clearfix::before, .clearfix::after { - content: ' '; - display: table; } - + display: block; + margin-left: auto; + margin-right: auto; +} +.clearfix::before,.clearfix::after { + content: ' '; + display: table; +} .clearfix::after { - clear: both; } - + clear: both; +} .slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-in-down.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} .slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-in-left.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); +} .slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-in-up.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); +} .slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-in-right.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); +} .slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-out-down.mui-leave.mui-leave-active { - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); } - + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); +} .slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-out-right.mui-leave.mui-leave-active { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); } - + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); +} .slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-out-up.mui-leave.mui-leave-active { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); +} .slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + transition-property: transform, opacity, -webkit-transform; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} .slide-out-left.mui-leave.mui-leave-active { - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); } - + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); +} .fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 0; + transition-property: opacity; +} .fade-in.mui-enter.mui-enter-active { - opacity: 1; } - + opacity: 1; +} .fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 1; + transition-property: opacity; +} .fade-out.mui-leave.mui-leave-active { - opacity: 0; } - + opacity: 0; +} .hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + -webkit-transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-top.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + -webkit-transform-origin: right; + -ms-transform-origin: right; + transform-origin: right; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-right.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); + -webkit-transform-origin: bottom; + -ms-transform-origin: bottom; + transform-origin: bottom; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-bottom.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-left.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-middle-x.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .hinge-in-from-middle-y.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + opacity: 1; +} .hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-top.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; +} .hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: right; + -ms-transform-origin: right; + transform-origin: right; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-right.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; +} .hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: bottom; + -ms-transform-origin: bottom; + transform-origin: bottom; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-bottom.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateX(90deg); + transform: perspective(2000px) rotateX(90deg); + opacity: 0; +} .hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-left.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateY(90deg); + transform: perspective(2000px) rotateY(90deg); + opacity: 0; +} .hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-middle-x.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateX(-90deg); + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; +} .hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: perspective(2000px) rotate(0deg); + transform: perspective(2000px) rotate(0deg); + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .hinge-out-from-middle-y.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - + -webkit-transform: perspective(2000px) rotateY(-90deg); + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; +} .scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .scale-in-up.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; +} .scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .scale-in-down.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; +} .scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .scale-out-up.mui-leave.mui-leave-active { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - opacity: 0; } - + -webkit-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + opacity: 0; +} .scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .scale-out-down.mui-leave.mui-leave-active { - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - opacity: 0; } - + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); + opacity: 0; +} .spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: rotate(-0.75turn); + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .spin-in.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; +} .spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .spin-out.mui-leave.mui-leave-active { - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - opacity: 0; } - + -webkit-transform: rotate(0.75turn); + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); + opacity: 0; +} .spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: rotate(0.75turn); + -ms-transform: rotate(0.75turn); + transform: rotate(0.75turn); + transition-property: transform, opacity, -webkit-transform; + opacity: 0; +} .spin-in-ccw.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1; +} .spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - + transition-duration: 500ms; + transition-timing-function: linear; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + transition-property: transform, opacity, -webkit-transform; + opacity: 1; +} .spin-out-ccw.mui-leave.mui-leave-active { - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - opacity: 0; } - + -webkit-transform: rotate(-0.75turn); + -ms-transform: rotate(-0.75turn); + transform: rotate(-0.75turn); + opacity: 0; +} .slow { - transition-duration: 750ms !important; } - + transition-duration: 750ms !important; + -webkit-animation-duration: 750ms !important; + animation-duration: 750ms !important; +} .fast { - transition-duration: 250ms !important; } - + transition-duration: 250ms !important; + -webkit-animation-duration: 250ms !important; + animation-duration: 250ms !important; +} .linear { - transition-timing-function: linear !important; } - + transition-timing-function: linear !important; + -webkit-animation-timing-function: linear !important; + animation-timing-function: linear !important; +} .ease { - transition-timing-function: ease !important; } - + transition-timing-function: ease !important; + -webkit-animation-timing-function: ease !important; + animation-timing-function: ease !important; +} .ease-in { - transition-timing-function: ease-in !important; } - + transition-timing-function: ease-in !important; + -webkit-animation-timing-function: ease-in !important; + animation-timing-function: ease-in !important; +} .ease-out { - transition-timing-function: ease-out !important; } - + transition-timing-function: ease-out !important; + -webkit-animation-timing-function: ease-out !important; + animation-timing-function: ease-out !important; +} .ease-in-out { - transition-timing-function: ease-in-out !important; } - + transition-timing-function: ease-in-out !important; + -webkit-animation-timing-function: ease-in-out !important; + animation-timing-function: ease-in-out !important; +} .bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - + transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; + animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; +} .bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - + transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; + animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; +} .bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - + transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; + animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; +} .short-delay { - transition-delay: 300ms !important; } - + transition-delay: 300ms !important; + -webkit-animation-delay: 300ms !important; + animation-delay: 300ms !important; +} .long-delay { - transition-delay: 700ms !important; } - + transition-delay: 700ms !important; + -webkit-animation-delay: 700ms !important; + animation-delay: 700ms !important; +} .shake { - -webkit-animation-name: shake-7; - animation-name: shake-7; } - -@-webkit-keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); } } + -webkit-animation-name: shake-7; + animation-name: shake-7; +} @keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); } } + 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% { + -webkit-transform: translateX(7%); + transform: translateX(7%); + } + 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% { + -webkit-transform: translateX(-7%); + transform: translateX(-7%); + } +} + + +@keyframes shake-7 { + 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% { + -webkit-transform: translateX(7%); + transform: translateX(7%); + } + 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% { + -webkit-transform: translateX(-7%); + transform: translateX(-7%); + } +} .spin-cw { - -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; } - -@-webkit-keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); } - 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + -webkit-animation-name: spin-cw-1turn; + animation-name: spin-cw-1turn; +} @keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); } - 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + 0% { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} + + +@keyframes spin-cw-1turn { + 0% { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} .spin-ccw { - -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; } + -webkit-animation-name: spin-cw-1turn; + animation-name: spin-cw-1turn; +} @keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); } - 100% { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(1turn); + transform: rotate(1turn); + } +} .wiggle { - -webkit-animation-name: wiggle-7deg; - animation-name: wiggle-7deg; } - -@-webkit-keyframes wiggle-7deg { - 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + -webkit-animation-name: wiggle-7deg; + animation-name: wiggle-7deg; +} @keyframes wiggle-7deg { - 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + 40%,50%,60% { + -webkit-transform: rotate(7deg); + transform: rotate(7deg); + } + 35%,45%,55%,65% { + -webkit-transform: rotate(-7deg); + transform: rotate(-7deg); + } + 0%,30%,70%,100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; } +@keyframes wiggle-7deg { + 40%,50%,60% { + -webkit-transform: rotate(7deg); + transform: rotate(7deg); + } + 35%,45%,55%,65% { + -webkit-transform: rotate(-7deg); + transform: rotate(-7deg); + } + 0%,30%,70%,100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} + +.shake,.spin-cw,.spin-ccw,.wiggle { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} .infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -.slow { - -webkit-animation-duration: 750ms !important; - animation-duration: 750ms !important; } - -.fast { - -webkit-animation-duration: 250ms !important; - animation-duration: 250ms !important; } - -.linear { - -webkit-animation-timing-function: linear !important; - animation-timing-function: linear !important; } - -.ease { - -webkit-animation-timing-function: ease !important; - animation-timing-function: ease !important; } - -.ease-in { - -webkit-animation-timing-function: ease-in !important; - animation-timing-function: ease-in !important; } - -.ease-out { - -webkit-animation-timing-function: ease-out !important; - animation-timing-function: ease-out !important; } - -.ease-in-out { - -webkit-animation-timing-function: ease-in-out !important; - animation-timing-function: ease-in-out !important; } - -.bounce-in { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - -webkit-animation-delay: 300ms !important; - animation-delay: 300ms !important; } - -.long-delay { - -webkit-animation-delay: 700ms !important; - animation-delay: 700ms !important; } - -body { - background: url(../images/backgorund-image.jpg) repeat; } - -a { - font-weight: 500; } - -.off-canvas { - min-height: 100%; } - -.off-canvas-wrapper { - overflow: hidden; } - + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} .m-0 { - margin: 0 !important; } - + margin: 0 !important; +} .m-t-25 { - margin-top: 25px; } - + margin-top: 25px; +} .m-t-50 { - margin-top: 50px; } - + margin-top: 50px; +} .m-b-25 { - margin-bottom: 25px; } - + margin-bottom: 25px; +} .m-b-50 { - margin-bottom: 50px; } - + margin-bottom: 50px; +} .m-b-26 { - margin-bottom: 26px; } - + margin-bottom: 26px; +} .m-l-5 { - margin-left: 5px; } - + margin-left: 5px; +} .m-l-25 { - margin-left: 25px; } - + margin-left: 25px; +} .m-r-25 { - margin-right: 25px; } - + margin-right: 25px; +} .m-l-40 { - margin-left: 40px; } - + margin-left: 40px; +} .p-lr-15 { - padding-left: 15px; - padding-right: 15px; } - + padding-left: 15px; + padding-right: 15px; +} .p-tb-15 { - padding-top: 15px; - padding-bottom: 15px; } - + padding-top: 15px; + padding-bottom: 15px; +} .p-tb-25 { - padding-top: 25px; - padding-bottom: 25px; } - + padding-top: 25px; + padding-bottom: 25px; +} .p-tb-35 { - padding-top: 35px; - padding-bottom: 35px; } - + padding-top: 35px; + padding-bottom: 35px; +} .p-lr-0 { - padding-left: 0; - padding-right: 0; } - + padding-left: 0; + padding-right: 0; +} .p-25 { - padding: 25px !important; } - + padding: 25px !important; +} .p-b-0 { - padding-bottom: 0 !important; } - + padding-bottom: 0 !important; +} .p-l-0 { - padding-left: 0 !important; } - + padding-left: 0 !important; +} .rounded { - border-radius: 7px; } - + border-radius: 7px; +} .button.long { - padding: 0.9em 4em; - text-transform: uppercase; } + padding: 0.9em 4em; + text-transform: uppercase; +} -/*.large.rounded,.expanded.rounded {border-radius: 6px;} -.button {padding: 0.4em 2.3em; font-size: 0.7rem; line-height: 1.3} -.button.secondary {background-color: #4D4D4F;} -.button.success {background-color: #89aa3e;} -.button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;} -.button.large, .button.expanded { - font-size: 1rem; padding: 0.5em 2.4em; font-weight: 300; text-transform:uppercase; margin-bottom: 0;} -.button.large.long {padding: 0.9em 4em; text-transform: uppercase;} -.button.expanded.long {height: 3rem; padding: 1em 4em;}*/ .thin { - font-weight: 300 !important; } - + font-weight: 300 !important; +} .bolder { - font-weight: 500 !important; } - + font-weight: 500 !important; +} .bold { - font-weight: 700 !important; } - + font-weight: 700 !important; +} .pointer { - cursor: pointer; } - + cursor: pointer; +} .uppercase { - text-transform: uppercase; } - + text-transform: uppercase; +} .underline { - text-decoration: underline; } - + text-decoration: underline; +} .green-text { - color: #8aa800 !important; } - + color: #8aa800 !important; +} .white-text { - color: #fefefe !important; } - + color: #fefefe !important; +} .large-text { - font-size: 1.2rem; } - + font-size: 1.2rem; +} .fa-small { - font-size: 1rem; } - -[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], -[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, -[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, -[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { - box-shadow: none; - padding: 0.8rem 1rem; - line-height: 2rem; - height: 3rem; - margin-bottom: 1.4rem; } - -textarea, textarea:focus { - height: 120px; } - -.off-canvas { - position: fixed; } - + font-size: 1rem; +} +[type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus { + box-shadow: none; + padding: 0.8rem 1rem; + line-height: 2rem; + height: 3rem; + margin-bottom: 1.4rem; +} +textarea,textarea:focus { + height: 120px; +} #logo-href { - margin: 50px auto 0; - text-align: center; - display: block; } - + margin: 50px auto 0; + text-align: center; + display: block; +} .social-icons { - margin: 70px auto 0; - float: right; } - + margin: 70px auto 0; + float: right; +} .binarity-info { - margin: 30px auto 20px; - float: right; - text-align: right; } - + margin: 30px auto 20px; + float: right; + text-align: right; +} .binarity-info:before { - content: ''; - width: 25%; - position: relative; - right: 0.7rem; - height: 1px; - background-color: #fefefe; - margin-bottom: 30px; - display: inline-block; } - + content: ''; + width: 25%; + position: relative; + right: 0.7rem; + height: 1px; + background-color: #fefefe; + margin-bottom: 30px; + display: inline-block; +} #responsive-menu .main-menu { margin: 70px auto 0; - text-align: right; } + text-align: right; +} .off-canvas#responsive-menu .main-menu.menu > li > a { - padding: 0.2rem 0.5rem; - text-transform: uppercase; - letter-spacing: 2px; - font-size: 1.2rem; - color: #fefefe; } - -.off-canvas#responsive-menu .main-menu.menu > li > a:hover, .off-canvas#responsive-menu .main-menu.menu > li.active > a { - text-decoration: none; - color: #414042; } - + padding: 0.2rem 0.5rem; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 1.2rem; + color: #fefefe; +} +.off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a { + text-decoration: none; + color: #414042; +} .social-icons.menu > li > a { - padding: 0.2rem; } - + padding: 0.2rem; +} .social-icons.menu > li > a > i { - color: #fefefe; } - + color: #fefefe; +} .social-icons.menu > li > a:hover > i { - color: #414042; } - + color: #414042; +} .binarity-info.menu > li { - padding: 0.1rem 0.7rem; - letter-spacing: 2px; - font-size: 0.9rem; - color: #414042; - line-height: 1; } - + padding: 0.1rem 0.7rem; + letter-spacing: 2px; + font-size: 0.9rem; + color: #414042; + line-height: 1; +} .binarity-info.menu > li > a { - padding: 0.1rem 0; - color: #414042; - font-weight: 700; } - + padding: 0.1rem 0; + color: #414042; + font-weight: 700; +} .off-canvas-content { - box-shadow: none; - background: transparent; - padding-top: 25px; - min-height: 100%; - height: 100%; } - + box-shadow: none; + background: transparent; + padding-top: 25px; + min-height: 100%; + height: 100%; +} .more-references { - display: none; } - + display: none; +} .more-refs { - display: block; - width: 100%; - clear: both; - margin-bottom: 25px; } - + display: block; + width: 100%; + clear: both; + margin-bottom: 25px; +} .reference-item { - margin-bottom: 1rem; } - + margin-bottom: 1rem; +} .reference-item .holder { - position: relative; - display: inline-block; } - + position: relative; + display: inline-block; +} .item-data { - display: block; - opacity: 0; - width: calc(100% - 14px) !important; - height: calc(100% - 30px); - position: absolute; - top: 7px; - left: 7px; - background-color: rgba(65, 64, 66, 0.85); } - -.item-data { - font-size: 0.8rem; - text-align: center; - font-weight: 300; - padding: 5px; } - -.item-data p, .item-data a, .item-data h4 { - color: #ffffff; } - + display: block; + opacity: 0; + width: calc(100% - 14px) !important; + height: calc(100% - 30px); + position: absolute; + top: 7px; + left: 7px; + background-color: rgba(65, 64, 66, 0.85); + font-size: 0.8rem; + text-align: center; + font-weight: 300; + padding: 5px; +} +.item-data p,.item-data a,.item-data h4 { + color: #ffffff; +} .item-data h4 { - font-size: 1rem; - margin-top: 20px; - display: block; - margin-bottom: 15px; } - + font-size: 1rem; + margin-top: 20px; + display: block; + margin-bottom: 15px; +} .item-data h4:after { - content: ''; - width: 10%; - height: 1px; - background-color: #fefefe; - display: inline-block; - position: absolute; - top: 50px; - left: 45%; } - + content: ''; + width: 10%; + height: 1px; + background-color: #fefefe; + display: inline-block; + position: absolute; + top: 50px; + left: 45%; +} .item-data a { - text-transform: uppercase; } - + text-transform: uppercase; +} .member-list { - border-right: 2px solid #8aa800; } - + border-right: 2px solid #8aa800; +} .member { - margin-bottom: 15px; - clear: both; } - + margin-bottom: 15px; + clear: both; +} .contact-address { - background-color: #8aa800; } - + background-color: #8aa800; +} .contact-address div { - margin: 15px auto; } - -.contact-address p, .contact-address b, .contact-address a { - color: #fefefe; - margin: 0; - line-height: 20px; } - -.member-tile p, .member-tile a { - color: #414042; - margin: 0; - line-height: 17px; } - + margin: 15px auto; +} +.contact-address p,.contact-address b,.contact-address a { + color: #fefefe; + margin: 0; + line-height: 20px; +} +.member-tile p,.member-tile a { + color: #414042; + margin: 0; + line-height: 17px; +} .avatar-image { - margin: 2px auto 0 auto; - width: 75px; - height: auto; - position: relative; - left: calc(50% - 37px); } - + margin: 2px auto 0 auto; + width: 75px; + height: auto; + position: relative; + left: calc(50% - 37px); +} .what-we-know-holder { - width: 650px; - height: 76px; - position: relative; } - + width: 650px; + height: 76px; + position: relative; +} .what-we-know { - position: absolute; - display: inline-block; - background: url(../images/technologies_hexagon.png); - width: 87px; - height: 74px; } - + position: absolute; + display: inline-block; + background: url(../images/technologies_hexagon.png); + width: 87px; + height: 74px; +} .what-we-know:nth-child(2) { - left: 70px; } - + left: 70px; +} .what-we-know:nth-child(3) { - left: 140px; } - + left: 140px; +} .what-we-know:nth-child(4) { - left: 210px; } - + left: 210px; +} .what-we-know:nth-child(5) { - left: 280px; } - + left: 280px; +} .what-we-know:nth-child(6) { - left: 350px; } - + left: 350px; +} .what-we-know:nth-child(7) { - left: 420px; } - + left: 420px; +} .what-we-know:nth-child(8) { - left: 490px; } - + left: 490px; +} .what-we-know:nth-child(9) { - left: 560px; } - + left: 560px; +} .what-we-know:nth-child(even) { - top: 37px; } - + top: 37px; +} .what-we-know img { - width: 54px; - height: auto; - position: absolute; - top: 14px; - left: 16px; } - + width: 54px; + height: auto; + position: absolute; + top: 14px; + left: 16px; +} .price-list { - color: #fefefe; } - + color: #fefefe; +} .price-list tbody { - border: 0; - background-color: transparent; } - -table.price-list tbody tr, table.price-list tbody tr:nth-child(2n) { - background-color: transparent; } - + border: 0; + background-color: transparent; +} +table.price-list tbody tr,table.price-list tbody tr:nth-child(2n) { + background-color: transparent; +} table.price-list tbody tr td { - padding: 0.2rem 0.625rem 0.2rem 0; } - + padding: 0.2rem 0.625rem 0.2rem 0; +} table.price-list tbody tr td:first-child:before { - content: '•'; - margin-right: 5px; - color: #8aa800; } - + content: '•'; + margin-right: 5px; + color: #8aa800; +} .dark-background { - background-color: #58595b; - color: #fefefe; } - + background-color: #58595b; + color: #fefefe; +} .services-pos { - position: relative; } - -.title-bar { - background-color: #8aa800; - margin-bottom: 25px; - width: 100%; - z-index: 1000; } - + position: relative; +} a#responsive-menu-button { - color: #ffffff; - font-size: 1.5rem; - line-height: 75px; } - + color: #ffffff; + font-size: 1.5rem; + line-height: 75px; +} a#responsive-menu-button:hover { - text-decoration: none; } - + text-decoration: none; +} footer { - width: 100%; - display: block; - background-color: #8aa800; - text-align: center; } - + width: 100%; + display: block; + background-color: #8aa800; + text-align: center; +} footer .social-icons { - margin: 20px auto 0; - float: none; - display: inline-block; } - + margin: 20px auto 0; + float: none; + display: inline-block; +} footer .binarity-info { - margin: 5px auto 20px; - float: none; - display: inline-block; - text-align: center; } - + margin: 5px auto 20px; + float: none; + display: inline-block; + text-align: center; +} footer .binarity-info:before { - content: ''; - width: 50px; - position: relative; - left: calc(50% - 95px); - height: 1px; - background-color: #fefefe; - margin-bottom: 5px; - display: inline-block; } + content: ''; + width: 50px; + position: relative; + left: calc(50% - 95px); + height: 1px; + background-color: #fefefe; + margin-bottom: 5px; + display: inline-block; +} + -/* xlarge */ @media only screen and (min-width: 90.063em) { - /*.services-pos:nth-child(1) {margin-top: 302px; margin-left: 351px;}*/ - .services-pos:nth-child(1) { - top: 0; - margin-top: 302px; - margin-left: 351px; } - /*76*/ - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 489px; } - .services-pos:nth-child(3) { - top: 0; - margin-top: -138px; - margin-left: 1037px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 625px; } - .services-pos:nth-child(5) { - top: 0; - margin-top: -138px; - margin-left: 900px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 489px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(8) { - top: 0; - margin-top: -138px; - margin-left: 1037px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 625px; } - .services-pos:nth-child(10) { - top: 0; - margin-top: -138px; - margin-left: 900px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 762px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 900px; } } -/* large */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 302px; + margin-left: 351px; + } + + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 489px; + } + .services-pos:nth-child(3) { + top: 0; + margin-top: -138px; + margin-left: 1037px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } + .services-pos:nth-child(5) { + top: 0; + margin-top: -138px; + margin-left: 900px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 489px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(8) { + top: 0; + margin-top: -138px; + margin-left: 1037px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } + .services-pos:nth-child(10) { + top: 0; + margin-top: -138px; + margin-left: 900px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 762px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 900px; + } +} + + + @media only screen and (min-width: 64.063em) and (max-width: 90em) { - .services-pos:nth-child(1) { - top: 0; - margin-top: 143px; - margin-left: 76px; } - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 214px; } - .services-pos:nth-child(3) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 350px; } - .services-pos:nth-child(5) { - top: 0; - margin-top: -138px; - margin-left: 625px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 214px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 487px; } - .services-pos:nth-child(8) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 350px; } - .services-pos:nth-child(10) { - top: 0; - margin-top: -138px; - margin-left: 625px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 487px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 625px; } } -/* medium */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 143px; + margin-left: 76px; + } + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 214px; + } + .services-pos:nth-child(3) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 350px; + } + .services-pos:nth-child(5) { + top: 0; + margin-top: -138px; + margin-left: 625px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 214px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 487px; + } + .services-pos:nth-child(8) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 350px; + } + .services-pos:nth-child(10) { + top: 0; + margin-top: -138px; + margin-left: 625px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 487px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } +} + + + @media only screen and (min-width: 40.063em) and (max-width: 64em) { - .services-pos:nth-child(1) { - top: 0; - margin-top: 126px; - margin-left: 190px; } - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 328px; } - .services-pos:nth-child(3) { - top: 313px; - margin-top: -138px; - margin-left: 328px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 464px; } - .services-pos:nth-child(5) { - top: -80px; - margin-top: -134px; - margin-left: 601px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 328px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 601px; } - .services-pos:nth-child(8) { - top: 80px; - margin-top: -138px; - margin-left: 190px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 464px; } - .services-pos:nth-child(10) { - top: 160px; - margin-top: -138px; - margin-left: 190px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 601px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 464px; } } -/* small */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 126px; + margin-left: 190px; + } + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 328px; + } + .services-pos:nth-child(3) { + top: 313px; + margin-top: -138px; + margin-left: 328px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } + .services-pos:nth-child(5) { + top: -80px; + margin-top: -134px; + margin-left: 601px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 328px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 601px; + } + .services-pos:nth-child(8) { + top: 80px; + margin-top: -138px; + margin-left: 190px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } + .services-pos:nth-child(10) { + top: 160px; + margin-top: -138px; + margin-left: 190px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 601px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } +} + + + @media only screen and (max-width: 40em) { - .outline-holder { - display: none; } - .services-pos:nth-child(2) { - left: calc(50% - 150px); } - .services-pos:nth-child(4) { - margin-top: 10px; - left: calc(50% - 150px); } - .services-pos:nth-child(6) { - left: calc(50% - 15px); - margin-top: -210px; } - .services-pos:nth-child(7) { - left: calc(50% - 15px); - margin-top: 10px; } - .services-pos:nth-child(8) { - left: calc(50% - 150px); - margin-top: -65px; } - .services-pos:nth-child(9) { - left: calc(50% - 15px); - margin-top: -60px; } - .services-pos:nth-child(10) { - left: calc(50% - 150px); - margin-top: -65px; } - .services-pos:nth-child(12) { - left: calc(50% - 15px); - margin-top: -60px; } } -/* specific */ + .outline-holder { + display: none; + } + .services-pos:nth-child(2) { + left: calc(50% - 150px); + } + .services-pos:nth-child(4) { + margin-top: 10px; + left: calc(50% - 150px); + } + .services-pos:nth-child(6) { + left: calc(50% - 15px); + margin-top: -210px; + } + .services-pos:nth-child(7) { + left: calc(50% - 15px); + margin-top: 10px; + } + .services-pos:nth-child(8) { + left: calc(50% - 150px); + margin-top: -65px; + } + .services-pos:nth-child(9) { + left: calc(50% - 15px); + margin-top: -60px; + } + .services-pos:nth-child(10) { + left: calc(50% - 150px); + margin-top: -65px; + } + .services-pos:nth-child(12) { + left: calc(50% - 15px); + margin-top: -60px; + } +} + + + @media only screen and (max-width: 1270px) and (min-width: 64.063em) { - .services-pos:nth-child(3) { - margin-top: -138px; - top: 313px; - margin-left: 214px; } - .services-pos:nth-child(8) { - margin-top: -138px; - top: 80px; - margin-left: 76px; } - .services-pos:nth-child(12) { - margin-left: 350px; } } + + .services-pos:nth-child(3) { + margin-top: -138px; + top: 313px; + margin-left: 214px; + } + .services-pos:nth-child(8) { + margin-top: -138px; + top: 80px; + margin-left: 76px; + } + .services-pos:nth-child(12) { + margin-left: 350px; + } +} + @media only screen and (min-width: 40.063em) and (max-width: 850px) { - .services-pos:nth-child(5) { - margin-left: 53px; } - .services-pos:nth-child(7) { - margin-left: 53px; } - .services-pos:nth-child(11) { - margin-left: 53px; } } + + .services-pos:nth-child(5) { + margin-left: 53px; + } + .services-pos:nth-child(7) { + margin-left: 53px; + } + .services-pos:nth-child(11) { + margin-left: 53px; + } +} + @media (max-width: 1366px) { - .row:not(.nochange) { - max-width: 60rem; } } + + .row:not(.nochange) { + max-width: 60rem; + } +} + @media (max-width: 1270px) { - .row:not(.nochange) { - max-width: 50rem; } - h2, h5 { - text-align: center; - margin: auto; } - .what-we-know-holder { - left: calc(50% - 650px / 2); } } + + .row:not(.nochange) { + max-width: 50rem; + } + h2,h5 { + text-align: center; + margin: auto; + } + .what-we-know-holder { + left: calc(50% - 650px / 2); + } +} + @media (max-width: 1100px) { - .row:not(.nochange) { - max-width: 40rem; } } + + .row:not(.nochange) { + max-width: 40rem; + } +} + @media (min-width: 1024px) { - .medium-centered { - float: none; - display: block; - margin-left: 0; - margin-right: 0; } } + + .medium-centered { + float: none; + display: block; + margin-left: 0; + margin-right: 0; + } +} + @media (max-width: 1023px) { - .row:not(.nochange) { - max-width: 50rem; } - .off-canvas-content { - padding-top: 0; } - .item-data { - padding: 15px; } - .item-data h4::after { - top: 60px; } - .item-data a.button { - margin-top: 10px; } - .ref-scr { - padding-left: 0.3rem; - padding-right: 0.3rem; } - .detail-info { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; } - .detail-buttons { - text-align: center; } - .pull-right-for-small { - float: right; } - [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], - [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, - [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, - [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { - margin-bottom: 0.4rem; } - .button-medium-centered { - margin: auto; - text-align: center; - display: block; } - .member-list { - margin-top: 25px; - border-right: 0; } - .contact-address, .members { - float: left; - width: 50%; } - .contact-address .small-8 { - text-align: right; - padding-top: 30px; - padding-bottom: 30px; } - .members { - margin-top: 0; } - .off-canvas { - background-color: rgba(88, 89, 91, 0.95); } - #responsive-menu .main-menu { - text-align: center; } - .off-canvas#responsive-menu .main-menu.menu > li > a { - font-size: 1.7rem; } - .off-canvas#responsive-menu .main-menu.menu > li > a:hover, .off-canvas#responsive-menu .main-menu.menu > li.active > a { - color: #8aa800; } - .off-canvas#responsive-menu .main-menu.menu > li.active > a { - font-size: 2.2rem; } } + + .row:not(.nochange) { + max-width: 50rem; + } + .off-canvas-content { + padding-top: 0; + } + .item-data { + padding: 15px; + } + .item-data h4::after { + top: 60px; + } + .item-data a.button { + margin-top: 10px; + } + .ref-scr { + padding-left: 0.3rem; + padding-right: 0.3rem; + } + .detail-info { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } + .detail-buttons { + text-align: center; + } + .pull-right-for-small { + float: right; + } + [type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus { + margin-bottom: 0.4rem; + } + .button-medium-centered { + margin: auto; + text-align: center; + display: block; + } + .member-list { + margin-top: 25px; + border-right: 0; + } + .contact-address,.members { + float: left; + width: 50%; + } + .contact-address .small-8 { + text-align: right; + padding-top: 30px; + padding-bottom: 30px; + } + .members { + margin-top: 0; + } + .off-canvas { + background-color: rgba(88, 89, 91, 0.95); + } + #responsive-menu .main-menu { + text-align: center; + } + .off-canvas#responsive-menu .main-menu.menu > li > a { + font-size: 1.7rem; + } + .off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a { + color: #8aa800; + } + .off-canvas#responsive-menu .main-menu.menu > li.active > a { + font-size: 2.2rem; + } +} + @media (max-width: 850px) { - .row:not(.nochange) { - max-width: 45rem; } - .item-data { - padding: 5px; - font-size: 0.8rem; } - .item-data h4 { - margin-top: 5px; - margin-bottom: 5px; } - .item-data h4::after { - top: 35px; } - .item-data a.button { - margin-top: 10px; } - .item-data p { - line-height: 1.2; } } + + .row:not(.nochange) { + max-width: 45rem; + } + .item-data { + padding: 5px; + font-size: 0.8rem; + } + .item-data h4 { + margin-top: 5px; + margin-bottom: 5px; + } + .item-data h4::after { + top: 35px; + } + .item-data a.button { + margin-top: 10px; + } + .item-data p { + line-height: 1.2; + } +} + @media (max-width: 750px) { - .row:not(.nochange) { - max-width: 40rem; } } + + .row:not(.nochange) { + max-width: 40rem; + } +} + @media (max-width: 639px) { - .row:not(.nochange) { - max-width: 30rem; } - .ref-scr { - margin-bottom: 0; } - .detail-info { - margin-top: 15px; } - .item-data p, .item-data a, .item-data h4 { - color: #ffffff; } - .item-data h4 { - font-size: 1rem; - margin-top: 20px; - display: block; - margin-bottom: 15px; } - .item-data h4:after { - content: ''; - width: 10%; - height: 1px; - background-color: #fefefe; - display: inline-block; - position: absolute; - top: 50px; - left: 45%; } - .item-data a { - text-transform: uppercase; } } + + .row:not(.nochange) { + max-width: 30rem; + } + .ref-scr { + margin-bottom: 0; + } + .detail-info { + margin-top: 15px; + } + .item-data p,.item-data a,.item-data h4 { + color: #ffffff; + } + .item-data h4 { + font-size: 1rem; + margin-top: 20px; + display: block; + margin-bottom: 15px; + } + .item-data h4:after { + content: ''; + width: 10%; + height: 1px; + background-color: #fefefe; + display: inline-block; + position: absolute; + top: 50px; + left: 45%; + } + .item-data a { + text-transform: uppercase; + } +} + @media (max-width: 530px) { - .row:not(.nochange) { - padding-left: 20px; - padding-right: 20px; } - .detail-buttons .m-l-25 { - margin-left: 0; } } + + .row:not(.nochange) { + padding-left: 20px; + padding-right: 20px; + } + .detail-buttons .m-l-25 { + margin-left: 0; + } +} + @media (max-width: 500px) { - .item-data h4:after { - display: none; } - .item-data h4 { - margin-top: 10px; - margin-bottom: 5px; } - .item-data p { - display: none; } - .item-data a.button { - margin-top: 0; } - .contact-address .small-4 { - display: none; } - .contact-address, .members, .contact-address .small-8 { - float: left; - width: 100%; } - .contact-address .small-8 { - text-align: center; } - .members { - margin-top: 25px; } - .what-we-know-holder { - left: 0; - height: 152px; } - .what-we-know:nth-child(2) { - left: 70px; } - .what-we-know:nth-child(3) { - left: 140px; } - .what-we-know:nth-child(4) { - left: 210px; } - .what-we-know:nth-child(5) { - left: 280px; } - .what-we-know:nth-child(6) { - left: 0; - top: 76px; } - .what-we-know:nth-child(7) { - left: 70px; - top: 114px; } - .what-we-know:nth-child(8) { - left: 140px; - top: 76px; } - .what-we-know:nth-child(9) { - left: 210px; - top: 114px; } } + + .item-data h4:after { + display: none; + } + .item-data h4 { + margin-top: 10px; + margin-bottom: 5px; + } + .item-data p { + display: none; + } + .item-data a.button { + margin-top: 0; + } + .contact-address .small-4 { + display: none; + } + .contact-address,.members,.contact-address .small-8 { + float: left; + width: 100%; + } + .contact-address .small-8 { + text-align: center; + } + .members { + margin-top: 25px; + } + .what-we-know-holder { + left: 0; + height: 152px; + } + .what-we-know:nth-child(2) { + left: 70px; + } + .what-we-know:nth-child(3) { + left: 140px; + } + .what-we-know:nth-child(4) { + left: 210px; + } + .what-we-know:nth-child(5) { + left: 280px; + } + .what-we-know:nth-child(6) { + left: 0; + top: 76px; + } + .what-we-know:nth-child(7) { + left: 70px; + top: 114px; + } + .what-we-know:nth-child(8) { + left: 140px; + top: 76px; + } + .what-we-know:nth-child(9) { + left: 210px; + top: 114px; + } +} + @media (max-width: 400px) { - .title-bar-title img { - width: 100px; - height: auto; - margin-top: 17px; } - a#responsive-menu-button { - font-size: 1rem; } - .off-canvas#responsive-menu .main-menu.menu > li > a { - font-size: 1.3rem; } - .off-canvas#responsive-menu .main-menu.menu > li.active > a { - font-size: 1.6rem; } } -/* entire container, keeps perspective */ + .title-bar-title img { + width: 100px; + height: auto; + margin-top: 17px; + } + a#responsive-menu-button { + font-size: 1rem; + } + .off-canvas#responsive-menu .main-menu.menu > li > a { + font-size: 1.3rem; + } + .off-canvas#responsive-menu .main-menu.menu > li.active > a { + font-size: 1.6rem; + } +} + + .flip-container { - -webkit-perspective: 1000px; - perspective: 1000px; } + -webkit-perspective: 1000px; + perspective: 1000px; +} -/* flip the pane when hovered */ -.flip-container:hover .flipper, .flip-container.hover .flipper { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } +.flip-container:hover .flipper,.flip-container.hover .flipper { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); +} +.flip-container,.front,.back { + width: 165px; + height: 137px; +} -.flip-container, .front, .back { - width: 165px; - height: 137px; } - -/* flip speed goes here */ .flipper { - transition: 0.6s; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - position: relative; } + transition: 0.6s; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + position: relative; +} -/* hide back of pane during swap */ -.front, .back { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; - top: 0; - left: 0; } +.front,.back { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + position: absolute; + top: 0; + left: 0; +} -/* front pane, placed above back */ .front { - z-index: 2; - /* for firefox 31 */ - color: #ffffff; - text-transform: uppercase; - text-align: center; - font-weight: 500; - padding-top: 32%; - -webkit-transform: rotateY(0deg); - transform: rotateY(0deg); - background: url(../images/hexagon_grey.png); - background-size: cover; } - + z-index: 2; + color: #ffffff; + text-transform: uppercase; + text-align: center; + font-weight: 500; + padding-top: 32%; + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + background: url(../images/hexagon_grey.png); + background-size: cover; +} .outline { - position: absolute; - width: 165px; - height: 137px; - z-index: 2; - /* for firefox 31 */ - background: url(../images/hexagon_green_outline.png); - background-size: cover; } - + position: absolute; + width: 165px; + height: 137px; + z-index: 2; + background: url(../images/hexagon_green_outline.png); + background-size: cover; +} .outline-grey { - position: absolute; - width: 165px; - height: 137px; - z-index: 2; - /* for firefox 31 */ - background: url(../images/hexagon_grey_outline.png); - background-size: cover; } + position: absolute; + width: 165px; + height: 137px; + z-index: 2; + background: url(../images/hexagon_grey_outline.png); + background-size: cover; +} -/* back, initially hidden pane */ .back { - color: #ffffff; - text-align: center; - font-weight: 500; - padding-top: 28%; - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); - background: url(../images/hexagon_green.png); - background-size: cover; } + color: #ffffff; + text-align: center; + font-weight: 500; + padding-top: 28%; + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + background: url(../images/hexagon_green.png); + background-size: cover; +} -/* BLightBox defaults */ .b-lightbox-holder { - background-color: rgba(10, 10, 10, 0.85); - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - display: none; - z-index: 1000; } - + background-color: rgba(10, 10, 10, 0.85); + width: 100%; + height: 100%; + position: fixed; + top: 0; + left: 0; + display: none; + z-index: 1000; +} .b-lightbox-image { - display: none; - border-radius: 0; - max-height: 90%; - max-width: 90%; - position: fixed; - margin: 0 auto; - z-index: 1001; } - + display: none; + border-radius: 0; + max-height: 90%; + max-width: 90%; + position: fixed; + margin: 0 auto; + z-index: 1001; +} .b-lightbox-close-button { - z-index: 1100; - display: block; - position: fixed; - top: 8px; - right: 8px; - font-size: 14px; - color: rgba(254, 254, 254, 0.8); - cursor: pointer; - font-weight: 700; } - + z-index: 1100; + display: block; + position: fixed; + top: 8px; + right: 8px; + font-size: 14px; + color: rgba(254, 254, 254, 0.8); + cursor: pointer; + font-weight: 700; +} .b-lightbox-close-button:hover { - font-weight: 700; } - + font-weight: 700; +} .b-lightbox-direction { - z-index: 1050; - height: 100%; - font-size: 10em; - cursor: pointer; - display: inline-block; - min-width: 10%; - text-align: center; - position: absolute; - top: 0; } - + z-index: 1050; + height: 100%; + font-size: 10em; + cursor: pointer; + display: inline-block; + min-width: 10%; + text-align: center; + position: absolute; + top: 0; +} .b-lightbox-direction.next { - right: 0; } - + right: 0; +} .b-lightbox-direction.previous { - left: 0; } - + left: 0; +} .b-lightbox-direction:hover { - background-color: rgba(254, 254, 254, 0.1); - text-decoration: none; } - + background-color: rgba(254, 254, 254, 0.1); + text-decoration: none; +} .b-lightbox-direction:before { - content: ''; - height: 35%; - display: block; - width: 100%; } - + content: ''; + height: 35%; + display: block; + width: 100%; +} .b-lightbox-label { - box-sizing: border-box; - display: none; - z-index: 1015; - background-color: rgba(65, 64, 66, 0.9); - color: rgba(254, 254, 254, 0.95); - font-weight: 500; - position: absolute; - padding: 10px; - font-size: 13px; } + box-sizing: border-box; + display: none; + z-index: 1015; + background-color: rgba(65, 64, 66, 0.9); + color: rgba(254, 254, 254, 0.95); + font-weight: 500; + position: absolute; + padding: 10px; + font-size: 13px; +} @charset "UTF-8"; -/*map-get($foundation-palette, primary);*/ -/** - * Foundation for Sites by ZURB - * Version 6.2.1 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. - */ -body { - margin: 0; } - -/* HTML5 display definitions - ========================================================================== */ -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; } - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; } - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; } - -/* Links - ========================================================================== */ -/** - * Remove the gray background color from active links in IE 10. - */ -a { - background-color: transparent; } - -/** - * Improve readability of focused elements when they are also in an - * active/hover state. - */ -a:active, -a:hover { - outline: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ -abbr[title] { - border-bottom: 1px dotted; } - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ -b, -strong { - font-weight: bold; } - -/** - * Address styling not present in Safari and Chrome. - */ -dfn { - font-style: italic; } - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; } - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; } - -/** - * Correct overflow not hidden in IE 9/10/11. - */ -svg:not(:root) { - overflow: hidden; } - -/* Grouping content - ========================================================================== */ -/** - * Address margin not present in IE 8/9 and Safari. - */ -figure { - margin: 1em 40px; } - -/** - * Address differences between Firefox and other browsers. - */ -hr { - box-sizing: content-box; - height: 0; } - -/** - * Contain overflow in all browsers. - */ -pre { - overflow: auto; } - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; } - -/* Forms - ========================================================================== */ -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - overflow: visible; } - -/** - * 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 Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ -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. - */ -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. - */ -button[disabled], -html input[disabled] { - cursor: not-allowed; } - -/** - * Remove inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; } - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; } - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. - */ -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - box-sizing: content-box; - /* 2 */ } - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -/** - * Define consistent border, margin, and padding. - * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. - */ -/* 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/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -textarea { - overflow: auto; } - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; } - -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - font-size: 100%; - box-sizing: border-box; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - padding: 0; - margin: 0; - font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; - font-weight: 300; - line-height: 1; - color: #414042; - background: #fefefe; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; - display: inline-block; - vertical-align: middle; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - width: 100%; - border-radius: 0; } - -#map_canvas img, -#map_canvas embed, -#map_canvas object, -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - -webkit-appearance: none; - -moz-appearance: none; - background: transparent; - padding: 0; - border: 0; - border-radius: 0; - line-height: 1; } -[data-whatinput='mouse'] button { - outline: 0; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.row { - max-width: 75rem; - margin-left: auto; - margin-right: auto; } -.row::before, .row::after { - content: ' '; - display: table; } -.row::after { - clear: both; } -.row.collapse > .column, .row.collapse > .columns { - padding-left: 0; - padding-right: 0; } -.row .row { - max-width: none; - margin-left: -0.625rem; - margin-right: -0.625rem; - max-width: none; } -@media screen and (min-width: 40em) { - .row .row { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } -.row .row.collapse { - margin-left: 0; - margin-right: 0; } -.row.expanded { - max-width: none; } -.row.expanded .row { - margin-left: auto; - margin-right: auto; } - -.column, .columns { - width: 100%; - float: left; - padding-left: 0.625rem; - padding-right: 0.625rem; } -@media screen and (min-width: 40em) { - .column, .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } } -.column:last-child:not(:first-child), .columns:last-child:not(:first-child) { - float: right; } -.column.end:last-child:last-child, .end.columns:last-child:last-child { - float: left; } - -.column.row.row, .row.row.columns { - float: none; } -.row .column.row.row, .row .row.row.columns { - padding-left: 0; - padding-right: 0; - margin-left: 0; - margin-right: 0; } - -.small-1 { - width: 8.33333%; } - -.small-push-1 { - position: relative; - left: 8.33333%; } - -.small-pull-1 { - position: relative; - left: -8.33333%; } - -.small-offset-0 { - margin-left: 0%; } - -.small-2 { - width: 16.66667%; } - -.small-push-2 { - position: relative; - left: 16.66667%; } - -.small-pull-2 { - position: relative; - left: -16.66667%; } - -.small-offset-1 { - margin-left: 8.33333%; } - -.small-3 { - width: 25%; } - -.small-push-3 { - position: relative; - left: 25%; } - -.small-pull-3 { - position: relative; - left: -25%; } - -.small-offset-2 { - margin-left: 16.66667%; } - -.small-4 { - width: 33.33333%; } - -.small-push-4 { - position: relative; - left: 33.33333%; } - -.small-pull-4 { - position: relative; - left: -33.33333%; } - -.small-offset-3 { - margin-left: 25%; } - -.small-5 { - width: 41.66667%; } - -.small-push-5 { - position: relative; - left: 41.66667%; } - -.small-pull-5 { - position: relative; - left: -41.66667%; } - -.small-offset-4 { - margin-left: 33.33333%; } -.small-6 { - width: 50%; } -.small-push-6 { - position: relative; - left: 50%; } -.small-pull-6 { - position: relative; - left: -50%; } -.small-offset-5 { - margin-left: 41.66667%; } -.small-7 { - width: 58.33333%; } -.small-push-7 { - position: relative; - left: 58.33333%; } -.small-pull-7 { - position: relative; - left: -58.33333%; } -.small-offset-6 { - margin-left: 50%; } +article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { + display: block; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -.small-8 { - width: 66.66667%; } -.small-push-8 { - position: relative; - left: 66.66667%; } - -.small-pull-8 { - position: relative; - left: -66.66667%; } - -.small-offset-7 { - margin-left: 58.33333%; } - -.small-9 { - width: 75%; } - -.small-push-9 { - position: relative; - left: 75%; } - -.small-pull-9 { - position: relative; - left: -75%; } - -.small-offset-8 { - margin-left: 66.66667%; } - -.small-10 { - width: 83.33333%; } - -.small-push-10 { - position: relative; - left: 83.33333%; } - -.small-pull-10 { - position: relative; - left: -83.33333%; } - -.small-offset-9 { - margin-left: 75%; } - -.small-11 { - width: 91.66667%; } - -.small-push-11 { - position: relative; - left: 91.66667%; } - -.small-pull-11 { - position: relative; - left: -91.66667%; } - -.small-offset-10 { - margin-left: 83.33333%; } - -.small-12 { - width: 100%; } - -.small-offset-11 { - margin-left: 91.66667%; } - -.small-up-1 > .column, .small-up-1 > .columns { - width: 100%; - float: left; } -.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } -.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { - float: left; } - -.small-up-2 > .column, .small-up-2 > .columns { - width: 50%; - float: left; } -.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } -.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { - float: left; } - -.small-up-3 > .column, .small-up-3 > .columns { - width: 33.33333%; - float: left; } -.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } -.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { - float: left; } - -.small-up-4 > .column, .small-up-4 > .columns { - width: 25%; - float: left; } -.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } -.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { - float: left; } - -.small-up-5 > .column, .small-up-5 > .columns { - width: 20%; - float: left; } -.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } -.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { - float: left; } - -.small-up-6 > .column, .small-up-6 > .columns { - width: 16.66667%; - float: left; } -.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } -.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { - float: left; } - -.small-up-7 > .column, .small-up-7 > .columns { - width: 14.28571%; - float: left; } -.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } -.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { - float: left; } - -.small-up-8 > .column, .small-up-8 > .columns { - width: 12.5%; - float: left; } -.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { - clear: none; } -.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } -.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { - float: left; } - -.small-collapse > .column, .small-collapse > .columns { - padding-left: 0; - padding-right: 0; } - -.small-collapse .row { - margin-left: 0; - margin-right: 0; } - -.small-uncollapse > .column, .small-uncollapse > .columns { - padding-left: 0.625rem; - padding-right: 0.625rem; } - -.small-centered { - float: none; - margin-left: auto; - margin-right: auto; } - -.small-uncentered, -.small-push-0, -.small-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } @media screen and (min-width: 40em) { - .medium-1 { - width: 8.33333%; } - .medium-push-1 { - position: relative; - left: 8.33333%; } - .medium-pull-1 { - position: relative; - left: -8.33333%; } - .medium-offset-0 { - margin-left: 0%; } - .medium-2 { - width: 16.66667%; } - .medium-push-2 { - position: relative; - left: 16.66667%; } - .medium-pull-2 { - position: relative; - left: -16.66667%; } - .medium-offset-1 { - margin-left: 8.33333%; } - .medium-3 { - width: 25%; } - .medium-push-3 { - position: relative; - left: 25%; } - .medium-pull-3 { - position: relative; - left: -25%; } - .medium-offset-2 { - margin-left: 16.66667%; } - .medium-4 { - width: 33.33333%; } - .medium-push-4 { - position: relative; - left: 33.33333%; } - .medium-pull-4 { - position: relative; - left: -33.33333%; } - .medium-offset-3 { - margin-left: 25%; } - .medium-5 { - width: 41.66667%; } - .medium-push-5 { - position: relative; - left: 41.66667%; } - .medium-pull-5 { - position: relative; - left: -41.66667%; } - .medium-offset-4 { - margin-left: 33.33333%; } - .medium-6 { - width: 50%; } - .medium-push-6 { - position: relative; - left: 50%; } - .medium-pull-6 { - position: relative; - left: -50%; } - .medium-offset-5 { - margin-left: 41.66667%; } - .medium-7 { - width: 58.33333%; } - .medium-push-7 { - position: relative; - left: 58.33333%; } - .medium-pull-7 { - position: relative; - left: -58.33333%; } - .medium-offset-6 { - margin-left: 50%; } - .medium-8 { - width: 66.66667%; } - .medium-push-8 { - position: relative; - left: 66.66667%; } - .medium-pull-8 { - position: relative; - left: -66.66667%; } - .medium-offset-7 { - margin-left: 58.33333%; } - .medium-9 { - width: 75%; } - .medium-push-9 { - position: relative; - left: 75%; } - .medium-pull-9 { - position: relative; - left: -75%; } - .medium-offset-8 { - margin-left: 66.66667%; } - .medium-10 { - width: 83.33333%; } - .medium-push-10 { - position: relative; - left: 83.33333%; } - .medium-pull-10 { - position: relative; - left: -83.33333%; } - .medium-offset-9 { - margin-left: 75%; } - .medium-11 { - width: 91.66667%; } - .medium-push-11 { - position: relative; - left: 91.66667%; } - .medium-pull-11 { - position: relative; - left: -91.66667%; } - .medium-offset-10 { - margin-left: 83.33333%; } - .medium-12 { - width: 100%; } - .medium-offset-11 { - margin-left: 91.66667%; } - .medium-up-1 > .column, .medium-up-1 > .columns { - width: 100%; - float: left; } - .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { - float: left; } - .medium-up-2 > .column, .medium-up-2 > .columns { - width: 50%; - float: left; } - .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { - float: left; } - .medium-up-3 > .column, .medium-up-3 > .columns { - width: 33.33333%; - float: left; } - .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { - float: left; } - .medium-up-4 > .column, .medium-up-4 > .columns { - width: 25%; - float: left; } - .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { - float: left; } - .medium-up-5 > .column, .medium-up-5 > .columns { - width: 20%; - float: left; } - .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { - float: left; } - .medium-up-6 > .column, .medium-up-6 > .columns { - width: 16.66667%; - float: left; } - .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { - float: left; } - .medium-up-7 > .column, .medium-up-7 > .columns { - width: 14.28571%; - float: left; } - .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { - float: left; } - .medium-up-8 > .column, .medium-up-8 > .columns { - width: 12.5%; - float: left; } - .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { - float: left; } - .medium-collapse > .column, .medium-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .medium-collapse .row { - margin-left: 0; - margin-right: 0; } - .medium-uncollapse > .column, .medium-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .medium-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .medium-uncentered, - .medium-push-0, - .medium-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .row .row { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + } +} + + +@media screen and (min-width: 40em) { + + .column,.columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } +} + + +@media screen and (min-width: 40em) { + + .medium-1 { + width: 8.33333%; + } + .medium-push-1 { + position: relative; + left: 8.33333%; + } + .medium-pull-1 { + position: relative; + left: -8.33333%; + } + .medium-offset-0 { + margin-left: 0%; + } + .medium-2 { + width: 16.66667%; + } + .medium-push-2 { + position: relative; + left: 16.66667%; + } + .medium-pull-2 { + position: relative; + left: -16.66667%; + } + .medium-offset-1 { + margin-left: 8.33333%; + } + .medium-3 { + width: 25%; + } + .medium-push-3 { + position: relative; + left: 25%; + } + .medium-pull-3 { + position: relative; + left: -25%; + } + .medium-offset-2 { + margin-left: 16.66667%; + } + .medium-4 { + width: 33.33333%; + } + .medium-push-4 { + position: relative; + left: 33.33333%; + } + .medium-pull-4 { + position: relative; + left: -33.33333%; + } + .medium-offset-3 { + margin-left: 25%; + } + .medium-5 { + width: 41.66667%; + } + .medium-push-5 { + position: relative; + left: 41.66667%; + } + .medium-pull-5 { + position: relative; + left: -41.66667%; + } + .medium-offset-4 { + margin-left: 33.33333%; + } + .medium-6 { + width: 50%; + } + .medium-push-6 { + position: relative; + left: 50%; + } + .medium-pull-6 { + position: relative; + left: -50%; + } + .medium-offset-5 { + margin-left: 41.66667%; + } + .medium-7 { + width: 58.33333%; + } + .medium-push-7 { + position: relative; + left: 58.33333%; + } + .medium-pull-7 { + position: relative; + left: -58.33333%; + } + .medium-offset-6 { + margin-left: 50%; + } + .medium-8 { + width: 66.66667%; + } + .medium-push-8 { + position: relative; + left: 66.66667%; + } + .medium-pull-8 { + position: relative; + left: -66.66667%; + } + .medium-offset-7 { + margin-left: 58.33333%; + } + .medium-9 { + width: 75%; + } + .medium-push-9 { + position: relative; + left: 75%; + } + .medium-pull-9 { + position: relative; + left: -75%; + } + .medium-offset-8 { + margin-left: 66.66667%; + } + .medium-10 { + width: 83.33333%; + } + .medium-push-10 { + position: relative; + left: 83.33333%; + } + .medium-pull-10 { + position: relative; + left: -83.33333%; + } + .medium-offset-9 { + margin-left: 75%; + } + .medium-11 { + width: 91.66667%; + } + .medium-push-11 { + position: relative; + left: 91.66667%; + } + .medium-pull-11 { + position: relative; + left: -91.66667%; + } + .medium-offset-10 { + margin-left: 83.33333%; + } + .medium-12 { + width: 100%; + } + .medium-offset-11 { + margin-left: 91.66667%; + } + .medium-up-1 > .column,.medium-up-1 > .columns { + width: 100%; + float: left; + } + .medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child { + float: left; + } + .medium-up-2 > .column,.medium-up-2 > .columns { + width: 50%; + float: left; + } + .medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child { + float: left; + } + .medium-up-3 > .column,.medium-up-3 > .columns { + width: 33.33333%; + float: left; + } + .medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child { + float: left; + } + .medium-up-4 > .column,.medium-up-4 > .columns { + width: 25%; + float: left; + } + .medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child { + float: left; + } + .medium-up-5 > .column,.medium-up-5 > .columns { + width: 20%; + float: left; + } + .medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child { + float: left; + } + .medium-up-6 > .column,.medium-up-6 > .columns { + width: 16.66667%; + float: left; + } + .medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child { + float: left; + } + .medium-up-7 > .column,.medium-up-7 > .columns { + width: 14.28571%; + float: left; + } + .medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child { + float: left; + } + .medium-up-8 > .column,.medium-up-8 > .columns { + width: 12.5%; + float: left; + } + .medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child { + float: left; + } + .medium-collapse > .column,.medium-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .medium-collapse .row { + margin-left: 0; + margin-right: 0; + } + .medium-uncollapse > .column,.medium-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .medium-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .medium-uncentered,.medium-push-0,.medium-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 64em) { - .large-1 { - width: 8.33333%; } - .large-push-1 { - position: relative; - left: 8.33333%; } - .large-pull-1 { - position: relative; - left: -8.33333%; } - .large-offset-0 { - margin-left: 0%; } - .large-2 { - width: 16.66667%; } - .large-push-2 { - position: relative; - left: 16.66667%; } - .large-pull-2 { - position: relative; - left: -16.66667%; } - .large-offset-1 { - margin-left: 8.33333%; } - .large-3 { - width: 25%; } - .large-push-3 { - position: relative; - left: 25%; } - .large-pull-3 { - position: relative; - left: -25%; } - .large-offset-2 { - margin-left: 16.66667%; } - .large-4 { - width: 33.33333%; } - .large-push-4 { - position: relative; - left: 33.33333%; } - .large-pull-4 { - position: relative; - left: -33.33333%; } - .large-offset-3 { - margin-left: 25%; } - .large-5 { - width: 41.66667%; } - .large-push-5 { - position: relative; - left: 41.66667%; } - .large-pull-5 { - position: relative; - left: -41.66667%; } - .large-offset-4 { - margin-left: 33.33333%; } - .large-6 { - width: 50%; } - .large-push-6 { - position: relative; - left: 50%; } - .large-pull-6 { - position: relative; - left: -50%; } - .large-offset-5 { - margin-left: 41.66667%; } - .large-7 { - width: 58.33333%; } - .large-push-7 { - position: relative; - left: 58.33333%; } - .large-pull-7 { - position: relative; - left: -58.33333%; } - .large-offset-6 { - margin-left: 50%; } - .large-8 { - width: 66.66667%; } - .large-push-8 { - position: relative; - left: 66.66667%; } - .large-pull-8 { - position: relative; - left: -66.66667%; } - .large-offset-7 { - margin-left: 58.33333%; } - .large-9 { - width: 75%; } - .large-push-9 { - position: relative; - left: 75%; } - .large-pull-9 { - position: relative; - left: -75%; } - .large-offset-8 { - margin-left: 66.66667%; } - .large-10 { - width: 83.33333%; } - .large-push-10 { - position: relative; - left: 83.33333%; } - .large-pull-10 { - position: relative; - left: -83.33333%; } - .large-offset-9 { - margin-left: 75%; } - .large-11 { - width: 91.66667%; } - .large-push-11 { - position: relative; - left: 91.66667%; } - .large-pull-11 { - position: relative; - left: -91.66667%; } - .large-offset-10 { - margin-left: 83.33333%; } - .large-12 { - width: 100%; } - .large-offset-11 { - margin-left: 91.66667%; } - .large-up-1 > .column, .large-up-1 > .columns { - width: 100%; - float: left; } - .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { - float: left; } - .large-up-2 > .column, .large-up-2 > .columns { - width: 50%; - float: left; } - .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { - float: left; } - .large-up-3 > .column, .large-up-3 > .columns { - width: 33.33333%; - float: left; } - .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { - float: left; } - .large-up-4 > .column, .large-up-4 > .columns { - width: 25%; - float: left; } - .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { - float: left; } - .large-up-5 > .column, .large-up-5 > .columns { - width: 20%; - float: left; } - .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { - float: left; } - .large-up-6 > .column, .large-up-6 > .columns { - width: 16.66667%; - float: left; } - .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { - float: left; } - .large-up-7 > .column, .large-up-7 > .columns { - width: 14.28571%; - float: left; } - .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { - float: left; } - .large-up-8 > .column, .large-up-8 > .columns { - width: 12.5%; - float: left; } - .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { - float: left; } - .large-collapse > .column, .large-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .large-collapse .row { - margin-left: 0; - margin-right: 0; } - .large-uncollapse > .column, .large-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .large-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .large-uncentered, - .large-push-0, - .large-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .large-1 { + width: 8.33333%; + } + .large-push-1 { + position: relative; + left: 8.33333%; + } + .large-pull-1 { + position: relative; + left: -8.33333%; + } + .large-offset-0 { + margin-left: 0%; + } + .large-2 { + width: 16.66667%; + } + .large-push-2 { + position: relative; + left: 16.66667%; + } + .large-pull-2 { + position: relative; + left: -16.66667%; + } + .large-offset-1 { + margin-left: 8.33333%; + } + .large-3 { + width: 25%; + } + .large-push-3 { + position: relative; + left: 25%; + } + .large-pull-3 { + position: relative; + left: -25%; + } + .large-offset-2 { + margin-left: 16.66667%; + } + .large-4 { + width: 33.33333%; + } + .large-push-4 { + position: relative; + left: 33.33333%; + } + .large-pull-4 { + position: relative; + left: -33.33333%; + } + .large-offset-3 { + margin-left: 25%; + } + .large-5 { + width: 41.66667%; + } + .large-push-5 { + position: relative; + left: 41.66667%; + } + .large-pull-5 { + position: relative; + left: -41.66667%; + } + .large-offset-4 { + margin-left: 33.33333%; + } + .large-6 { + width: 50%; + } + .large-push-6 { + position: relative; + left: 50%; + } + .large-pull-6 { + position: relative; + left: -50%; + } + .large-offset-5 { + margin-left: 41.66667%; + } + .large-7 { + width: 58.33333%; + } + .large-push-7 { + position: relative; + left: 58.33333%; + } + .large-pull-7 { + position: relative; + left: -58.33333%; + } + .large-offset-6 { + margin-left: 50%; + } + .large-8 { + width: 66.66667%; + } + .large-push-8 { + position: relative; + left: 66.66667%; + } + .large-pull-8 { + position: relative; + left: -66.66667%; + } + .large-offset-7 { + margin-left: 58.33333%; + } + .large-9 { + width: 75%; + } + .large-push-9 { + position: relative; + left: 75%; + } + .large-pull-9 { + position: relative; + left: -75%; + } + .large-offset-8 { + margin-left: 66.66667%; + } + .large-10 { + width: 83.33333%; + } + .large-push-10 { + position: relative; + left: 83.33333%; + } + .large-pull-10 { + position: relative; + left: -83.33333%; + } + .large-offset-9 { + margin-left: 75%; + } + .large-11 { + width: 91.66667%; + } + .large-push-11 { + position: relative; + left: 91.66667%; + } + .large-pull-11 { + position: relative; + left: -91.66667%; + } + .large-offset-10 { + margin-left: 83.33333%; + } + .large-12 { + width: 100%; + } + .large-offset-11 { + margin-left: 91.66667%; + } + .large-up-1 > .column,.large-up-1 > .columns { + width: 100%; + float: left; + } + .large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .large-up-1 > .column:last-child,.large-up-1 > .columns:last-child { + float: left; + } + .large-up-2 > .column,.large-up-2 > .columns { + width: 50%; + float: left; + } + .large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .large-up-2 > .column:last-child,.large-up-2 > .columns:last-child { + float: left; + } + .large-up-3 > .column,.large-up-3 > .columns { + width: 33.33333%; + float: left; + } + .large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .large-up-3 > .column:last-child,.large-up-3 > .columns:last-child { + float: left; + } + .large-up-4 > .column,.large-up-4 > .columns { + width: 25%; + float: left; + } + .large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .large-up-4 > .column:last-child,.large-up-4 > .columns:last-child { + float: left; + } + .large-up-5 > .column,.large-up-5 > .columns { + width: 20%; + float: left; + } + .large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .large-up-5 > .column:last-child,.large-up-5 > .columns:last-child { + float: left; + } + .large-up-6 > .column,.large-up-6 > .columns { + width: 16.66667%; + float: left; + } + .large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .large-up-6 > .column:last-child,.large-up-6 > .columns:last-child { + float: left; + } + .large-up-7 > .column,.large-up-7 > .columns { + width: 14.28571%; + float: left; + } + .large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .large-up-7 > .column:last-child,.large-up-7 > .columns:last-child { + float: left; + } + .large-up-8 > .column,.large-up-8 > .columns { + width: 12.5%; + float: left; + } + .large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .large-up-8 > .column:last-child,.large-up-8 > .columns:last-child { + float: left; + } + .large-collapse > .column,.large-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .large-collapse .row { + margin-left: 0; + margin-right: 0; + } + .large-uncollapse > .column,.large-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .large-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .large-uncentered,.large-push-0,.large-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 75em) { - .xlarge-1 { - width: 8.33333%; } - .xlarge-push-1 { - position: relative; - left: 8.33333%; } - .xlarge-pull-1 { - position: relative; - left: -8.33333%; } - .xlarge-offset-0 { - margin-left: 0%; } - .xlarge-2 { - width: 16.66667%; } - .xlarge-push-2 { - position: relative; - left: 16.66667%; } - .xlarge-pull-2 { - position: relative; - left: -16.66667%; } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .xlarge-3 { - width: 25%; } - .xlarge-push-3 { - position: relative; - left: 25%; } - .xlarge-pull-3 { - position: relative; - left: -25%; } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .xlarge-4 { - width: 33.33333%; } - .xlarge-push-4 { - position: relative; - left: 33.33333%; } - .xlarge-pull-4 { - position: relative; - left: -33.33333%; } - .xlarge-offset-3 { - margin-left: 25%; } - .xlarge-5 { - width: 41.66667%; } - .xlarge-push-5 { - position: relative; - left: 41.66667%; } - .xlarge-pull-5 { - position: relative; - left: -41.66667%; } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .xlarge-6 { - width: 50%; } - .xlarge-push-6 { - position: relative; - left: 50%; } - .xlarge-pull-6 { - position: relative; - left: -50%; } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .xlarge-7 { - width: 58.33333%; } - .xlarge-push-7 { - position: relative; - left: 58.33333%; } - .xlarge-pull-7 { - position: relative; - left: -58.33333%; } - .xlarge-offset-6 { - margin-left: 50%; } - .xlarge-8 { - width: 66.66667%; } - .xlarge-push-8 { - position: relative; - left: 66.66667%; } - .xlarge-pull-8 { - position: relative; - left: -66.66667%; } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .xlarge-9 { - width: 75%; } - .xlarge-push-9 { - position: relative; - left: 75%; } - .xlarge-pull-9 { - position: relative; - left: -75%; } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .xlarge-10 { - width: 83.33333%; } - .xlarge-push-10 { - position: relative; - left: 83.33333%; } - .xlarge-pull-10 { - position: relative; - left: -83.33333%; } - .xlarge-offset-9 { - margin-left: 75%; } - .xlarge-11 { - width: 91.66667%; } - .xlarge-push-11 { - position: relative; - left: 91.66667%; } - .xlarge-pull-11 { - position: relative; - left: -91.66667%; } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .xlarge-12 { - width: 100%; } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .xlarge-up-1 > .column, .xlarge-up-1 > .columns { - width: 100%; - float: left; } - .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { - float: left; } - .xlarge-up-2 > .column, .xlarge-up-2 > .columns { - width: 50%; - float: left; } - .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { - float: left; } - .xlarge-up-3 > .column, .xlarge-up-3 > .columns { - width: 33.33333%; - float: left; } - .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { - float: left; } - .xlarge-up-4 > .column, .xlarge-up-4 > .columns { - width: 25%; - float: left; } - .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { - float: left; } - .xlarge-up-5 > .column, .xlarge-up-5 > .columns { - width: 20%; - float: left; } - .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { - float: left; } - .xlarge-up-6 > .column, .xlarge-up-6 > .columns { - width: 16.66667%; - float: left; } - .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { - float: left; } - .xlarge-up-7 > .column, .xlarge-up-7 > .columns { - width: 14.28571%; - float: left; } - .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { - float: left; } - .xlarge-up-8 > .column, .xlarge-up-8 > .columns { - width: 12.5%; - float: left; } - .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { - float: left; } - .xlarge-collapse > .column, .xlarge-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .xlarge-collapse .row { - margin-left: 0; - margin-right: 0; } - .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .xlarge-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .xlarge-uncentered, - .xlarge-push-0, - .xlarge-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } + + .xlarge-1 { + width: 8.33333%; + } + .xlarge-push-1 { + position: relative; + left: 8.33333%; + } + .xlarge-pull-1 { + position: relative; + left: -8.33333%; + } + .xlarge-offset-0 { + margin-left: 0%; + } + .xlarge-2 { + width: 16.66667%; + } + .xlarge-push-2 { + position: relative; + left: 16.66667%; + } + .xlarge-pull-2 { + position: relative; + left: -16.66667%; + } + .xlarge-offset-1 { + margin-left: 8.33333%; + } + .xlarge-3 { + width: 25%; + } + .xlarge-push-3 { + position: relative; + left: 25%; + } + .xlarge-pull-3 { + position: relative; + left: -25%; + } + .xlarge-offset-2 { + margin-left: 16.66667%; + } + .xlarge-4 { + width: 33.33333%; + } + .xlarge-push-4 { + position: relative; + left: 33.33333%; + } + .xlarge-pull-4 { + position: relative; + left: -33.33333%; + } + .xlarge-offset-3 { + margin-left: 25%; + } + .xlarge-5 { + width: 41.66667%; + } + .xlarge-push-5 { + position: relative; + left: 41.66667%; + } + .xlarge-pull-5 { + position: relative; + left: -41.66667%; + } + .xlarge-offset-4 { + margin-left: 33.33333%; + } + .xlarge-6 { + width: 50%; + } + .xlarge-push-6 { + position: relative; + left: 50%; + } + .xlarge-pull-6 { + position: relative; + left: -50%; + } + .xlarge-offset-5 { + margin-left: 41.66667%; + } + .xlarge-7 { + width: 58.33333%; + } + .xlarge-push-7 { + position: relative; + left: 58.33333%; + } + .xlarge-pull-7 { + position: relative; + left: -58.33333%; + } + .xlarge-offset-6 { + margin-left: 50%; + } + .xlarge-8 { + width: 66.66667%; + } + .xlarge-push-8 { + position: relative; + left: 66.66667%; + } + .xlarge-pull-8 { + position: relative; + left: -66.66667%; + } + .xlarge-offset-7 { + margin-left: 58.33333%; + } + .xlarge-9 { + width: 75%; + } + .xlarge-push-9 { + position: relative; + left: 75%; + } + .xlarge-pull-9 { + position: relative; + left: -75%; + } + .xlarge-offset-8 { + margin-left: 66.66667%; + } + .xlarge-10 { + width: 83.33333%; + } + .xlarge-push-10 { + position: relative; + left: 83.33333%; + } + .xlarge-pull-10 { + position: relative; + left: -83.33333%; + } + .xlarge-offset-9 { + margin-left: 75%; + } + .xlarge-11 { + width: 91.66667%; + } + .xlarge-push-11 { + position: relative; + left: 91.66667%; + } + .xlarge-pull-11 { + position: relative; + left: -91.66667%; + } + .xlarge-offset-10 { + margin-left: 83.33333%; + } + .xlarge-12 { + width: 100%; + } + .xlarge-offset-11 { + margin-left: 91.66667%; + } + .xlarge-up-1 > .column,.xlarge-up-1 > .columns { + width: 100%; + float: left; + } + .xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child { + float: left; + } + .xlarge-up-2 > .column,.xlarge-up-2 > .columns { + width: 50%; + float: left; + } + .xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child { + float: left; + } + .xlarge-up-3 > .column,.xlarge-up-3 > .columns { + width: 33.33333%; + float: left; + } + .xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child { + float: left; + } + .xlarge-up-4 > .column,.xlarge-up-4 > .columns { + width: 25%; + float: left; + } + .xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child { + float: left; + } + .xlarge-up-5 > .column,.xlarge-up-5 > .columns { + width: 20%; + float: left; + } + .xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child { + float: left; + } + .xlarge-up-6 > .column,.xlarge-up-6 > .columns { + width: 16.66667%; + float: left; + } + .xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child { + float: left; + } + .xlarge-up-7 > .column,.xlarge-up-7 > .columns { + width: 14.28571%; + float: left; + } + .xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child { + float: left; + } + .xlarge-up-8 > .column,.xlarge-up-8 > .columns { + width: 12.5%; + float: left; + } + .xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child { + float: left; + } + .xlarge-collapse > .column,.xlarge-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .xlarge-collapse .row { + margin-left: 0; + margin-right: 0; + } + .xlarge-uncollapse > .column,.xlarge-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .xlarge-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} + @media screen and (min-width: 90em) { - .xxlarge-1 { - width: 8.33333%; } - .xxlarge-push-1 { - position: relative; - left: 8.33333%; } - .xxlarge-pull-1 { - position: relative; - left: -8.33333%; } - .xxlarge-offset-0 { - margin-left: 0%; } - .xxlarge-2 { - width: 16.66667%; } - .xxlarge-push-2 { - position: relative; - left: 16.66667%; } - .xxlarge-pull-2 { - position: relative; - left: -16.66667%; } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .xxlarge-3 { - width: 25%; } - .xxlarge-push-3 { - position: relative; - left: 25%; } - .xxlarge-pull-3 { - position: relative; - left: -25%; } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .xxlarge-4 { - width: 33.33333%; } - .xxlarge-push-4 { - position: relative; - left: 33.33333%; } - .xxlarge-pull-4 { - position: relative; - left: -33.33333%; } - .xxlarge-offset-3 { - margin-left: 25%; } - .xxlarge-5 { - width: 41.66667%; } - .xxlarge-push-5 { - position: relative; - left: 41.66667%; } - .xxlarge-pull-5 { - position: relative; - left: -41.66667%; } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .xxlarge-6 { - width: 50%; } - .xxlarge-push-6 { - position: relative; - left: 50%; } - .xxlarge-pull-6 { - position: relative; - left: -50%; } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .xxlarge-7 { - width: 58.33333%; } - .xxlarge-push-7 { - position: relative; - left: 58.33333%; } - .xxlarge-pull-7 { - position: relative; - left: -58.33333%; } - .xxlarge-offset-6 { - margin-left: 50%; } - .xxlarge-8 { - width: 66.66667%; } - .xxlarge-push-8 { - position: relative; - left: 66.66667%; } - .xxlarge-pull-8 { - position: relative; - left: -66.66667%; } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .xxlarge-9 { - width: 75%; } - .xxlarge-push-9 { - position: relative; - left: 75%; } - .xxlarge-pull-9 { - position: relative; - left: -75%; } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .xxlarge-10 { - width: 83.33333%; } - .xxlarge-push-10 { - position: relative; - left: 83.33333%; } - .xxlarge-pull-10 { - position: relative; - left: -83.33333%; } - .xxlarge-offset-9 { - margin-left: 75%; } - .xxlarge-11 { - width: 91.66667%; } - .xxlarge-push-11 { - position: relative; - left: 91.66667%; } - .xxlarge-pull-11 { - position: relative; - left: -91.66667%; } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .xxlarge-12 { - width: 100%; } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { - width: 100%; - float: left; } - .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) { - clear: both; } - .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child { - float: left; } - .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { - width: 50%; - float: left; } - .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) { - clear: both; } - .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child { - float: left; } - .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { - width: 33.33333%; - float: left; } - .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) { - clear: both; } - .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child { - float: left; } - .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { - width: 25%; - float: left; } - .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) { - clear: both; } - .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child { - float: left; } - .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { - width: 20%; - float: left; } - .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) { - clear: both; } - .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child { - float: left; } - .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { - width: 16.66667%; - float: left; } - .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) { - clear: both; } - .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child { - float: left; } - .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { - width: 14.28571%; - float: left; } - .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) { - clear: both; } - .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child { - float: left; } - .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { - width: 12.5%; - float: left; } - .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) { - clear: none; } - .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) { - clear: both; } - .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child { - float: left; } - .xxlarge-collapse > .column, .xxlarge-collapse > .columns { - padding-left: 0; - padding-right: 0; } - .xxlarge-collapse .row { - margin-left: 0; - margin-right: 0; } - .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { - padding-left: 0.9375rem; - padding-right: 0.9375rem; } - .xxlarge-centered { - float: none; - margin-left: auto; - margin-right: auto; } - .xxlarge-uncentered, - .xxlarge-push-0, - .xxlarge-pull-0 { - position: static; - margin-left: 0; - margin-right: 0; - float: left; } } -div, -dl, -dt, -dd, -ul, -ol, -li, -h1, -h2, -h3, -h4, -h5, -h6, -pre, -form, -p, -blockquote, -th, -td { - margin: 0; - padding: 0; } + .xxlarge-1 { + width: 8.33333%; + } + .xxlarge-push-1 { + position: relative; + left: 8.33333%; + } + .xxlarge-pull-1 { + position: relative; + left: -8.33333%; + } + .xxlarge-offset-0 { + margin-left: 0%; + } + .xxlarge-2 { + width: 16.66667%; + } + .xxlarge-push-2 { + position: relative; + left: 16.66667%; + } + .xxlarge-pull-2 { + position: relative; + left: -16.66667%; + } + .xxlarge-offset-1 { + margin-left: 8.33333%; + } + .xxlarge-3 { + width: 25%; + } + .xxlarge-push-3 { + position: relative; + left: 25%; + } + .xxlarge-pull-3 { + position: relative; + left: -25%; + } + .xxlarge-offset-2 { + margin-left: 16.66667%; + } + .xxlarge-4 { + width: 33.33333%; + } + .xxlarge-push-4 { + position: relative; + left: 33.33333%; + } + .xxlarge-pull-4 { + position: relative; + left: -33.33333%; + } + .xxlarge-offset-3 { + margin-left: 25%; + } + .xxlarge-5 { + width: 41.66667%; + } + .xxlarge-push-5 { + position: relative; + left: 41.66667%; + } + .xxlarge-pull-5 { + position: relative; + left: -41.66667%; + } + .xxlarge-offset-4 { + margin-left: 33.33333%; + } + .xxlarge-6 { + width: 50%; + } + .xxlarge-push-6 { + position: relative; + left: 50%; + } + .xxlarge-pull-6 { + position: relative; + left: -50%; + } + .xxlarge-offset-5 { + margin-left: 41.66667%; + } + .xxlarge-7 { + width: 58.33333%; + } + .xxlarge-push-7 { + position: relative; + left: 58.33333%; + } + .xxlarge-pull-7 { + position: relative; + left: -58.33333%; + } + .xxlarge-offset-6 { + margin-left: 50%; + } + .xxlarge-8 { + width: 66.66667%; + } + .xxlarge-push-8 { + position: relative; + left: 66.66667%; + } + .xxlarge-pull-8 { + position: relative; + left: -66.66667%; + } + .xxlarge-offset-7 { + margin-left: 58.33333%; + } + .xxlarge-9 { + width: 75%; + } + .xxlarge-push-9 { + position: relative; + left: 75%; + } + .xxlarge-pull-9 { + position: relative; + left: -75%; + } + .xxlarge-offset-8 { + margin-left: 66.66667%; + } + .xxlarge-10 { + width: 83.33333%; + } + .xxlarge-push-10 { + position: relative; + left: 83.33333%; + } + .xxlarge-pull-10 { + position: relative; + left: -83.33333%; + } + .xxlarge-offset-9 { + margin-left: 75%; + } + .xxlarge-11 { + width: 91.66667%; + } + .xxlarge-push-11 { + position: relative; + left: 91.66667%; + } + .xxlarge-pull-11 { + position: relative; + left: -91.66667%; + } + .xxlarge-offset-10 { + margin-left: 83.33333%; + } + .xxlarge-12 { + width: 100%; + } + .xxlarge-offset-11 { + margin-left: 91.66667%; + } + .xxlarge-up-1 > .column,.xxlarge-up-1 > .columns { + width: 100%; + float: left; + } + .xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1) { + clear: both; + } + .xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child { + float: left; + } + .xxlarge-up-2 > .column,.xxlarge-up-2 > .columns { + width: 50%; + float: left; + } + .xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1) { + clear: both; + } + .xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child { + float: left; + } + .xxlarge-up-3 > .column,.xxlarge-up-3 > .columns { + width: 33.33333%; + float: left; + } + .xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1) { + clear: both; + } + .xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child { + float: left; + } + .xxlarge-up-4 > .column,.xxlarge-up-4 > .columns { + width: 25%; + float: left; + } + .xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1) { + clear: both; + } + .xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child { + float: left; + } + .xxlarge-up-5 > .column,.xxlarge-up-5 > .columns { + width: 20%; + float: left; + } + .xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1) { + clear: both; + } + .xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child { + float: left; + } + .xxlarge-up-6 > .column,.xxlarge-up-6 > .columns { + width: 16.66667%; + float: left; + } + .xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1) { + clear: both; + } + .xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child { + float: left; + } + .xxlarge-up-7 > .column,.xxlarge-up-7 > .columns { + width: 14.28571%; + float: left; + } + .xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1) { + clear: both; + } + .xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child { + float: left; + } + .xxlarge-up-8 > .column,.xxlarge-up-8 > .columns { + width: 12.5%; + float: left; + } + .xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n) { + clear: none; + } + .xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1) { + clear: both; + } + .xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child { + float: left; + } + .xxlarge-collapse > .column,.xxlarge-collapse > .columns { + padding-left: 0; + padding-right: 0; + } + .xxlarge-collapse .row { + margin-left: 0; + margin-right: 0; + } + .xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; + } + .xxlarge-centered { + float: none; + margin-left: auto; + margin-right: auto; + } + .xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; + } +} -p { - font-size: inherit; - line-height: 1.6; - margin-bottom: 0; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif; - font-weight: 500; - font-style: normal; - color: #8aa800; - text-rendering: optimizeLegibility; - margin-top: 0; - margin-bottom: 0.5rem; - line-height: 1.4; } -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - color: #cacaca; - line-height: 0; } - -h1 { - font-size: 1.25rem; } - -h2 { - font-size: 1.25rem; } - -h3 { - font-size: 1.1875rem; } - -h4 { - font-size: 1.125rem; } - -h5 { - font-size: 1.0625rem; } - -h6 { - font-size: 1rem; } @media screen and (min-width: 40em) { - h1 { - font-size: 1.25rem; } - h2 { - font-size: 1.25rem; } - h3 { - font-size: 1.9375rem; } - h4 { - font-size: 1.5625rem; } - h5 { - font-size: 1.25rem; } - h6 { - font-size: 1rem; } } -a { - color: #8aa800; - text-decoration: none; - line-height: inherit; - cursor: pointer; } -a:hover, a:focus { - color: #779000; - text-decoration: underline; } -a img { - border: 0; } + h1 { + font-size: 1.25rem; + } + h2 { + font-size: 1.25rem; + } + h3 { + font-size: 1.9375rem; + } + h4 { + font-size: 1.5625rem; + } + h5 { + font-size: 1.25rem; + } + h6 { + font-size: 1rem; + } +} -hr { - max-width: 75rem; - height: 0; - border-right: 0; - border-top: 0; - border-bottom: 1px solid #cacaca; - border-left: 0; - margin: 1.25rem auto; - clear: both; } - -ul, -ol, -dl { - line-height: 1.6; - margin-bottom: 0; - list-style-position: outside; } - -li { - font-size: inherit; } - -ul { - list-style-type: disc; - margin-left: 1.25rem; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } -dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 0; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: 1px solid #cacaca; } -blockquote, blockquote p { - line-height: 1.6; - color: #414042; } - -cite { - display: block; - font-size: 0.8125rem; - color: #414042; } -cite:before { - content: '\2014 \0020'; } - -abbr { - color: #414042; - cursor: help; - border-bottom: 1px dotted #0a0a0a; } - -code { - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: 300; - color: #0a0a0a; - background-color: #e6e6e6; - border: 1px solid #cacaca; - padding: 0.125rem 0.3125rem 0.0625rem; } - -kbd { - padding: 0.125rem 0.25rem 0; - margin: 0; - background-color: #e6e6e6; - color: #0a0a0a; - font-family: Consolas, "Liberation Mono", Courier, monospace; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: 300; - line-height: 1.4; - color: #414042; } - -.lead { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } -p + .stat { - margin-top: -1rem; } - -.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center { - text-align: center; } - -.text-justify { - text-align: justify; } @media screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } + + .medium-text-left { + text-align: left; + } + .medium-text-right { + text-align: right; + } + .medium-text-center { + text-align: center; + } + .medium-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } + + .large-text-left { + text-align: left; + } + .large-text-right { + text-align: right; + } + .large-text-center { + text-align: center; + } + .large-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } + + .xlarge-text-left { + text-align: left; + } + .xlarge-text-right { + text-align: right; + } + .xlarge-text-center { + text-align: center; + } + .xlarge-text-justify { + text-align: justify; + } +} + @media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } -.show-for-print { - display: none !important; } + .xxlarge-text-left { + text-align: left; + } + .xxlarge-text-right { + text-align: right; + } + .xxlarge-text-center { + text-align: center; + } + .xxlarge-text-justify { + text-align: justify; + } +} + @media print { - * { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #414042; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - p, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } } -.button { - display: inline-block; - text-align: center; - line-height: 1; - cursor: pointer; - -webkit-appearance: none; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - vertical-align: middle; - border: 1px solid transparent; - border-radius: 7px; - padding: 0.65em 1.25em; - margin: 0 0 1rem 0; - font-size: 0.9rem; - background-color: #2bc8e8; - color: #fefefe; } -[data-whatinput='mouse'] .button { - outline: 0; } -.button:hover, .button:focus { - background-color: #17b3d3; - color: #fefefe; } -.button.tiny { - font-size: 0.6rem; } -.button.small { - font-size: 0.75rem; } -.button.large { - font-size: 1.25rem; } -.button.expanded { - display: block; - width: 100%; - margin-left: 0; - margin-right: 0; } -.button.primary { - background-color: #2bc8e8; - color: #fefefe; } -.button.primary:hover, .button.primary:focus { - background-color: #16a9c6; - color: #fefefe; } -.button.secondary { - background-color: #777; - color: #fefefe; } -.button.secondary:hover, .button.secondary:focus { - background-color: #5f5f5f; - color: #fefefe; } -.button.success { - background-color: #8aa800; - color: #fefefe; } -.button.success:hover, .button.success:focus { - background-color: #6e8600; - color: #fefefe; } -.button.warning { - background-color: #ffc339; - color: #0a0a0a; } -.button.warning:hover, .button.warning:focus { - background-color: #faae00; - color: #0a0a0a; } -.button.alert { - background-color: #ec5840; - color: #fefefe; } -.button.alert:hover, .button.alert:focus { - background-color: #da3116; - color: #fefefe; } -.button.hollow { - border: 1px solid #2bc8e8; - color: #2bc8e8; } -.button.hollow, .button.hollow:hover, .button.hollow:focus { - background-color: transparent; } -.button.hollow:hover, .button.hollow:focus { - border-color: #0d697c; - color: #0d697c; } -.button.hollow.primary { - border: 1px solid #2bc8e8; - color: #2bc8e8; } -.button.hollow.primary:hover, .button.hollow.primary:focus { - border-color: #0d697c; - color: #0d697c; } -.button.hollow.secondary { - border: 1px solid #777; - color: #777; } -.button.hollow.secondary:hover, .button.hollow.secondary:focus { - border-color: #3c3c3c; - color: #3c3c3c; } -.button.hollow.success { - border: 1px solid #8aa800; - color: #8aa800; } -.button.hollow.success:hover, .button.hollow.success:focus { - border-color: #455400; - color: #455400; } -.button.hollow.warning { - border: 1px solid #ffc339; - color: #ffc339; } -.button.hollow.warning:hover, .button.hollow.warning:focus { - border-color: #9c6d00; - color: #9c6d00; } -.button.hollow.alert { - border: 1px solid #ec5840; - color: #ec5840; } -.button.hollow.alert:hover, .button.hollow.alert:focus { - border-color: #881f0e; - color: #881f0e; } -.button.disabled, .button[disabled] { - opacity: 0.25; - cursor: not-allowed; } -.button.dropdown::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.4em; - border-color: #fefefe transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - position: relative; - top: 0.4em; - float: right; - margin-left: 1.25em; - display: inline-block; } -.button.arrow-only::after { - margin-left: 0; - float: none; - top: -0.1em; } + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + .show-for-print { + display: block !important; + } + .hide-for-print { + display: none !important; + } + table.show-for-print { + display: table !important; + } + thead.show-for-print { + display: table-header-group !important; + } + tbody.show-for-print { + display: table-row-group !important; + } + tr.show-for-print { + display: table-row !important; + } + td.show-for-print { + display: table-cell !important; + } + th.show-for-print { + display: table-cell !important; + } + a,a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + .ir a:after,a[href^='javascript:']:after,a[href^='#']:after { + content: ''; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + pre,blockquote { + border: 1px solid #414042; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr,img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p,h2,h3 { + orphans: 3; + widows: 3; + } + h2,h3 { + page-break-after: avoid; + } +} -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - padding: 0.5rem; - border: 2px solid #414042; - margin: 0 0 1rem; - font-family: inherit; - font-size: 1rem; - color: #414042; - background-color: #fefefe; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - border-radius: 7px; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - -webkit-appearance: none; - -moz-appearance: none; } -[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, -textarea:focus { - border: 2px solid #8aa800; - background-color: #fefefe; - outline: none; - box-shadow: 0 0 5px #414042; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } -textarea { - max-width: 100%; } -textarea[rows] { - height: auto; } - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #cacaca; } - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: #cacaca; } - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #cacaca; } - -input::placeholder, -textarea::placeholder { - color: #cacaca; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: default; } - -[type='submit'], -[type='button'] { - border-radius: 7px; - -webkit-appearance: none; - -moz-appearance: none; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; - vertical-align: baseline; } -[type='checkbox'] + label[for], -[type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: 300; - line-height: 1.8; - color: #0a0a0a; } -label.middle { - margin: 0 0 1rem; - padding: 0.625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: table; - width: 100%; - margin-bottom: 1rem; } -.input-group > :first-child { - border-radius: 0 0 0 0; } -.input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button { - margin: 0; - display: table-cell; - vertical-align: middle; } - -.input-group-label { - text-align: center; - padding: 0 1rem; - background: #e6e6e6; - color: #0a0a0a; - border: 1px solid #cacaca; - white-space: nowrap; - width: 1%; - height: 100%; } -.input-group-label:first-child { - border-right: 0; } -.input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - height: 2.5rem; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - height: 100%; - width: 1%; } -.input-group-button a, -.input-group-button input, -.input-group-button button { - margin: 0; } - -.input-group .input-group-button { - display: table-cell; } - -fieldset { - border: 0; - padding: 0; - margin: 0; } - -legend { - margin-bottom: 0.5rem; - max-width: 100%; } - -.fieldset { - border: 1px solid #cacaca; - padding: 1.25rem; - margin: 1.125rem 0; } -.fieldset legend { - background: #fefefe; - padding: 0 0.1875rem; - margin: 0; - margin-left: -0.1875rem; } - -select { - height: 2.4375rem; - padding: 0.5rem; - border: 2px solid #414042; - margin: 0 0 1rem; - font-size: 1rem; - font-family: inherit; - line-height: normal; - color: #414042; - background-color: #fefefe; - border-radius: 0; - -webkit-appearance: none; - -moz-appearance: none; - background-image: url('data:image/svg+xml;utf8,'); - background-size: 9px 6px; - background-position: right center; - background-origin: content-box; - background-repeat: no-repeat; } @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } -select:disabled { - background-color: #e6e6e6; - cursor: default; } -select::-ms-expand { - display: none; } -select[multiple] { - height: auto; - background-image: none; } -.is-invalid-input:not(:focus) { - background-color: rgba(236, 88, 64, 0.1); - border-color: #ec5840; } + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); + } +} -.is-invalid-label { - color: #ec5840; } -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #ec5840; } -.form-error.is-visible { - display: block; } - -.accordion { - list-style-type: none; - background: #fefefe; - border: 1px solid #e6e6e6; - border-bottom: 0; - border-radius: 0; - margin-left: 0; } - -.accordion-title { - display: block; - padding: 1.25rem 1rem; - line-height: 1; - font-size: 0.75rem; - color: #2bc8e8; - position: relative; - border-bottom: 1px solid #e6e6e6; } -.accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } -.accordion-title::before { - content: '+'; - position: absolute; - right: 1rem; - top: 50%; - margin-top: -0.5rem; } -.is-active > .accordion-title::before { - content: '–'; } - -.accordion-content { - padding: 1rem; - display: none; - border-bottom: 1px solid #e6e6e6; - background-color: #fefefe; } - -.is-accordion-submenu-parent > a { - position: relative; } -.is-accordion-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: #2bc8e8 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - position: absolute; - top: 50%; - margin-top: -4px; - right: 1rem; } - -.is-accordion-submenu-parent[aria-expanded='true'] > a::after { - -webkit-transform-origin: 50% 50%; - -ms-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transform: scaleY(-1); - -ms-transform: scaleY(-1); - transform: scaleY(-1); } - -.badge { - display: inline-block; - padding: 0.3em; - min-width: 2.1em; - font-size: 0.6rem; - text-align: center; - border-radius: 50%; - background: #2bc8e8; - color: #fefefe; } -.badge.secondary { - background: #777; - color: #fefefe; } -.badge.success { - background: #8aa800; - color: #fefefe; } -.badge.warning { - background: #ffc339; - color: #0a0a0a; } -.badge.alert { - background: #ec5840; - color: #fefefe; } - -.breadcrumbs { - list-style: none; - margin: 0 0 1rem 0; } -.breadcrumbs::before, .breadcrumbs::after { - content: ' '; - display: table; } -.breadcrumbs::after { - clear: both; } -.breadcrumbs li { - float: left; - color: #0a0a0a; - font-size: 0.6875rem; - cursor: default; - text-transform: uppercase; } -.breadcrumbs li:not(:last-child)::after { - color: #cacaca; - content: "/"; - margin: 0 0.75rem; - position: relative; - top: 1px; - opacity: 1; } -.breadcrumbs a { - color: #2bc8e8; } -.breadcrumbs a:hover { - text-decoration: underline; } -.breadcrumbs .disabled { - color: #cacaca; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - font-size: 0; } -.button-group::before, .button-group::after { - content: ' '; - display: table; } -.button-group::after { - clear: both; } -.button-group .button { - margin: 0; - font-size: 0.9rem; } -.button-group .button:not(:last-child) { - margin-right: 1px; } -.button-group.tiny .button { - font-size: 0.6rem; } -.button-group.small .button { - font-size: 0.75rem; } -.button-group.large .button { - font-size: 1.25rem; } -.button-group.expanded { - margin-right: -1px; } -.button-group.expanded::before, .button-group.expanded::after { - display: none; } -.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { - display: inline-block; - width: calc(50% - 1px); - margin-right: 1px; } -.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { - display: inline-block; - width: calc(33.33333% - 1px); - margin-right: 1px; } -.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { - display: inline-block; - width: calc(25% - 1px); - margin-right: 1px; } -.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { - display: inline-block; - width: calc(20% - 1px); - margin-right: 1px; } -.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { - display: inline-block; - width: calc(16.66667% - 1px); - margin-right: 1px; } -.button-group.primary .button { - background-color: #2bc8e8; - color: #fefefe; } -.button-group.primary .button:hover, .button-group.primary .button:focus { - background-color: #16a9c6; - color: #fefefe; } -.button-group.secondary .button { - background-color: #777; - color: #fefefe; } -.button-group.secondary .button:hover, .button-group.secondary .button:focus { - background-color: #5f5f5f; - color: #fefefe; } -.button-group.success .button { - background-color: #8aa800; - color: #fefefe; } -.button-group.success .button:hover, .button-group.success .button:focus { - background-color: #6e8600; - color: #fefefe; } -.button-group.warning .button { - background-color: #ffc339; - color: #0a0a0a; } -.button-group.warning .button:hover, .button-group.warning .button:focus { - background-color: #faae00; - color: #0a0a0a; } -.button-group.alert .button { - background-color: #ec5840; - color: #fefefe; } -.button-group.alert .button:hover, .button-group.alert .button:focus { - background-color: #da3116; - color: #fefefe; } -.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { - width: 100%; - border-right: 1px solid transparent; } -.button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { - border-bottom: 1px solid #fefefe; } @media screen and (min-width: 40em) { - .button-group.stacked-for-small .button { - width: auto; } - .button-group.stacked-for-small .button:not(:last-child) { - margin-right: 1px; } } + + .button-group.stacked-for-small .button { + width: auto; + } + .button-group.stacked-for-small .button:not(:last-child) { + margin-right: 1px; + } +} + + @media screen and (min-width: 64em) { - .button-group.stacked-for-medium .button { - width: auto; } - .button-group.stacked-for-medium .button:not(:last-child) { - margin-right: 1px; } } + + .button-group.stacked-for-medium .button { + width: auto; + } + .button-group.stacked-for-medium .button:not(:last-child) { + margin-right: 1px; + } +} + + @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button { - display: block; - margin-right: 0; } } -.callout { - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - position: relative; - color: #414042; - background-color: white; } -.callout > :first-child { - margin-top: 0; } -.callout > :last-child { - margin-bottom: 0; } -.callout.primary { - background-color: #dff7fc; } -.callout.secondary { - background-color: #ebebeb; } -.callout.success { - background-color: #f6ffcc; } -.callout.warning { - background-color: #fff6e1; } -.callout.alert { - background-color: #fce6e2; } -.callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } -.callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } + .button-group.stacked-for-small.expanded { + display: block; + } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; + } +} -.close-button { - position: absolute; - color: #414042; - right: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; - cursor: pointer; } -[data-whatinput='mouse'] .close-button { - outline: 0; } -.close-button:hover, .close-button:focus { - color: #0a0a0a; } - -.menu { - margin: 0; - list-style-type: none; } -.menu > li { - display: table-cell; - vertical-align: middle; } -[data-whatinput='mouse'] .menu > li { - outline: 0; } -.menu > li > a { - display: block; - padding: 0.7rem 1rem; - line-height: 1; } -.menu input, -.menu a, -.menu button { - margin-bottom: 0; } -.menu > li > a img, -.menu > li > a i { - vertical-align: middle; } -.menu > li > a i + span, -.menu > li > a img + span { - vertical-align: middle; } -.menu > li > a img, -.menu > li > a i { - margin-right: 0.25rem; - display: inline-block; } -.menu > li { - display: table-cell; } -.menu.vertical > li { - display: block; } -@media screen and (min-width: 40em) { - .menu.medium-horizontal > li { - display: table-cell; } - .menu.medium-vertical > li { - display: block; } } -@media screen and (min-width: 64em) { - .menu.large-horizontal > li { - display: table-cell; } - .menu.large-vertical > li { - display: block; } } -@media screen and (min-width: 75em) { - .menu.xlarge-horizontal > li { - display: table-cell; } - .menu.xlarge-vertical > li { - display: block; } } -@media screen and (min-width: 90em) { - .menu.xxlarge-horizontal > li { - display: table-cell; } - .menu.xxlarge-vertical > li { - display: block; } } -.menu.simple li { - line-height: 1; - display: inline-block; - margin-right: 1rem; } -.menu.simple a { - padding: 0; } -.menu.align-right::before, .menu.align-right::after { - content: ' '; - display: table; } -.menu.align-right::after { - clear: both; } -.menu.align-right > li { - float: right; } -.menu.expanded { - width: 100%; - display: table; - table-layout: fixed; } -.menu.expanded > li:first-child:last-child { - width: 100%; } -.menu.icon-top > li > a { - text-align: center; } -.menu.icon-top > li > a img, -.menu.icon-top > li > a i { - display: block; - margin: 0 auto 0.25rem; } -.menu.nested { - margin-left: 1rem; } -.menu .active > a { - color: #fefefe; - background: inherit; } - -.menu-text { - font-weight: bold; - color: inherit; - line-height: 1; - padding-top: 0; - padding-bottom: 0; - padding: 0.7rem 1rem; } - -.menu-centered { - text-align: center; } -.menu-centered > .menu { - display: inline-block; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } -.menu-icon::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #fefefe; - top: 0; - left: 0; - box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } -.menu-icon:hover::after { - background: #cacaca; - box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } -.menu-icon.dark::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - top: 0; - left: 0; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } -.menu-icon.dark:hover::after { - background: #414042; - box-shadow: 0 7px 0 #414042, 0 14px 0 #414042; } - -.is-drilldown { - position: relative; - overflow: hidden; } -.is-drilldown li { - display: block !important; } - -.is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - height: 100%; - width: 100%; - background: #fefefe; - transition: -webkit-transform 0.15s linear; - transition: transform 0.15s linear; - transition: transform 0.15s linear, -webkit-transform 0.15s linear; } -.is-drilldown-submenu.is-active { - z-index: 1; - display: block; - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); } -.is-drilldown-submenu.is-closing { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); } - -.is-drilldown-submenu-parent > a { - position: relative; } -.is-drilldown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent transparent transparent #2bc8e8; - border-left-style: solid; - border-right-width: 0; - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; } - -.js-drilldown-back > a::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 6px; - border-color: transparent #2bc8e8 transparent transparent; - border-right-style: solid; - border-left-width: 0; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; } - -.dropdown-pane { - background-color: #fefefe; - border: 1px solid #cacaca; - border-radius: 0; - display: block; - font-size: 1rem; - padding: 1rem; - position: absolute; - visibility: hidden; - width: 300px; - z-index: 10; } -.dropdown-pane.is-open { - visibility: visible; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - -[data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - -.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; - margin-top: -3px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - -.dropdown.menu.vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } @media screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.medium-horizontal > li { + display: table-cell; + } + .menu.medium-vertical > li { + display: block; + } +} + @media screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.large-horizontal > li { + display: table-cell; + } + .menu.large-vertical > li { + display: block; + } +} + @media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } + + .menu.xlarge-horizontal > li { + display: table-cell; + } + .menu.xlarge-vertical > li { + display: block; + } +} + @media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - left: auto; - right: 0; - top: 100%; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 0; - top: 100%; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - padding-right: 1.5rem; - position: relative; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: #8aa800 transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - right: 5px; - margin-top: -2px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - .dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } } -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - left: auto; - right: 0; } + .menu.xxlarge-horizontal > li { + display: table-cell; + } + .menu.xxlarge-vertical > li { + display: block; + } +} -.is-dropdown-menu.vertical { - width: 100px; } -.is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } -.is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - margin-top: -2px; } -.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { - top: 100%; } -.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { - left: auto; - right: 100%; } - -.is-dropdown-submenu { - display: none; - position: absolute; - top: 0; - left: 100%; - min-width: 200px; - z-index: 1; - background: #fefefe; - border: 1px solid #cacaca; } -.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; - margin-top: -3px; } -.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent #8aa800 transparent transparent; - border-right-style: solid; - border-left-width: 0; } -.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 5px; - border-color: transparent transparent transparent #8aa800; - border-left-style: solid; - border-right-width: 0; } -.is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } -.is-dropdown-submenu > li { - width: 100%; } -.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.flex-video { - position: relative; - height: 0; - padding-bottom: 75%; - margin-bottom: 1rem; - overflow: hidden; } -.flex-video iframe, -.flex-video object, -.flex-video embed, -.flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } -.flex-video.widescreen { - padding-bottom: 56.25%; } -.flex-video.vimeo { - padding-top: 0; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - border-radius: 0; - background: #2bc8e8; - color: #fefefe; } -.label.secondary { - background: #777; - color: #fefefe; } -.label.success { - background: #8aa800; - color: #fefefe; } -.label.warning { - background: #ffc339; - color: #0a0a0a; } -.label.alert { - background: #ec5840; - color: #fefefe; } - -.media-object { - margin-bottom: 1rem; - display: block; } -.media-object img { - max-width: none; } -@media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - display: block; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - display: table-cell; - vertical-align: top; } -.media-object-section:first-child { - padding-right: 1rem; } -.media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } -.media-object-section.middle { - vertical-align: middle; } -.media-object-section.bottom { - vertical-align: bottom; } - -html, -body { - height: 100%; } - -.off-canvas-wrapper { - width: 100%; - overflow-x: hidden; - position: relative; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-overflow-scrolling: auto; } - -.off-canvas-wrapper-inner { - position: relative; - width: 100%; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; } -.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { - content: ' '; - display: table; } -.off-canvas-wrapper-inner::after { - clear: both; } - -.off-canvas-content, -.off-canvas-content { - min-height: 100%; - background: #fefefe; - transition: -webkit-transform 0.5s ease; - transition: transform 0.5s ease; - transition: transform 0.5s ease, -webkit-transform 0.5s ease; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - z-index: 1; - padding-bottom: 0.1px; - box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } - -.js-off-canvas-exit { - display: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(254, 254, 254, 0.25); - cursor: pointer; - transition: background 0.5s ease; } - -.off-canvas { - position: absolute; - background: #8aa800; - z-index: 50; - max-height: 100%; - overflow-y: auto; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } -[data-whatinput='mouse'] .off-canvas { - outline: 0; } -.off-canvas.position-left { - left: -250px; - top: 0; - width: 250px; } -.is-open-left { - -webkit-transform: translateX(250px); - -ms-transform: translateX(250px); - transform: translateX(250px); } -.off-canvas.position-right { - right: -250px; - top: 0; - width: 250px; } -.is-open-right { - -webkit-transform: translateX(-250px); - -ms-transform: translateX(-250px); - transform: translateX(-250px); } @media screen and (min-width: 40em) { - .position-left.reveal-for-medium { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-medium { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 250px; } } + + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.medium-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.medium-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.medium-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + @media screen and (min-width: 64em) { - .position-left.reveal-for-large { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-large { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 250px; } } + + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.large-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.large-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.large-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + @media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-xlarge { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 250px; } } + + .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.xlarge-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.xlarge-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.xlarge-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} + @media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - left: 0; - z-index: auto; - position: fixed; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 250px; } - .position-right.reveal-for-xxlarge { - right: 0; - z-index: auto; - position: fixed; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 250px; } } -.orbit { - position: relative; } + .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; + } + .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; + } + .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { + padding-right: 1.5rem; + position: relative; + } + .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: #8aa800 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + right: 5px; + margin-top: -2px; + } + .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { + top: 0; + } + .dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu { + left: auto; + right: 100%; + } + .dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu { + right: auto; + left: 100%; + } + .dropdown.menu.xxlarge-vertical > li > a::after { + right: 14px; + margin-top: -3px; + } + .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent #8aa800 transparent transparent; + border-right-style: solid; + border-left-width: 0; + } + .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 5px; + border-color: transparent transparent transparent #8aa800; + border-left-style: solid; + border-right-width: 0; + } +} -.orbit-container { - position: relative; - margin: 0; - overflow: hidden; - list-style: none; } -.orbit-slide { - width: 100%; - max-height: 100%; } -.orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - margin: 0; - width: 100%; - max-width: 100%; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - padding: 1rem; - margin-bottom: 0; - color: #fefefe; - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #fefefe; } -[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } -.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } -[data-whatinput='mouse'] .orbit-bullets { - outline: 0; } -.orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - background-color: #cacaca; - border-radius: 50%; } -.orbit-bullets button:hover { - background-color: #414042; } -.orbit-bullets button.is-active { - background-color: #414042; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } -.pagination::before, .pagination::after { - content: ' '; - display: table; } -.pagination::after { - clear: both; } -.pagination li { - font-size: 0.875rem; - margin-right: 0.0625rem; - border-radius: 0; - display: none; } -.pagination li:last-child, .pagination li:first-child { - display: inline-block; } -@media screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } -.pagination a, -.pagination button { - color: #0a0a0a; - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; } -.pagination a:hover, -.pagination button:hover { - background: #e6e6e6; } -.pagination .current { - padding: 0.1875rem 0.625rem; - background: #2bc8e8; - color: #fefefe; - cursor: default; } -.pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #cacaca; - cursor: not-allowed; } -.pagination .disabled:hover { - background: transparent; } -.pagination .ellipsis::after { - content: '\2026'; - padding: 0.1875rem 0.625rem; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - content: '\00ab'; - display: inline-block; - margin-right: 0.5rem; } - -.pagination-next a::after, -.pagination-next.disabled::after { - content: '\00bb'; - display: inline-block; - margin-left: 0.5rem; } - -.progress { - background-color: #cacaca; - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; } -.progress.primary .progress-meter { - background-color: #2bc8e8; } -.progress.secondary .progress-meter { - background-color: #777; } -.progress.success .progress-meter { - background-color: #8aa800; } -.progress.warning .progress-meter { - background-color: #ffc339; } -.progress.alert .progress-meter { - background-color: #ec5840; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #2bc8e8; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #fefefe; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -ms-touch-action: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #cacaca; - transition: all 0.2s ease-in-out; } -.slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); - position: absolute; - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - background-color: #2bc8e8; - transition: all 0.2s ease-in-out; - -ms-touch-action: manipulation; - touch-action: manipulation; - border-radius: 0; } -[data-whatinput='mouse'] .slider-handle { - outline: 0; } -.slider-handle:hover { - background-color: #17b3d3; } -.slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - -webkit-transform: scale(1, -1); - -ms-transform: scale(1, -1); - transform: scale(1, -1); } -.slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } -.slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: absolute; - z-index: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; } -.sticky.is-stuck.is-at-top { - top: 0; } -.sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: absolute; - left: auto; - right: auto; } -.sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -.reveal-overlay { - display: none; - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 1005; - background-color: rgba(10, 10, 10, 0.45); - overflow-y: scroll; } - -.reveal { - display: none; - z-index: 1006; - padding: 1rem; - border: 1px solid #cacaca; - background-color: #fefefe; - border-radius: 0; - position: relative; - top: 100px; - margin-left: auto; - margin-right: auto; - overflow-y: auto; } -[data-whatinput='mouse'] .reveal { - outline: 0; } -@media screen and (min-width: 40em) { - .reveal { - min-height: 0; } } -.reveal .column, .reveal .columns, -.reveal .columns { - min-width: 0; } -.reveal > :last-child { - margin-bottom: 0; } -@media screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 75rem; } } -@media screen and (min-width: 40em) { - .reveal .reveal { - left: auto; - right: auto; - margin: 0 auto; } } -.reveal.collapse { - padding: 0; } -@media screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 75rem; } } -@media screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 75rem; } } -@media screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 75rem; } } -.reveal.full { - top: 0; - left: 0; - width: 100%; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none; - margin-left: 0; - border: 0; - border-radius: 0; } @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - height: 100%; - height: 100vh; - min-height: 100vh; - max-width: none; - margin-left: 0; - border: 0; - border-radius: 0; } } -.reveal.without-overlay { - position: fixed; } -.switch { - margin-bottom: 1rem; - outline: 0; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: #fefefe; - font-weight: bold; - font-size: 0.875rem; } + .media-object.stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + display: block; + } + .media-object.stack-for-small .media-object-section img { + width: 100%; + } +} -.switch-input { - opacity: 0; - position: absolute; } -.switch-paddle { - background: #cacaca; - cursor: pointer; - display: block; - position: relative; - width: 4rem; - height: 2rem; - transition: all 0.25s ease-out; - border-radius: 0; - color: inherit; - font-weight: inherit; } -input + .switch-paddle { - margin: 0; } -.switch-paddle::after { - background: #fefefe; - content: ''; - display: block; - position: absolute; - height: 1.5rem; - left: 0.25rem; - top: 0.25rem; - width: 1.5rem; - transition: all 0.25s ease-out; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - border-radius: 0; } -input:checked ~ .switch-paddle { - background: #2bc8e8; } -input:checked ~ .switch-paddle::after { - left: 2.25rem; } -[data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } +@media screen and (min-width: 40em) { -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } + .position-left.reveal-for-medium { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-medium { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; + } +} -.switch-active { - left: 8%; - display: none; } -input:checked + label > .switch-active { - display: block; } -.switch-inactive { - right: 15%; } -input:checked + label > .switch-inactive { - display: none; } +@media screen and (min-width: 64em) { -.switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } + .position-left.reveal-for-large { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-large { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; + } +} -.switch.tiny .switch-paddle::after { - width: 1rem; - height: 1rem; } -.switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } +@media screen and (min-width: 75em) { -.switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } + .position-left.reveal-for-xlarge { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-xlarge ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-xlarge { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-xlarge ~ .off-canvas-content { + margin-right: 250px; + } +} -.switch.small .switch-paddle::after { - width: 1.25rem; - height: 1.25rem; } -.switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } +@media screen and (min-width: 90em) { -.switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } + .position-left.reveal-for-xxlarge { + left: 0; + z-index: auto; + position: fixed; + } + .position-left.reveal-for-xxlarge ~ .off-canvas-content { + margin-left: 250px; + } + .position-right.reveal-for-xxlarge { + right: 0; + z-index: auto; + position: fixed; + } + .position-right.reveal-for-xxlarge ~ .off-canvas-content { + margin-right: 250px; + } +} -.switch.large .switch-paddle::after { - width: 2rem; - height: 2rem; } -.switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } +@media screen and (min-width: 40em) { + + .pagination li { + display: inline-block; + } +} + + +@media screen and (min-width: 40em) { + + .reveal { + min-height: 0; + } +} + + +@media screen and (min-width: 40em) { + + .reveal { + width: 600px; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal .reveal { + left: auto; + right: auto; + margin: 0 auto; + } +} + + +@media screen and (min-width: 40em) { + + .reveal.tiny { + width: 30%; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal.small { + width: 50%; + max-width: 75rem; + } +} + + +@media screen and (min-width: 40em) { + + .reveal.large { + width: 90%; + max-width: 75rem; + } +} + + +@media screen and (max-width: 39.9375em) { + + .reveal { + top: 0; + left: 0; + width: 100%; + height: 100%; + height: 100vh; + min-height: 100vh; + max-width: none; + margin-left: 0; + border: 0; + border-radius: 0; + } +} -table { - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } -table thead, -table tbody, -table tfoot { - border: 1px solid #f1f1f1; - background-color: #fefefe; } -table caption { - font-weight: bold; - padding: 0.5rem 0.625rem 0.625rem; } -table thead, -table tfoot { - background: #f8f8f8; - color: #414042; } -table thead tr, -table tfoot tr { - background: transparent; } -table thead th, -table thead td, -table tfoot th, -table tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } -table tbody tr:nth-child(even) { - background-color: #f1f1f1; } -table tbody th, -table tbody td { - padding: 0.5rem 0.625rem 0.625rem; } @media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } + table.stack thead { + display: none; + } + table.stack tfoot { + display: none; + } + table.stack tr,table.stack th,table.stack td { + display: block; + } + table.stack td { + border-top: 0; + } +} -table.hover tr:hover { - background-color: #f9f9f9; } -table.hover tr:nth-of-type(even):hover { - background-color: #ececec; } - -.table-scroll { - overflow-x: auto; } -.table-scroll table { - width: auto; } - -.tabs { - margin: 0; - list-style-type: none; - background: #fefefe; - border: 1px solid #e6e6e6; } -.tabs::before, .tabs::after { - content: ' '; - display: table; } -.tabs::after { - clear: both; } - -.tabs.vertical > li { - width: auto; - float: none; - display: block; } - -.tabs.simple > li > a { - padding: 0; } -.tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #2bc8e8; } -.tabs.primary > li > a { - color: #fefefe; } -.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #1fc5e7; } - -.tabs-title { - float: left; } -.tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - line-height: 1; - font-size: 0.75rem; } -.tabs-title > a:hover { - background: #fefefe; } -.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; } - -.tabs-content { - background: #fefefe; - transition: all 0.5s ease; - border: 1px solid #e6e6e6; - border-top: 0; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } -.tabs-panel.is-active { - display: block; } - -.thumbnail { - border: solid 7px #e6e6e6; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - display: inline-block; - line-height: 0; - max-width: 100%; - transition: box-shadow 200ms ease-out; - border-radius: 7px; - margin-bottom: 1rem; } -.thumbnail:hover, .thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(138, 168, 0, 0.8); } - -.title-bar { - background: #0a0a0a; - color: #fefefe; - padding: 0.5rem; } -.title-bar::before, .title-bar::after { - content: ' '; - display: table; } -.title-bar::after { - clear: both; } -.title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.5rem; } - -.title-bar-left { - float: left; } - -.title-bar-right { - float: right; - text-align: right; } - -.title-bar-title { - font-weight: bold; - vertical-align: middle; - display: inline-block; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - cursor: pointer; - width: 20px; - height: 16px; } -.menu-icon.dark::after { - content: ''; - position: absolute; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - top: 0; - left: 0; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } -.menu-icon.dark:hover::after { - background: #414042; - box-shadow: 0 7px 0 #414042, 0 14px 0 #414042; } - -.has-tip { - border-bottom: dotted 1px #414042; - font-weight: bold; - position: relative; - display: inline-block; - cursor: help; } - -.tooltip { - background-color: #0a0a0a; - color: #fefefe; - font-size: 80%; - padding: 0.75rem; - position: absolute; - z-index: 10; - top: calc(100% + 0.6495rem); - max-width: 10rem !important; - border-radius: 0; } -.tooltip::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent transparent #0a0a0a; - border-bottom-style: solid; - border-top-width: 0; - bottom: 100%; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - -ms-transform: translateX(-50%); - transform: translateX(-50%); } -.tooltip.top::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: #0a0a0a transparent transparent; - border-top-style: solid; - border-bottom-width: 0; - top: 100%; - bottom: auto; } -.tooltip.left::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent transparent transparent #0a0a0a; - border-left-style: solid; - border-right-width: 0; - bottom: auto; - left: 100%; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } -.tooltip.right::before { - content: ''; - display: block; - width: 0; - height: 0; - border: inset 0.75rem; - border-color: transparent #0a0a0a transparent transparent; - border-right-style: solid; - border-left-width: 0; - bottom: auto; - left: auto; - right: 100%; - top: 50%; - -webkit-transform: translateY(-50%); - -ms-transform: translateY(-50%); - transform: translateY(-50%); } - -.top-bar { - padding: 0.5rem; } -.top-bar::before, .top-bar::after { - content: ' '; - display: table; } -.top-bar::after { - clear: both; } -.top-bar, -.top-bar ul { - background-color: #e6e6e6; } -.top-bar input { - max-width: 200px; - margin-right: 1rem; } -.top-bar .input-group-field { - width: 100%; - margin-right: 0; } -.top-bar input.button { - width: auto; } -.top-bar .top-bar-left, -.top-bar .top-bar-right { - width: 100%; } @media screen and (min-width: 40em) { - .top-bar .top-bar-left, - .top-bar .top-bar-right { - width: auto; } } + + .top-bar .top-bar-left,.top-bar .top-bar-right { + width: auto; + } +} + + @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - width: 100%; } } + + .top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right { + width: 100%; + } +} + + @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - width: 100%; } } + + .top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right { + width: 100%; + } +} + + @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - width: 100%; } } -.top-bar.stacked-for-xxlarge .top-bar-left, -.top-bar.stacked-for-xxlarge .top-bar-right { - width: 100%; } -.top-bar-title { - float: left; - margin-right: 1rem; } + .top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right { + width: 100%; + } +} -.top-bar-left { - float: left; } - -.top-bar-right { - float: right; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } @media screen and (max-width: 39.9375em) { - .hide-for-small-only { - display: none !important; } } + + .hide-for-small-only { + display: none !important; + } +} + @media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } + + .show-for-small-only { + display: none !important; + } +} + @media screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } + + .hide-for-medium { + display: none !important; + } +} + @media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } + + .show-for-medium { + display: none !important; + } +} + @media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } + + .hide-for-medium-only { + display: none !important; + } +} + @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } + + .show-for-medium-only { + display: none !important; + } +} + @media screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } + + .hide-for-large { + display: none !important; + } +} + @media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } + + .show-for-large { + display: none !important; + } +} + @media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } + + .hide-for-large-only { + display: none !important; + } +} + @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } + + .show-for-large-only { + display: none !important; + } +} + @media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } + + .hide-for-xlarge { + display: none !important; + } +} + @media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } + + .show-for-xlarge { + display: none !important; + } +} + @media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } + + .hide-for-xlarge-only { + display: none !important; + } +} + @media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } + + .show-for-xlarge-only { + display: none !important; + } +} + @media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } + + .hide-for-xxlarge { + display: none !important; + } +} + @media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } + + .show-for-xxlarge { + display: none !important; + } +} + @media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } + + .hide-for-xxlarge-only { + display: none !important; + } +} + @media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); } + .show-for-xxlarge-only { + display: none !important; + } +} -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - height: auto; - width: auto; - overflow: visible; - clip: auto; } -.show-for-landscape, -.hide-for-portrait { - display: block !important; } @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } -@media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } -.hide-for-landscape, -.show-for-portrait { - display: none !important; } + .show-for-landscape,.hide-for-portrait { + display: block !important; + } +} + + +@media screen and (orientation: portrait) { + + .show-for-landscape,.hide-for-portrait { + display: none !important; + } +} + + @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } + + .hide-for-landscape,.show-for-portrait { + display: none !important; + } +} + + @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } -.float-left { - float: left !important; } + .hide-for-landscape,.show-for-portrait { + display: block !important; + } +} -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-left: auto; - margin-right: auto; } - -.clearfix::before, .clearfix::after { - content: ' '; - display: table; } - -.clearfix::after { - clear: both; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateY(0); - -ms-transform: translateY(0); - transform: translateY(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - -webkit-transform: translateY(-100%); - -ms-transform: translateY(-100%); - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - -webkit-transform: translateX(-100%); - -ms-transform: translateX(-100%); - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: top; - -ms-transform-origin: top; - transform-origin: top; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: right; - -ms-transform-origin: right; - transform-origin: right; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: bottom; - -ms-transform-origin: bottom; - transform-origin: bottom; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(90deg); - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: left; - -ms-transform-origin: left; - transform-origin: left; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(90deg); - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateX(-90deg); - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: perspective(2000px) rotate(0deg); - transform: perspective(2000px) rotate(0deg); - -webkit-transform-origin: center; - -ms-transform-origin: center; - transform-origin: center; - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - -webkit-transform: perspective(2000px) rotateY(-90deg); - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - -webkit-transform: scale(1.5); - -ms-transform: scale(1.5); - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0.75turn); - -ms-transform: rotate(0.75turn); - transform: rotate(0.75turn); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - -webkit-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - transition-property: opacity, -webkit-transform; - transition-property: transform, opacity; - transition-property: transform, opacity, -webkit-transform; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - -webkit-transform: rotate(-0.75turn); - -ms-transform: rotate(-0.75turn); - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - -webkit-animation-name: shake-7; - animation-name: shake-7; } - -@-webkit-keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); } } @keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - -webkit-transform: translateX(7%); - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - -webkit-transform: translateX(-7%); - transform: translateX(-7%); } } + 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% { + -webkit-transform: translateX(7%); + transform: translateX(7%); + } + 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% { + -webkit-transform: translateX(-7%); + transform: translateX(-7%); + } +} -.spin-cw { - -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; } -@-webkit-keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); } - 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } +@keyframes shake-7 { + 0%,10%,20%,30%,40%,50%,60%,70%,80%,90% { + -webkit-transform: translateX(7%); + transform: translateX(7%); + } + 5%,15%,25%,35%,45%,55%,65%,75%,85%,95% { + -webkit-transform: translateX(-7%); + transform: translateX(-7%); + } +} + @keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(-1turn); - transform: rotate(-1turn); } - 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + 0% { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} -.spin-ccw { - -webkit-animation-name: spin-cw-1turn; - animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); } - 100% { - -webkit-transform: rotate(1turn); - transform: rotate(1turn); } } + 0% { + -webkit-transform: rotate(-1turn); + transform: rotate(-1turn); + } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); + } +} -.wiggle { - -webkit-animation-name: wiggle-7deg; - animation-name: wiggle-7deg; } -@-webkit-keyframes wiggle-7deg { - 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } +@keyframes spin-cw-1turn { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + } + 100% { + -webkit-transform: rotate(1turn); + transform: rotate(1turn); + } +} + @keyframes wiggle-7deg { - 40%, 50%, 60% { - -webkit-transform: rotate(7deg); - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - -webkit-transform: rotate(-7deg); - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - -webkit-transform: rotate(0); - transform: rotate(0); } } + 40%,50%,60% { + -webkit-transform: rotate(7deg); + transform: rotate(7deg); + } + 35%,45%,55%,65% { + -webkit-transform: rotate(-7deg); + transform: rotate(-7deg); + } + 0%,30%,70%,100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - -webkit-animation-duration: 500ms; - animation-duration: 500ms; } -.infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -.slow { - -webkit-animation-duration: 750ms !important; - animation-duration: 750ms !important; } - -.fast { - -webkit-animation-duration: 250ms !important; - animation-duration: 250ms !important; } - -.linear { - -webkit-animation-timing-function: linear !important; - animation-timing-function: linear !important; } - -.ease { - -webkit-animation-timing-function: ease !important; - animation-timing-function: ease !important; } - -.ease-in { - -webkit-animation-timing-function: ease-in !important; - animation-timing-function: ease-in !important; } - -.ease-out { - -webkit-animation-timing-function: ease-out !important; - animation-timing-function: ease-out !important; } - -.ease-in-out { - -webkit-animation-timing-function: ease-in-out !important; - animation-timing-function: ease-in-out !important; } - -.bounce-in { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - -webkit-animation-delay: 300ms !important; - animation-delay: 300ms !important; } - -.long-delay { - -webkit-animation-delay: 700ms !important; - animation-delay: 700ms !important; } - -/*body {*/ - /*background: url(../images/backgorund-image.jpg) repeat; */ -/*}*/ - -a { - font-weight: 500; } - -.off-canvas { - min-height: 100%; } - -.off-canvas-wrapper { - overflow: hidden; } - -.m-0 { - margin: 0 !important; } - -.m-t-25 { - margin-top: 25px; } - -.m-t-50 { - margin-top: 50px; } - -.m-b-25 { - margin-bottom: 25px; } - -.m-b-50 { - margin-bottom: 50px; } - -.m-b-26 { - margin-bottom: 26px; } - -.m-l-5 { - margin-left: 5px; } - -.m-l-25 { - margin-left: 25px; } - -.m-r-25 { - margin-right: 25px; } - -.m-l-40 { - margin-left: 40px; } - -.p-lr-15 { - padding-left: 15px; - padding-right: 15px; } - -.p-tb-15 { - padding-top: 15px; - padding-bottom: 15px; } - -.p-tb-25 { - padding-top: 25px; - padding-bottom: 25px; } - -.p-tb-35 { - padding-top: 35px; - padding-bottom: 35px; } - -.p-lr-0 { - padding-left: 0; - padding-right: 0; } - -.p-25 { - padding: 25px !important; } - -.p-b-0 { - padding-bottom: 0 !important; } - -.p-l-0 { - padding-left: 0 !important; } - -.rounded { - border-radius: 7px; } - -.button.long { - padding: 0.9em 4em; - text-transform: uppercase; } - -/*.large.rounded,.expanded.rounded {border-radius: 6px;} -.button {padding: 0.4em 2.3em; font-size: 0.7rem; line-height: 1.3} -.button.secondary {background-color: #4D4D4F;} -.button.success {background-color: #89aa3e;} -.button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;} -.button.large, .button.expanded { - font-size: 1rem; padding: 0.5em 2.4em; font-weight: 300; text-transform:uppercase; margin-bottom: 0;} -.button.large.long {padding: 0.9em 4em; text-transform: uppercase;} -.button.expanded.long {height: 3rem; padding: 1em 4em;}*/ -.thin { - font-weight: 300 !important; } - -.bolder { - font-weight: 500 !important; } - -.bold { - font-weight: 700 !important; } - -.pointer { - cursor: pointer; } - -.uppercase { - text-transform: uppercase; } - -.underline { - text-decoration: underline; } - -.green-text { - color: #8aa800 !important; } - -.white-text { - color: #fefefe !important; } - -.large-text { - font-size: 1.2rem; } - -.fa-small { - font-size: 1rem; } - -[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], -[type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, -[type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, -[type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { - box-shadow: none; - padding: 0.8rem 1rem; - line-height: 2rem; - height: 3rem; - margin-bottom: 1.4rem; } - -textarea, textarea:focus { - height: 120px; } - -.off-canvas { - position: fixed; } - -#logo-href { - margin: 50px auto 0; - text-align: center; - display: block; } +@keyframes wiggle-7deg { + 40%,50%,60% { + -webkit-transform: rotate(7deg); + transform: rotate(7deg); + } + 35%,45%,55%,65% { + -webkit-transform: rotate(-7deg); + transform: rotate(-7deg); + } + 0%,30%,70%,100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } +} #responsive-menu { box-shadow: gray 0 0 20px; } - -#responsive-menu .main-menu { - margin: 70px auto 0; - text-align: right; } - -.social-icons { - margin: 70px auto 0; - float: right; } - -.binarity-info { - margin: 30px auto 20px; - float: right; - text-align: right; } - -.binarity-info:before { - content: ''; - width: 25%; - position: relative; - right: 0.7rem; - height: 1px; - background-color: #fefefe; - margin-bottom: 30px; - display: inline-block; } - -.off-canvas#responsive-menu .main-menu.menu > li > a { - padding: 0.2rem 0.5rem; - text-transform: uppercase; - letter-spacing: 2px; - font-size: 1.2rem; - color: #fefefe; } - -.off-canvas#responsive-menu .main-menu.menu > li > a:hover, .off-canvas#responsive-menu .main-menu.menu > li.active > a { - text-decoration: none; - color: #414042; } - -.social-icons.menu > li > a { - padding: 0.2rem; } - -.social-icons.menu > li > a > i { - color: #fefefe; } - -.social-icons.menu > li > a:hover > i { - color: #414042; } - -.binarity-info.menu > li { - padding: 0.1rem 0.7rem; - letter-spacing: 2px; - font-size: 0.9rem; - color: #414042; - line-height: 1; } - -.binarity-info.menu > li > a { - padding: 0.1rem 0; - color: #414042; - font-weight: 700; } - -.off-canvas-content { - box-shadow: none; - background: transparent; - padding-top: 25px; - min-height: 100%; - height: 100%; } - -.more-references { - display: none; } - -.more-refs { - display: block; - width: 100%; - clear: both; - margin-bottom: 25px; } - -.reference-item { - margin-bottom: 1rem; } - -.reference-item .holder { - position: relative; - display: inline-block; } - -.item-data { - display: block; - opacity: 0; - width: calc(100% - 14px) !important; - height: calc(100% - 30px); - position: absolute; - top: 7px; - left: 7px; - background-color: rgba(65, 64, 66, 0.85); } - -.item-data { - font-size: 0.8rem; - text-align: center; - font-weight: 300; - padding: 5px; } - -.item-data p, .item-data a, .item-data h4 { - color: #ffffff; } - -.item-data h4 { - font-size: 1rem; - margin-top: 20px; - display: block; - margin-bottom: 15px; } - -.item-data h4:after { - content: ''; - width: 10%; - height: 1px; - background-color: #fefefe; - display: inline-block; - position: absolute; - top: 50px; - left: 45%; } - -.item-data a { - text-transform: uppercase; } - -.member-list { - border-right: 2px solid #8aa800; } - -.member { - margin-bottom: 15px; - clear: both; } - -.contact-address { - background-color: #8aa800; } - -.contact-address div { - margin: 15px auto; } - -.contact-address p, .contact-address b, .contact-address a { - color: #fefefe; - margin: 0; - line-height: 20px; } - -.member-tile p, .member-tile a { - color: #414042; - margin: 0; - line-height: 17px; } - -.avatar-image { - margin: 2px auto 0 auto; - width: 75px; - height: auto; - position: relative; - left: calc(50% - 37px); } - -.what-we-know-holder { - width: 650px; - height: 76px; - position: relative; } - -.what-we-know { - position: absolute; - display: inline-block; - background: url(../images/technologies_hexagon.png); - width: 87px; - height: 74px; } - -.what-we-know:nth-child(2) { - left: 70px; } - -.what-we-know:nth-child(3) { - left: 140px; } - -.what-we-know:nth-child(4) { - left: 210px; } - -.what-we-know:nth-child(5) { - left: 280px; } - -.what-we-know:nth-child(6) { - left: 350px; } - -.what-we-know:nth-child(7) { - left: 420px; } - -.what-we-know:nth-child(8) { - left: 490px; } - -.what-we-know:nth-child(9) { - left: 560px; } - -.what-we-know:nth-child(even) { - top: 37px; } - -.what-we-know img { - width: 54px; - height: auto; - position: absolute; - top: 14px; - left: 16px; } - -.price-list { - color: #fefefe; } - -.price-list tbody { - border: 0; - background-color: transparent; } - -table.price-list tbody tr, table.price-list tbody tr:nth-child(2n) { - background-color: transparent; } - -table.price-list tbody tr td { - padding: 0.2rem 0.625rem 0.2rem 0; } - -table.price-list tbody tr td:first-child:before { - content: '•'; - margin-right: 5px; - color: #8aa800; } - -.dark-background { - background-color: #58595b; - color: #fefefe; } - -.services-pos { - position: relative; } - -.title-bar { - background-color: #8aa800; - margin-bottom: 25px; - width: 100%; - z-index: 1000; } - -a#responsive-menu-button { - color: #ffffff; - font-size: 1.5rem; - line-height: 75px; } - -a#responsive-menu-button:hover { - text-decoration: none; } - -footer { - width: 100%; - display: block; - background-color: #8aa800; - text-align: center; } - -footer .social-icons { - margin: 20px auto 0; - float: none; - display: inline-block; } - -footer .binarity-info { - margin: 5px auto 20px; - float: none; - display: inline-block; - text-align: center; } - -footer .binarity-info:before { - content: ''; - width: 50px; - position: relative; - left: calc(50% - 95px); - height: 1px; - background-color: #fefefe; - margin-bottom: 5px; - display: inline-block; } - -.flip-container { - -webkit-perspective: 1000px; - perspective: 1000px; } - -.flip-container:hover .flipper, .flip-container.hover .flipper { - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); } - -.flip-container, .front, .back { - width: 165px; - height: 137px; } - -.flipper { - transition: 0.6s; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - position: relative; } - -.front, .back { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; - top: 0; - left: 0; } - -.front { - z-index: 2; - color: #ffffff; - text-transform: uppercase; - text-align: center; - font-weight: 500; - padding-top: 32%; - -webkit-transform: rotateY(0deg); - transform: rotateY(0deg); - background: url(../images/hexagon_grey.png); - background-size: cover; } - -.outline { - position: absolute; - width: 165px; - height: 137px; - z-index: 2; - background: url(../images/hexagon_green_outline.png); - background-size: cover; } - -.outline-grey { - position: absolute; - width: 165px; - height: 137px; - z-index: 2; - background: url(../images/hexagon_grey_outline.png); - background-size: cover; } - -.back { - color: #ffffff; - text-align: center; - font-weight: 500; - padding-top: 28%; - -webkit-transform: rotateY(180deg); - transform: rotateY(180deg); - background: url(../images/hexagon_green.png); - background-size: cover; } - .services-pos:nth-child(1) { - z-index: 50; } - + z-index: 50; +} .services-pos:nth-child(2) { - z-index: 51; } - + z-index: 51; +} .services-pos:nth-child(3) { - z-index: 52; } - + z-index: 52; +} .services-pos:nth-child(4) { - z-index: 53; } - + z-index: 53; +} .services-pos:nth-child(5) { - z-index: 54; } - + z-index: 54; +} .services-pos:nth-child(6) { - z-index: 55; } - + z-index: 55; +} .services-pos:nth-child(7) { - z-index: 56; } - + z-index: 56; +} .services-pos:nth-child(8) { - z-index: 57; } - + z-index: 57; +} .services-pos:nth-child(9) { - z-index: 58; } - + z-index: 58; +} .services-pos:nth-child(10) { - z-index: 59; } - + z-index: 59; +} .services-pos:nth-child(11) { - z-index: 60; } - + z-index: 60; +} .services-pos:nth-child(12) { - z-index: 61; } + z-index: 61; +} + -/* xlarge */ @media only screen and (min-width: 90.063em) { - .services-pos:nth-child(1) { - top: 0; - margin-top: 302px; - margin-left: 351px; } - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 489px; } - .services-pos:nth-child(3) { - top: 0; - margin-top: -138px; - margin-left: 1037px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 625px; } - .services-pos:nth-child(5) { - top: 0; - margin-top: -138px; - margin-left: 900px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 489px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(8) { - top: 0; - margin-top: -138px; - margin-left: 1037px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 625px; } - .services-pos:nth-child(10) { - top: 0; - margin-top: -138px; - margin-left: 900px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 762px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 900px; } } -/* large */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 302px; + margin-left: 351px; + } + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 489px; + } + .services-pos:nth-child(3) { + top: 0; + margin-top: -138px; + margin-left: 1037px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } + .services-pos:nth-child(5) { + top: 0; + margin-top: -138px; + margin-left: 900px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 489px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(8) { + top: 0; + margin-top: -138px; + margin-left: 1037px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } + .services-pos:nth-child(10) { + top: 0; + margin-top: -138px; + margin-left: 900px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 762px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 900px; + } +} + + + @media only screen and (min-width: 64.063em) and (max-width: 90em) { - .services-pos:nth-child(1) { - top: 0; - margin-top: 143px; - margin-left: 76px; } - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 214px; } - .services-pos:nth-child(3) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 350px; } - .services-pos:nth-child(5) { - top: 0; - margin-top: -138px; - margin-left: 625px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 214px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 487px; } - .services-pos:nth-child(8) { - top: 0; - margin-top: -138px; - margin-left: 762px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 350px; } - .services-pos:nth-child(10) { - top: 0; - margin-top: -138px; - margin-left: 625px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 487px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 625px; } } -/* medium */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 143px; + margin-left: 76px; + } + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 214px; + } + .services-pos:nth-child(3) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 350px; + } + .services-pos:nth-child(5) { + top: 0; + margin-top: -138px; + margin-left: 625px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 214px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 487px; + } + .services-pos:nth-child(8) { + top: 0; + margin-top: -138px; + margin-left: 762px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 350px; + } + .services-pos:nth-child(10) { + top: 0; + margin-top: -138px; + margin-left: 625px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 487px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 625px; + } +} + + + @media only screen and (min-width: 40.063em) and (max-width: 64em) { - .services-pos:nth-child(1) { - top: 0; - margin-top: 126px; - margin-left: 190px; } - .services-pos:nth-child(2) { - top: 0; - margin-top: -217px; - margin-left: 328px; } - .services-pos:nth-child(3) { - top: 313px; - margin-top: -138px; - margin-left: 328px; } - .services-pos:nth-child(4) { - top: 0; - margin-top: -58px; - margin-left: 464px; } - .services-pos:nth-child(5) { - top: -80px; - margin-top: -134px; - margin-left: 601px; } - .services-pos:nth-child(6) { - top: 0; - margin-top: -58px; - margin-left: 328px; } - .services-pos:nth-child(7) { - top: 0; - margin-top: -138px; - margin-left: 601px; } - .services-pos:nth-child(8) { - top: 80px; - margin-top: -138px; - margin-left: 190px; } - .services-pos:nth-child(9) { - top: 0; - margin-top: -58px; - margin-left: 464px; } - .services-pos:nth-child(10) { - top: 160px; - margin-top: -138px; - margin-left: 190px; } - .services-pos:nth-child(11) { - top: 0; - margin-top: -58px; - margin-left: 601px; } - .services-pos:nth-child(12) { - top: 0; - margin-top: -58px; - margin-left: 464px; } } -/* small */ + .services-pos:nth-child(1) { + top: 0; + margin-top: 126px; + margin-left: 190px; + } + .services-pos:nth-child(2) { + top: 0; + margin-top: -217px; + margin-left: 328px; + } + .services-pos:nth-child(3) { + top: 313px; + margin-top: -138px; + margin-left: 328px; + } + .services-pos:nth-child(4) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } + .services-pos:nth-child(5) { + top: -80px; + margin-top: -134px; + margin-left: 601px; + } + .services-pos:nth-child(6) { + top: 0; + margin-top: -58px; + margin-left: 328px; + } + .services-pos:nth-child(7) { + top: 0; + margin-top: -138px; + margin-left: 601px; + } + .services-pos:nth-child(8) { + top: 80px; + margin-top: -138px; + margin-left: 190px; + } + .services-pos:nth-child(9) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } + .services-pos:nth-child(10) { + top: 160px; + margin-top: -138px; + margin-left: 190px; + } + .services-pos:nth-child(11) { + top: 0; + margin-top: -58px; + margin-left: 601px; + } + .services-pos:nth-child(12) { + top: 0; + margin-top: -58px; + margin-left: 464px; + } +} + + + @media only screen and (max-width: 40em) { - .outline-holder { - display: none; } - .services-pos:nth-child(2) { - left: calc(50% - 150px); } - .services-pos:nth-child(4) { - margin-top: 10px; - left: calc(50% - 150px); } - .services-pos:nth-child(6) { - left: calc(50% - 15px); - margin-top: -210px; } - .services-pos:nth-child(7) { - left: calc(50% - 15px); - margin-top: 10px; } - .services-pos:nth-child(8) { - left: calc(50% - 150px); - margin-top: -65px; } - .services-pos:nth-child(9) { - left: calc(50% - 15px); - margin-top: -60px; } - .services-pos:nth-child(10) { - left: calc(50% - 150px); - margin-top: -65px; } - .services-pos:nth-child(12) { - left: calc(50% - 15px); - margin-top: -60px; } } -/* specific */ + .outline-holder { + display: none; + } + .services-pos:nth-child(2) { + left: calc(50% - 150px); + } + .services-pos:nth-child(4) { + margin-top: 10px; + left: calc(50% - 150px); + } + .services-pos:nth-child(6) { + left: calc(50% - 15px); + margin-top: -210px; + } + .services-pos:nth-child(7) { + left: calc(50% - 15px); + margin-top: 10px; + } + .services-pos:nth-child(8) { + left: calc(50% - 150px); + margin-top: -65px; + } + .services-pos:nth-child(9) { + left: calc(50% - 15px); + margin-top: -60px; + } + .services-pos:nth-child(10) { + left: calc(50% - 150px); + margin-top: -65px; + } + .services-pos:nth-child(12) { + left: calc(50% - 15px); + margin-top: -60px; + } +} + + + @media only screen and (max-width: 1270px) and (min-width: 64.063em) { - .services-pos:nth-child(3) { - margin-top: -138px; - top: 313px; - margin-left: 214px; } - .services-pos:nth-child(8) { - margin-top: -138px; - top: 80px; - margin-left: 76px; } - .services-pos:nth-child(12) { - margin-left: 350px; } } + + .services-pos:nth-child(3) { + margin-top: -138px; + top: 313px; + margin-left: 214px; + } + .services-pos:nth-child(8) { + margin-top: -138px; + top: 80px; + margin-left: 76px; + } + .services-pos:nth-child(12) { + margin-left: 350px; + } +} + @media only screen and (min-width: 40.063em) and (max-width: 850px) { - .services-pos:nth-child(5) { - margin-left: 53px; } - .services-pos:nth-child(7) { - margin-left: 53px; } - .services-pos:nth-child(11) { - margin-left: 53px; } } + + .services-pos:nth-child(5) { + margin-left: 53px; + } + .services-pos:nth-child(7) { + margin-left: 53px; + } + .services-pos:nth-child(11) { + margin-left: 53px; + } +} + @media (max-width: 1366px) { - .row:not(.nochange) { - max-width: 60rem; } } + + .row:not(.nochange) { + max-width: 60rem; + } +} + @media (max-width: 1270px) { - .row:not(.nochange) { - max-width: 50rem; } - h2, h5 { - text-align: center; - margin: auto; } - .what-we-know-holder { - left: calc(50% - 650px / 2); } } + + .row:not(.nochange) { + max-width: 50rem; + } + h2,h5 { + text-align: center; + margin: auto; + } + .what-we-know-holder { + left: calc(50% - 650px / 2); + } +} + @media (max-width: 1100px) { - .row:not(.nochange) { - max-width: 40rem; } } + + .row:not(.nochange) { + max-width: 40rem; + } +} + @media (min-width: 1024px) { - .medium-centered { - float: none; - display: block; - margin-left: 0; - margin-right: 0; } } + + .medium-centered { + float: none; + display: block; + margin-left: 0; + margin-right: 0; + } +} + @media (max-width: 1023px) { - .row:not(.nochange) { - max-width: 50rem; } - .off-canvas-content { - padding-top: 0; } - .item-data { - padding: 15px; } - .item-data h4::after { - top: 60px; } - .item-data a.button { - margin-top: 10px; } - .ref-scr { - padding-left: 0.3rem; - padding-right: 0.3rem; } - .detail-info { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; } - .detail-buttons { - text-align: center; } - .pull-right-for-small { - float: right; } - [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], - [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, - [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, - [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { - margin-bottom: 0.4rem; } - .button-medium-centered { - margin: auto; - text-align: center; - display: block; } - .member-list { - margin-top: 25px; - border-right: 0; } - .contact-address, .members { - float: left; - width: 50%; } - .contact-address .small-8 { - text-align: right; - padding-top: 30px; - padding-bottom: 30px; } - .members { - margin-top: 0; } - .off-canvas { - background-color: rgba(88, 89, 91, 0.95); } - #responsive-menu .main-menu { - text-align: center; } - .off-canvas#responsive-menu .main-menu.menu > li > a { - font-size: 1.7rem; } - .off-canvas#responsive-menu .main-menu.menu > li > a:hover, .off-canvas#responsive-menu .main-menu.menu > li.active > a { - color: #8aa800; } - .off-canvas#responsive-menu .main-menu.menu > li.active > a { - font-size: 2.2rem; } } + + .row:not(.nochange) { + max-width: 50rem; + } + .off-canvas-content { + padding-top: 0; + } + .item-data { + padding: 15px; + } + .item-data h4::after { + top: 60px; + } + .item-data a.button { + margin-top: 10px; + } + .ref-scr { + padding-left: 0.3rem; + padding-right: 0.3rem; + } + .detail-info { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; + } + .detail-buttons { + text-align: center; + } + .pull-right-for-small { + float: right; + } + [type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus { + margin-bottom: 0.4rem; + } + .button-medium-centered { + margin: auto; + text-align: center; + display: block; + } + .member-list { + margin-top: 25px; + border-right: 0; + } + .contact-address,.members { + float: left; + width: 50%; + } + .contact-address .small-8 { + text-align: right; + padding-top: 30px; + padding-bottom: 30px; + } + .members { + margin-top: 0; + } + .off-canvas { + background-color: rgba(88, 89, 91, 0.95); + } + #responsive-menu .main-menu { + text-align: center; + } + .off-canvas#responsive-menu .main-menu.menu > li > a { + font-size: 1.7rem; + } + .off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a { + color: #8aa800; + } + .off-canvas#responsive-menu .main-menu.menu > li.active > a { + font-size: 2.2rem; + } +} + @media (max-width: 850px) { - .row:not(.nochange) { - max-width: 45rem; } - .item-data { - padding: 5px; - font-size: 0.8rem; } - .item-data h4 { - margin-top: 5px; - margin-bottom: 5px; } - .item-data h4::after { - top: 35px; } - .item-data a.button { - margin-top: 10px; } - .item-data p { - line-height: 1.2; } } + + .row:not(.nochange) { + max-width: 45rem; + } + .item-data { + padding: 5px; + font-size: 0.8rem; + } + .item-data h4 { + margin-top: 5px; + margin-bottom: 5px; + } + .item-data h4::after { + top: 35px; + } + .item-data a.button { + margin-top: 10px; + } + .item-data p { + line-height: 1.2; + } +} + @media (max-width: 750px) { - .row:not(.nochange) { - max-width: 40rem; } } + + .row:not(.nochange) { + max-width: 40rem; + } +} + @media (max-width: 639px) { - .row:not(.nochange) { - max-width: 30rem; } - .ref-scr { - margin-bottom: 0; } - .detail-info { - margin-top: 15px; } - .item-data p, .item-data a, .item-data h4 { - color: #ffffff; } - .item-data h4 { - font-size: 1rem; - margin-top: 20px; - display: block; - margin-bottom: 15px; } - .item-data h4:after { - content: ''; - width: 10%; - height: 1px; - background-color: #fefefe; - display: inline-block; - position: absolute; - top: 50px; - left: 45%; } - .item-data a { - text-transform: uppercase; } } + + .row:not(.nochange) { + max-width: 30rem; + } + .ref-scr { + margin-bottom: 0; + } + .detail-info { + margin-top: 15px; + } + .item-data p,.item-data a,.item-data h4 { + color: #ffffff; + } + .item-data h4 { + font-size: 1rem; + margin-top: 20px; + display: block; + margin-bottom: 15px; + } + .item-data h4:after { + content: ''; + width: 10%; + height: 1px; + background-color: #fefefe; + display: inline-block; + position: absolute; + top: 50px; + left: 45%; + } + .item-data a { + text-transform: uppercase; + } +} + @media (max-width: 530px) { - .row:not(.nochange) { - padding-left: 20px; - padding-right: 20px; } - .detail-buttons .m-l-25 { - margin-left: 0; } } + + .row:not(.nochange) { + padding-left: 20px; + padding-right: 20px; + } + .detail-buttons .m-l-25 { + margin-left: 0; + } +} + @media (max-width: 500px) { - .item-data h4:after { - display: none; } - .item-data h4 { - margin-top: 10px; - margin-bottom: 5px; } - .item-data p { - display: none; } - .item-data a.button { - margin-top: 0; } - .contact-address .small-4 { - display: none; } - .contact-address, .members, .contact-address .small-8 { - float: left; - width: 100%; } - .contact-address .small-8 { - text-align: center; } - .members { - margin-top: 25px; } - .what-we-know-holder { - left: 0; - height: 152px; } - .what-we-know:nth-child(2) { - left: 70px; } - .what-we-know:nth-child(3) { - left: 140px; } - .what-we-know:nth-child(4) { - left: 210px; } - .what-we-know:nth-child(5) { - left: 280px; } - .what-we-know:nth-child(6) { - left: 0; - top: 76px; } - .what-we-know:nth-child(7) { - left: 70px; - top: 114px; } - .what-we-know:nth-child(8) { - left: 140px; - top: 76px; } - .what-we-know:nth-child(9) { - left: 210px; - top: 114px; } } + + .item-data h4:after { + display: none; + } + .item-data h4 { + margin-top: 10px; + margin-bottom: 5px; + } + .item-data p { + display: none; + } + .item-data a.button { + margin-top: 0; + } + .contact-address .small-4 { + display: none; + } + .contact-address,.members,.contact-address .small-8 { + float: left; + width: 100%; + } + .contact-address .small-8 { + text-align: center; + } + .members { + margin-top: 25px; + } + .what-we-know-holder { + left: 0; + height: 152px; + } + .what-we-know:nth-child(2) { + left: 70px; + } + .what-we-know:nth-child(3) { + left: 140px; + } + .what-we-know:nth-child(4) { + left: 210px; + } + .what-we-know:nth-child(5) { + left: 280px; + } + .what-we-know:nth-child(6) { + left: 0; + top: 76px; + } + .what-we-know:nth-child(7) { + left: 70px; + top: 114px; + } + .what-we-know:nth-child(8) { + left: 140px; + top: 76px; + } + .what-we-know:nth-child(9) { + left: 210px; + top: 114px; + } +} + @media (max-width: 400px) { - .title-bar-title img { - width: 100px; - height: auto; - margin-top: 17px; } - a#responsive-menu-button { - font-size: 1rem; } - .off-canvas#responsive-menu .main-menu.menu > li > a { - font-size: 1.3rem; } - .off-canvas#responsive-menu .main-menu.menu > li.active > a { - font-size: 1.6rem; } } -/* BLightBox defaults */ -.b-lightbox-holder { - background-color: rgba(10, 10, 10, 0.85); - width: 100%; - height: 100%; - position: fixed; - top: 0; - left: 0; - display: none; - z-index: 1000; } + .title-bar-title img { + width: 100px; + height: auto; + margin-top: 17px; + } + a#responsive-menu-button { + font-size: 1rem; + } + .off-canvas#responsive-menu .main-menu.menu > li > a { + font-size: 1.3rem; + } + .off-canvas#responsive-menu .main-menu.menu > li.active > a { + font-size: 1.6rem; + } +} -.b-lightbox-image { - display: none; - border-radius: 0; - max-height: 90%; - max-width: 90%; - position: fixed; - margin: 0 auto; - z-index: 1001; } -.b-lightbox-close-button { - z-index: 1100; - display: block; - position: fixed; - top: 8px; - right: 8px; - font-size: 14px; - color: rgba(254, 254, 254, 0.8); - cursor: pointer; - font-weight: 700; } - -.b-lightbox-close-button:hover { - font-weight: 700; } - -.b-lightbox-direction { - z-index: 1050; - height: 100%; - font-size: 10em; - cursor: pointer; - display: inline-block; - min-width: 10%; - text-align: center; - position: absolute; - top: 0; } - -.b-lightbox-direction.next { - right: 0; } - -.b-lightbox-direction.previous { - left: 0; } - -.b-lightbox-direction:hover { - background-color: rgba(254, 254, 254, 0.1); - text-decoration: none; } - -.b-lightbox-direction:before { - content: ''; - height: 35%; - display: block; - width: 100%; } - -.b-lightbox-label { - box-sizing: border-box; - display: none; - z-index: 1015; - background-color: rgba(65, 64, 66, 0.9); - color: rgba(254, 254, 254, 0.95); - font-weight: 500; - position: absolute; - padding: 10px; - font-size: 13px; }