@import url(https://fonts.googleapis.com/icon?family=Material+Icons); /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. */ 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: default; } /** * 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 * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * 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. */ 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; } body.is-reveal-open { overflow: hidden; } .foundation-mq { font-family: "small=0em&medium=32em&large=64em&xlarge=75em&xxlarge=90em"; } .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; } html, body { font-size: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #000; background: #fff; -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; } .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 { margin-left: -0.9375rem; margin-right: -0.9375rem; } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 30px; padding-right: 30px; } @media screen and (min-width: 32em) { .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 64em) { .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 30px; padding-right: 30px; } } .row.expanded { max-width: none; } .column, .columns { width: 100%; float: left; padding-left: 0.9375rem; padding-right: 0.9375rem; } .column:last-child, .columns:last-child { float: right; } .column.end, .end.columns { float: left; } .column.row, .row.columns { float: none; } .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%; } .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-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-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-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-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-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; } .column.small-centered, .small-centered.columns { float: none; margin-left: auto; margin-right: auto; } .small-uncenter, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; } @media screen and (min-width: 32em) { .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-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-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-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-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-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; } .column.medium-centered, .medium-centered.columns { float: none; margin-left: auto; margin-right: auto; } .medium-uncenter, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; } } @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-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-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-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-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-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; } .column.large-centered, .large-centered.columns { float: none; margin-left: auto; margin-right: auto; } .large-uncenter, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; } } 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: 1rem; 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: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; color: inherit; 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.5rem; } 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: 32em) { h1 { font-size: 3rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.9375rem; } h4 { font-size: 1.5625rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } } a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #1585cf; } a img { border: 0; } hr { max-width: 75rem; height: 0; border-top: 0; border-bottom: 1px solid #cacaca; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; 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; list-style-type: inherit; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #000; cursor: help; border-bottom: 1px dotted #000; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #000; 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: #000; font-family: Consolas, "Liberation Mono", Courier, monospace; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .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; } @media screen and (min-width: 32em) { .medium-text-left { text-align: left; } } @media screen and (min-width: 64em) { .large-text-left { text-align: left; } } .text-right { text-align: right; } @media screen and (min-width: 32em) { .medium-text-right { text-align: right; } } @media screen and (min-width: 64em) { .large-text-right { text-align: right; } } .text-center { text-align: center; } @media screen and (min-width: 32em) { .medium-text-center { text-align: center; } } @media screen and (min-width: 64em) { .large-text-center { text-align: center; } } .text-justify { text-align: justify; } @media screen and (min-width: 32em) { .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .large-text-justify { text-align: justify; } } .show-for-print { 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 #999; 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: all 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 1rem 1rem 0; font-size: 0.9rem; background: #2199e8; color: #fff; } [data-whatinput="mouse"] .button { outline: 0; } .button:hover, .button:focus { background: #1583cc; color: #fff; } .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: #2199e8; color: #fff; } .button.primary:hover, .button.primary:focus { background: #147cc0; color: #fff; } .button.secondary { background: #777; color: #fff; } .button.secondary:hover, .button.secondary:focus { background: #5f5f5f; color: #fff; } .button.success { background: #3adb76; color: #fff; } .button.success:hover, .button.success:focus { background: #22bb5b; color: #fff; } .button.alert { background: #ec5840; color: #fff; } .button.alert:hover, .button.alert:focus { background: #da3116; color: #fff; } .button.warning { background: #ffae00; color: #fff; } .button.warning:hover, .button.warning:focus { background: #cc8b00; color: #fff; } .button.hollow { border: 1px solid #2199e8; color: #2199e8; } .button.hollow, .button.hollow:hover, .button.hollow:focus { background: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #0c4d78; color: #0c4d78; } .button.hollow.primary { border: 1px solid #2199e8; color: #2199e8; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c4d78; color: #0c4d78; } .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 #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539; } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e; } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; } .button.disabled { opacity: 0.25; cursor: not-allowed; pointer-events: none; } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset 0.4em; border-color: #fff transparent transparent; border-top-style: solid; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block; } .button.arrow-only::after { margin-left: 0; float: none; top: 0.2em; } [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: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #8a8a8a; background-color: #fff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 0; 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: 1px solid #8a8a8a; background: #fff; outline: none; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: default; } [type="submit"], [type="button"] { border-radius: 0; -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; } label > [type="checkbox"], label > [type="label"] { margin-right: 0.5rem; } [type="file"] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #000; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #333; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group-label, .input-group-field, .input-group-button { display: table-cell; margin: 0; vertical-align: middle; } .input-group-label { text-align: center; width: 1%; height: 100%; padding: 0 1rem; background: #e6e6e6; color: #000; border: 1px solid #cacaca; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-button { height: 100%; padding-top: 0; padding-bottom: 0; text-align: center; width: 1%; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.5rem; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #fff; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #8a8a8a; background-color: #fafafa; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-size: 9px 6px; background-position: right 0.5rem center; 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; } .is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, 0.1); border-color: #ec5840; } .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; } .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: #000; 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: #2199e8; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; } .callout { margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0; position: relative; background-color: white; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #def0fc; } .callout.primary a { color: #116ca8; } .callout.primary a:hover { color: #0a4063; } .callout.secondary { background-color: #ebebeb; } .callout.success { background-color: #e1faea; } .callout.success a { color: #1ea450; } .callout.success a:hover { color: #126330; } .callout.alert { background-color: #fce6e2; } .callout.alert a { color: #bf2b13; } .callout.alert a:hover { color: #791b0c; } .callout.warning { background-color: #fff3d9; } .callout.warning a { color: #b37a00; } .callout.warning a:hover { color: #664600; } .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; } .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: #2199e8; color: #fff; } .label.secondary { background: #777; color: #fff; } .label.success { background: #3adb76; color: #fff; } .label.alert { background: #ec5840; color: #fff; } .label.warning { background: #ffae00; color: #fff; } .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 > span { vertical-align: middle; } .menu > li > a > img, .menu > li > a > i { display: inline-block; margin-right: 0.25rem; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } @media screen and (min-width: 32em) { .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; } } .menu.simple a { padding: 0; margin-right: 1rem; } .menu.align-right > li { float: right; } .menu.expanded { display: table; width: 100%; } .menu.expanded > li:nth-last-child(2):first-child, .menu.expanded > li:nth-last-child(2):first-child ~ li { width: 50%; } .menu.expanded > li:nth-last-child(3):first-child, .menu.expanded > li:nth-last-child(3):first-child ~ li { width: 33.33333%; } .menu.expanded > li:nth-last-child(4):first-child, .menu.expanded > li:nth-last-child(4):first-child ~ li { width: 25%; } .menu.expanded > li:nth-last-child(5):first-child, .menu.expanded > li:nth-last-child(5):first-child ~ li { width: 20%; } .menu.expanded > li:nth-last-child(6):first-child, .menu.expanded > li:nth-last-child(6):first-child ~ li { width: 16.66667%; } .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-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; } table { margin-bottom: 1rem; border-radius: 0; } thead, tbody, tfoot { border: 1px solid #f2f2f2; background-color: #fff; } caption { font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; } thead, tfoot { background: #f9f9f9; color: #000; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.5rem 0.625rem 0.625rem; font-weight: bold; text-align: left; } tbody tr:nth-child(even) { background-color: #f2f2f2; } tbody th, 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-y: scroll; } table.hover tr:hover { background-color: #fafafa; } table.hover tr:nth-of-type(even):hover { background-color: #ededed; } .tabs { margin: 0; list-style-type: none; background: #fff; border: 1px solid #e6e6e6; } .tabs::before, .tabs::after { content: ' '; display: table; } .tabs::after { clear: both; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.vertical > li { width: auto; float: none; display: block; } .tabs.primary { background: #2199e8; } .tabs.primary > li > a { color: #fff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1893e4; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; line-height: 1; font-size: 12px; color: #2199e8; } .tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] { background: #e6e6e6; } .tabs-content { background: #fff; 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; } .title-bar { background: #000; color: #fff; 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 { 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: white; top: 0; left: 0; box-shadow: 0 7px 0 white, 0 14px 0 white; } .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: black; top: 0; left: 0; box-shadow: 0 7px 0 black, 0 14px 0 black; } .menu-icon.dark:hover::after { background: #666; box-shadow: 0 7px 0 #666, 0 14px 0 #666; } .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: #6892C5; } .top-bar input { width: 200px; margin-right: 1rem; } @media screen and (min-width: 32em) { .top-bar-left { float: left; } .top-bar-right { float: right; } } .slide-in-down.mui-enter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -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 { opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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 { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; transition-property: transform, opacity; 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%); } } .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 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; } @keyframes spin-cw-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); } } @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); } } .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; } @font-face { font-family: 'icon'; src: url("fonts/mbab.eot"); src: url("fonts/mbab.eot?#iefix") format("eot"), url("fonts/mbab.woff") format("woff"), url("fonts/mbab.ttf") format("truetype"), url("fonts/mbab.svg#webfontsMra4XHP") format("svg"); font-weight: normal; font-style: normal; } header .breadcrumbs, header .breadcrumbs li, footer.top-bar .menu, body:not(.index):not(.property) header, .index .button-grid .callout, .index .button-grid .row, .list .properties li, .property .tabs { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } header .breadcrumbs li a, footer.top-bar .menu li, footer.top-bar .menu li a, .index, .index .button-grid, .index .button-grid .row .column, .index .button-grid .row .columns, .index .button-grid .row .column a, .index .button-grid .row .columns a, .list .properties .details, .property, .property .body, .property .tabs-content, .property .tabs .tabs-title, .property .tabs .tabs-title > a, .property .ratestable td.rooms { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } header .breadcrumbs, header .breadcrumbs li a, footer.top-bar .menu li, footer.top-bar .menu li a, .index .button-grid, .index .button-grid .callout, .index .button-grid .row, .index .button-grid .row .column, .index .button-grid .row .columns, .index .button-grid .row .column a, .index .button-grid .row .columns a, .list .properties .details, .property .body, .property .tabs-content, .property .tabs .tabs-title, .property .tabs .tabs-title > a, .property .tabs-panel, .property .ratestable td.rooms .button, .property .ratestable td.rooms select { -ms-flex-preferred-size: auto; -webkit-flex-basis: auto; flex-basis: auto; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; -webkit-flex-shrink: 1; flex-shrink: 1; } html, body { height: 100%; } a { color: #000; text-decoration: none; } .property footer .tabs .tabs-title a.icon, .icon { font-family: icon; text-rendering: optimizeLegibility; } header a { display: inline-block; height: 4rem; } header .logo { height: 100%; width: auto; } header .breadcrumbs { background-color: transparent; border-radius: 0; margin: 0; } header .breadcrumbs li { float: none; font-size: .9rem; line-height: 1.5rem; max-width: 45%; white-space: nowrap; } header .breadcrumbs li:first-of-type { max-width: 45%; } header .breadcrumbs li:not(:last-child)::after { content: '>'; color: rgba(0, 0, 0, 0.4); font-size: .8rem; line-height: 1.5rem; margin: 1.2rem .2rem 0; position: static; } header .breadcrumbs li a { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } footer.top-bar { padding: 0; } footer.top-bar .menu { min-height: 3rem; } footer.top-bar .menu li { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } footer.top-bar .menu li a { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #fff; } body:not(.index):not(.property) header { -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; margin-bottom: 1rem; min-height: 3rem; } body:not(.index):not(.property) header .column:first-of-type, body:not(.index):not(.property) header .columns:first-of-type { max-width: 30%; padding-left: 0; } body:not(.index):not(.property) header .column:last-of-type, body:not(.index):not(.property) header .columns:last-of-type { padding: 0; } body:not(.index):not(.property) footer { bottom: 0; position: fixed; width: 100%; } .index header { max-height: 6rem; margin-bottom: .5rem; } .index header .logo { max-height: 6rem; } .index .button-grid .callout, .index .button-grid .row { box-sizing: border-box; } .index .button-grid .callout { border: none; padding: 0; } .index .button-grid .row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .index .button-grid .row .column, .index .button-grid .row .columns { -ms-flex-preferred-size: 49%; -webkit-flex-basis: 49%; flex-basis: 49%; border-color: rgba(255, 255, 255, 1); border-style: solid; box-sizing: border-box; list-style-position: inside; padding: 0 !important; } .index .button-grid .row .column a, .index .button-grid .row .columns a { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; box-sizing: border-box; color: #000; } /* .index .button-grid .row .column:nth-of-type(1n+3), .index .button-grid .row .columns:nth-of-type(1n+3) { background-color: rgba(0, 0, 100, 0.05); } .index .button-grid .row .column:nth-of-type(1n+5), .index .button-grid .row .columns:nth-of-type(1n+5) { background-color: rgba(0, 0, 100, 0.08); } .index .button-grid .row .column:nth-of-type(1n+7), .index .button-grid .row .columns:nth-of-type(1n+7) { background-color: rgba(0, 0, 100, 0.11); } */ .index .button-grid .row .column:nth-of-type(1) { background-color: #96bdcd; border-width: 0 1px 1px 0; margin-left: -1px; } .index .button-grid.c .row .column:nth-of-type(2) { background-color: #e0e0ab; border-width: 0 0 1px 1px; } .index .button-grid .row .column:nth-of-type(3), .index .button-grid.d .row .column:nth-of-type(2) { background-color: #b0c0d9; border-width: 1px 1px 1px 0; } .index .button-grid .row .column:nth-of-type(4) { background-color: #e0cbaa; border-width: 1px 0 1px 1px; } .index .button-grid .row .column:nth-of-type(5) { background-color: #95accd; border-width: 1px 1px 1px 0; } .index .button-grid .row .column:nth-of-type(6) { background-color: #e2c0c8; border-width: 1px 0 1px 1px; } .index .button-grid .row .column:nth-of-type(7) { background-color: #6a8ab8; border-width: 1px 1px 0 0; } .index .button-grid .row .column:nth-of-type(8) { background-color: #e3aead; border-width: 1px 0 0 1px; margin-right: -1px; } .index .button-grid.d .row .column:nth-of-type(1) { border-width: 0 1px 0 0; } .index .button-grid.d .row .column:nth-of-type(2) { border-width: 0 0 0 1px; } /* .index .button-grid .row .column.small-6:nth-of-type(2n), .index .button-grid .row .small-6.columns:nth-of-type(2n) { border-left-width: 1px; } .index .button-grid .row .column.small-6:nth-of-type(1n+3), .index .button-grid .row .small-6.columns:nth-of-type(1n+3) { border-top-width: 1px; } */ @media screen and (min-width: 32em) { .index .button-grid .row .column.medium-4, .index .button-grid .row .medium-4.columns { -ms-flex-preferred-size: 33%; -webkit-flex-basis: 33%; flex-basis: 33%; border-left-width: 1px; border-top-width: 0; } .index .button-grid .row .column.medium-4:first-of-type, .index .button-grid .row .medium-4.columns:first-of-type, .index .button-grid .row .column.medium-4:nth-of-type(3n+3), .index .button-grid .row .medium-4.columns:nth-of-type(3n+3) { border-left-width: 0; } .index .button-grid .row .column.medium-4:nth-of-type(1n+4), .index .button-grid .row .medium-4.columns:nth-of-type(1n+4) { border-top-width: 1px; } } @media screen and (min-width: 64em) { .index .button-grid .row .column.large-3, .index .button-grid .row .large-3.columns { -ms-flex-preferred-size: 24.5%; -webkit-flex-basis: 24.5%; flex-basis: 24.5%; } .index .button-grid .row .column.large-3:nth-of-type(3n+3), .index .button-grid .row .large-3.columns:nth-of-type(3n+3) { border-left-width: 1px; } .index .button-grid .row .column.large-3:nth-of-type(4n+1), .index .button-grid .row .large-3.columns:nth-of-type(4n+1) { border-left-width: 0; } .index .button-grid .row .column.large-3:nth-of-type(3n), .index .button-grid .row .large-3.columns:nth-of-type(3n), .index .button-grid .row .column.large-3:nth-of-type(4n), .index .button-grid .row .large-3.columns:nth-of-type(4n) { border-top-width: 0; } .index .button-grid .row .column.large-3:nth-of-type(1n+5), .index .button-grid .row .large-3.columns:nth-of-type(1n+5) { border-top-width: 1px; } } .list .listheadings li + li { padding-top: .5rem; } .list .listheadings li > p { background-color: #ebebeb; border-top: 1px solid rgba(35, 35, 35, 0.25); margin: 0 0 .5rem; padding: .2rem 0 .2rem .5rem; } .list .listheadings li ul li { padding-left: 1rem; } .list .listheadings li ul li + li { border-top: 1px solid rgba(10, 10, 10, 0.25); margin-top: .3rem; } .list .properties { border: 1px solid rgba(10, 10, 10, 0.25); border-width: 1px 0; padding: .3rem 0 .6rem; } .list .properties li + li { margin-top: .3rem; } .list .properties li + li .details { border-top: 1px solid rgba(10, 10, 10, 0.25); } .list .properties .img { margin: .5rem 1rem 0 0; } .list .properties .img img { min-width: 100px; } .list .properties .details { padding-top: .3rem; } .list .properties .details b { color: #6892C5; } .list .properties .details p { font-size: .9rem; margin: 0; } .list .properties .details .starrating { line-height: 1rem; } @font-face { font-family: 'help'; src: url("fonts/roomavailability.eot"); src: url("fonts/roomavailability.eot?#iefix") format("eot"), url("fonts/roomavailability.woff") format("woff"), url("fonts/roomavailability.ttf") format("truetype"), url("fonts/roomavailability.svg#webfontsMra4XHP") format("svg"); font-weight: normal; font-style: normal; } .property .body { padding: 0 0 1rem; } @media screen and (min-width: 32em) { .property .body { padding: 1rem; } } .property .tabs-panel .noright { margin-right: 0; padding-right: 0; } .property .tabs-panel .noright > .row { margin-top: 0; padding-top: 0; } .property .tabs-panel .noright > .row.bookingmodule { margin-right: 0; padding-right: 0; padding-top: 1rem; } .property .tabs-content { border: none; } .property .tabs { border-bottom: none; margin: 0 1rem; } .property .tabs .tabs-title { float: none; } .property .tabs .tabs-title > a { -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; background-color: #e6e6e6; min-height: 100%; min-width: 100%; padding: .8rem; } .property .tabs .tabs-title > a:hover, .property .tabs .tabs-title > a:active { background-color: rgba(230, 230, 230, 0.75); } .property .tabs .tabs-title > a[aria-selected="true"] { background-color: #fff; } .property .rates-tabs { border-top: 1px solid #dbdbdb; padding: 1rem; } .property .tabs-panel { min-height: 100%; min-width: 100%; padding: 0; } .property form legend { color: #6892C5; font-size: .9rem; } .property form *[readonly] { background-color: inherit; } .property form .button { margin-right: 0; width: 100%; } .property form .row.column, .property form .row.columns { margin-right: -15px; width: inherit; } .property form .input-group-label.icon { width: 3.5rem; } .property form .input-group-label.code { font-family: monospace; font-size: 1.2rem; } .property form .input-group-label + .input-group-label { background-color: #eeeeee; border-right-width: 0; } .property form .input-group-label.textarea { padding-top: .5rem; vertical-align: top; } .property form textarea { min-height: 5rem; } .property .ratestable table { margin: 0; width: 100%; } .property .ratestable caption { background-color: rgba(104, 146, 197, 0.3); color: #6892C5; text-align: left; } .property .ratestable td { padding: .3rem; } .property .ratestable td.roomtype { max-width: 10%; } .property .ratestable td.price:before { content: attr(data-currency); } .property .ratestable td.rooms { -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .property .ratestable td.rooms .button { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; margin: 0; max-width: 6.3rem; min-width: 10%; min-height: 2.5rem; padding-left: 0; padding-right: 0; } .property .ratestable td.rooms select { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 6.3rem; min-height: 2.5rem; } .property .ratestable td select { margin: 0; } .property .ratestable .totalbar .total { background-color: rgba(33, 153, 232, 0.2); color: #6892C5; font-size: 1.1rem; margin-bottom: 1rem; padding: .5rem; text-align: right; } .property .ratestable .totalbar .total .price { color: #375f90; font-weight: bold; } .property .gallery img { height: auto; width: 100%; } .property pre { font-family: inherit; font-size: .9rem; word-wrap: break-word; white-space: pre-wrap; } .property footer { bottom: 0; position: fixed; width: 100%; } .property footer .tabs { border: none; margin: 0; } .property footer .tabs .tabs-title { min-height: 3.5rem; } .property footer .tabs .tabs-title a { background-color: transparent; color: #fff; padding: 0; } .property footer .tabs .tabs-title a.icon { font-size: 1.2rem; } .property footer .tabs .tabs-title a:hover, .property footer .tabs .tabs-title a:active, .property footer .tabs .tabs-title a[aria-selected="true"] { background-color: rgba(255, 255, 255, 0.2); } .property .datepicker td { border-radius: 0; } /* 3.2. DATE PICKER ---------------------------------------------------------------*/ /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is "activated". */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only "scrollable" top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Default mobile-first, responsive styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what's here. */ /** * Make the holder and frame fullscreen. */ .picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; } /** * The holder should overlay the entire screen. */ .picker__holder { position: fixed; -webkit-transition: background 0.15s ease-out, top 0s 0.15s; -moz-transition: background 0.15s ease-out, top 0s 0.15s; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; } /** * The frame that bounds the box contents of the picker. */ .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } @media (min-height: 28.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } } @media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } } /** * The wrapper sets the stage to vertically align the box contents. */ .picker__wrap { display: table; width: 100%; height: 100%; } @media (min-height: 28.875em) { .picker__wrap { display: block; } } /** * The box contains all the picker contents. */ .picker__box { background: #ffffff; display: table-cell; vertical-align: middle; } @media (min-height: 28.875em) { .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } /** * When the picker opens... */ .picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; transition: background 0.15s ease-out; } .picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } @media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: 20% auto; } } /** * For `large` screens, transform into an inline picker. */ /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__input.picker__input--active { border-color: #E3F2FD; } .picker__frame { margin: 0 auto; max-width: 325px; } @media (min-height: 38.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: .75em; } /** * The month and year labels. */ .picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; } .picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; } .picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 25%; } .picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } .picker__nav--prev { left: -1em; padding-right: 1.25em; } .picker__nav--next { right: -1em; padding-left: 1.25em; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; } .picker__table th, .picker__table td { text-align: center; } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } /** * The days on the calendar */ .picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; } .picker__day--outfocus { display: none; padding: .75rem 0; color: #fff; } .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(.75); -moz-transform: scale(.75); -ms-transform: scale(.75); -o-transform: scale(.75); transform: scale(.75); background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; display: flex; align-items: center; justify-content: space-between; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__box { border-radius: 2px; overflow: hidden; } .picker__date-display { text-align: center; background-color: #26a69a; color: #fff; padding-bottom: 15px; font-weight: 300; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #a1ded8; } .picker__weekday-display { background-color: #1f897f; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; } .picker__month-display { text-transform: uppercase; font-size: 2rem; } .picker__day-display { font-size: 4.5rem; font-weight: 400; } .picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); } .picker__box { padding: 0; } .picker__calendar-container { padding: 0 1rem; } .picker__calendar-container thead { border: none; } .picker__table { margin-top: 0; margin-bottom: .5em; } .picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day.picker__day--today { color: #26a69a; } .picker__day.picker__day--today.picker__day--selected { color: #fff; } .picker__weekday { font-size: .9rem; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); background-color: #26a69a; color: #ffffff; } .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #a1ded8; } .picker__footer { text-align: right; padding: 5px 10px; } .picker__close, .picker__today { font-size: 1.1rem; padding: 0 1rem; color: #26a69a; } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; } button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #a1ded8; } /* ========================================================================== $BASE-TIME-PICKER ========================================================================== */ /** * The list of times. */ .picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; } /** * The times on the clock. */ .picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; } @media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } } /* Hovered time */ .picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; } /* Highlighted and hovered/focused time */ .picker__list-item--highlighted { border-color: #0089ec; z-index: 10; } .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } /* Selected and hovered/focused time */ .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; } /* Disabled time */ .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; } /** * The clear button */ .picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; } .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; } .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; } /* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */ /** * The frame the bounds the time picker. */ .picker--time .picker__frame { min-width: 256px; max-width: 320px; } /** * The picker box. */ .picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; } @media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } } .picker__box { border: 0; } .picker__date-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #4271a1; } .picker__weekday-display { background-color: rgba(0,0,0,0.1); } .picker__day.picker__day--today, .picker__close, .picker__today { color: #4271a1; } .picker__nav--prev:hover, .picker__nav--next:hover, button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background: rgba(0,0,0,0.1); } #check-in_root .picker__date-display { background-image: url("data:image/svg+xml;utf8,ARRIVING"); background-repeat: no-repeat; background-size: cover; } #check-out_root .picker__date-display { background-image: url("data:image/svg+xml;utf8,DEPARTING"); background-repeat: no-repeat; background-size: cover; } #check-out_root .picker__date-display, #check-out_root .picker__day--selected, #check-out_root .picker__day--selected:hover, #check-out_root .picker--focused .picker__day--selected { background-color: #009688; } /* ========================================================================== MOBILE SIDE MENU ========================================================================== */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .nav ul { margin: 0; padding: 0; } .nav .button-collapse { float: left; position: relative; z-index: 1; height: 26px; } .index .activatemenu { width: 100%; } .index .activatemenu i { color: #1585cf; float:right; margin-right:.5rem; margin-top:1.4rem; } .nav .button-collapse i { color: #0080c0; font-size: 2.7rem; height: 26px; line-height: 56px; } @media (max-width: 600px) { .nav a.button-collapse i { font-size: 1.5rem; line-height: normal; height: auto; } } .collapsible { margin-bottom: 3rem; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.5rem 0 1rem 0; } .side-nav { position: fixed; width: 240px; left: -105%; top: 0; margin: 0; height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: left; } .side-nav a { color: #444; display: block; font-size: 1rem; font-weight: bold; height: 64px; line-height: 64px; padding: 0 15px; text-transform: uppercase; } li.nodot { list-style-image: none; list-style-type: none; } /* HOME PAGE CONTINENTS */ .callout.primary { background-color: rgba(66, 113, 161, .15); } .index .button-grid .row .column.continent a { position: relative; } .index .button-grid .row .column.continent a:before { background-position: center center; background-repeat: no-repeat; background-size: cover; color: blue; content: ""; height: 100%; opacity: .05; width: 100%; z-index: 0; top: 0; left: 0; position: absolute; } /* .index .button-grid .row .europe a:before { background-image: url(../graphics/europe.png); } .index .button-grid .row .north-america a:before { background-image: url(../graphics/north-america.png); } .index .button-grid .row .south-america a:before { background-image: url(../graphics/south-america.png); } .index .button-grid .row .oceania a:before { background-image: url(../graphics/oceania.png); } .index .button-grid .row .africa a:before { background-image: url(../graphics/africa.png); } .index .button-grid .row .asia a:before { background-image: url(../graphics/asia.png); } */ @media screen and (min-width: 641px) { .nav .mobilenavbutton { margin-top: -20px; } } @media screen and (max-width: 640px) { .nav .mobilenavbutton { margin-top: 0; } }