/****************************************************************** Stylesheet: Main Stylesheet Here's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. ******************************************************************/ @import "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"; /*! 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 { -moz-box-sizing: content-box; 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 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 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; } /****************************************************************** Stylesheet: Mixins & Constants Stylesheet This is where you can take advantage of Sass' great features: Mixins & Constants. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques gradients. A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more. ******************************************************************/ /********************* TOOLS *********************/ .image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; } /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /********************* TYPOGRAPHY *********************/ /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ /* @font-face { font-family: 'Font Name'; src: url('library/fonts/font-name.eot'); src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'), url('library/fonts/font-name.woff') format('woff'), url('library/fonts/font-name.ttf') format('truetype'), url('library/fonts/font-name.svg#font-name') format('svg'); font-weight: normal; font-style: normal; } */ /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ span.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important; font-style: italic; } /********************* TRANSITION *********************/ /* I totally rewrote this to be cleaner and easier to use. You'll need to be using Sass 3.2+ for these to work. Thanks to @anthonyshort for the inspiration on these. USAGE: @include transition(all 0.2s ease-in-out); */ /********************* CSS3 GRADIENTS Be careful with these since they can really slow down your CSS. Don't overdo it. *********************/ /* @include css-gradient(#dfdfdf,#f8f8f8); */ meta.foundation-version { font-family: "/5.5.1/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/"; width: 40.063em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/"; width: 64.063em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/"; width: 90.063em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #e6e6e6; color: #222; padding: 0; margin: 0; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 1.5; position: relative; cursor: auto; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5rem; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { width: auto; margin-left: -0.9375rem; margin-right: -0.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } @media only screen { .small-push-0 { position: relative; left: 0%; right: auto; } .small-pull-0 { position: relative; right: 0%; left: auto; } .small-push-1 { position: relative; left: 8.3333333333%; right: auto; } .small-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .small-push-2 { position: relative; left: 16.6666666667%; right: auto; } .small-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.3333333333%; right: auto; } .small-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .small-push-5 { position: relative; left: 41.6666666667%; right: auto; } .small-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.3333333333%; right: auto; } .small-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .small-push-8 { position: relative; left: 66.6666666667%; right: auto; } .small-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.3333333333%; right: auto; } .small-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .small-push-11 { position: relative; left: 91.6666666667%; right: auto; } .small-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-1 { width: 8.3333333333%; } .small-2 { width: 16.6666666667%; } .small-3 { width: 25%; } .small-4 { width: 33.3333333333%; } .small-5 { width: 41.6666666667%; } .small-6 { width: 50%; } .small-7 { width: 58.3333333333%; } .small-8 { width: 66.6666666667%; } .small-9 { width: 75%; } .small-10 { width: 83.3333333333%; } .small-11 { width: 91.6666666667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0% !important; } .small-offset-1 { margin-left: 8.3333333333% !important; } .small-offset-2 { margin-left: 16.6666666667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.3333333333% !important; } .small-offset-5 { margin-left: 41.6666666667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.3333333333% !important; } .small-offset-8 { margin-left: 66.6666666667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.3333333333% !important; } .small-offset-11 { margin-left: 91.6666666667% !important; } .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } @media only screen and (min-width: 40.063em) { .medium-push-0 { position: relative; left: 0%; right: auto; } .medium-pull-0 { position: relative; right: 0%; left: auto; } .medium-push-1 { position: relative; left: 8.3333333333%; right: auto; } .medium-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .medium-push-2 { position: relative; left: 16.6666666667%; right: auto; } .medium-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.3333333333%; right: auto; } .medium-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .medium-push-5 { position: relative; left: 41.6666666667%; right: auto; } .medium-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.3333333333%; right: auto; } .medium-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .medium-push-8 { position: relative; left: 66.6666666667%; right: auto; } .medium-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.3333333333%; right: auto; } .medium-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .medium-push-11 { position: relative; left: 91.6666666667%; right: auto; } .medium-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-1 { width: 8.3333333333%; } .medium-2 { width: 16.6666666667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.3333333333%; } .medium-5 { width: 41.6666666667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.3333333333%; } .medium-8 { width: 66.6666666667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.3333333333%; } .medium-11 { width: 91.6666666667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0% !important; } .medium-offset-1 { margin-left: 8.3333333333% !important; } .medium-offset-2 { margin-left: 16.6666666667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.3333333333% !important; } .medium-offset-5 { margin-left: 41.6666666667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.3333333333% !important; } .medium-offset-8 { margin-left: 66.6666666667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.3333333333% !important; } .medium-offset-11 { margin-left: 91.6666666667% !important; } .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } @media only screen and (min-width: 64.063em) { .large-push-0 { position: relative; left: 0%; right: auto; } .large-pull-0 { position: relative; right: 0%; left: auto; } .large-push-1 { position: relative; left: 8.3333333333%; right: auto; } .large-pull-1 { position: relative; right: 8.3333333333%; left: auto; } .large-push-2 { position: relative; left: 16.6666666667%; right: auto; } .large-pull-2 { position: relative; right: 16.6666666667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.3333333333%; right: auto; } .large-pull-4 { position: relative; right: 33.3333333333%; left: auto; } .large-push-5 { position: relative; left: 41.6666666667%; right: auto; } .large-pull-5 { position: relative; right: 41.6666666667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.3333333333%; right: auto; } .large-pull-7 { position: relative; right: 58.3333333333%; left: auto; } .large-push-8 { position: relative; left: 66.6666666667%; right: auto; } .large-pull-8 { position: relative; right: 66.6666666667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.3333333333%; right: auto; } .large-pull-10 { position: relative; right: 83.3333333333%; left: auto; } .large-push-11 { position: relative; left: 91.6666666667%; right: auto; } .large-pull-11 { position: relative; right: 91.6666666667%; left: auto; } .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .large-1 { width: 8.3333333333%; } .large-2 { width: 16.6666666667%; } .large-3 { width: 25%; } .large-4 { width: 33.3333333333%; } .large-5 { width: 41.6666666667%; } .large-6 { width: 50%; } .large-7 { width: 58.3333333333%; } .large-8 { width: 66.6666666667%; } .large-9 { width: 75%; } .large-10 { width: 83.3333333333%; } .large-11 { width: 91.6666666667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0% !important; } .large-offset-1 { margin-left: 8.3333333333% !important; } .large-offset-2 { margin-left: 16.6666666667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.3333333333% !important; } .large-offset-5 { margin-left: 41.6666666667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.3333333333% !important; } .large-offset-8 { margin-left: 66.6666666667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.3333333333% !important; } .large-offset-11 { margin-left: 91.6666666667% !important; } .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .push-0 { position: relative; left: 0%; right: auto; } .pull-0 { position: relative; right: 0%; left: auto; } .push-1 { position: relative; left: 8.3333333333%; right: auto; } .pull-1 { position: relative; right: 8.3333333333%; left: auto; } .push-2 { position: relative; left: 16.6666666667%; right: auto; } .pull-2 { position: relative; right: 16.6666666667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.3333333333%; right: auto; } .pull-4 { position: relative; right: 33.3333333333%; left: auto; } .push-5 { position: relative; left: 41.6666666667%; right: auto; } .pull-5 { position: relative; right: 41.6666666667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.3333333333%; right: auto; } .pull-7 { position: relative; right: 58.3333333333%; left: auto; } .push-8 { position: relative; left: 66.6666666667%; right: auto; } .pull-8 { position: relative; right: 66.6666666667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.3333333333%; right: auto; } .pull-10 { position: relative; right: 83.3333333333%; left: auto; } .push-11 { position: relative; left: 91.6666666667%; right: auto; } .pull-11 { position: relative; right: 91.6666666667%; left: auto; } } .accordion { margin-bottom: 0; } .accordion:before, .accordion:after { content: " "; display: table; } .accordion:after { clear: both; } .accordion .accordion-navigation, .accordion dd { display: block; margin-bottom: 0 !important; } .accordion .accordion-navigation.active > a, .accordion dd.active > a { background: #e8e8e8; } .accordion .accordion-navigation > a, .accordion dd > a { background: #EFEFEF; color: #222222; padding: 1rem; display: block; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; } .accordion .accordion-navigation > a:hover, .accordion dd > a:hover { background: #e3e3e3; } .accordion .accordion-navigation > .content, .accordion dd > .content { display: none; padding: 0.9375rem; } .accordion .accordion-navigation > .content.active, .accordion dd > .content.active { display: block; background: #FFFFFF; } .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: normal; margin-bottom: 1.25rem; position: relative; padding: 0.875rem 1.5rem 0.875rem 0.875rem; font-size: 0.8125rem; transition: opacity 300ms ease-out; background-color: #6D2363; border-color: #5e1e55; color: #FFFFFF; } .alert-box .close { font-size: 1.375rem; padding: 0 6px 4px; line-height: .9; position: absolute; top: 50%; margin-top: -0.6875rem; right: 0.25rem; color: #333333; opacity: 0.3; background: inherit; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { border-radius: 3px; } .alert-box.round { border-radius: 1000px; } .alert-box.success { background-color: #43AC6A; border-color: #3a945b; color: #FFFFFF; } .alert-box.alert { background-color: #f04124; border-color: #de2d0f; color: #FFFFFF; } .alert-box.secondary { background-color: #e7e7e7; border-color: #c7c7c7; color: #4f4f4f; } .alert-box.warning { background-color: #f08a24; border-color: #de770f; color: #FFFFFF; } .alert-box.info { background-color: #a0d3e8; border-color: #74bfdd; color: #4f4f4f; } .alert-box.alert-close { opacity: 0; } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { .small-block-grid-1 > li { width: 100%; list-style: none; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; list-style: none; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; list-style: none; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; list-style: none; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; list-style: none; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; list-style: none; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { .medium-block-grid-1 > li { width: 100%; list-style: none; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { width: 50%; list-style: none; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { width: 25%; list-style: none; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { width: 20%; list-style: none; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { width: 12.5%; list-style: none; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { width: 10%; list-style: none; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { .large-block-grid-1 > li { width: 100%; list-style: none; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; list-style: none; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.3333333333%; list-style: none; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; list-style: none; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; list-style: none; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.6666666667%; list-style: none; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.2857142857%; list-style: none; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; list-style: none; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.1111111111%; list-style: none; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; list-style: none; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.0909090909%; list-style: none; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.3333333333%; list-style: none; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } .breadcrumbs { display: block; padding: 0.5625rem 0.875rem 0.5625rem; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f4f4f4; border-color: gainsboro; border-radius: 3px; } .breadcrumbs > * { margin: 0; float: left; font-size: 0.6875rem; line-height: 0.6875rem; text-transform: uppercase; color: #6D2363; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a { color: #6D2363; } .breadcrumbs > *.current { cursor: default; color: #333333; } .breadcrumbs > *.current a { cursor: default; color: #333333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999999; } .breadcrumbs > *.unavailable a { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: not-allowed; } .breadcrumbs > *:before { content: "/"; color: #AAAAAA; margin: 0 0.75rem; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Accessibility - hides the forward slash */ [aria-label="breadcrumbs"] [aria-hidden="true"]:after { content: "/"; } button, .button { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #6D2363; border-color: #571c4f; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #571c4f; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.6875rem; padding-left: 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding-right: 0; padding-left: 0; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #6D2363; border-color: #571c4f; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #571c4f; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #6D2363; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; cursor: default; opacity: 0.7; box-shadow: none; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.063em) { button, .button { display: inline-block; } } .button-group { list-style: none; margin: 0; left: 0; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } .button-group.even-2 li { margin: 0 -2px; display: inline-block; width: 50%; } .button-group.even-2 li > button, .button-group.even-2 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { border-left: 0; } .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } .button-group.even-3 li { margin: 0 -2px; display: inline-block; width: 33.3333333333%; } .button-group.even-3 li > button, .button-group.even-3 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { border-left: 0; } .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } .button-group.even-4 li { margin: 0 -2px; display: inline-block; width: 25%; } .button-group.even-4 li > button, .button-group.even-4 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { border-left: 0; } .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { margin: 0 -2px; display: inline-block; width: 20%; } .button-group.even-5 li > button, .button-group.even-5 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { border-left: 0; } .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { margin: 0 -2px; display: inline-block; width: 16.6666666667%; } .button-group.even-6 li > button, .button-group.even-6 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { border-left: 0; } .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { margin: 0 -2px; display: inline-block; width: 14.2857142857%; } .button-group.even-7 li > button, .button-group.even-7 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { border-left: 0; } .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { margin: 0 -2px; display: inline-block; width: 12.5%; } .button-group.even-8 li > button, .button-group.even-8 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { border-left: 0; } .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } .button-group > li { margin: 0 -2px; display: inline-block; } .button-group > li > button, .button-group > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group > li:first-child button, .button-group > li:first-child .button { border-left: 0; } .button-group.stack > li { margin: 0 -2px; display: inline-block; display: block; margin: 0; float: none; } .button-group.stack > li > button, .button-group.stack > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-left: 0; } .button-group.stack > li > button, .button-group.stack > li .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.stack > li > button { width: 100%; } .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-top: 0; } .button-group.stack-for-small > li { margin: 0 -2px; display: inline-block; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } @media only screen and (max-width: 40em) { .button-group.stack-for-small > li { margin: 0 -2px; display: inline-block; display: block; margin: 0; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.stack-for-small > li > button { width: 100%; } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-top: 0; } } .button-group.radius > * { margin: 0 -2px; display: inline-block; } .button-group.radius > * > button, .button-group.radius > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { border-left: 0; } .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { border-radius: 0; } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-left: 0; } .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.radius.stack > * > button { width: 100%; } .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-top: 0; } .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { border-radius: 0; } .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } @media only screen and (min-width: 40.063em) { .button-group.radius.stack-for-small > * { margin: 0 -2px; display: inline-block; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } } @media only screen and (max-width: 40em) { .button-group.radius.stack-for-small > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.radius.stack-for-small > * > button { width: 100%; } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-top: 0; } .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } } .button-group.round > * { margin: 0 -2px; display: inline-block; } .button-group.round > * > button, .button-group.round > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round > *:first-child button, .button-group.round > *:first-child .button { border-left: 0; } .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { border-radius: 0; } .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } .button-group.round.stack > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-left: 0; } .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.round.stack > * > button { width: 100%; } .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-top: 0; } .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { border-radius: 0; } .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } @media only screen and (min-width: 40.063em) { .button-group.round.stack-for-small > * { margin: 0 -2px; display: inline-block; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } } @media only screen and (max-width: 40em) { .button-group.round.stack-for-small > * { margin: 0 -2px; display: inline-block; display: block; margin: 0; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; margin: 0; display: block; } .button-group.round.stack-for-small > * > button { width: 100%; } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-top: 0; } .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } } .button-bar:before, .button-bar:after { content: " "; display: table; } .button-bar:after { clear: both; } .button-bar .button-group { float: left; margin-right: 0.625rem; } .button-bar .button-group div { overflow: hidden; } /* Clearing Styles */ .clearing-thumbs, [data-clearing] { margin-bottom: 0; margin-left: 0; list-style: none; } .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } .clearing-thumbs:after, [data-clearing]:after { clear: both; } .clearing-thumbs li, [data-clearing] li { float: left; margin-right: 10px; } .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li { margin-right: 0; } .clearing-blackout { background: #333333; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .clearing-touch-label { position: absolute; top: 50%; left: 50%; color: #AAAAAA; font-size: 0.6em; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); max-height: 100%; max-width: 100%; } .clearing-caption { color: #CCCCCC; font-size: 0.875em; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #333333; width: 100%; padding: 10px 30px 20px; position: absolute; left: 0; } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 30px; line-height: 1; color: #CCCCCC; display: none; } .clearing-close:hover, .clearing-close:focus { color: #CCCCCC; } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 40.063em) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 12px; } .clearing-main-prev > span:hover, .clearing-main-next > span:hover { opacity: 0.8; } .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: #CCCCCC; } .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: #CCCCCC; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.3; } .clearing-assembled .clearing-container .carousel { background: rgba(51, 51, 51, 0.8); height: 120px; margin-top: 10px; text-align: center; } .clearing-assembled .clearing-container .carousel > ul { display: inline-block; z-index: 999; height: 100%; position: relative; float: none; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 120px; min-height: inherit; float: left; overflow: hidden; margin-right: 0; padding: 0; position: relative; cursor: pointer; opacity: 0.4; clear: none; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .carousel > ul li:hover { opacity: 0.8; } .clearing-assembled .clearing-container .visible-img { background: #333333; overflow: hidden; height: 85%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } } /* Foundation Dropdowns */ .f-dropdown { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent #FFFFFF transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 89; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 88; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown.drop-right { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; } .f-dropdown.drop-right > *:first-child { margin-top: 0; } .f-dropdown.drop-right > *:last-child { margin-bottom: 0; } .f-dropdown.drop-right:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #FFFFFF transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: -12px; z-index: 89; } .f-dropdown.drop-right:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -14px; z-index: 88; } .f-dropdown.drop-left { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; } .f-dropdown.drop-left > *:first-child { margin-top: 0; } .f-dropdown.drop-left > *:last-child { margin-bottom: 0; } .f-dropdown.drop-left:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #FFFFFF; border-left-style: solid; position: absolute; top: 10px; right: -12px; left: auto; z-index: 89; } .f-dropdown.drop-left:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -14px; left: auto; z-index: 88; } .f-dropdown.drop-top { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; width: 100%; max-height: none; height: auto; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; margin-top: -2px; margin-left: 0; max-width: 200px; } .f-dropdown.drop-top > *:first-child { margin-top: 0; } .f-dropdown.drop-top > *:last-child { margin-bottom: 0; } .f-dropdown.drop-top:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: #FFFFFF transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -12px; left: 10px; right: auto; z-index: 89; } .f-dropdown.drop-top:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: #cccccc transparent transparent transparent; border-top-style: solid; position: absolute; top: auto; bottom: -14px; left: 9px; right: auto; z-index: 88; } .f-dropdown li { font-size: 0.875rem; cursor: pointer; line-height: 1.125rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; } .f-dropdown li.radius { border-radius: 3px; } .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; } .f-dropdown.content { position: absolute; left: -9999px; list-style: none; margin-left: 0; outline: none; padding: 1.25rem; width: 100%; height: auto; max-height: none; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; z-index: 89; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } .f-dropdown.mega { width: 100% !important; max-width: 100% !important; } .f-dropdown.mega.open { left: 0 !important; } .dropdown.button, button.dropdown { position: relative; outline: none; padding-right: 3.5625rem; } .dropdown.button::after, button.dropdown::after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: #FFFFFF transparent transparent transparent; top: 50%; } .dropdown.button::after, button.dropdown::after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button::after, button.dropdown::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny::after, button.dropdown.tiny::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; } .dropdown.button.small::after, button.dropdown.small::after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small::after, button.dropdown.small::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; } .dropdown.button.large::after, button.dropdown.large::after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large::after, button.dropdown.large::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; } .flex-video { position: relative; padding-top: 1.5625rem; padding-bottom: 67.5%; height: 0; margin-bottom: 1rem; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.34%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { font-size: 0.875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: normal; line-height: 1.5; margin-bottom: 0;/* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #676767; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: visible; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; border: none; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; border: none; } .prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; border-radius: 0; background-color: #FFFFFF; font-family: inherit; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875rem; margin: 0 0 1rem 0; padding: 0.5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.15s linear; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } input[type="submit"] { -webkit-appearance: none; border-radius: 0; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Not allow resize out of parent */ textarea { max-width: 100%; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; border-radius: 0; background-color: #FAFAFA; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; padding: 0.5rem; font-size: 0.875rem; font-family: "Lato", Helvetica, sans-serif; color: rgba(0, 0, 0, 0.75); line-height: normal; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select.radius { border-radius: 3px; } select:hover { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select[multiple] { height: auto; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset { border: 1px solid #DDDDDD; padding: 1.25rem; margin: 1.125rem 0; } fieldset legend { font-weight: bold; background: #FFFFFF; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: #FFFFFF; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: #FFFFFF; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #f04124; } .error small.error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: #FFFFFF; } .error > label > small { color: #676767; background: transparent; padding: 0; text-transform: capitalize; font-style: normal; font-size: 60%; margin: 0; display: inline; } .error span.error-message { display: block; } input.error, textarea.error, select.error { margin-bottom: 0; } label.error { color: #f04124; } .icon-bar { width: 100%; font-size: 0; display: inline-block; background: #333333; } .icon-bar > * { text-align: center; font-size: 1rem; width: 25%; margin: 0 auto; display: block; padding: 1.25rem; float: left; } .icon-bar > * i, .icon-bar > * img { display: block; margin: 0 auto; } .icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; } .icon-bar > * i { font-size: 1.875rem; vertical-align: middle; } .icon-bar > * img { width: 1.875rem; height: 1.875rem; } .icon-bar.label-right > * i, .icon-bar.label-right > * img { margin: 0 .0625rem 0 0; display: inline-block; } .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label { margin-top: 0; } .icon-bar.label-right > * label { display: inline-block; } .icon-bar.vertical.label-right > * { text-align: left; } .icon-bar.vertical, .icon-bar.small-vertical { height: 100%; width: auto; } .icon-bar.vertical .item, .icon-bar.small-vertical .item { width: auto; margin: auto; float: none; } @media only screen and (min-width: 40.063em) { .icon-bar.medium-vertical { height: 100%; width: auto; } .icon-bar.medium-vertical .item { width: auto; margin: auto; float: none; } } @media only screen and (min-width: 64.063em) { .icon-bar.large-vertical { height: 100%; width: auto; } .icon-bar.large-vertical .item { width: auto; margin: auto; float: none; } } .icon-bar > * { font-size: 1rem; padding: 1.25rem; } .icon-bar > * i + label, .icon-bar > * img + label { margin-top: .0625rem; } .icon-bar > * i { font-size: 1.875rem; } .icon-bar > * img { width: 1.875rem; height: 1.875rem; } .icon-bar > * label { color: #FFFFFF; } .icon-bar > * i { color: #FFFFFF; } .icon-bar > a:hover { background: #6D2363; } .icon-bar > a:hover label { color: #FFFFFF; } .icon-bar > a:hover i { color: #FFFFFF; } .icon-bar > a.active { background: #6D2363; } .icon-bar > a.active label { color: #FFFFFF; } .icon-bar > a.active i { color: #FFFFFF; } .icon-bar .item.disabled { opacity: 0.7; cursor: not-allowed; pointer-events: none; } .icon-bar .item.disabled > * { opacity: 0.7; cursor: not-allowed; } .icon-bar.two-up .item { width: 50%; } .icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.two-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.two-up.large-vertical .item { width: auto; } } .icon-bar.three-up .item { width: 33.3333%; } .icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.three-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.three-up.large-vertical .item { width: auto; } } .icon-bar.four-up .item { width: 25%; } .icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.four-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.four-up.large-vertical .item { width: auto; } } .icon-bar.five-up .item { width: 20%; } .icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.five-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.five-up.large-vertical .item { width: auto; } } .icon-bar.six-up .item { width: 16.66667%; } .icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.six-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.six-up.large-vertical .item { width: auto; } } .icon-bar.seven-up .item { width: 14.28571%; } .icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.seven-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.seven-up.large-vertical .item { width: auto; } } .icon-bar.eight-up .item { width: 12.5%; } .icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item { width: auto; } @media only screen and (min-width: 40.063em) { .icon-bar.eight-up.medium-vertical .item { width: auto; } } @media only screen and (min-width: 64.063em) { .icon-bar.eight-up.large-vertical .item { width: auto; } } .inline-list { margin: 0 auto 1.0625rem auto; margin-left: -1.375rem; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.375rem; display: block; } .inline-list > li > * { display: block; } /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { display: none; position: absolute; background: #333333; color: #FFFFFF; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px; } .joyride-content-wrapper { width: 100%; padding: 1.125rem 1.25rem 1.5rem; } .joyride-content-wrapper .button { margin-bottom: 0 !important; } .joyride-content-wrapper .joyride-prev-tip { margin-right: 10px; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: 10px solid #333333; } .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: #333333; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -20px; } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { right: -20px; } .joyride-tip-guide .joyride-nub.left { left: -20px; } /* Typography */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: #FFFFFF; } .joyride-tip-guide p { margin: 0 0 1.125rem 0; font-size: 0.875rem; line-height: 1.3; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 1.0625rem; bottom: 1rem; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; } .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 24px; font-weight: normal; line-height: .5 !important; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #EEEEEE !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #FFFFFF; position: absolute; border-radius: 3px; z-index: 102; box-shadow: 0 0 15px #FFFFFF; } .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0; left: 0; } /* Styles for screens that are at least 768px; */ @media only screen and (min-width: 40.063em) { .joyride-tip-guide { width: 300px; left: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: #333333 !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -20px; } .joyride-tip-guide .joyride-nub.right { border-color: #333333 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -20px; } .joyride-tip-guide .joyride-nub.left { border-color: #333333 !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -20px; right: auto; } } .keystroke, kbd { background-color: #ededed; border-color: #dddddd; color: #222222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: inherit; padding: 0.125rem 0.25rem 0; border-radius: 3px; } .label { font-weight: normal; font-family: "Lato", Helvetica, sans-serif; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; margin-bottom: auto; padding: 0.25rem 0.5rem 0.25rem; font-size: 0.6875rem; background-color: #6D2363; color: #FFFFFF; } .label.radius { border-radius: 3px; } .label.round { border-radius: 1000px; } .label.alert { background-color: #f04124; color: #FFFFFF; } .label.warning { background-color: #f08a24; color: #FFFFFF; } .label.success { background-color: #43AC6A; color: #FFFFFF; } .label.secondary { background-color: #e7e7e7; color: #333333; } .label.info { background-color: #a0d3e8; color: #333333; } [data-magellan-expedition], [data-magellan-expedition-clone] { background: #FFFFFF; z-index: 50; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav { margin-bottom: 0; } [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd { margin-bottom: 0; } [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a { line-height: 1.8em; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotate { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Orbit Graceful Loading */ .slideshow-wrapper { position: relative; } .slideshow-wrapper ul { list-style-type: none; margin: 0; } .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; } .slideshow-wrapper ul li:first-child { display: block; } .slideshow-wrapper .orbit-container { background-color: transparent; } .slideshow-wrapper .orbit-container li { display: block; } .slideshow-wrapper .orbit-container li .orbit-caption { display: block; } .slideshow-wrapper .orbit-container .orbit-bullets li { display: inline-block; } .slideshow-wrapper .preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555555 #FFFFFF; border-radius: 1000px; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .home-slider { direction:ltr;} .orbit-container { overflow: hidden; width: 100%; position: relative; background: none; } .orbit-container .orbit-slides-container,.home-slider { list-style: none; margin: 0; padding: 0; position: relative; -webkit-transform: translateZ(0); } .orbit-container .orbit-slides-container img,.home-slider img { display: block; max-width: 100%; } /*.orbit-container .orbit-slides-container > * ,.home-slider > *{ position: absolute; top: 0; width: 100%; margin-left: 100%; } */.orbit-container .orbit-slides-container > *:first-child,.home-slider > *:first-child { margin-left: 0; } .orbit-container .orbit-slides-container > * .orbit-caption ,.home-slider > * .orbit-caption { position: absolute; bottom: 0; background-color: rgba(102, 178, 142, 0.85); color: #FFFFFF; width: 100%; padding: 0.625rem 0.875rem; font-size: 0.875rem; } .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: #FFFFFF; background: transparent; z-index: 10; } .orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125rem; } .orbit-container .orbit-timer { position: absolute; top: 12px; right: 10px; height: 6px; width: 100px; z-index: 10; } .orbit-container .orbit-timer .orbit-progress { height: 3px; background-color: rgba(255, 255, 255, 0.3); display: block; width: 0; position: relative; right: 20px; top: 5px; } .orbit-container .orbit-timer > span { display: none; position: absolute; top: 0; right: 0; width: 11px; height: 14px; border: solid 4px #FFFFFF; border-top: none; border-bottom: none; } .orbit-container .orbit-timer.paused > span { right: -4px; top: 0; width: 11px; height: 14px; border: inset 8px; border-left-style: solid; border-color: transparent; border-left-color: #FFFFFF; } .orbit-container .orbit-timer.paused > span.dark { border-left-color: #333333; } .orbit-container:hover .orbit-timer > span { display: block; } .orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 45%; margin-top: -25px; width: 36px; height: 60px; line-height: 50px; color: white; background-color: transparent; text-indent: -9999px !important; z-index: 10; } .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover { background-color: rgba(0, 0, 0, 0.3); } .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -10px; display: block; width: 0; height: 0; border: inset 10px; } .orbit-container .orbit-prev { left: 0; } .orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: #FFFFFF; } .orbit-container .orbit-prev:hover > span { border-right-color: #FFFFFF; } .orbit-container .orbit-next { right: 0; } .orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: #FFFFFF; left: 50%; margin-left: -4px; } .orbit-container .orbit-next:hover > span { border-left-color: #FFFFFF; } .orbit-bullets-container { text-align: center; } .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; float: none; text-align: center; display: block; } .orbit-bullets li { cursor: pointer; display: inline-block; width: 0.5625rem; height: 0.5625rem; background: #CCCCCC; float: none; margin-right: 6px; border-radius: 1000px; } .orbit-bullets li.active { background: #999999; } .orbit-bullets li:last-child { margin-right: 0; } .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; } .touch .orbit-bullets { display: none; } @media only screen and (min-width: 40.063em) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { display: block; } } @media only screen and (max-width: 40em) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; } .orbit-stack-on-small .orbit-slides-container > * { position: relative; margin: 0 !important; opacity: 1 !important; } .orbit-stack-on-small .orbit-slide-number { display: none; } .orbit-timer { display: none; } .orbit-next, .orbit-prev { display: none; } .orbit-bullets { display: none; } } ul.pagination { display: block; min-height: 1.5rem; margin-left: -0.3125rem; } ul.pagination li { height: 1.5rem; color: #222222; font-size: 0.875rem; margin-left: 0.3125rem; } ul.pagination li a, ul.pagination li button { display: block; padding: 0.0625rem 0.625rem 0.0625rem; color: #999999; background: none; border-radius: 3px; font-weight: normal; font-size: 1em; line-height: inherit; transition: background-color 300ms ease-out; } ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #e6e6e6; } ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #999999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { background: transparent; } ul.pagination li.current a, ul.pagination li.current button { background: #6D2363; color: #FFFFFF; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background: #6D2363; } ul.pagination li { float: left; display: block; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } /* Panels */ .panel { border-style: solid; border-width: 1px; border-color: #d8d8d8; margin-bottom: 1.25rem; padding: 1.25rem; background: #f2f2f2; color: #333333; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl { color: #333333; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625rem; } .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } .panel.callout { border-style: solid; border-width: 1px; border-color: #edc6e7; margin-bottom: 1.25rem; padding: 1.25rem; background: #faeef8; color: #333333; } .panel.callout > :first-child { margin-top: 0; } .panel.callout > :last-child { margin-bottom: 0; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl { color: #333333; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625rem; } .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } .panel.callout a:not(.button) { color: #6D2363; } .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus { color: #5e1e55; } .panel.radius { border-radius: 3px; } /* Pricing Tables */ .pricing-table { border: solid 1px #DDDDDD; margin-left: 0; margin-bottom: 1.25rem; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #333333; padding: 0.9375rem 1.25rem; text-align: center; color: #EEEEEE; font-weight: normal; font-size: 1rem; font-family: "Lato", Helvetica, sans-serif; } .pricing-table .price { background-color: #F6F6F6; padding: 0.9375rem 1.25rem; text-align: center; color: #333333; font-weight: normal; font-size: 2rem; font-family: "Lato", Helvetica, sans-serif; } .pricing-table .description { background-color: #FFFFFF; padding: 0.9375rem; text-align: center; color: #777777; font-size: 0.75rem; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #DDDDDD; } .pricing-table .bullet-item { background-color: #FFFFFF; padding: 0.9375rem; text-align: center; color: #333333; font-size: 0.875rem; font-weight: normal; border-bottom: dotted 1px #DDDDDD; } .pricing-table .cta-button { background-color: #FFFFFF; text-align: center; padding: 1.25rem 1.25rem 0; } /* Progress Bar */ .progress { background-color: #F6F6F6; height: 1.5625rem; border: 1px solid white; padding: 0.125rem; margin-bottom: 0.625rem; } .progress .meter { background: #6D2363; height: 100%; display: block; } .progress.secondary .meter { background: #e7e7e7; height: 100%; display: block; } .progress.success .meter { background: #43AC6A; height: 100%; display: block; } .progress.alert .meter { background: #f04124; height: 100%; display: block; } .progress.radius { border-radius: 3px; } .progress.radius .meter { border-radius: 2px; } .progress.round { border-radius: 1000px; } .progress.round .meter { border-radius: 999px; } .range-slider { position: relative; border: 1px solid #DDDDDD; margin: 1.25rem 0; -ms-touch-action: none; touch-action: none; display: block; width: 100%; height: 1rem; background: #FAFAFA; } .range-slider.vertical-range { position: relative; border: 1px solid #DDDDDD; margin: 1.25rem 0; -ms-touch-action: none; touch-action: none; display: inline-block; width: 1rem; height: 12.5rem; } .range-slider.vertical-range .range-slider-handle { margin-top: 0; margin-left: -0.5rem; position: absolute; bottom: -10.5rem; } .range-slider.vertical-range .range-slider-active-segment { width: 0.875rem; height: auto; bottom: 0; } .range-slider.radius { background: #FAFAFA; border-radius: 3px; } .range-slider.radius .range-slider-handle { background: #6D2363; border-radius: 3px; } .range-slider.radius .range-slider-handle:hover { background: #601f57; } .range-slider.round { background: #FAFAFA; border-radius: 1000px; } .range-slider.round .range-slider-handle { background: #6D2363; border-radius: 1000px; } .range-slider.round .range-slider-handle:hover { background: #601f57; } .range-slider.disabled, .range-slider[disabled] { background: #FAFAFA; cursor: not-allowed; opacity: 0.7; } .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle { background: #6D2363; cursor: default; opacity: 0.7; } .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover { background: #601f57; } .range-slider-active-segment { display: inline-block; position: absolute; height: 0.875rem; background: #e5e5e5; } .range-slider-handle { display: inline-block; position: absolute; z-index: 1; top: -0.3125rem; width: 2rem; height: 1.375rem; border: 1px solid none; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; background: #6D2363; } .range-slider-handle:hover { background: #601f57; } .reveal-modal-bg { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; background: rgba(0, 0, 0, 0.45); z-index: 1004; display: none; left: 0; } .reveal-modal { visibility: hidden; display: none; position: absolute; z-index: 1005; width: 100%; top: 0; border-radius: 3px; left: 0; background-color: #FFFFFF; padding: 1.875rem; border: solid 1px #666666; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 40em) { .reveal-modal { min-height: 100vh; } } .reveal-modal .column, .reveal-modal .columns { min-width: 0; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } @media only screen and (min-width: 40.063em) { .reveal-modal { width: 80%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { .reveal-modal { top: 6.25rem; } } .reveal-modal.radius { border-radius: 3px; } .reveal-modal.round { border-radius: 1000px; } .reveal-modal.collapse { padding: 0; } @media only screen and (min-width: 40.063em) { .reveal-modal.tiny { width: 30%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { .reveal-modal.small { width: 40%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { .reveal-modal.medium { width: 60%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { .reveal-modal.large { width: 70%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } @media only screen and (min-width: 40.063em) { .reveal-modal.xlarge { width: 95%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } .reveal-modal.full { top: 0; left: 0; height: 100%; height: 100vh; min-height: 100vh; max-width: none !important; margin-left: 0 !important; } @media only screen and (min-width: 40.063em) { .reveal-modal.full { width: 100%; max-width: 62.5rem; left: 0; right: 0; margin: 0 auto; } } .reveal-modal.toback { z-index: 1003; } .reveal-modal .close-reveal-modal { font-size: 2.5rem; line-height: 1; position: absolute; top: 0.625rem; right: 1.375rem; color: #AAAAAA; font-weight: bold; cursor: pointer; } .side-nav { display: block; margin: 0; padding: 0.875rem 0; list-style-type: none; list-style-position: outside; font-family: "Lato", Helvetica, sans-serif; } .side-nav li { margin: 0 0 0.4375rem 0; font-size: 0.875rem; font-weight: normal; } .side-nav li a:not(.button) { display: block; color: #6D2363; margin: 0; padding: 0.4375rem 0.875rem; } .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { background: rgba(0, 0, 0, 0.025); color: #c03eae; } .side-nav li.active > a:first-child:not(.button) { color: #c03eae; font-weight: normal; font-family: "Lato", Helvetica, sans-serif; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: white; } .side-nav li.heading { color: #6D2363; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; } .split.button { position: relative; padding-right: 5.0625rem; } .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; } .split.button span:after { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; top: 50%; left: 50%; } .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } .split.button span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button span { width: 3.09375rem; } .split.button span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } .split.button span:after { border-color: #FFFFFF transparent transparent transparent; } .split.button.secondary span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.secondary span:after { border-color: #FFFFFF transparent transparent transparent; } .split.button.alert span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.success span { border-left-color: rgba(255, 255, 255, 0.5); } .split.button.tiny { padding-right: 3.75rem; } .split.button.tiny span { width: 2.25rem; } .split.button.tiny span:after { border-top-style: solid; border-width: 0.375rem; top: 48%; margin-left: -0.375rem; } .split.button.small { padding-right: 4.375rem; } .split.button.small span { width: 2.625rem; } .split.button.small span:after { border-top-style: solid; border-width: 0.4375rem; top: 48%; margin-left: -0.375rem; } .split.button.large { padding-right: 5.5rem; } .split.button.large span { width: 3.4375rem; } .split.button.large span:after { border-top-style: solid; border-width: 0.3125rem; top: 48%; margin-left: -0.375rem; } .split.button.expand { padding-left: 2rem; } .split.button.secondary span:after { border-color: #333333 transparent transparent transparent; } .split.button.radius span { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .split.button.round span { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } .split.button.no-pip span:before { border-style: none; } .split.button.no-pip span:after { border-style: none; } .split.button.no-pip span > i { top: 50%; display: block; position: absolute; left: 50%; margin-left: -0.28889em; margin-top: -0.48889em; } .sub-nav { display: block; width: auto; overflow: hidden; margin-bottom: -0.25rem 0 1.125rem; padding-top: 0.25rem; } .sub-nav dt { text-transform: uppercase; } .sub-nav dt, .sub-nav dd, .sub-nav li { float: left; margin-left: 1rem; margin-bottom: 0; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; font-size: 0.875rem; color: #999999; } .sub-nav dt a, .sub-nav dd a, .sub-nav li a { text-decoration: none; color: #999999; padding: 0.1875rem 1rem; } .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover { color: #737373; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { border-radius: 3px; font-weight: normal; background: #6D2363; padding: 0.1875rem 1rem; cursor: default; color: #FFFFFF; } .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { background: #5e1e55; } .switch { padding: 0; border: none; position: relative; outline: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .switch label { display: block; margin-bottom: 1rem; position: relative; color: transparent; background: #DDDDDD; text-indent: 100%; width: 4rem; height: 2rem; cursor: pointer; transition: left 0.15s ease-out; } .switch input { opacity: 0; position: absolute; top: 9px; left: 10px; padding: 0; } .switch input + label { margin-left: 0; margin-right: 0; } .switch label:after { content: ""; display: block; background: #FFFFFF; position: absolute; top: .25rem; left: .25rem; width: 1.5rem; height: 1.5rem; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: translate3d(0, 0, 0); transition: left 0.15s ease-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .switch input:checked + label { background: #6D2363; } .switch input:checked + label:after { left: 2.25rem; } .switch label { width: 4rem; height: 2rem; } .switch label:after { width: 1.5rem; height: 1.5rem; } .switch input:checked + label:after { left: 2.25rem; } .switch label { color: transparent; background: #DDDDDD; } .switch label:after { background: #FFFFFF; } .switch input:checked + label { background: #6D2363; } .switch.large label { width: 5rem; height: 2.5rem; } .switch.large label:after { width: 2rem; height: 2rem; } .switch.large input:checked + label:after { left: 2.75rem; } .switch.small label { width: 3.5rem; height: 1.75rem; } .switch.small label:after { width: 1.25rem; height: 1.25rem; } .switch.small input:checked + label:after { left: 2rem; } .switch.tiny label { width: 3rem; height: 1.5rem; } .switch.tiny label:after { width: 1rem; height: 1rem; } .switch.tiny input:checked + label:after { left: 1.75rem; } .switch.radius label { border-radius: 4px; } .switch.radius label:after { border-radius: 3px; } .switch.round { border-radius: 1000px; } .switch.round label { border-radius: 2rem; } .switch.round label:after { border-radius: 2rem; } table { background: #FFFFFF; margin-bottom: 1.25rem; border: solid 1px #DDDDDD; table-layout: auto; } table caption { background: transparent; color: #222222; font-size: 1rem; font-weight: bold; } table thead { background: #F5F5F5; } table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } table tfoot { background: #F5F5F5; } table tfoot tr th, table tfoot tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #222222; } table tr th, table tr td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222222; text-align: left; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #F9F9F9; } table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.125rem; } .tabs { margin-bottom: 0 !important; margin-left: 0; } .tabs:before, .tabs:after { content: " "; display: table; } .tabs:after { clear: both; } .tabs dd, .tabs .tab-title { position: relative; margin-bottom: 0 !important; list-style: none; float: left; } .tabs dd > a, .tabs .tab-title > a { display: block; background-color: #EFEFEF; color: #222222; padding: 1rem 2rem; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; } .tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: #e1e1e1; } .tabs dd > a:focus, .tabs .tab-title > a:focus { outline: none; } .tabs dd.active a, .tabs .tab-title.active a { background-color: #FFFFFF; color: #222222; } .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; } .tabs-content { margin-bottom: 1.5rem; width: 100%; } .tabs-content:before, .tabs-content:after { content: " "; display: table; } .tabs-content:after { clear: both; } .tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; width: 100%; } .tabs-content > .content.active { display: block; float: none; } .tabs-content > .content.contained { padding: 0.9375rem; } .tabs-content.vertical { display: block; } .tabs-content.vertical > .content { padding: 0 0.9375rem; } @media only screen and (min-width: 40.063em) { .tabs.vertical { width: 20%; max-width: 20%; float: left; margin: 0 0 1.25rem; } .tabs-content.vertical { width: 80%; max-width: 80%; float: left; margin-left: -1px; padding-left: 1rem; } } .no-js .tabs-content > .content { display: block; float: none; } /* Image Thumbnails */ .th { line-height: 0; display: inline-block; border: solid 4px #FFFFFF; max-width: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 200ms ease-out; } .th:hover, .th:focus { box-shadow: 0 0 6px 1px rgba(109, 35, 99, 0.5); } .th.radius { border-radius: 3px; } /* Tooltips */ .has-tip { border-bottom: dotted 1px #CCCCCC; cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #31102d; color: #6D2363; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 1006; font-weight: normal; font-size: 0.875rem; line-height: 1.3; padding: 0.75rem; max-width: 300px; left: 50%; width: 100%; color: #FFFFFF; background: #333333; } .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent #333333 transparent; top: -10px; pointer-events: none; } .tooltip > .nub.rtl { left: auto; right: 5px; } .tooltip.radius { border-radius: 3px; } .tooltip.round { border-radius: 1000px; } .tooltip.round > .nub { left: 2rem; } .tooltip.opened { color: #6D2363 !important; border-bottom: dotted 1px #31102d !important; } .tap-to-close { display: block; font-size: 0.625rem; color: #777777; font-weight: normal; } @media only screen and (min-width: 40.063em) { .tooltip > .nub { border-color: transparent transparent #333333 transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: #333333 transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent #333333; right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent #333333 transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } meta.foundation-mq-topbar { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #fff; } .contain-to-grid .top-bar { margin-bottom: 0; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .fixed.expanded:not(.top-bar) { overflow-y: auto; height: auto; width: 100%; max-height: 100%; } .fixed.expanded:not(.top-bar) .title-area { position: fixed; width: 100%; z-index: 99; } .fixed.expanded:not(.top-bar) .top-bar-section { z-index: 98; margin-top: 2.8125rem; } .fixed .top-bar-section{ max-width:62.5rem; margin:0 auto; padding:0 0.9375rem;} .top-bar { overflow: hidden; height: 2.8125rem; line-height: 2.8125rem; position: relative; background: #fff; margin-bottom: 0; } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: 1.75rem; padding-top: .35rem; padding-bottom: .35rem; font-size: 0.75rem; } .top-bar .button, .top-bar button { padding-top: 0.4125rem; padding-bottom: 0.4125rem; margin-bottom: 0; font-size: 0.75rem; } @media only screen and (max-width: 40em) { .top-bar .button, .top-bar button { position: relative; top: -1px; } } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 2.8125rem; margin: 0; font-size: 16px; } .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { line-height: 2.8125rem; font-size: 1rem; margin: 0; } .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a { font-weight: normal; color: #6D2363; width: 75%; display: block; padding: 0 0.5rem; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: #6D2363; text-transform: uppercase; font-size: 0.8125rem; font-weight: bold; position: relative; display: block; padding: 0 0.5rem; height: 2.8125rem; line-height: 2.8125rem; } .top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; } .top-bar .toggle-topbar.menu-icon a { height: 34px; line-height: 33px; padding: 0 2.0625rem 0 0.5rem; color: #FFFFFF; position: relative; } .top-bar .toggle-topbar.menu-icon a span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -8px; right: 0.5rem; box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; width: 16px; } .top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #fff; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a span::after { box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; } .top-bar-section { left: 0; position: relative; width: auto; transition: left 300ms ease-out; } .top-bar-section ul { padding: 0; width: 100%; height: auto; display: block; font-size: 16px; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-top: solid 1px gray; clear: both; height: 1px; width: 100%; } .top-bar-section ul li { background: #333333; } .top-bar-section ul li > a { display: block; width: 100%; color: #6D2363; padding: 12px 0 12px 0; padding-left: 0.5rem; font-family: "Lato", Helvetica, sans-serif; font-size: 1rem; font-weight: normal; text-transform: none; } .top-bar-section ul li > a.button { font-size: 1rem; padding-right: 0.5rem; padding-left: 0.5rem; background-color: #6D2363; border-color: #571c4f; color: #FFFFFF; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color: #571c4f; } .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color: #b9b9b9; } .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color: #333333; } .top-bar-section ul li > a.button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color: #368a55; } .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color: #cf2a0e; } .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color: #FFFFFF; } .top-bar-section ul li > a.button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { background-color: #cf6e0e; } .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { color: #FFFFFF; } .top-bar-section ul li > button { font-size: 1rem; padding-right: 0.5rem; padding-left: 0.5rem; background-color: #6D2363; border-color: #571c4f; color: #FFFFFF; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color: #571c4f; } .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color: #FFFFFF; } .top-bar-section ul li > button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color: #b9b9b9; } .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color: #333333; } .top-bar-section ul li > button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color: #368a55; } .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color: #FFFFFF; } .top-bar-section ul li > button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color: #cf2a0e; } .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color: #FFFFFF; } .top-bar-section ul li > button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { background-color: #cf6e0e; } .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { color: #FFFFFF; } .top-bar-section ul li:hover:not(.has-form) > a { background-color: #555555; background: #6D2363; color: #FFFFFF; } .top-bar-section ul li.active > a { background: #6D2363; color: #FFFFFF; } .top-bar-section ul li.active > a:hover { background: #5e1e55; color: #FFFFFF; } .top-bar-section .has-form { padding: 0.5rem; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style: solid; margin-right: 0.5rem; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; } .top-bar-section .has-dropdown.moved > a:after { display: none; } .top-bar-section .dropdown { padding: 0; position: absolute; left: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 0.5rem; } .top-bar-section .dropdown li a.parent-link { font-weight: normal; } .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom: 0; margin-top: 0; font-size: 1.125rem; } .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #6D2363; display: block; } .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background: none; } .top-bar-section .dropdown li.has-form { padding: 8px 0.5rem; } .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top: auto; } .top-bar-section .dropdown label { padding: 8px 0.5rem 2px; margin-bottom: 0; text-transform: uppercase; color: #777777; font-weight: bold; font-size: 0.625rem; } .js-generated { display: block; } @media only screen and (min-width: 40.063em) { .top-bar { background: #fff; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a { width: auto; } .top-bar input, .top-bar .button, .top-bar button { font-size: 0.875rem; position: relative; height: 1.75rem; top: 0.53125rem; } .top-bar.expanded { background: #fff; } .contain-to-grid .top-bar { max-width: 62.5rem; margin: 0 auto; margin-bottom: 0; } .top-bar-section { transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li.hover > a:not(.button) { background-color: #555555; background: #6D2363; color: #FFFFFF; } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 0.5rem; line-height: 2.8125rem; background: #fff; } .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #555555; background: #6D2363; } .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 0.5rem; line-height: 2.8125rem; color: #FFFFFF; background: #6D2363; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: #5e1e55; color: #FFFFFF; } .top-bar-section .has-dropdown > a { padding-right: 1.75rem !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 1.40625rem; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { display: block; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; top: 1rem; margin-top: -1px; right: 5px; line-height: 1.2; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: #FFFFFF; line-height: 2.8125rem; white-space: nowrap; padding: 12px 0.5rem; background: #333333; } .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #FFFFFF; background: #333333; } .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { color: #FFFFFF; background-color: #555555; background: #333333; } .top-bar-section .dropdown li label { white-space: nowrap; background: #333333; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px white; clear: none; height: 2.8125rem; width: 0; } .top-bar-section .has-form { background: #fff; padding: 0 0.5rem; height: 2.8125rem; } .top-bar-section .right li .dropdown { left: auto; right: 0; } .top-bar-section .right li .dropdown li .dropdown { right: 100%; } .top-bar-section .left li .dropdown { right: auto; left: 0; } .top-bar-section .left li .dropdown li .dropdown { left: 100%; } .no-js .top-bar-section ul li:hover > a { background-color: #555555; background: #6D2363; color: #FFFFFF; } .no-js .top-bar-section ul li:active > a { background: #6D2363; color: #FFFFFF; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } .no-js .top-bar-section .has-dropdown > a:focus + .dropdown { display: block; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; position: absolute !important; } } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } } @media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.063em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.063em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #6D2363; text-decoration: none; line-height: inherit; } a:hover, a:focus { color: #5e1e55; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1.2rem; line-height: 1.6; margin-bottom: 0.625rem; text-rendering: optimizeLegibility; } p.lead { font-size: 1.41875rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Lato", Helvetica, sans-serif; font-weight: 700; font-style: normal; color: #6D2363; text-rendering: optimizeLegibility; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #e4acdd; line-height: 0; } h1 { font-size: 1.25rem; } h2 { font-size: 1.375rem; } h3 { font-size: 1.375rem; } h4 { font-size: 1.125rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #c54bb5; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #333333; background-color: #f8f8f8; border-width: 1px; border-style: solid; border-color: #dfdfdf; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-size: 1.2rem; line-height: 1.6; margin-bottom: 0.625rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #DDDDDD; } /* Blockquotes */ blockquote { margin: 0 0 0.625rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { display: block; font-size: 0.8125rem; color: #ad379d; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #ad379d; } blockquote, blockquote p { line-height: 1.6; color: #c54bb5; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 40.063em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 1.875rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.6875rem; } h4 { font-size: 1.4375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } .off-canvas-wrap { -webkit-backface-visibility: hidden; position: relative; width: 100%; overflow: hidden; } .off-canvas-wrap.move-right, .off-canvas-wrap.move-left { min-height: 100%; -webkit-overflow-scrolling: touch; } .inner-wrap { position: relative; width: 100%; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .inner-wrap:before, .inner-wrap:after { content: " "; display: table; } .inner-wrap:after { clear: both; } .tab-bar { -webkit-backface-visibility: hidden; background: rgba(255, 0, 0, 0); color: #FFFFFF; height: 2.8125rem; line-height: 2.8125rem; position: relative; } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 { color: #FFFFFF; font-weight: bold; line-height: 2.8125rem; margin: 0; } .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 { font-size: 1.125rem; } .left-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-right: solid 1px rgba(128, 0, 0, 0); left: 0; } .right-small { width: 2.8125rem; height: 2.8125rem; position: absolute; top: 0; border-left: solid 1px rgba(128, 0, 0, 0); right: 0; } .tab-bar-section { padding: 0 0.625rem; position: absolute; text-align: center; height: 2.8125rem; top: 0; } @media only screen and (min-width: 40.063em) { .tab-bar-section.left { text-align: left; } .tab-bar-section.right { text-align: right; } } .tab-bar-section.left { left: 0; right: 2.8125rem; } .tab-bar-section.right { left: 2.8125rem; right: 0; } .tab-bar-section.middle { left: 2.8125rem; right: 2.8125rem; } .tab-bar .menu-icon { text-indent: 2.1875rem; width: 2.8125rem; height: 2.8125rem; display: block; padding: 0; color: #FFFFFF; position: relative; transform: translate3d(0, 0, 0); } .tab-bar .menu-icon span::after { content: ""; position: absolute; display: block; height: 0; top: 50%; margin-top: -0.625rem; left: 0.625rem; box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF; width: 1.25rem; } .tab-bar .menu-icon span:hover:after { box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; } .left-off-canvas-menu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #942f86; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .left-off-canvas-menu * { -webkit-backface-visibility: hidden; } .right-off-canvas-menu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; overflow-x: hidden; overflow-y: auto; background: #942f86; z-index: 1001; box-sizing: content-box; transition: transform 500ms ease 0s; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; } .right-off-canvas-menu * { -webkit-backface-visibility: hidden; } ul.off-canvas-list { list-style-type: none; padding: 0; margin: 0; } ul.off-canvas-list li label { display: block; padding: 0.3rem 0.9375rem; color: #fff; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; background: #6D2363; border-top: 1px solid #942f86; border-bottom: none; margin: 0; } ul.off-canvas-list li a { display: block; padding: 0.6666666667rem; color: white; border-bottom: 1px solid #6f2465; transition: background 300ms ease; } ul.off-canvas-list li a:hover { background: rgba(179, 0, 0, 0); } .move-right > .inner-wrap { -ms-transform: translate(15.625rem, 0); -webkit-transform: translate3d(15.625rem, 0, 0); -moz-transform: translate3d(15.625rem, 0, 0); -ms-transform: translate3d(15.625rem, 0, 0); -o-transform: translate3d(15.625rem, 0, 0); transform: translate3d(15.625rem, 0, 0); } .move-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 40.063em) { .move-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .move-left > .inner-wrap { -ms-transform: translate(-15.625rem, 0); -webkit-transform: translate3d(-15.625rem, 0, 0); -moz-transform: translate3d(-15.625rem, 0, 0); -ms-transform: translate3d(-15.625rem, 0, 0); -o-transform: translate3d(-15.625rem, 0, 0); transform: translate3d(-15.625rem, 0, 0); } .move-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 40.063em) { .move-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } .offcanvas-overlap .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 40.063em) { .offcanvas-overlap .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .offcanvas-overlap-left .right-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } .offcanvas-overlap-left .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 40.063em) { .offcanvas-overlap-left .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .offcanvas-overlap-right .left-off-canvas-menu { -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; z-index: 1003; } .offcanvas-overlap-right .exit-off-canvas { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5); display: block; position: absolute; background: rgba(255, 255, 255, 0.2); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; } @media only screen and (min-width: 40.063em) { .offcanvas-overlap-right .exit-off-canvas:hover { background: rgba(255, 255, 255, 0.05); } } .no-csstransforms .left-off-canvas-menu { left: -15.625rem; } .no-csstransforms .right-off-canvas-menu { right: -15.625rem; } .no-csstransforms .move-left > .inner-wrap { right: 15.625rem; } .no-csstransforms .move-right > .inner-wrap { left: 15.625rem; } .left-submenu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; margin: 0; overflow-x: hidden; overflow-y: auto; background: #942f86; z-index: 1002; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .left-submenu * { -webkit-backface-visibility: hidden; } .left-submenu .back > a { padding: 0.3rem 0.9375rem; color: #fff; text-transform: uppercase; font-weight: bold; background: #444; border-top: 1px solid #942f86; border-bottom: none; margin: 0; } .left-submenu .back > a:hover { background: #303030; border-top: 1px solid #942f86; border-bottom: none; } .left-submenu .back > a:before { content: "\AB"; margin-right: 0.5rem; display: inline; } .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap { -ms-transform: translate(0%, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .right-submenu { -webkit-backface-visibility: hidden; width: 15.625rem; top: 0; bottom: 0; position: absolute; margin: 0; overflow-x: hidden; overflow-y: auto; background: #942f86; z-index: 1002; box-sizing: content-box; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); right: 0; -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .right-submenu * { -webkit-backface-visibility: hidden; } .right-submenu .back > a { padding: 0.3rem 0.9375rem; color: #fff; text-transform: uppercase; font-weight: bold; background: #444; border-top: 1px solid #942f86; border-bottom: none; margin: 0; } .right-submenu .back > a:hover { background: #303030; border-top: 1px solid #942f86; border-bottom: none; } .right-submenu .back > a:after { content: "\BB"; margin-left: 0.5rem; display: inline; } .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap { -ms-transform: translate(0%, 0); -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after { content: "\BB"; margin-left: 0.5rem; display: inline; } .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: "\AB"; margin-right: 0.5rem; display: inline; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block; } .hide-for-print { display: none; } 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) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group;/* h5bp.com/t */ } 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; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /* Print visibility */ @media print { .show-for-print { display: block; } .hide-for-print { display: none; } 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; } } [class*="gallery-columns-"] { display: block; padding: 0; margin: 0 -0.625rem; } [class*="gallery-columns-"]:before, [class*="gallery-columns-"]:after { content: " "; display: table; } [class*="gallery-columns-"]:after { clear: both; } [class*="gallery-columns-"] > .gallery-item { display: inline; height: auto; float: left; padding: 0 0.625rem 1.25rem; } .gallery-columns-1 > .gallery-item { width: 100%; padding: 0 0.625rem 1.25rem; } .gallery-columns-1 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-1 > .gallery-item:nth-of-type(1n+1) { clear: both; } .gallery-columns-2 > .gallery-item { width: 50%; padding: 0 0.625rem 1.25rem; } .gallery-columns-2 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-2 > .gallery-item:nth-of-type(2n+1) { clear: both; } .gallery-columns-3 > .gallery-item { width: 33.3333333333%; padding: 0 0.625rem 1.25rem; } .gallery-columns-3 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-3 > .gallery-item:nth-of-type(3n+1) { clear: both; } .gallery-columns-4 > .gallery-item { width: 25%; padding: 0 0.625rem 1.25rem; } .gallery-columns-4 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-4 > .gallery-item:nth-of-type(4n+1) { clear: both; } .gallery-columns-5 > .gallery-item { width: 20%; padding: 0 0.625rem 1.25rem; } .gallery-columns-5 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-5 > .gallery-item:nth-of-type(5n+1) { clear: both; } .gallery-columns-6 > .gallery-item { width: 16.6666666667%; padding: 0 0.625rem 1.25rem; } .gallery-columns-6 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-6 > .gallery-item:nth-of-type(6n+1) { clear: both; } .gallery-columns-7 > .gallery-item { width: 14.2857142857%; padding: 0 0.625rem 1.25rem; } .gallery-columns-7 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-7 > .gallery-item:nth-of-type(7n+1) { clear: both; } .gallery-columns-8 > .gallery-item { width: 12.5%; padding: 0 0.625rem 1.25rem; } .gallery-columns-8 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-8 > .gallery-item:nth-of-type(8n+1) { clear: both; } .gallery-columns-9 > .gallery-item { width: 11.1111111111%; padding: 0 0.625rem 1.25rem; } .gallery-columns-9 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-9 > .gallery-item:nth-of-type(9n+1) { clear: both; } .gallery-columns-10 > .gallery-item { width: 10%; padding: 0 0.625rem 1.25rem; } .gallery-columns-10 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-10 > .gallery-item:nth-of-type(10n+1) { clear: both; } .gallery-columns-11 > .gallery-item { width: 9.0909090909%; padding: 0 0.625rem 1.25rem; } .gallery-columns-11 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-11 > .gallery-item:nth-of-type(11n+1) { clear: both; } .gallery-columns-12 > .gallery-item { width: 8.3333333333%; padding: 0 0.625rem 1.25rem; } .gallery-columns-12 > .gallery-item:nth-of-type(n) { clear: none; } .gallery-columns-12 > .gallery-item:nth-of-type(12n+1) { clear: both; } /* SMALL (BASE) SIZE These are the small/base styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important. */ /****************************************************************** Stylesheet: Base/Small Stylesheet Be light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports. ******************************************************************/ /********************* GENERAL STYLES *********************/ #inner-content { margin-bottom: 40px; } .utf8sans { font-family: "Lucida Grande", "Arial Unicode MS", sans-serif; } .collapse { padding: 0; } .no-padding { padding: 0; } /******************** WORDPRESS BODY CLASSES style a page via class ********************/ /* for sites that are read right to left (i.e. hebrew) */ /* home page */ /* blog template page */ /* archive page */ /* date archive page */ /* replace the number to the corresponding page number */ /* search page */ /* search result page */ /* no results search page */ /* individual paged search (i.e. body.search-paged-3) */ /* 404 page */ /* single post page */ /* individual post page by id (i.e. body.postid-73) */ /* individual paged single (i.e. body.single-paged-3) */ /* attatchment page */ /* individual attatchment page (i.e. body.attachmentid-763) */ /* style mime type pages */ /* author page */ /* user nicename (i.e. body.author-samueladams) */ /* paged author archives (i.e. body.author-paged-4) for page 4 */ /* category page */ /* individual category page (i.e. body.category-6) */ /* replace the number to the corresponding page number */ /* tag page */ /* individual tag page (i.e. body.tag-news) */ /* replace the number to the corresponding page number */ /* custom page template page */ /* individual page template (i.e. body.page-template-contact-php */ /* replace the number to the corresponding page number */ /* parent page template */ /* child page template */ /* replace the number to the corresponding page number */ /* if user is logged in */ /* paged items like search results or archives */ /* individual paged (i.e. body.paged-3) */ /********************* LAYOUT & GRID STYLES *********************/ .watch_row { padding-left: 0.7rem; } .watch_purple { background-color: #6D2363; } .light { background-color: #942f86; } .watch_news { background-color: #339968; } .watch_news.intro { background-color: #b3e6cd; } .watch_feature { background-color: #b3bfc4; } .watch_feature.intro { background-color: #d0eafd; } .watch_resource { background-color: #d79191; } .watch_resource.intro { background-color: white; } .watch_event { background-color: #3fa9f5; } .watch_event.intro { background-color: white; } .grey-back { background-color: #e6e6e6; } /********************* OTHER PAGE ELEMENT STYLES *********************/ .pinched-box { display: block; background-color: #6D2363; background: url(../images/pinched-purple.svg) no-repeat top left; background-size: auto 100%; } .pinched-box h2 a { line-height: 2rem; color: #fff; } /********************* LINK STYLES *********************/ a, a:visited { /*adds highlight on hover */ /* on click */ /* mobile tap color */ } a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /****************************************************************** H1, H2, H3, H4, H5 P STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } .homepage h1 a, .homepage .h1 a, .homepage h2 a, .homepage .h2 a, .homepage h3 a, .homepage .h3 a { color: gray; } h4, .h4, h5, .h5, h6, .h6 { color: gray; } h3, .h3 { font-weight: 900; } h5, .h5 { font-weight: 400; font-style: italic; } h6, .h6 { font-weight: 400; color: black; } .watchwhite { color: #fff; text-align:center; line-height:36px; } /********************* HEADER STYLES *********************/ .header { margin-bottom: 0; } .header #inner-header li { list-style: none; } .header h1 a { color: #fff; } .header h1 p { color: #fff; font-size: 50%; } .purple-header { background-color: #6D2363; } .white-header { background-color: #fff; } .right-small { width: 100%; height: 100%; } .left-small { width: 100%; left: auto; } .login-join { background-color: white; margin-top: 10px; padding: 0.2rem; } .login-join p { margin-bottom: 0; } .login-join a { line-height: 1rem; color: #6D2363; margin-top: 0.8rem; margin-bottom: 0rem; font-size: 1.2rem; font-weight: 600; } .site-title { margin-top: 10px; } .site-title h1 { line-height: 0.8; } .site-title span { font-size: 70%; } .tab-bar .menu-icon { width: 80%; } .tab-bar .menu-icon span::after { box-shadow: 0 0 0 2px #fff, 0 12px 0 2px #fff, 0 24px 0 2px #fff; width: 2rem; top: 30%; left: auto; right: 0; margin-top: 0; } /********************* NAVIGATION STYLES *********************/ .top-bar .title-area { z-index: 1; } .off-canvas-list ul { margin-left: 0; } .off-canvas-list ul li a { border-bottom: 0px; font-size: 1.5rem; } .off-canvas-list ul .dropdown { margin-left: 20px; } ul.off-canvas-list li label { font-size: 1.5rem; } /********************* POSTS & CONTENT STYLES *********************/ #content { /*adds highlight on hover */ } #content a:hover, #content a:focus { background-color: #6D2363; color: #fff; } .no-padding a:hover,.no-padding a:focus {background:none !important;} .cta a:hover,.cta a:focus {background:none !important;} #content .hover-clean:hover, #content .hover-clean:active { background-color: transparent; } /* end .hentry */ .page-title { font-size: 2.5rem; font-weight: 900; } /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ .byline { color: #999; } /* entry content */ .entry-content { /* image alignment on a screen this size may be a bit difficult. It's set to start aligning and floating images at the next breakpoint, but it's up to you. Feel free to change it up. */ } .entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } .entry-content img { max-width: 100%; height: auto; } .entry-content video, .entry-content object { max-width: 100%; height: auto; } .entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } /* end .entry-content */ .wp-caption { max-width: 100%; background: #eee; padding: 5px;/* images inside wp-caption */ } .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } /* end .wp-caption */ /* image gallery styles */ /* end .gallery */ /* gallery caption styles */ .stream-lead-post, .stream-post { border-bottom: 2px solid #9b9b9b;} .post-leader-title { margin-top: 5px; } .row.collapse > .lead-entry-content { padding: 0 0.9375rem; } .post-block h3, .post-block h5 { padding-left: 0.9375rem; padding-right: 0.9375rem; } .post-block h3, .post-block h2 { margin-top: 0; } .post-block h3 { padding-top: 0.3rem; padding-bottom: 0.3rem; } /****************************************************************** PAGE NAVI STYLES ******************************************************************/ .pagination a:hover { color: black; } /****************************************************************** COMMENT STYLES ******************************************************************/ /* h3 comment title */ #comments { /* number of comments span */ } #respond ul { margin-left: 0px; } .commentlist { /* general comment classes */ /* vcard */ /* end .commentlist .vcard */ /* comment meta */ /* comment content */ /* end .commentlist .comment_content */ /* comment reply link */ /* end .commentlist .comment-reply-link */ } .commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px;/* end .commentlist li ul.children */ } .commentlist li:last-child { margin-bottom: 0; } .commentlist li ul.children { margin: 0;/* variations *//* change number for different depth */ } .commentlist li[class*=depth-] { margin-top: 1.1em; } .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } .commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0; background: #e7e7e7; } .commentlist li.depth-3 { background: #dadada; } .commentlist .vcard { margin-left: 50px; } .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; } .commentlist .vcard time { float: right; } .commentlist .vcard time a { color: #999; text-decoration: none; } .commentlist .vcard time a:hover { text-decoration: underline; } .commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; } .commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } .commentlist .comment-reply-link { border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", Helvetica, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; display: inline-block; padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; background-color: #6D2363; border-color: #571c4f; color: #FFFFFF; transition: background-color 300ms ease-out; float: right; } .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { background-color: #571c4f; } .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { color: #FFFFFF; } /* end .commentlist */ /****************************************************************** COMMENT FORM STYLES ******************************************************************/ .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; } .respond-form form { margin: 0.75em 0; } .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } .respond-form form li label, .respond-form form li small { display: none; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em;/* form validation */ } .respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff; } .respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] { max-width: 400px; min-width: 250px; } .respond-form form textarea { resize: none; width: 97.3%; } /* comment submit button */ /* comment form title */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /********************* CUSTOM AREA STYLES *********************/ /********************* HOMEPAGE *********************/ .layer, .orbit-caption { height: inherit; top: 0px; right: 0px; height: 100%; margin-top: 0; margin-bottom: 0.2rem; } .orbit-caption .jgs { font-family: "felt-tip-roman"; font-size: 5vw; color: #fff; line-height: 0.8; } /* Latest Key Styling */ .latest-key { font-size:26px; font-weight:400; margin: 0; } .latest-key a { color:#fff; display: block; } .latest-key li a:hover { color:#6d2363 !important; } .latest-key li { padding-bottom: 0; } .gray-back { background-color: #e6e6e6; } #gray-back { background-color: #e6e6e6; } .orbit-container .orbit-timer { visibility: hidden; } .orbit-container p { font-size: 2.5vw; } .cta-button svg { position: absolute; bottom:20px; right:20px; height: 17%; } .cta { margin-top: 30px; } .whiteback { background-color: #fff; } .article-header { padding: 0 0.9375rem 0 0; } .post-title{ /*font-style:italic;*/} .blog-post > .feature.type-feature{background-color: rgba(179, 191, 195, 0.2);} .blog-post > .resources.type-resources{background-color: rgba(215, 145, 145, 0.2);} .blog-post > .news.type-news{background-color: rgba(51, 153, 104, 0.2);} .blog-post > .tribe_events.type-tribe_events{background-color: rgba(62, 168, 245, 0.15);} .blog-post .date{color: #6d2363; font-style:normal; font-weight:400; font-family:'Lato';} .blog-post .entry-content p{color: #000; font-family: "Lato"; font-weight: 400;line-height: 29px;} /********************* ASIDE SECTION *********************/ aside h1, aside .h1, aside h2, aside .h2, aside h3, aside .h3, aside h4, aside .h4, aside h5, aside .h5, aside p, aside p label { color: #fff; } /********************* CABIUT US Page *********************/ .row.row.committee-category-group { padding-bottom: 20px; } .committee-member-entry { border-bottom: 2px solid gray; } /********************* ABOUT US PAGE *********************/ .resource-section h1 { margin-bottom: 0; } /********************* SIDEBARS & ASIDES *********************/ .widget ul { margin: 0; } .widget ul li { list-style: none;/* deep nesting */ } #sidebar-offcanvas .widgettitle { color: #fff; } /********************* SOCIAL STYLES *********************/ .social-row { clear: both; padding-top: 1em; background-color: #66b28e; } .social-icons { padding: 30px 0; } .related-sites img { opacity: 0.5; } .twitter svg, .facebook svg, .email-contact svg { max-width: 80%; } /********************* FOOTER STYLES *********************/ .footer { clear: both; padding-top: 1em; background-color: #6D2363; } /* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */ /* end .footer-links */ .footer p { color: #fff; } .developer a { color: gray; } .developer a:hover .orange { color: #f6a000; } .developer a:hover .blue { color: #579dcf; } @media only screen and (max-width: 31.25em) { .social-icons svg { max-width: 100%; } .twitter svg { float: right; } .email-contact svg { float: left; } } /********************* FOUNDATION STYLES *********************/ .clearing-assembled.clearing-blackout a:hover { background: none; } /********************* PLUGIN STYLES *********************/ .gform_body ul { list-style: none outside none; margin: 0; } @media only screen and (max-width: 40em) { .header { padding-bottom: 10px; } .site-title h1 { font-weight: 300; font-size: 28px; } .site-title h1 small { font-weight: 400; color: #fff; } .watchwhite{ text-align:left;} .login-join { padding: 0.1rem; } .latest-key { margin: 0 -0.925rem; } .related-sites h6{font-size: 24px;color: #4a4a4a; text-align:center;font-weight: 400;line-height: 29px; margin-bottom:20px;} .related-sites ul{ text-align:center;} .related-sites ul li{ display:inline-block; float:none; width:80px;} .related-sites img { opacity: 1;} .footer{background-color: #66b28e; padding:0;} .footer p{color: #2c2c2c;font-family: Lato;font-size: 11px;font-weight: 400;line-height: 13px; text-align:center;} .footer p a {color: #2c2c2c;} ul.off-canvas-list li label{ padding:0.3rem 1.2rem;} .off-canvas-list ul li a{ line-height:1; padding:0.666667rem 1.2rem} .off-canvas-list ul li a:hover{ background:#6d2363;} .orbit-container{ overflow:visible;} .orbit-container .orbit-slides-container > * .orbit-caption,.home-slider > * .orbit-caption{ position: relative; left:0; margin-top:-60px; margin-bottom:20px;} .orbit-caption .jgs{font-size:8vw; margin-bottom:12px;} .orbit-caption-content p {font-size:4vw !important;line-height: normal !important;margin-top: 10px !important;} .orbit-container p{ font-size:6vw;color: #4a4a4a; font-weight:400; line-height:1.4rem; width:70%;} .login-details p{font-size: 18px;font-weight: 400;line-height: 25px;} .login-details{ padding:20px; line-height:5px;} .login-details input[type="text"],.login-details input[type="password"],.login-details .btn{ background:#fff;border: 1px solid #979797; padding:5px; line-height:50px;color: #4a4a4a;font-family: Lato;font-size: 24px;font-weight: 400;line-height: 29px; text-align:right;} .login-details input[type="text"]:focus,.login-details input[type="password"]:focus{ border-color:#6d2363} .login-details .btn{ text-align:center; width:100px;} .login-details .btn:hover,.login-details .btn:focus{background:#6d2363; color:#fff} .login-details form{ margin-bottom:20px;} .login-details a{ margin-top:20px; display:inline-block;} ::-webkit-input-placeholder { color: #4a4a4a; } :-moz-placeholder { /* Firefox 18- */ color: #4a4a4a; } ::-moz-placeholder { /* Firefox 19+ */ color: #4a4a4a; } :-ms-input-placeholder { color: #4a4a4a; } .portfolioFilter a { margin-bottom:16px; } .portfolioContainer .campaign, .portfolioContainer .historic-documents,.portfolioContainer .sermons { width:91.5% !important; margin:0 2% 20px 4.2% !important; } .casestudies-click-here { float:right; } .bg-box { min-height: auto !important; } .bg-box2 { min-height: auto !important; } .slick-prev, .slick-next{display:none !important;} .slick-prev:before, .slick-next:bofore{border:none !important;} .latest-key { font-size:16px; } .post-type-archive-resources .portfolioContainer .isotope-item { width:100% !important; padding:15px; margin:0 !important; } } @media only screen and (min-width: 320px) and (max-width: 640px) { .grey-back .hover-clean svg text { font-size:43px;} .orbit-container .orbit-slides-container > * .orbit-caption, .home-slider > * .orbit-caption{ width:100% !important; height: auto !important; } } @media only screen and (min-width: 641px) and (max-width: 900px) { .bg-box { min-height: 640px !important; } #orbit-width { height:auto !important; } #orbit-width { left:3%; top: 20px; width:58% !important;} .orbit-caption-content p { font-size: 2vw !important; } } @media only screen and (min-width: 901px) and (max-width: 1100px) { #orbit-width { left:3%; top: 20px; width:49% !important; height: auto!important; } .orbit-caption-content p { font-size: 2vw !important; } } /* MEDIUM */ @media only screen and (min-width: 40.063em) { /****************************************************************** Stylesheet: Mediun Stylesheet Styles apply to 40.063em and up. ******************************************************************/ /********************* LAYOUT & GRID STYLES *********************/ .portfolioFilter a { margin-bottom:16px; } .portfolioContainer .campaign, .portfolioContainer .historic-documents,.portfolioContainer .sermons { width:29% !important; } #inner-content { margin-top: 50px; } /********************* NAVIGATION STYLES *********************/ /********************* HEADER STYLES *********************/ .logo-image svg { padding: 10px; } .social { margin-top:0px; } .site-title { margin-top: 10px; } .site-title h1 { line-height: 0.8; } .site-title span { font-size: 70%; } .account, .join { background-color: white; margin-top: 0; margin-bottom: 20px; } .account p, .join p { margin: 0.3rem 0; } .account a, .join a { line-height: 1rem; color: #6D2363; margin-top: 0.8rem; font-size: 1rem; font-weight: 400; } .account { background-color: rgba(255, 255, 255, 0.6); } /********************* POSTS & CONTENT STYLES *********************/ /* entry content */ .entry-content { /* at this larger size, we can start to align images */ } .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* end .entry-content */ /********************* SIDEBARS & ASIDES *********************/ .widget { padding: 0 10px; margin: 0 0 2.2em; } /********************* HOMEPAGE *********************/ .cta { margin-top: 0; margin-bottom: 0px; } .cta a{ margin-bottom:20px; display:block;} /********************* RESOURCES STYLES *********************/ .row.row.resource-header { margin-bottom: 20px; } /********************* CUSTOM PAGE STYLES *********************/ .homemain, .homeside { padding: 50px; } #orbit-width { width:35%; height:200px; } /********************* FOOTER STYLES *********************/ /* check your menus here. do they look good? do they need tweaking? */ /* end .footer-links */ .twitter, .facebook, .related-sites { margin-top: 40px; } .twitter svg, .facebook svg { position: absolute; top: -40px; left: -20px; width: 60px; height: 60px; } /********************* FOUNDATION STYLES *********************/ /********************* PLUGIN STYLES *********************/ .post-type-archive-resources .portfolioContainer .isotope-item { width:33.33% !important; padding:15px; margin:0 !important; } } /* LARGE This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 64.063em) { /****************************************************************** Stylesheet: Large Stylesheet Styles apply to 64.063em and up. ******************************************************************/ /********************* GENERAL STYLES *********************/ /********************* TYPOGRAPHY *********************/ .site-title h1, .site-title .h1 { font-size: 2.75rem; font-weight:300; } /********************* LAYOUT & GRID STYLES *********************/ .wrap { max-width: 1140px; } /********************* HEADER STYLES *********************/ /********************* HOMEPAGE *********************/ .layer, .orbit-caption { height: inherit; top: 0px; right: 0px; height: 100%; } .orbit-caption .jgs { /*font-size:4.4vw;*/ font-size:3.4vw } .orbit-container p,.home-slider p { font-size: 2vw; } .orbit-caption-content { /*width: 80%;*/ width:100%; } .orbit-caption-content .cta-button { bottom: 0; } .cta-button svg { position: absolute; bottom:20px; right:20px; height: 17%; } .home-main { width: 90%; } .home-side { float: right; } /********************* NAVIGATION STYLES *********************/ /********************* SIDEBARS & ASIDES *********************/ .widget ul li { margin-bottom: 0.75em;/* deep nesting */ } .widget ul li ul { margin-top: 0.75em; padding-left: 1em; } /* links widget */ /* meta widget */ /* pages widget */ /* recent-posts widget */ /* archives widget */ /* tag-cloud widget */ /* calendar widget */ /* category widget */ /* recent-comments widget */ /* search widget */ /* text widget */ /********************* FOOTER STYLES *********************/ /* you'll probably need to do quite a bit of overriding here if you styled them for mobile. Make sure to double check these! */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ } /* end .footer-links */ /********************* FOUNDATION STYLES *********************/ /********************* PLUGIN STYLES *********************/ } /* XLARGE */ @media only screen and (min-width: 90.063em) { /****************************************************************** Stylesheet: X-Large Stylesheet Styles apply to 90.063em and up. ******************************************************************/ } /* XXLARGE */ @media only screen and (min-width: 120.063em) { /****************************************************************** Stylesheet: XX-Large Stylesheet Styles apply to 120.063em and up. ******************************************************************/ } /* RETINA (2x RESOLUTION DEVICES) This applies to the retina iPhone (4s) and iPad (2,3) along with other displays with a 2x resolution. You can also create a media query for retina AND a certain size if you want. Go Nuts. */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /****************************************************************** Site Name: Author: Stylesheet: Retina Screens & Devices Stylesheet When handling retina screens you need to make adjustments, especially if you're not using font icons. Here you can add them in one neat place. ******************************************************************/ /* EXAMPLE Let's say you have an image and you need to make sure it looks ok on retina screens. Let's say we have an icon which dimension are 24px x 24px. In your regular stylesheets, it would look something like this: .icon { width: 24px; height: 24px; background: url(img/test.png) no-repeat; } For retina screens, we have to make some adjustments, so that image doesn't look blurry. So, taking into account the image above and the dimensions, this is what we would put in our retina stylesheet: .icon { background: url(img/test@2x.png) no-repeat; background-size: 24px 24px; } So, you would create the same icon, but at double the resolution, meaning it would be 48px x 48px. You'd name it the same, but with a @2x at the end (this is pretty standard practice). Set the background image so it matches the original dimensions and you are good to go. */ } /* iPHONE 5 MEDIA QUERY Want to get fancy for no good reason? Knock yourself out. */ /* PRINT STYLESHEET Feel free to customize this. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. */ @media print { /****************************************************************** Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it. ******************************************************************/ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 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; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } } /*# sourceMappingURL=style.css.map */ .margin-bottom-none { margin-bottom:0px !important; } .bg-middel { background:#fff; padding:0 20px 20px 20px; } .portfolioFilter a { background:#d79191; color:#fff !important; height: 29px; line-height:28px; padding: 0 16px; border:1px solid #979797; display:inline-block; } .portfolioFilter a.current { font-weight:normal; color:#6d2363; } .portfolioFilter a:hover { font-weight:normal; color:#6d2363 !important; background:#d79191 !important; } .portfolioFilter a:focus{ font-weight:normal; color:#6d2363 !important; background:#d79191 !important; } .portfolioContainer .whiteback { background:#f7e9e9; margin-top:10px; } .bg-box2 .whiteback { background:none; } .portfolioContainer .campaign, .portfolioContainer .historic-documents,.portfolioContainer .sermons { width:30.3%; float:left; margin:0 3% 0; } .portfolioContainer .campaign h3, .portfolioContainer .historic-documents h3,.portfolioContainer .sermons h3 { font-size: 27px; font-style: italic; font-weight:700; line-height:33px; margin-bottom:40px; padding-top:8px; } .article-header .byline { color:#4a4a4a; font-size:18px; line-height:22px; font-weight:400; } .article-header .byline strong { font-weight:400; display:block; margin-top:20px; padding-bottom:8px; } .bg-see { background:#6d2363; } .bg-see h2 { margin:3px 0 4px; } .bg-see h2 a { color:#fff; } .watchwhite-new { color: #fff; text-align:left; line-height:42px; font-weight:bold; font-size:25px; margin:0; font-size:40px; padding:5px 0 10px; } .related-title{ font-weight: bold; font-size: 25px; color: #4a4a4a; } .watchwhite-title { font-size:48px; text-align:left; font-weight:700; line-height:48px; margin:5px 0; } .img-dioceses img { width:100%; } .site-title h1 small { color:#fff; } .orbit-caption-content p { width:90%; line-height: normal; font-size: 1.5vw; font-weight: normal; margin-top:20px; } .bg-box { background:#e2d3e0; margin-bottom: 30px; min-height:445px; display:inline-block; padding-bottom:20px; } .bg-box2 { background:#e2d3e0; margin-bottom: 30px; display:block; padding-bottom:20px; padding:10px 20px; float:left; width:100%; } .post-title{ color:#6d2363; font-size:27px; line-height:33px; font-weight:700; } .post-title a{ color:#6d2363; } .post-title a:hover{ color:#6d2363; } .bg-box p{ color: #4a4a4a; font-size: 18px; font-weight: 400; line-height: 22px; } .bg-box h5 { font-size:18px; color:#333; font-weight:600; } .bg-box2 h5 { font-size:18px; color:#333; font-weight:600; } .read-btn:hover { background:none !important; } .box1 { float:left !important; } .casestudies-click-here { margin-left:10px; } .main-title { margin:30px 0; } .main-title .watchwhite { padding:10px 0; } .bg-watch { background:#fff; padding:0; } .stream-leader-image-new { padding:0px; } .stream-leader-image-new img{ width:100%; } .title-new { font-size:40px; } .show-title { font-size: 24px; font-weight: 400; line-height: 29px; color:#000; } .showtext { padding:20px 0; display:block; padding-left:5px; } .eat-left{ padding-left:0; } .green-text{ color: #339968; font-size:26px; font-weight:700; } .list-no{ padding-top:7px; } .row.listing{ margin-bottom:10px; } .orbit-caption-re { position:relative; } .orbit-width-new { left:13.7%; top:20px; width:35% !important; height:200px !important; } .slick-slide img { min-height:100% im; min-width: 100%; height:100% !important; max-width:100%; } #main .watch_news, #main .watch_feature { margin:0; } .wp-prev-next ul { list-style:none; } .box-img-full { margin-bottom:40px; } .the_content-text p { color: #0e0e0e; font-family: Arial; font-size: 18px; font-weight: 400; line-height:21px; } .title-donate { color:#fff; font-size: 27px; font-weight: 700; line-height: 33px; padding:10px; margin:0; } .donate-white-box { background:#fff; text-align:center; padding:21px 0; } .donate-white-box p { color: #0e0e0e; font-family: Arial; font-size: 20px; font-weight: 400; line-height: 23px; text-align:center; } .thanks-ttitle{ color: #914689; font-size: 27px; font-weight: 700; line-height: 33px; } .inbox-padding { padding:15px 15px ; } .tribe-bar-disabled .tribe-bar-views-inner{ padding:5px 0; } .single-tribe_events .watch_event.small-12.medium-12{ display:none; } #tribe-events-content-wrapper{ background:#fff;} #tribe-bar-form, .tribe-bar-views-inner{ background:#fff; padding:10px;} .tribe-bar-disabled #tribe-bar-form #tribe-bar-views{ background:#fff; left:auto; width:20%; } .tribe-bar-disabled #tribe-bar-form #tribe-bar-views + .tribe-bar-filters{ float:left; right:auto; width:auto; } #tribe-bar-form .tribe-bar-views-inner label, .tribe-bar-disabled #tribe-bar-form label{ display: inline-block; font-size: 18px; font-weight: 500; text-transform:none; color:#000; line-height:1.6; } #tribe-events-bar{ margin-bottom:10px;} .tribe-bar-disabled #tribe-bar-form #tribe-bar-dates label.label-tribe-bar-date:before{ content:"Show"; padding-right:5px; } #tribe-bar-views .tribe-bar-views-list{ width:auto; left:85px;top:6px; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a span{ font-size:14px; } .tribe-bar-disabled{ float:left;width:100%; } .events-list.tribe-bar-is-disabled #tribe-events-content-wrapper{ max-width:100%; background:#fff; } .tribe-bar-disabled #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a{ padding:10px 15px; } .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type="text"]{ display:inline-block; background:#e0e0e0; color:#444; padding:10px 15px; margin-left:10px; width:100px; } #tribe-events-content.tribe-events-list { clear: both; padding: 1px 15px 20px !important; } .tribe-events-list-separator-month span { background-color: #e0e0e0; border-left: 8px solid #fff; border-right: 8px solid #fff; padding: 1% 7.5%; } .tribe-events-list-separator-month + .type-tribe_events.tribe-events-first{ padding-top:0; } .event-wrapper{ background-color: rgba(62, 169, 245, 0.2);padding:15px;} .tribe-events-list .tribe-events-event-image{ width:100%; margin:0; } #tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p{ font-family: "Lato",Helvetica,sans-serif; font-size: 20px; line-height: 24px; } .tribe-events-loop .tribe-events-event-meta, .single-event-cotent .tribe-events-schedule h3 { font-family: "Lato",Helvetica,sans-serif; font-size: 22px; font-weight: 700; line-height: 27px; margin: 0; padding: 0.625rem 0; display:block; color:#000; background:none; border:none; } .tribe-events-list .tribe-events-event-cost{ float:none; display:block; margin:0 0 10px 0; } .single-event-cotent .tribe-events-event-cost{ margin-top:10px;} .tribe-events-list .tribe-events-event-cost span, .tribe-events-event-cost span{ background-color: rgba(62, 169, 245, 0.4); color: #4a4a4a; width:87px; font-family: Arial; font-size: 20px; font-weight: 400; line-height: 23px; text-transform:uppercase; border:none; padding:8px 15px; } #tribe-events-content{ padding:2px 15px;} .single-tribe_events h2.tribe-events-single-event-title{font-family:"Lato",Helvetica,sans-serif; font-size: 30px; padding:5px; font-weight: 400; line-height: 36px;} .single-tribe_events .tribe-events-event-image{background:#fff; text-align:center; margin-bottom:0;} .single-event-cotent .tribe-events-schedule, .tribe-events-single-event-description{ background-color:#D8EEFD; padding:15px; margin:0; } .tribe-events-single-event-description{ padding-left:15px !important; padding-right:15px !important; padding-bottom:20px !important} .tribe-events-meta-group .tribe-events-single-section-title { font-size: 22px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd{ font-weight:700; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd .light-blue{ background-color:#D8EEFD; color: black; font-family:"Lato",Helvetica,sans-serif; font-size: 11px; font-weight: 700; text-transform:uppercase; padding:5px 10px 4px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt{ font-weight:400; } .facebook a:hover,.facebook a:focus { background:none !important; } .twitter a:hover,.twitter a:focus { background:none !important; } .medium-block-grid-12 li a:hover,.medium-block-grid-12 li a:focus { background:none !important; }