diff --git a/404.php b/404.php old mode 100755 new mode 100644 index bdf378e..93906a7 --- a/404.php +++ b/404.php @@ -1,10 +1,13 @@ - -
+ +
-
-

+
id="post-"> +
+

+
+

@@ -15,9 +18,9 @@
  • Back button', 'reverie'); ?>
  • +
    -
    - - +
    + \ No newline at end of file diff --git a/MIT-LICENSE.txt b/MIT-LICENSE.txt new file mode 100644 index 0000000..1fc5997 --- /dev/null +++ b/MIT-LICENSE.txt @@ -0,0 +1,20 @@ +Copyright (c) 2011 ZURB, http://www.zurb.com/ + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/README.markdown b/README.markdown index 3fd2476..bc6f8e8 100644 --- a/README.markdown +++ b/README.markdown @@ -2,17 +2,12 @@ A Brief Introduction ==================== Reverie Framework is an extremely versatile HTML5 WordPress framework based on ZURB's [Foundation](http://foundation.zurb.com), a powerful tool for building prototypes on any kind of devices. Reverie follows [HTML5 Boilerplate](http://html5boilerplate.com) standard and is [hNews microformat](https://www.readability.com/publishers/guidelines) ready. It is optimized for Search Engine while at the same time improves readability. -It is extremely easy to create your blog, CMS, brochure and any other kind of sites with Reverie. You can see some [samples](http://foundation.zurb.com/prototyping.php) on ZURB and how they make these prototypes. Did I just mention Reverie works well with [bbPress 2.0](http://bbpress.org/) and [BuddyPress 1.5](http://buddypress.org/) even without styling? - -###Support### - -We created a group for lovers of Reverie and Foundation. If you have some topics related to customization or styling, you can post them on our [Google Group](https://groups.google.com/d/forum/reverie-framework). For issues specifically related to Reverie, post them on Github. +It is extremely easy to create your blog, CMS, brochure and any other kind of sites with Reverie. You can see some [samples](http://foundation.zurb.com/templates.php) on ZURB and how they make these prototypes. Did I just mention Reverie works well with [bbPress 2.0](http://bbpress.org/) and [BuddyPress 1.5](http://buddypress.org/)? ###Links of Reverie### * Homepage: http://themefortress.com/reverie -* Introduction: http://themefortress.com/blog/reverie-versatile-html5-wordpress-framework-25 +* Introduction: http://themefortress.com/reverie-versatile-html5-wordpress-framework/ * ThemeFortress: http://themefortress.com -* Discussion Group: https://groups.google.com/d/forum/reverie-framework ###Learn more about Foundation### * Homepage: http://foundation.zurb.com @@ -23,9 +18,11 @@ What are the Features? ====================== Reverie Framework inherits all the cool features from Foundation, and packs with several other interesting features to optimize the experience for WordPress and HTML5. Including customized output for WordPress menus and caption. You can view the features list by scrolling down. -Reverie utilizes Foundation's grid to implement layouts. It is quite easy to start building your own layouts (like this page). You can read Foundation's [documentation](http://foundation.zurb.com/docs/grid.php) for how to implement these cool features. +Reverie utilizes Foundation's grid to implement layouts. It is quite easy to start building your own layouts (like this page). You can read Foundation's [documentation](http://foundation.zurb.com/docs/) for how to implement these cool features. ###Basic Features### +* Sass compatible. +* Mobile first. * HTML5 Boilerplate standard and is hNews microformat ready. * Optimized for SEO. * Basic CSS included, you can also use it as a finished theme. @@ -33,13 +30,16 @@ Reverie utilizes Foundation's grid to implement layouts. It is quite easy to sta ###WordPress Features### * Clean image HTML output for TinyMCE, only class and alt are returned. Post title will be automatically used for alt. -* Custom menu output for ZURB's [sub nav](http://www.zurb.com/blog_uploads/0000/0597/index.html). +* Post formats support. +* Pagination for Foundation +* Custom Background Image and Color support +* Custom menu output for ZURB's top bar. * Custom caption output for HTML5 figure and figcaption tags. * Custom filter for images, will automatically wrap images with figure tag. * Two Widget: sidebar and footer. * Two menus: top navigation menu and footer information menu. * Template structure inspired by [Roots](http://www.rootstheme.com/). Separated loops from templates, for better WordPress practice. -* bbPress.php included, compatible with bbPress 2.0. Looks good even without styling. Visit ThemeFortress forum for * example. +* bbPress.php included, compatible with bbPress 2. * Several custom page templates are included in the package. A folder named custom is used for storing all your custom page templates. You can share your custom templates in the forum. * Looks good but what if you don't need these features? Sure, you can turn them off. @@ -50,8 +50,6 @@ What about Mobile Devices? ========================== Positive. With the power of Foundation, Reverie uses media query to adjust for all kinds of devices, including phones, tablets and computers. Reverie is also optimized for iPhone and iPad. Icons and loading images will be display when you save your website as a Home Screen app (example in the above image). Add this page to Home Screen on any iOS devices to see what I mean. -You can resize this page to see how Reverie responses according to different browser resolutions. Furthermore, to extend the flexibility of Reverie, I have a [forum](http://themefortress.com/discuss/forum/reverietheme/) specifically for users to contribute their own layouts and exchanges ideas. - ThemeFortress ============= Reverie is a WordPress framework created by [ThemeFortress](http://themefortress.com), a WordPress blog that focus on theme design and plugins. diff --git a/archive.php b/archive.php old mode 100755 new mode 100644 index 42572f1..42c0139 --- a/archive.php +++ b/archive.php @@ -1,26 +1,29 @@ - -
    + +
    -
    -

    - - - - - - - - - -

    -
    - -
    - -
    + + + + + + + + + - + + + + + + + +
    + \ No newline at end of file diff --git a/bbpress.php b/bbpress.php old mode 100755 new mode 100644 index c7b84d1..6ecd9a8 --- a/bbpress.php +++ b/bbpress.php @@ -1,12 +1,24 @@ - + - -
    + +
    -
    - + + +
    id="post-"> +
    +

    +
    +
    +
    +
    + -
    +
    \ No newline at end of file diff --git a/comments.php b/comments.php old mode 100755 new mode 100644 index 1035ac0..bd06c84 --- a/comments.php +++ b/comments.php @@ -2,11 +2,13 @@ $GLOBALS['comment'] = $comment; ?>
  • >
    -
    - - %s', 'reverie'), get_comment_author_link()) ?> - - +
    + +
    + %s', 'reverie'), get_comment_author_link()) ?> + + +
    comment_approved == '0') : ?> @@ -17,10 +19,9 @@
    + $depth, 'max_depth' => $args['max_depth']))) ?>
    - - $depth, 'max_depth' => $args['max_depth']))) ?> - +
    @@ -93,7 +94,7 @@

    XHTML: You can use these tags:

    -

    +

    ID); ?> diff --git a/config.rb b/config.rb new file mode 100644 index 0000000..08b89cf --- /dev/null +++ b/config.rb @@ -0,0 +1,26 @@ +require 'zurb-foundation' +# Require any additional compass plugins here. + + +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "css" +sass_dir = "scss" +images_dir = "img" +javascripts_dir = "js" + +# You can select your preferred output style here (can be overridden via the command line): +# output_style = :expanded or :nested or :compact or :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true + +# To disable debugging comments that display the original location of your selectors. Uncomment: +line_comments = false + + +# If you prefer the indented syntax, you might want to regenerate this +# project again passing --syntax sass, or you can uncomment this: +# preferred_syntax = :sass +# and then run: +# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass diff --git a/content-none.php b/content-none.php new file mode 100644 index 0000000..5124991 --- /dev/null +++ b/content-none.php @@ -0,0 +1,18 @@ + + +
    +
    +

    +
    +
    +

    +
    +
    +
    \ No newline at end of file diff --git a/content.php b/content.php new file mode 100644 index 0000000..e142645 --- /dev/null +++ b/content.php @@ -0,0 +1,22 @@ + + +
    > +
    +

    + +
    +
    + +
    +
    +

    +
    +
    +
    \ No newline at end of file diff --git a/css/app.css b/css/app.css index bfe9173..807565f 100644 --- a/css/app.css +++ b/css/app.css @@ -1,29 +1,4173 @@ -/* Artfully masterminded by ZURB */ - -/* -------------------------------------------------- - Table of Contents ------------------------------------------------------ -:: Shared Styles -:: Page Name 1 -:: Page Name 2 +*, +*:before, +*:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body { + font-size: 16px; +} + +body { + background: white; + color: #222222; + padding: 0; + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + font-weight: normal; + font-style: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; +} + +img, +object, +embed { + max-width: 100%; + height: auto; +} + +object, +embed { + height: 100%; +} + +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; +} + +.right { + float: right; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +.text-justify { + text-align: justify; +} + +.hide { + display: none; +} + +img { + display: block; +} + +textarea { + height: auto; + min-height: 50px; +} + +select { + width: 100%; +} + +/* Grid HTML Classes */ +.row { + width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 0; + margin-bottom: 0; + max-width: 62.5em; + *zoom: 1; +} +.row:before, .row:after { + content: " "; + display: table; +} +.row:after { + clear: both; +} +.row .column, +.row .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + width: 100%; +} +.row.collapse .column, +.row.collapse .columns { + position: relative; + padding-left: 0; + padding-right: 0; +} +.row .row { + width: auto; + margin-left: -0.9375em; + margin-right: -0.9375em; + margin-top: 0; + margin-bottom: 0; + max-width: none; + *zoom: 1; +} +.row .row:before, .row .row:after { + content: " "; + display: table; +} +.row .row:after { + clear: both; +} +.row .row.collapse { + width: auto; + margin: 0; + max-width: none; + *zoom: 1; +} +.row .row.collapse:before, .row .row.collapse:after { + content: " "; + display: table; +} +.row .row.collapse:after { + clear: both; +} + +@media only screen { + .row .column, + .row .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; + } + + .row .small-1 { + position: relative; + width: 8.33333%; + } + + .row .small-2 { + position: relative; + width: 16.66667%; + } + + .row .small-3 { + position: relative; + width: 25%; + } + + .row .small-4 { + position: relative; + width: 33.33333%; + } + + .row .small-5 { + position: relative; + width: 41.66667%; + } + + .row .small-6 { + position: relative; + width: 50%; + } + + .row .small-7 { + position: relative; + width: 58.33333%; + } + + .row .small-8 { + position: relative; + width: 66.66667%; + } + + .row .small-9 { + position: relative; + width: 75%; + } + + .row .small-10 { + position: relative; + width: 83.33333%; + } + + .row .small-11 { + position: relative; + width: 91.66667%; + } + + .row .small-12 { + position: relative; + width: 100%; + } + + .row .small-offset-1 { + position: relative; + margin-left: 8.33333%; + } + + .row .small-offset-2 { + position: relative; + margin-left: 16.66667%; + } + + .row .small-offset-3 { + position: relative; + margin-left: 25%; + } + + .row .small-offset-4 { + position: relative; + margin-left: 33.33333%; + } + + .row .small-offset-5 { + position: relative; + margin-left: 41.66667%; + } + + .row .small-offset-6 { + position: relative; + margin-left: 50%; + } + + .row .small-offset-7 { + position: relative; + margin-left: 58.33333%; + } + + .row .small-offset-8 { + position: relative; + margin-left: 66.66667%; + } + + .row .small-offset-9 { + position: relative; + margin-left: 75%; + } + + .row .small-offset-10 { + position: relative; + margin-left: 83.33333%; + } + + [class*="column"] + [class*="column"]:last-child { + float: right; + } + + [class*="column"] + [class*="column"].end { + float: left; + } + + .column.small-centered, + .columns.small-centered { + position: relative; + margin-left: auto; + margin-right: auto; + float: none; + } +} +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 48em) { + .row .large-1 { + position: relative; + width: 8.33333%; + } + + .row .large-2 { + position: relative; + width: 16.66667%; + } + + .row .large-3 { + position: relative; + width: 25%; + } + + .row .large-4 { + position: relative; + width: 33.33333%; + } + + .row .large-5 { + position: relative; + width: 41.66667%; + } + + .row .large-6 { + position: relative; + width: 50%; + } + + .row .large-7 { + position: relative; + width: 58.33333%; + } + + .row .large-8 { + position: relative; + width: 66.66667%; + } + + .row .large-9 { + position: relative; + width: 75%; + } + + .row .large-10 { + position: relative; + width: 83.33333%; + } + + .row .large-11 { + position: relative; + width: 91.66667%; + } + + .row .large-12 { + position: relative; + width: 100%; + } + + .row .large-offset-1 { + position: relative; + margin-left: 8.33333%; + } + + .row .large-offset-2 { + position: relative; + margin-left: 16.66667%; + } + + .row .large-offset-3 { + position: relative; + margin-left: 25%; + } + + .row .large-offset-4 { + position: relative; + margin-left: 33.33333%; + } + + .row .large-offset-5 { + position: relative; + margin-left: 41.66667%; + } + + .row .large-offset-6 { + position: relative; + margin-left: 50%; + } + + .row .large-offset-7 { + position: relative; + margin-left: 58.33333%; + } + + .row .large-offset-8 { + position: relative; + margin-left: 66.66667%; + } + + .row .large-offset-9 { + position: relative; + margin-left: 75%; + } + + .row .large-offset-10 { + position: relative; + margin-left: 83.33333%; + } + + .push-2 { + position: relative; + left: 16.66667%; + right: auto; + } + + .pull-2 { + position: relative; + right: 16.66667%; + left: auto; + } + + .push-3 { + position: relative; + left: 25%; + right: auto; + } + + .pull-3 { + position: relative; + right: 25%; + left: auto; + } + + .push-4 { + position: relative; + left: 33.33333%; + right: auto; + } + + .pull-4 { + position: relative; + right: 33.33333%; + left: auto; + } + + .push-5 { + position: relative; + left: 41.66667%; + right: auto; + } + + .pull-5 { + position: relative; + right: 41.66667%; + left: auto; + } + + .push-6 { + position: relative; + left: 50%; + right: auto; + } + + .pull-6 { + position: relative; + right: 50%; + left: auto; + } + + .push-7 { + position: relative; + left: 58.33333%; + right: auto; + } + + .pull-7 { + position: relative; + right: 58.33333%; + left: auto; + } + + .push-8 { + position: relative; + left: 66.66667%; + right: auto; + } + + .pull-8 { + position: relative; + right: 66.66667%; + left: auto; + } + + .push-9 { + position: relative; + left: 75%; + right: auto; + } + + .pull-9 { + position: relative; + right: 75%; + left: auto; + } + + .push-10 { + position: relative; + left: 83.33333%; + right: auto; + } + + .pull-10 { + position: relative; + right: 83.33333%; + left: auto; + } + + .small-push-2 { + left: inherit; + } + + .small-pull-2 { + right: inherit; + } + + .small-push-3 { + left: inherit; + } + + .small-pull-3 { + right: inherit; + } + + .small-push-4 { + left: inherit; + } + + .small-pull-4 { + right: inherit; + } + + .small-push-5 { + left: inherit; + } + + .small-pull-5 { + right: inherit; + } + + .small-push-6 { + left: inherit; + } + + .small-pull-6 { + right: inherit; + } + + .small-push-7 { + left: inherit; + } + + .small-pull-7 { + right: inherit; + } + + .small-push-8 { + left: inherit; + } + + .small-pull-8 { + right: inherit; + } + + .small-push-9 { + left: inherit; + } + + .small-pull-9 { + right: inherit; + } + + .small-push-10 { + left: inherit; + } + + .small-pull-10 { + right: inherit; + } + + .column.large-centered, + .columns.large-centered { + position: relative; + margin-left: auto; + margin-right: auto; + float: none; + } +} +/* Foundation Visibility HTML Classes */ +@media only screen { + .show-for-small, + .show-for-medium-down, + .show-for-large-down { + display: inherit !important; + } + + .show-for-medium, + .show-for-medium-up, + .show-for-large, + .show-for-large-up, + .show-for-xlarge { + display: none !important; + } + + .hide-for-medium, + .hide-for-medium-up, + .hide-for-large, + .hide-for-large-up, + .hide-for-xlarge { + display: inherit !important; + } + + .hide-for-small, + .hide-for-medium-down, + .hide-for-large-down { + display: none !important; + } +} +/* Medium Displays: 768px - 1279px */ +@media only screen and (min-width: 48em) { + .show-for-medium, + .show-for-medium-down, + .show-for-medium-up, + .show-for-large-down { + display: inherit !important; + } + + .show-for-small, + .show-for-large, + .show-for-large-up { + display: none !important; + } + + .hide-for-small, + .hide-for-large, + .hide-for-large-up { + display: inherit !important; + } + + .hide-for-medium, + .hide-for-medium-down, + .hide-for-medium-up, + .hide-for-large-down { + display: none !important; + } +} +/* Large Displays: 1280px - 1440px */ +@media only screen and (min-width: 80em) { + .show-for-medium-down, + .show-for-medium-up, + .show-for-large, + .show-for-large-down, + .show-for-large-up { + display: inherit !important; + } + + .show-for-small, + .show-for-medium { + display: none !important; + } + + .hide-for-small, + .hide-for-medium { + display: inherit !important; + } + + .hide-for-medium-down, + .hide-for-medium-up, + .hide-for-large, + .hide-for-large-down, + .hide-for-large-up { + display: none !important; + } +} +/* X-Large Displays: 1400px and up */ +@media only screen and (min-width: 90em) { + .show-for-medium-down, + .show-for-medium-up, + .show-for-large-down, + .show-for-large-up { + display: inherit !important; + } + + .show-for-small, + .show-for-medium, + .show-for-large { + display: none !important; + } + + .hide-for-small, + .hide-for-medium, + .hide-for-large { + display: inherit !important; + } + + .hide-for-medium-down, + .hide-for-medium-up, + .hide-for-large-down, + .hide-for-large-up { + display: none !important; + } +} +/* Orientation targeting */ +.show-for-landscape, +.hide-for-portrait { + display: inherit !important; +} + +.hide-for-landscape, +.show-for-portrait { + display: none !important; +} + +@media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: inherit !important; + } + + .hide-for-landscape, + .show-for-portrait { + display: none !important; + } +} +@media screen and (orientation: portrait) { + .show-for-portrait, + .hide-for-landscape { + display: inherit !important; + } + + .hide-for-portrait, + .show-for-landscape { + display: none !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; +} + +/* Foundation Block Grids for below small breakpoint */ +@media only screen { + [class*="block-grid-"] { + display: block; + overflow: hidden; + padding: 0; + margin: 0 -10px; + } + [class*="block-grid-"] > li { + display: block; + height: auto; + float: left; + padding: 0 10px 10px; + } + + .small-block-grid-2 > li { + width: 50%; + padding: 0 10px 10px; + } + .small-block-grid-2:nth-of-type(2n+1) { + clear: both; + } + + .small-block-grid-3 > li { + width: 33.33333%; + padding: 0 10px 10px; + } + .small-block-grid-3:nth-of-type(3n+1) { + clear: both; + } + + .small-block-grid-4 > li { + width: 25%; + padding: 0 10px 10px; + } + .small-block-grid-4:nth-of-type(4n+1) { + clear: both; + } + + .small-block-grid-5 > li { + width: 20%; + padding: 0 10px 10px; + } + .small-block-grid-5:nth-of-type(5n+1) { + clear: both; + } + + .small-block-grid-6 > li { + width: 16.66667%; + padding: 0 10px 10px; + } + .small-block-grid-6:nth-of-type(6n+1) { + clear: both; + } + + .small-block-grid-7 > li { + width: 14.28571%; + padding: 0 10px 10px; + } + .small-block-grid-7:nth-of-type(7n+1) { + clear: both; + } + + .small-block-grid-8 > li { + width: 12.5%; + padding: 0 10px 10px; + } + .small-block-grid-8:nth-of-type(8n+1) { + clear: both; + } + + .small-block-grid-9 > li { + width: 11.11111%; + padding: 0 10px 10px; + } + .small-block-grid-9:nth-of-type(9n+1) { + clear: both; + } + + .small-block-grid-10 > li { + width: 10%; + padding: 0 10px 10px; + } + .small-block-grid-10:nth-of-type(10n+1) { + clear: both; + } + + .small-block-grid-11 > li { + width: 9.09091%; + padding: 0 10px 10px; + } + .small-block-grid-11:nth-of-type(11n+1) { + clear: both; + } + + .small-block-grid-12 > li { + width: 8.33333%; + padding: 0 10px 10px; + } + .small-block-grid-12:nth-of-type(12n+1) { + clear: both; + } +} +/* Foundation Block Grids for above small breakpoint */ +@media only screen and (min-width: 48em) { + .large-block-grid-2 > li { + width: 50%; + padding: 0 15px 15px; + } + .large-block-grid-2:nth-of-type(2n+1) { + clear: both; + } + + .large-block-grid-3 > li { + width: 33.33333%; + padding: 0 12px 12px; + } + .large-block-grid-3:nth-of-type(3n+1) { + clear: both; + } + + .large-block-grid-4 > li { + width: 25%; + padding: 0 10px 10px; + } + .large-block-grid-4:nth-of-type(4n+1) { + clear: both; + } + + .large-block-grid-5 > li { + width: 20%; + padding: 0 10px 10px; + } + .large-block-grid-5:nth-of-type(5n+1) { + clear: both; + } + + .large-block-grid-6 > li { + width: 16.66667%; + padding: 0 10px 10px; + } + .large-block-grid-6:nth-of-type(6n+1) { + clear: both; + } + + .large-block-grid-7 > li { + width: 14.28571%; + padding: 0 10px 10px; + } + .large-block-grid-7:nth-of-type(7n+1) { + clear: both; + } + + .large-block-grid-8 > li { + width: 12.5%; + padding: 0 10px 10px; + } + .large-block-grid-8:nth-of-type(8n+1) { + clear: both; + } + + .large-block-grid-9 > li { + width: 11.11111%; + padding: 0 10px 10px; + } + .large-block-grid-9:nth-of-type(9n+1) { + clear: both; + } + + .large-block-grid-10 > li { + width: 10%; + padding: 0 10px 10px; + } + .large-block-grid-10:nth-of-type(10n+1) { + clear: both; + } + + .large-block-grid-11 > li { + width: 9.09091%; + padding: 0 10px 10px; + } + .large-block-grid-11:nth-of-type(11n+1) { + clear: both; + } + + .large-block-grid-12 > li { + width: 8.33333%; + padding: 0 10px 10px; + } + .large-block-grid-12:nth-of-type(12n+1) { + clear: both; + } +} +p.lead { + font-size: 1.21875em; + line-height: 1.6; +} + +.subheader { + line-height: 1.4; + color: #6f6f6f; + font-weight: 300; + margin-top: 0.2em; + margin-bottom: 0.5em; +} + +/* 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; + direction: ltr; +} + +/* Default Link Styles */ +a { + color: #2ba6cb; + text-decoration: none; + line-height: inherit; +} +a:hover, a:focus { + color: #2795b6; +} +a img { + border: none; +} + +/* Default paragraph styles */ +p { + font-family: inherit; + font-weight: normal; + font-size: 1em; + line-height: 1.6; + margin-bottom: 1.25em; +} +p aside { + font-size: 0.875em; + line-height: 1.35; + font-style: italic; +} + +/* Default header styles */ +h1, h2, h3, h4, h5, h6 { + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + font-weight: bold; + font-style: normal; + color: #222222; + text-rendering: optimizeLegibility; + line-height: 1.4; + margin-top: 0.2em; + margin-bottom: 0.5em; +} +h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { + font-size: 60%; + color: #6f6f6f; + line-height: 0; +} + +h1 { + font-size: 2.75em; +} + +h2 { + font-size: 2.3125em; +} + +h3 { + font-size: 1.6875em; +} + +h4 { + font-size: 1.4375em; +} + +h5 { + font-size: 1.125em; +} + +h6 { + font-size: 1em; +} + +hr { + border: solid #dddddd; + border-width: 1px 0 0; + clear: both; + margin: 1.25em 0 1.1875em; + 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: bold; + color: #7f0a0c; +} + +/* Lists */ +ul, +ol, +dl { + font-size: 1em; + line-height: 1.6; + margin-bottom: 1.25em; + list-style-position: outside; +} + +/* Unordered Lists */ +ul li ul, +ul li ol { + margin-left: 1.125em; + margin-bottom: 0; + font-size: 1em; + /* Override nested font-size change */ +} +ul.square, ul.circle, ul.disc { + margin-left: 1.125em; +} +ul.square li ul, ul.circle li ul, ul.disc li ul { + list-style: inherit; +} +ul.square { + list-style-type: square; +} +ul.circle { + list-style-type: circle; +} +ul.disc { + list-style-type: disc; +} +ul.no-bullet { + list-style: none; +} + +/* Ordered Lists */ +ol { + margin-left: 1.125em; +} +ol li ul, +ol li ol { + margin-left: 1.125em; + margin-bottom: 0; +} + +/* Definition Lists */ +dl dt { + margin-bottom: 0.3em; + font-weight: bold; +} +dl dd { + margin-bottom: 0.75em; +} + +/* Abbreviations */ +abbr, +acronym { + text-transform: uppercase; + font-size: 90%; + color: #222222; + border-bottom: 1px dotted #dddddd; + cursor: help; +} + +abbr { + text-transform: none; +} + +/* Blockquotes */ +blockquote { + margin: 0 0 1.25em; + padding: 0.5625em 1.25em 0 1.1875em; + border-left: 1px solid #dddddd; +} +blockquote cite { + display: block; + font-size: 0.8125em; + color: #555555; +} +blockquote cite:before { + content: "\2014 \0020"; +} +blockquote cite a, +blockquote cite a:visited { + color: #555555; +} + +blockquote, +blockquote p { + line-height: 1.6; + color: #6f6f6f; +} + +/* Microformats */ +.vcard { + display: inline-block; + margin: 0 0 1.25em 0; + border: 1px solid #dddddd; + padding: 0.625em 0.75em; +} +.vcard li { + margin: 0; + display: block; +} +.vcard .fn { + font-weight: bold; + font-size: 0.9375em; +} + +.vevent .summary { + font-weight: bold; +} +.vevent abbr { + cursor: default; + text-decoration: none; + font-weight: bold; + border: none; + padding: 0 0.0625em; +} + +/* + * 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: black !important; + /* Black prints faster: h5bp.com/s */ + box-shadow: none !important; + text-shadow: none !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; + } +} +.button { + border-style: solid; + border-width: 1px; + cursor: pointer; + font-family: inherit; + font-weight: bold; + line-height: 1; + margin: 0 0 1.25em; + position: relative; + text-decoration: none; + text-align: center; + display: block; + padding-top: 0.75em; + padding-right: 1.5em; + padding-bottom: 0.8125em; + padding-left: 1.5em; + font-size: 1em; + background-color: #2ba6cb; + border-color: #2284a1; + color: white; +} +.button:hover, .button:focus { + background-color: #2284a1; +} +.button:hover, .button:focus { + color: white; +} +.button.secondary { + background-color: #e9e9e9; + border-color: #d0d0d0; + color: #333333; +} +.button.secondary:hover, .button.secondary:focus { + background-color: #d0d0d0; +} +.button.secondary:hover, .button.secondary:focus { + color: #333333; +} +.button.success { + background-color: #5da423; + border-color: #457a1a; + color: white; +} +.button.success:hover, .button.success:focus { + background-color: #457a1a; +} +.button.success:hover, .button.success:focus { + color: white; +} +.button.alert { + background-color: #c60f13; + border-color: #970b0e; + color: white; +} +.button.alert:hover, .button.alert:focus { + background-color: #970b0e; +} +.button.alert:hover, .button.alert:focus { + color: white; +} +.button.large { + padding-top: 1em; + padding-right: 2em; + padding-bottom: 1.0625em; + padding-left: 2em; + font-size: 1.25em; +} +.button.small { + padding-top: 0.5625em; + padding-right: 1.125em; + padding-bottom: 0.625em; + padding-left: 1.125em; + font-size: 0.8125em; +} +.button.tiny { + padding-top: 0.4375em; + padding-right: 0.875em; + padding-bottom: 0.5em; + padding-left: 0.875em; + font-size: 0.6875em; +} +.button.expand { + padding-top: false; + padding-right: 0px; + padding-bottom: false0.0625em; + padding-left: 0px; + width: 100%; +} +.button.left-align { + text-align: left; + text-indent: 0.75em; +} +.button.right-align { + text-align: right; + padding-right: 0.75em; +} +.button.disabled, .button[disabled] { + background-color: #2ba6cb; + border-color: #2284a1; + color: white; + cursor: default; + opacity: 0.6; + -webkit-box-shadow: none; + box-shadow: none; +} +.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { + background-color: #2284a1; +} +.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { + color: white; +} +.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { + background-color: #2ba6cb; +} +.button.disabled.secondary, .button[disabled].secondary { + background-color: #e9e9e9; + border-color: #d0d0d0; + color: #333333; + cursor: default; + opacity: 0.6; + -webkit-box-shadow: none; + box-shadow: none; +} +.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { + background-color: #d0d0d0; +} +.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 { + background-color: #e9e9e9; +} +.button.disabled.success, .button[disabled].success { + background-color: #5da423; + border-color: #457a1a; + color: white; + cursor: default; + opacity: 0.6; + -webkit-box-shadow: none; + box-shadow: none; +} +.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { + background-color: #457a1a; +} +.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { + color: white; +} +.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { + background-color: #5da423; +} +.button.disabled.alert, .button[disabled].alert { + background-color: #c60f13; + border-color: #970b0e; + color: white; + cursor: default; + opacity: 0.6; + -webkit-box-shadow: none; + box-shadow: none; +} +.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { + background-color: #970b0e; +} +.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { + color: white; +} +.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { + background-color: #c60f13; +} + +input.button, +button.button { + padding-top: 0.8125em; + padding-bottom: 0.75em; +} +input.button.tiny, +button.button.tiny { + padding-top: 0.5em; + padding-bottom: 0.4375em; +} +input.button.small, +button.button.small { + padding-top: 0.625em; + padding-bottom: 0.5625em; +} +input.button.large, +button.button.large { + padding-top: 1.03125em; + padding-bottom: 1.03125em; +} + +@media only screen { + .button { + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + -webkit-transition: background-color 300ms ease-out; + -moz-transition: background-color 300ms ease-out; + transition: background-color 300ms ease-out; + } + .button:active { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; + } + .button.radius { + -webkit-border-radius: 3px; + border-radius: 3px; + } + .button.round { + -webkit-border-radius: 1000px; + border-radius: 1000px; + } +} +@media only screen and (min-width: 48em) { + .button { + display: inline-block; + } +} +/* Standard Forms */ +form { + margin: 0 0 1em; +} + +/* Using forms within rows, we need to set some defaults */ +form .row .row { + margin: -0.5em; +} +form .row .row .column, +form .row .row .columns { + padding: 0 0.5em; +} +form .row .row.collapse { + margin: 0; +} +form .row .row.collapse .column, +form .row .row.collapse .columns { + padding: 0; +} +form .row input.column, +form .row input.columns { + padding-left: 0.5em; +} + +form .row .row { + margin: 0; +} + +/* Label Styles */ +label { + font-size: 0.875em; + color: #4d4d4d; + cursor: pointer; + display: block; + font-weight: 500; + margin-bottom: 0.1875em; +} +label.right { + float: none; + text-align: right; +} +label.inline { + margin: 0 0 1em 0; + padding: 0.625em 0; +} + +/* 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: hidden; + font-size: 0.875em; + height: 2.3125em; + line-height: 2.3125em; +} + +/* Adjust padding, alignment and radius if pre/post element is a button */ +.postfix.button { + padding-left: 0; + padding-right: 0; + text-align: center; + line-height: 2.125em; +} + +.prefix.button { + padding-left: 0; + padding-right: 0; + text-align: center; + line-height: 2.125em; +} + +.prefix.button.radius { + -webkit-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +.postfix.button.radius { + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +/* Separate prefix and postfix styles when on span so buttons keep their own */ +span.prefix { + background: #f2f2f2; + border-color: #d9d9d9; + border-right: none; + color: #333333; +} +span.prefix.radius { + -webkit-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} + +span.postfix { + background: #f2f2f2; + border-color: #cccccc; + border-left: none; + color: #333333; +} +span.postfix.radius { + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} + +/* 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"], +textarea { + background-color: white; + font-family: inherit; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.75); + display: block; + font-size: 0.875em; + margin: 0 0 1em 0; + padding: 0.5em; + height: 2.3125em; + width: 100%; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + 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, +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], +textarea[disabled] { + background-color: #dddddd; +} + +/* We add basic fieldset styling */ +fieldset { + border: solid 1px #dddddd; + padding: 1.25em; + margin: 1.125em 0; +} +fieldset legend { + font-weight: bold; + background: white; + padding: 0 0.1875em; + margin: 0; + margin-left: -0.1875em; +} + +/* Error Handling */ +.error input, +input.error, +.error textarea, +textarea.error { + border-color: #c60f13; + background-color: rgba(198, 15, 19, 0.1); +} +.error input:focus, +input.error:focus, +.error textarea:focus, +textarea.error:focus { + background: #fafafa; + border-color: #999999; +} + +.error label, +label.error { + color: #c60f13; +} + +.error small, +small.error { + display: block; + padding: 0.375em 0.25em; + margin-top: -1.3125em; + margin-bottom: 1em; + font-size: 0.75em; + font-weight: bold; + background: #c60f13; + color: white; +} + +/* Custom Checkbox and Radio Inputs */ +form.custom .custom { + display: inline-block; + width: 16px; + height: 16px; + position: relative; + top: 2px; + border: solid 1px #cccccc; + background: white; +} +form.custom .custom.radio { + -webkit-border-radius: 1000px; + border-radius: 1000px; +} +form.custom .custom.checkbox { + z-index: -1; +} +form.custom .custom.checkbox:before { + content: ""; + display: block; + line-height: 0.8; + height: 14px; + width: 14px; + text-align: center; + position: absolute; + top: 0; + left: 0; + font-size: 14px; + color: #fff; +} +form.custom .custom.radio.checked:before { + content: ""; + display: block; + width: 8px; + height: 8px; + -webkit-border-radius: 1000px; + border-radius: 1000px; + background: #222222; + position: relative; + top: 3px; + left: 3px; +} +form.custom .custom.checkbox.checked:before { + content: "\00d7"; + color: #222222; +} + +/* Custom Select Options and Dropdowns */ +form.custom { + /* Custom input, disabled */ +} +form.custom .custom.dropdown { + display: block; + position: relative; + top: 0; + height: 2.3125em; + margin-bottom: 1.25em; + margin-top: 0px; + padding: 0px; + width: 100%; + background: white; + background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); + background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); + background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%); + -webkit-box-shadow: none; + box-shadow: none; + font-size: 0.875em; +} +form.custom .custom.dropdown ul { + overflow-y: auto; + max-height: 200px; +} +form.custom .custom.dropdown .current { + cursor: default; + white-space: nowrap; + line-height: 2.25em; + color: rgba(0, 0, 0, 0.75); + text-decoration: none; + overflow: hidden; + display: block; + margin-left: 0.5em; + margin-right: 2.3125em; +} +form.custom .custom.dropdown .selector { + cursor: default; + position: absolute; + width: 2.5em; + height: 2.3125em; + display: block; + right: 0; + top: 0; +} +form.custom .custom.dropdown .selector:after { + content: ""; + display: block; + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: #aaaaaa transparent transparent transparent; + position: absolute; + left: 0.9375em; + top: 50%; + margin-top: -3px; +} +form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: #222222 transparent transparent transparent; +} +form.custom .custom.dropdown .disabled { + color: #888888; +} +form.custom .custom.dropdown .disabled:hover { + background: transparent; + color: #888888; +} +form.custom .custom.dropdown .disabled:hover:after { + display: none; +} +form.custom .custom.dropdown.open ul { + display: block; + z-index: 10; + min-width: 100%; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +form.custom .custom.dropdown.small { + max-width: 134px !important; +} +form.custom .custom.dropdown.medium { + max-width: 254px !important; +} +form.custom .custom.dropdown.large { + max-width: 434px !important; +} +form.custom .custom.dropdown.expand { + width: 100% !important; +} +form.custom .custom.dropdown.open.small ul { + max-width: 134px !important; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +form.custom .custom.dropdown.open.medium ul { + max-width: 254px !important; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +form.custom .custom.dropdown.open.large ul { + max-width: 634px !important; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +form.custom .custom.dropdown ul { + position: absolute; + width: auto; + display: none; + margin: 0; + left: -1px; + top: none; + -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); + margin: 0; + padding: 0; + background: white; + border: solid 1px #cccccc; + font-size: 16px; +} +form.custom .custom.dropdown ul li { + color: #555555; + font-size: 0.875em; + cursor: default; + padding-top: 0.25em; + padding-bottom: 0.25em; + padding-left: 0.375em; + padding-right: 2.375em; + min-height: 1.5em; + line-height: 1.5em; + margin: 0; + white-space: nowrap; + list-style: none; +} +form.custom .custom.dropdown ul li.selected { + background: #eeeeee; + color: black; +} +form.custom .custom.dropdown ul li:hover { + background-color: #e4e4e4; + color: black; +} +form.custom .custom.dropdown ul li.selected:hover { + background: #eeeeee; + cursor: default; + color: black; +} +form.custom .custom.dropdown ul.show { + display: block; +} +form.custom .custom.disabled { + background-color: #dddddd; +} + +/* Button Groups */ +.button-group { + list-style: none; + margin: 0 0 1.25em; + *zoom: 1; +} +.button-group:before, .button-group:after { + content: " "; + display: table; +} +.button-group:after { + clear: both; +} +.button-group li { + margin: 0 0 0 -1px; + float: left; +} +.button-group li:first-child { + margin-left: 0; +} +.button-group.radius li:first-child > a { + -webkit-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; +} +.button-group.radius li:last-child > a { + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.button-group.round li:first-child > a { + -webkit-border-radius: 1000px 0 0 1000px; + border-radius: 1000px 0 0 1000px; +} +.button-group.round li:last-child > a { + -webkit-border-radius: 0 1000px 1000px 0; + border-radius: 0 1000px 1000px 0; +} +.button-group.even-2 li { + width: 33.33333%; +} +.button-group.even-2 li .button { + width: 100%; +} +.button-group.even-3 li { + width: 33.33333%; +} +.button-group.even-3 li .button { + width: 100%; +} +.button-group.even-4 li { + width: 33.33333%; +} +.button-group.even-4 li .button { + width: 100%; +} +.button-group.even-5 li { + width: 33.33333%; +} +.button-group.even-5 li .button { + width: 100%; +} +.button-group.even-6 li { + width: 33.33333%; +} +.button-group.even-6 li .button { + width: 100%; +} +.button-group.even-7 li { + width: 33.33333%; +} +.button-group.even-7 li .button { + width: 100%; +} +.button-group.even-8 li { + width: 33.33333%; +} +.button-group.even-8 li .button { + width: 100%; +} + +/* Dropdown Button */ +.dropdown.button { + position: relative; + padding-right: 3.1875em; +} +.dropdown.button:before { + position: absolute; + content: ""; + width: 0; + height: 0; + display: block; + border-style: solid; + border-color: white transparent transparent transparent; + top: 50%; +} +.dropdown.button:before { + border-width: 0.5625em; + right: 1.5em; + margin-top: -0.25em; +} +.dropdown.button:before { + border-color: white transparent transparent transparent; +} +.dropdown.button.tiny { + padding-right: 2.1875em; +} +.dropdown.button.tiny:before { + border-width: 0.4375em; + right: 0.875em; + margin-top: -0.15625em; +} +.dropdown.button.tiny:before { + border-color: white transparent transparent transparent; +} +.dropdown.button.small { + padding-right: 2.8125em; +} +.dropdown.button.small:before { + border-width: 0.5625em; + right: 1.125em; + margin-top: -0.21875em; +} +.dropdown.button.small:before { + border-color: white transparent transparent transparent; +} +.dropdown.button.large { + padding-right: 4em; +} +.dropdown.button.large:before { + border-width: 0.625em; + right: 1.75em; + margin-top: -0.3125em; +} +.dropdown.button.large:before { + border-color: white transparent transparent transparent; +} +.dropdown.button.secondary:before { + border-color: #333333 transparent transparent transparent; +} + +/* Split Buttons */ +.split.button { + position: relative; + padding-right: 4.8em; +} +.split.button span { + display: block; + height: 100%; + position: absolute; + right: 0; + top: 0; + border-left: solid 1px; +} +.split.button span:before { + position: absolute; + content: ""; + width: 0; + height: 0; + display: block; + border-style: solid; + left: 50%; +} +.split.button span:active { + background-color: rgba(0, 0, 0, 0.1); +} +.split.button span { + border-left-color: #1e728c; +} +.split.button span { + width: 3em; +} +.split.button span:before { + border-width: 0.5625em; + top: 1.125em; + margin-left: -0.5625em; +} +.split.button span:before { + border-color: white transparent transparent transparent; +} +.split.button.secondary span { + border-left-color: #c3c3c3; +} +.split.button.secondary span:before { + border-color: white transparent transparent transparent; +} +.split.button.alert span { + border-left-color: #7f0a0c; +} +.split.button.success span { + border-left-color: #396516; +} +.split.button.tiny { + padding-right: 3.9375em; +} +.split.button.tiny span { + width: 2.84375em; +} +.split.button.tiny span:before { + border-width: 0.4375em; + top: 0.875em; + margin-left: -0.3125em; +} +.split.button.small { + padding-right: 3.9375em; +} +.split.button.small span { + width: 2.8125em; +} +.split.button.small span:before { + border-width: 0.5625em; + top: 0.84375em; + margin-left: -0.5625em; +} +.split.button.large { + padding-right: 6em; +} +.split.button.large span { + width: 3.75em; +} +.split.button.large span:before { + border-width: 0.625em; + top: 1.3125em; + margin-left: -0.5625em; +} +.split.button.secondary span:before { + border-color: #333333 transparent transparent transparent; +} +.split.button.radius span { + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; +} +.split.button.round span { + -webkit-border-radius: 0 1000px 1000px 0; + border-radius: 0 1000px 1000px 0; +} + +/* Flex Video */ +.flex-video { + position: relative; + padding-top: 1.5625em; + padding-bottom: 67.5%; + height: 0; + margin-bottom: 1em; + overflow: hidden; +} +.flex-video.widescreen { + padding-bottom: 57.25%; +} +.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%; +} + +/* Sections */ +.section-container { + width: 100%; + display: block; + margin-bottom: 1.25em; + border: 1px solid #cccccc; + border-top: none; +} +.section-container section, +.section-container .section { + border-top: 1px solid #cccccc; + position: relative; +} +.section-container section * > :first-child, +.section-container .section * > :first-child { + padding-top: 0; +} +.section-container section * > :last-child, +.section-container .section * > :last-child { + padding-bottom: 0; +} +.section-container section .title, +.section-container .section .title { + top: 0; + cursor: pointer; + width: 100%; + margin: 0; + background-color: #efefef; +} +.section-container section .title a, +.section-container .section .title a { + padding: 0.9375em; + display: inline-block; + color: #333333; + font-size: 0.875em; + white-space: nowrap; + width: 100%; +} +.section-container section .title:hover, +.section-container .section .title:hover { + background-color: #e2e2e2; +} +.section-container section .content, +.section-container .section .content { + display: none; + padding: 0.9375em; + background-color: white; +} +.section-container section .content *:last-child, +.section-container .section .content *:last-child { + margin-bottom: 0; +} +.section-container section.active .content, +.section-container .section.active .content { + display: block; +} +.section-container section.active .title, +.section-container .section.active .title { + background: #d5d5d5; +} + +@media only screen and (min-width: 48em) { + .section-container.accordion .section { + padding-top: 0 !important; + } + + .section-container.vertical-nav { + border: 1px solid #cccccc; + border-top: none; + } + .section-container.vertical-nav section, + .section-container.vertical-nav .section { + padding-top: 0 !important; + } + .section-container.vertical-nav section .title a, + .section-container.vertical-nav .section .title a { + display: block; + width: 100%; + } + .section-container.vertical-nav section .content, + .section-container.vertical-nav .section .content { + display: none; + } + .section-container.vertical-nav section.active .content, + .section-container.vertical-nav .section.active .content { + display: block; + position: absolute; + left: 100%; + top: -1px; + z-index: 999; + min-width: 12.5em; + border: 1px solid #cccccc; + } + + .section-container.tabs { + border: 0; + position: relative; + } + .section-container.tabs section, + .section-container.tabs .section { + padding-top: 0; + border: 0; + position: static; + } + .section-container.tabs section .title, + .section-container.tabs .section .title { + top: 1px; + width: auto; + border: 1px solid #cccccc; + border-right: 0; + position: absolute; + z-index: 1; + } + .section-container.tabs section .title a, + .section-container.tabs .section .title a { + width: 100%; + } + .section-container.tabs section:last-child .title, + .section-container.tabs .section:last-child .title { + border-right: 1px solid #cccccc; + } + .section-container.tabs section .content, + .section-container.tabs .section .content { + border: 1px solid #cccccc; + position: absolute; + z-index: 10; + } + .section-container.tabs section.active .title, + .section-container.tabs .section.active .title { + background-color: white; + z-index: 11; + border-bottom: 0; + } + .section-container.tabs section.active .content, + .section-container.tabs .section.active .content { + position: relative; + } +} +/* Wrapped around .top-bar to contain to grid width */ +.contain-to-grid { + width: 100%; + background: #111111; +} + +.fixed { + width: 100%; + left: 0; + position: fixed; + top: 0; + z-index: 99; +} + +.top-bar { + overflow: hidden; + height: 45px; + line-height: 45px; + position: relative; + background: #111111; +} +.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: 2.45em; +} +.top-bar .button { + padding-top: .5em; + padding-bottom: .5em; + margin-bottom: 0; +} +.top-bar .title-area { + position: relative; +} +.top-bar .name { + height: 45px; + margin: 0; + font-size: 16px; +} +.top-bar .name h1 { + line-height: 45px; + font-size: 1.0625em; + margin: 0; +} +.top-bar .name h1 a { + font-weight: bold; + color: white; + width: 50%; + display: block; + padding: 0 15px; +} +.top-bar .toggle-topbar { + position: absolute; + right: 0; + top: 0; +} +.top-bar .toggle-topbar a { + color: white; + text-transform: uppercase; + font-size: 0.8125em; + font-weight: bold; + position: relative; + display: block; + padding: 0 15px; + height: 45px; + line-height: 45px; +} +.top-bar .toggle-topbar.menu-icon { + right: 15px; + top: 50%; + margin-top: -16px; + padding-left: 40px; +} +.top-bar .toggle-topbar.menu-icon a { + text-indent: -48px; + width: 34px; + height: 34px; + line-height: 33px; + padding: 0; + color: white; +} +.top-bar .toggle-topbar.menu-icon a span { + position: absolute; + right: 0; + display: block; + width: 16px; + height: 0; + -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; + box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; +} +.top-bar.expanded { + height: auto; + background: transparent; +} +.top-bar.expanded .title-area { + background: #111111; +} +.top-bar.expanded .toggle-topbar a { + color: #888888; +} +.top-bar.expanded .toggle-topbar a span { + -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; + box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; +} + +.top-bar-section { + left: 0; + position: relative; + width: auto; + -webkit-transition: left 300ms ease-out; + -moz-transition: left 300ms ease-out; + transition: left 300ms ease-out; +} +.top-bar-section ul { + width: 100%; + height: auto; + display: block; + background: #333333; + font-size: 16px; + margin: 0; +} +.top-bar-section .divider { + border-bottom: solid 1px #4d4d4d; + border-top: solid 1px #1a1a1a; + clear: both; + height: 1px; + width: 100%; +} +.top-bar-section li > a { + display: block; + width: 100%; + padding: 12px 0 12px 15px; + color: #fff; + font-size: 0.8125em; + font-weight: bold; + background: #333333; +} +.top-bar-section li > a:hover { + background: #2b2b2b; +} +.top-bar-section li > a.button { + background: #2ba6cb; + font-size: 0.8125em; +} +.top-bar-section li > a.button:hover { + background: #2284a1; +} +.top-bar-section li > a.button.secondary { + background: #e9e9e9; +} +.top-bar-section li > a.button.secondary:hover { + background: #d0d0d0; +} +.top-bar-section li > a.button.success { + background: #5da423; +} +.top-bar-section li > a.button.success:hover { + background: #457a1a; +} +.top-bar-section li > a.button.alert { + background: #c60f13; +} +.top-bar-section li > a.button.alert:hover { + background: #970b0e; +} +.top-bar-section li.active a { + background: #2b2b2b; +} +.top-bar-section .has-form { + padding: 15px; +} +.top-bar-section .has-dropdown { + position: relative; +} +.top-bar-section .has-dropdown > a:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); + margin-right: 15px; + 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 { + visibility: visible; +} +.top-bar-section .dropdown { + position: absolute; + left: 100%; + top: 0; + visibility: hidden; + z-index: 99; +} +.top-bar-section .dropdown li { + width: 100%; +} +.top-bar-section .dropdown li a { + font-weight: normal; + padding: 8px 15px; +} +.top-bar-section .dropdown label { + padding: 8px 15px 2px; + margin-bottom: 0; + text-transform: uppercase; + color: #555; + font-weight: bold; + font-size: 0.625em; +} + +.top-bar-js-breakpoint { + width: 58.75em !important; + visibility: hidden; +} + +.js-generated { + display: block; +} + +@media only screen and (min-width: 58.75em) { + .top-bar { + background: #111111; + *zoom: 1; + 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 { + width: auto; + } + .top-bar input, + .top-bar .button { + line-height: 2em; + font-size: 0.875em; + height: 2em; + padding: 0 10px; + position: relative; + top: 8px; + } + .top-bar.expanded { + background: #111111; + } + + .top-bar-section { + -webkit-transition: none 0 0; + -moz-transition: none 0 0; + 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 a:not(.button) { + padding: 0 15px; + line-height: 45px; + background: #111111; + } + .top-bar-section li a:not(.button):hover { + background: #2b2b2b; + } + .top-bar-section .has-dropdown > a { + padding-right: 35px !important; + } + .top-bar-section .has-dropdown > a:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 5px; + border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; + margin-top: -2.5px; + } + .top-bar-section .has-dropdown.moved { + position: relative; + } + .top-bar-section .has-dropdown.moved > .dropdown { + visibility: hidden; + } + .top-bar-section .has-dropdown:hover > .dropdown, .top-bar-section .has-dropdown:active > .dropdown { + visibility: visible; + } + .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { + border: none; + content: "\00bb"; + margin-top: -7px; + right: 5px; + } + .top-bar-section .dropdown { + left: 0; + top: auto; + background: transparent; + } + .top-bar-section .dropdown li a { + line-height: 1; + white-space: nowrap; + padding: 7px 15px; + background: #1e1e1e; + } + .top-bar-section .dropdown li label { + white-space: nowrap; + background: #1e1e1e; + } + .top-bar-section .dropdown li .dropdown { + left: 100%; + top: 0; + } + .top-bar-section > ul > .divider { + border-bottom: none; + border-top: none; + border-right: solid 1px #2b2b2b; + border-left: solid 1px black; + clear: none; + height: 45px; + width: 0px; + } + .top-bar-section .has-form { + background: #111111; + padding: 0 15px; + height: 45px; + } + .top-bar-section ul.right li .dropdown { + left: auto; + right: 0; + } + .top-bar-section ul.right li .dropdown li .dropdown { + right: 100%; + } +} +.orbit-container { + overflow: hidden; + width: 100%; + position: relative; + background: #f5f5f5; +} +.orbit-container .orbit-slides-container { + list-style: none; + margin: 0; + padding: 0; + position: relative; +} +.orbit-container .orbit-slides-container img { + display: block; +} +.orbit-container .orbit-slides-container > * { + position: relative; + float: left; + height: 100%; +} +.orbit-container .orbit-slides-container > * .orbit-caption { + position: absolute; + bottom: 0; + background-color: black; + background-color: rgba(0, 0, 0, 0.6); + color: #fff; + width: 100%; + padding: 10px 14px; + font-size: 0.875em; +} +.orbit-container .orbit-slides-container > * .orbit-caption * { + color: #fff; +} +.orbit-container .orbit-slide-number { + position: absolute; + top: 10px; + left: 10px; + font-size: 12px; +} +.orbit-container .orbit-slide-number span { + font-weight: 700; +} +.orbit-container .orbit-timer { + position: absolute; + top: 10px; + right: 10px; + height: 6px; + width: 100px; +} +.orbit-container .orbit-timer .orbit-progress { + height: 100%; + background-color: black; + background-color: rgba(0, 0, 0, 0.6); + display: block; + width: 0%; +} +.orbit-container .orbit-timer > span { + display: none; + position: absolute; + top: 10px; + right: 0px; + width: 11px; + height: 14px; + border: solid 4px black; + border-top: none; + border-bottom: none; +} +.orbit-container .orbit-timer.paused > span { + right: -6px; + top: 9px; + width: 11px; + height: 14px; + border: solid 8px; + border-color: transparent transparent transparent black; +} +.orbit-container:hover .orbit-timer > span { + display: block; +} +.orbit-container .orbit-prev, +.orbit-container .orbit-next { + position: absolute; + top: 50%; + margin-top: -25px; + background-color: black; + background-color: rgba(0, 0, 0, 0.6); + width: 50px; + height: 60px; + line-height: 50px; + color: white; + text-indent: -9999px !important; +} +.orbit-container .orbit-prev > span, +.orbit-container .orbit-next > span { + position: absolute; + top: 50%; + margin-top: -16px; + display: block; + width: 0; + height: 0; + border: solid 16px; +} +.orbit-container .orbit-prev { + left: 0; +} +.orbit-container .orbit-prev > span { + border-color: transparent white transparent transparent; +} +.orbit-container .orbit-prev:hover > span { + border-color: transparent #cccccc transparent transparent; +} +.orbit-container .orbit-next { + right: 0; +} +.orbit-container .orbit-next > span { + border-color: transparent transparent transparent white; + left: 50%; + margin-left: -8px; +} +.orbit-container .orbit-next:hover > span { + border-color: transparent transparent transparent #cccccc; +} + +.orbit-bullets { + margin: 0 auto 30px auto; + overflow: hidden; + position: relative; + top: 10px; +} +.orbit-bullets li { + display: block; + width: 18px; + height: 18px; + background: #fff; + float: left; + margin-right: 6px; + border: solid 2px black; + -webkit-border-radius: 1000px; + border-radius: 1000px; +} +.orbit-bullets li.active { + background: #000; +} +.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: 48em) { + .touch .orbit-container .orbit-prev, + .touch .orbit-container .orbit-next { + display: inherit; + } + .touch .orbit-bullets { + display: block; + } +} +.reveal-modal-bg { + position: fixed; + height: 100%; + width: 100%; + background: black; + background: rgba(0, 0, 0, 0.45); + z-index: 98; + display: none; + top: 0; + left: 0; +} + +.reveal-modal { + visibility: hidden; + display: none; + position: absolute; + left: 50%; + z-index: 99; + height: auto; + background-color: #fff; + margin-left: -40%; + width: 80%; + background-color: white; + padding: 1.25em; + border: solid 1px #666666; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); + top: 0.9375em; +} +.reveal-modal .column, +.reveal-modal .columns { + min-width: 0; +} +.reveal-modal > :first-child { + margin-top: 0; +} +.reveal-modal > :last-child { + margin-bottom: 0; +} +.reveal-modal .close-reveal-modal { + font-size: 1.375em; + line-height: 1; + position: absolute; + top: 0.5em; + right: 0.6875em; + color: #aaaaaa; + font-weight: bold; + cursor: pointer; +} + +@media only screen and (min-width: 48em) { + .reveal-modal { + padding: 1.875em; + top: 6.25em; + } + .reveal-modal.small { + margin-left: -15%; + width: 30%; + } + .reveal-modal.medium { + margin-left: -20%; + width: 40%; + } + .reveal-modal.large { + margin-left: -30%; + width: 60%; + } + .reveal-modal.xlarge { + margin-left: -35%; + width: 70%; + } + .reveal-modal.expand { + margin-left: -47.5%; + width: 95%; + } +} +@media print { + div:not(.reveal-modal) { + display: none; + } +} +/* Foundation Joyride */ +.joyride-list { + display: none; +} + +/* Default styles for the container */ +.joyride-tip-guide { + display: none; + position: absolute; + background: black; + color: white; + 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.125em 1.25em 1.5em; +} +.joyride-content-wrapper .button { + margin-bottom: 0 !important; +} + +/* 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: solid 14px; +} +.joyride-tip-guide .joyride-nub.top { + border-color: black; + border-top-color: transparent !important; + border-left-color: transparent !important; + border-right-color: transparent !important; + top: -28px; + bottom: none; +} +.joyride-tip-guide .joyride-nub.bottom { + border-color: black !important; + border-bottom-color: transparent !important; + border-left-color: transparent !important; + border-right-color: transparent !important; + bottom: -28px; + bottom: none; +} +.joyride-tip-guide .joyride-nub.right { + right: -28px; +} +.joyride-tip-guide .joyride-nub.left { + left: -28px; +} + +/* 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: white; +} + +.joyride-tip-guide p { + margin: 0 0 1.125em 0; + font-size: 0.875em; + line-height: 1.3; +} + +.joyride-timer-indicator-wrap { + width: 50px; + height: 3px; + border: solid 1px #555555; + position: absolute; + right: 1.0625em; + bottom: 1em; +} + +.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: 30px; + font-weight: normal; + line-height: 0.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; +} + +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 48em) { + .joyride-tip-guide { + width: 300px; + left: 0; + } + .joyride-tip-guide .joyride-nub.bottom { + border-color: black !important; + border-bottom-color: transparent !important; + border-left-color: transparent !important; + border-right-color: transparent !important; + bottom: -28px; + bottom: none; + } + .joyride-tip-guide .joyride-nub.right { + border-color: black !important; + border-top-color: transparent !important; + border-right-color: transparent !important; + border-bottom-color: transparent !important; + top: 22px; + bottom: none; + left: auto; + right: -28px; + } + .joyride-tip-guide .joyride-nub.left { + border-color: black !important; + border-top-color: transparent !important; + border-left-color: transparent !important; + border-bottom-color: transparent !important; + top: 22px; + left: -28px; + right: auto; + bottom: none; + } +} +/* Clearing Styles */ +[data-clearing] { + *zoom: 1; + margin-bottom: 0; +} +[data-clearing]:before, [data-clearing]:after { + content: " "; + display: table; +} +[data-clearing]:after { + clear: both; +} + +.clearing-blackout { + background: #111111; + 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; +} + +.visible-img { + height: 95%; + position: relative; +} +.visible-img img { + position: absolute; + left: 50%; + top: 50%; + margin-left: -50%; + max-height: 100%; + max-width: 100%; +} + +.clearing-caption { + color: white; + line-height: 1.3; + margin-bottom: 0; + text-align: center; + bottom: 0; + background: #111111; + width: 100%; + padding: 10px 30px; + position: absolute; + left: 0; +} + +.clearing-close { + z-index: 999; + padding-left: 20px; + padding-top: 10px; + font-size: 40px; + line-height: 1; + color: white; + display: none; +} +.clearing-close:hover, .clearing-close:focus { + color: #ccc; +} + +.clearing-assembled .clearing-container { + height: 100%; +} +.clearing-assembled .clearing-container .carousel > ul { + display: none; +} + +@media only screen and (min-width: 48em) { + .clearing-main-left, + .clearing-main-right { + position: absolute; + height: 100%; + width: 40px; + top: 0; + } + .clearing-main-left > span, + .clearing-main-right > span { + position: absolute; + top: 50%; + display: block; + width: 0; + height: 0; + border: solid 16px; + } + + .clearing-main-left { + left: 0; + } + .clearing-main-left > span { + left: 5px; + border-color: transparent white transparent transparent; + } + + .clearing-main-right { + right: 0; + } + .clearing-main-right > span { + border-color: transparent transparent transparent white; + } + + .clearing-main-left.disabled, + .clearing-main-right.disabled { + opacity: 0.5; + } + + .clearing-feature ~ li { + display: none; + } + + .clearing-assembled .clearing-container .carousel { + background: #111111; + height: 150px; + margin-top: 5px; + } + .clearing-assembled .clearing-container .carousel > ul { + display: block; + z-index: 999; + width: 200%; + height: 100%; + margin-left: 0; + position: relative; + left: 0; + } + .clearing-assembled .clearing-container .carousel > ul li { + display: block; + width: 175px; + height: inherit; + padding: 0; + float: left; + overflow: hidden; + margin-right: 1px; + position: relative; + cursor: pointer; + opacity: 0.4; + } + .clearing-assembled .clearing-container .carousel > ul li.fix-height img { + min-height: 100%; + height: 100%; + max-width: none; + } + .clearing-assembled .clearing-container .carousel > ul li a.th { + border: none; + -webkit-box-shadow: none; + box-shadow: none; + display: block; + } + .clearing-assembled .clearing-container .carousel > ul li img { + cursor: pointer !important; + min-width: 100% !important; + } + .clearing-assembled .clearing-container .carousel > ul li.visible { + opacity: 1; + } + .clearing-assembled .clearing-container .visible-img { + background: #111111; + overflow: hidden; + height: 75%; + } + + .clearing-close { + position: absolute; + top: 10px; + right: 20px; + padding-left: 0; + padding-top: 0; + } +} +/* Foundation Alerts */ +.alert-box { + border-style: solid; + border-width: 1px; + display: block; + font-weight: bold; + margin-bottom: 1.25em; + position: relative; + padding: 0.6875em 1.3125em 0.75em 0.6875em; + font-size: 0.875em; + background-color: #2ba6cb; + border-color: #2284a1; + color: white; +} +.alert-box .close { + font-size: 1.375em; + padding: 5px 4px 4px; + line-height: 0; + position: absolute; + top: 0.4375em; + right: 0.3125em; + color: #333333; + opacity: 0.3; +} +.alert-box .close:hover, .alert-box .close:focus { + opacity: 0.5; +} +.alert-box.radius { + -webkit-border-radius: 3px; + border-radius: 3px; +} +.alert-box.round { + -webkit-border-radius: 1000px; + border-radius: 1000px; +} +.alert-box.success { + background-color: #5da423; + border-color: #457a1a; + color: white; +} +.alert-box.alert { + background-color: #c60f13; + border-color: #970b0e; + color: white; +} +.alert-box.secondary { + background-color: #e9e9e9; + border-color: #d0d0d0; + color: #505050; +} + +/* Breadcrumbs */ +.breadcrumbs { + display: block; + padding: 0.375em 0.875em 0.5625em; + overflow: hidden; + margin-left: 0; + list-style: none; + border-style: solid; + border-width: 1px; + background-color: #f6f6f6; + border-color: gainsboro; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.breadcrumbs li { + margin: 0; + padding: 0 0.75em 0 0; + float: left; +} +.breadcrumbs li:hover a, .breadcrumbs li:focus a { + text-decoration: underline; +} +.breadcrumbs li a, +.breadcrumbs li span { + font-size: 0.6875em; + padding-left: 0.75em; + text-transform: uppercase; + color: #2ba6cb; +} +.breadcrumbs li.current a { + cursor: default; + color: #333333; +} +.breadcrumbs li.current:hover a, .breadcrumbs li.current:focus a { + text-decoration: none; +} +.breadcrumbs li.unavailable a { + color: #999999; +} +.breadcrumbs li.unavailable:hover a, +.breadcrumbs li.unavailable a:focus { + text-decoration: none; + color: #999999; + cursor: default; +} +.breadcrumbs li:before { + content: "/"; + color: #aaaaaa; + position: relative; + top: 1px; +} +.breadcrumbs li:first-child a, .breadcrumbs li:first-child span { + padding-left: 0; +} +.breadcrumbs li:first-child:before { + content: ""; +} + +/* Keytroke Characters */ +.keystroke, +kbd { + background-color: #ededed; + border-color: #dbdbdb; + color: #222222; + border-style: solid; + border-width: 1px; + margin: 0; + font-family: "Consolas", "Menlo", "Courier", monospace; + font-size: 0.9375em; + padding: 0.125em 0.25em 0em; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* Labels */ +.label { + font-weight: 500; + text-align: center; + text-decoration: none; + line-height: 1; + white-space: nowrap; + display: inline; + position: relative; + padding: 0.1875em 0.625em 0.25em; + font-size: 0.875em; + background-color: #2ba6cb; + color: #fff; +} +.label.radius { + -webkit-border-radius: 3px; + border-radius: 3px; +} +.label.round { + -webkit-border-radius: 1000px; + border-radius: 1000px; +} +.label.alert { + background-color: #c60f13; + color: #fff; +} +.label.success { + background-color: #5da423; + color: #fff; +} +.label.secondary { + background-color: #e9e9e9; + color: #333; +} + +/* Inline Lists */ +.inline-list { + margin: 0 0 1.0625em -1.375em; + padding: 0; + list-style: none; + overflow: hidden; +} +.inline-list > li { + list-style: none; + float: left; + margin-left: 1.375em; + display: block; +} +.inline-list > li > * { + display: block; +} + +/* Pagination */ +.pagination { + display: block; + height: 1.5em; + margin-left: -0.3125em; +} +.pagination li { + display: block; + float: left; + height: 1.5em; + color: #222222; + font-size: 0.875em; + margin-left: 0.3125em; +} +.pagination li a { + display: block; + padding: 0.0625em 0.4375em 0.0625em; + color: #999999; +} +.pagination li:hover a, +.pagination li a:focus { + background: #e6e6e6; +} +.pagination li.unavailable a { + cursor: default; + color: #999999; +} +.pagination li.unavailable:hover a, .pagination li.unavailable a:focus { + background: transparent; +} +.pagination li.current a { + background: #2ba6cb; + color: white; + font-weight: bold; + cursor: default; +} +.pagination li.current a:hover, .pagination li.current a:focus { + background: #2ba6cb; +} + +.pagination-centered { + text-align: center; +} +.pagination-centered ul > li { + float: none; + display: inline-block; +} + +/* Panels */ +.panel { + border-style: solid; + border-width: 1px; + border-color: #d9d9d9; + margin-bottom: 1.25em; + padding: 1.25em; + background: #f2f2f2; +} +.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { + 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 { + line-height: 1; + margin-bottom: 0.625em; +} +.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: #2284a1; + margin-bottom: 1.25em; + padding: 1.25em; + background: #2ba6cb; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; +} +.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { + color: white; +} +.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 { + line-height: 1; + margin-bottom: 0.625em; +} +.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.radius { + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* Pricing Tables */ +.pricing-table { + border: solid 1px #dddddd; + margin-left: 0; + margin-bottom: 1.25em; +} +.pricing-table * { + list-style: none; + line-height: 1; +} +.pricing-table .title { + background-color: #dddddd; + padding: 0.9375em 1.25em; + text-align: center; + color: #333333; + font-weight: bold; + font-size: 1em; +} +.pricing-table .price { + background-color: #eeeeee; + padding: 0.9375em 1.25em; + text-align: center; + color: #333333; + font-weight: normal; + font-size: 1.25em; +} +.pricing-table .description { + background-color: white; + padding: 0.9375em; + text-align: center; + color: #777777; + font-size: 0.75em; + font-weight: normal; + line-height: 1.4; + border-bottom: dotted 1px #dddddd; +} +.pricing-table .bullet-item { + background-color: white; + padding: 0.9375em; + text-align: center; + color: #333333; + font-size: 0.875em; + font-weight: normal; + border-bottom: dotted 1px #dddddd; +} +.pricing-table .cta-button { + background-color: whitesmoke; + text-align: center; + padding: 1.25em 1.25em 0; +} + +/* Progress Bar */ +.progress { + height: 1.5625em; + border: 1px solid #cccccc; + padding: 0.125em; + margin-bottom: 0.625em; +} +.progress .meter { + background: #2ba6cb; + height: 100%; + display: block; +} +.progress.secondary .meter { + background: #e9e9e9; + height: 100%; + display: block; +} +.progress.success .meter { + background: #5da423; + height: 100%; + display: block; +} +.progress.alert .meter { + background: #c60f13; + height: 100%; + display: block; +} +.progress.radius { + -webkit-border-radius: 3px; + border-radius: 3px; +} +.progress.radius .meter { + -webkit-border-radius: 2px; + border-radius: 2px; +} +.progress.round { + -webkit-border-radius: 1000px; + border-radius: 1000px; +} +.progress.round .meter { + -webkit-border-radius: 999px; + border-radius: 999px; +} +/* Side Nav */ +.side-nav { + display: block; + margin: 0; + padding: 0.875em 0; + list-style-type: none; + list-style-position: inside; +} +.side-nav li { + margin: 0 0 0.4375em 0; + font-size: 0.875em; +} +.side-nav li a { + display: block; + color: #2ba6cb; +} +.side-nav li.active a { + color: #4d4d4d; + font-weight: bold; +} +.side-nav li.divider { + border-top: 1px solid; + height: 0; + padding: 0; + list-style: none; + border-top-color: #e6e6e6; +} -/* ----------------------------------------- - Shared Styles ------------------------------------------ */ +/* Side Nav */ +.sub-nav { + display: block; + width: auto; + overflow: hidden; + margin: -0.25em 0 1.125em; + padding-top: 0.25em; + margin-right: 0; + margin-left: -0.5625em; +} +.sub-nav dt, +.sub-nav dd { + float: left; + display: inline; + margin-left: 0.5625em; + margin-bottom: 0.625em; + font-weight: normal; + font-size: 0.875em; +} +.sub-nav dt a, +.sub-nav dd a { + color: #999999; + text-decoration: none; +} +.sub-nav dt.active a, +.sub-nav dd.active a { + -webkit-border-radius: 1000px; + border-radius: 1000px; + font-weight: bold; + background: #2ba6cb; + padding: 0.1875em 0.5625em; + cursor: default; + color: white; +} +/* Foundation Switches */ +@media only screen { + .switch { + position: relative; + width: 100%; + padding: 0; + display: block; + overflow: hidden; + border-style: solid; + border-width: 1px; + margin-bottom: 1.25em; + -webkit-animation: webkitSiblingBugfix infinite 1s; + height: 36px; + background: white; + border-color: #cccccc; + } + .switch label { + position: relative; + left: 0; + z-index: 2; + float: left; + width: 50%; + height: 100%; + margin: 0; + text-align: right; + font-weight: bold; + text-align: left; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; + } + .switch input { + position: absolute; + z-index: 3; + opacity: 0; + width: 100%; + height: 100%; + } + .switch input:hover, .switch input:focus { + cursor: pointer; + } + .switch > span { + position: absolute; + top: -1px; + left: -1px; + z-index: 1; + display: block; + padding: 0; + border-width: 1px; + border-style: solid; + -webkit-transition: all 0.1s ease-out; + -moz-transition: all 0.1s ease-out; + transition: all 0.1s ease-out; + } + .switch input:last-of-type + label { + text-align: right; + } + .switch input:not(:checked) + label { + opacity: 0; + } + .switch input:checked { + display: none; + } + .switch input { + left: 0; + } + .switch input:first-of-type + label { + left: -50%; + } + .switch input:first-of-type:checked + label { + left: 0%; + } + .switch input:last-of-type + label { + right: -50%; + left: auto; + } + .switch input:last-of-type:checked + label { + right: 0%; + left: auto; + } + .switch label { + padding: 0 0.375em; + line-height: 2.3em; + font-size: 0.875em; + } + .switch input:first-of-type:checked ~ span { + left: 100%; + margin-left: -2.1875em; + } + .switch > span { + width: 2.25em; + height: 2.25em; + } + .switch > span { + border-color: #b3b3b3; + background: white; + background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); + background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); + background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); + -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; + box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; + } + .switch:hover > span, .switch:focus > span { + background: white; + background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); + background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); + background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); + } + .switch:active { + background: transparent; + } + .switch.large { + height: 44px; + } + .switch.large label { + padding: 0 0.375em; + line-height: 2.3em; + font-size: 1.0625em; + } + .switch.large input:first-of-type:checked ~ span { + left: 100%; + margin-left: -2.6875em; + } + .switch.large > span { + width: 2.75em; + height: 2.75em; + } + .switch.small { + height: 28px; + } + .switch.small label { + padding: 0 0.375em; + line-height: 2.1em; + font-size: 0.75em; + } + .switch.small input:first-of-type:checked ~ span { + left: 100%; + margin-left: -1.6875em; + } + .switch.small > span { + width: 1.75em; + height: 1.75em; + } + .switch.tiny { + height: 22px; + } + .switch.tiny label { + padding: 0 0.375em; + line-height: 1.9em; + font-size: 0.6875em; + } + .switch.tiny input:first-of-type:checked ~ span { + left: 100%; + margin-left: -1.3125em; + } + .switch.tiny > span { + width: 1.375em; + height: 1.375em; + } + .switch.radius { + -webkit-border-radius: 4px; + border-radius: 4px; + } + .switch.radius > span { + -webkit-border-radius: 3px; + border-radius: 3px; + } + .switch.round { + -webkit-border-radius: 1000px; + border-radius: 1000px; + } + .switch.round > span { + -webkit-border-radius: 999px; + border-radius: 999px; + } + .switch.round label { + padding: 0 0.5625em; + } + @-webkit-keyframes webkitSiblingBugfix { + from { + position: relative; + } -/* ----------------------------------------- - Page Name 1 ------------------------------------------ */ + to { + position: relative; + } +} +} +[data-magellan-expedition] { + background: #fff; + z-index: 999; + min-width: 100%; + padding: 10px; +} +[data-magellan-expedition] .sub-nav { + margin-bottom: 0; +} +[data-magellan-expedition] .sub-nav dd { + margin-bottom: 0; +} +/* Tables */ +table { + background: white; + margin-bottom: 1.25em; + border: solid 1px #dddddd; +} +table thead, +table tfoot { + background: whitesmoke; + font-weight: bold; +} +table thead tr th, +table thead tr td, +table tfoot tr th, +table tfoot tr td { + padding: 0.5em 0.625em 0.625em; + font-size: 0.875em; + color: #222222; + text-align: left; +} +table tr th, +table tr td { + padding: 0.5625em 0.625em; + font-size: 0.875em; + color: #222222; +} +table tr.even, table tr.alt, table tr:nth-of-type(even) { + background: #f9f9f9; +} +table thead tr th, +table tfoot tr th, +table tbody tr td, +table tr td, +table tfoot tr td { + display: table-cell; + line-height: 1.125em; +} +/* Image Thumbnails */ +.th { + display: inline-block; + border: solid 4px white; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + -webkit-transition: all 200ms ease-out; + -moz-transition: all 200ms ease-out; + transition: all 200ms ease-out; +} +.th:hover, .th:focus { + -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); + box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); +} +.th.radius { + -webkit-border-radius: 3px; + 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 #196177; + color: #2ba6cb; +} +.has-tip.tip-left, .has-tip.tip-right { + float: none !important; +} -/* ----------------------------------------- - Page Name 2 ------------------------------------------ */ +.tooltip { + display: none; + position: absolute; + z-index: 999; + font-weight: bold; + font-size: 0.9375em; + line-height: 1.3; + padding: 0.5em; + max-width: 85%; + left: 50%; + width: 100%; + color: white; + background: black; +} +.tooltip > .nub { + display: block; + position: absolute; + width: 0; + height: 0; + border: solid 5px; + border-color: transparent transparent black transparent; + top: -10px; +} +.tooltip.opened { + color: #2ba6cb !important; + border-bottom: dotted 1px #196177 !important; +} +.tooltip.radius { + -webkit-border-radius: 3px; + border-radius: 3px; +} +.tap-to-close { + display: block; + font-size: 0.625em; + color: #888888; + font-weight: normal; +} +@media only screen and (min-width: 48em) { + .tooltip > .nub { + border-color: transparent transparent black transparent; + top: -10px; + } + .tooltip.tip-top > .nub { + border-color: black 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 black; + right: -10px; + left: auto; + top: 50%; + margin-top: -5px; + } + .tooltip.tip-right > .nub { + border-color: transparent black transparent transparent; + right: auto; + left: -10px; + top: 50%; + margin-top: -5px; + } +} +@media only screen and (max-width: 767px) { + .f-dropdown { + max-width: 100%; + left: 0; + } +} +/* Foundation Dropdowns */ +.f-dropdown { + position: absolute; + left: -9999px; + top: -9999px; + list-style: none; + width: 100%; + max-height: none; + height: auto; + background: white; + border: solid 1px #cccccc; + font-size: 16px; + z-index: 99; + 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: solid 6px; + border-color: transparent transparent white transparent; + position: absolute; + top: -12px; + left: 10px; + z-index: 99; +} +.f-dropdown:after { + content: ""; + display: block; + width: 0; + height: 0; + border: solid 7px; + border-color: transparent transparent #cccccc transparent; + position: absolute; + top: -14px; + left: 9px; + z-index: 98; +} +.f-dropdown li { + font-size: 0.875em; + cursor: pointer; + padding: 0.3125em 0.625em; + line-height: 1.125em; + margin: 0; +} +.f-dropdown li:hover, .f-dropdown li:focus { + background: #eeeeee; +} +.f-dropdown li a { + color: #555555; +} +.f-dropdown.content { + position: absolute; + left: -9999px; + top: -9999px; + list-style: none; + padding: 1.25em; + width: 100%; + height: auto; + max-height: none; + background: white; + border: solid 1px #cccccc; + font-size: 16px; + z-index: 99; + 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; +} diff --git a/css/foundation.css b/css/foundation.css index 7c67955..8e0ddf1 100644 --- a/css/foundation.css +++ b/css/foundation.css @@ -1,1213 +1,3409 @@ -/* Requires: normalize.css */ -/* Global Reset & Standards ---------------------- */ -* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } +*, +*:before, +*:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +html, +body { + font-size: 16px; } + +body { + background: white; + color: #222222; + padding: 0; + margin: 0; + font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; + font-weight: normal; + font-style: normal; + line-height: 1; + position: relative; + -webkit-font-smoothing: antialiased; } + +img, +object, +embed { + max-width: 100%; + height: auto; } + +object, +embed { + height: 100%; } + +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; } + +.right { + float: right; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +.hide { + display: none; } + +img { + display: block; } + +textarea { + height: auto; + min-height: 50px; } + +select { + width: 100%; } + +/* Grid HTML Classes */ +.row { + width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 0; + margin-bottom: 0; + max-width: 62.5em; + *zoom: 1; } + .row:before, .row:after { + content: " "; + display: table; } + .row:after { + clear: both; } + .row .column, + .row .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + width: 100%; } + .row.collapse .column, + .row.collapse .columns { + position: relative; + padding-left: 0; + padding-right: 0; } + .row .row { + width: auto; + margin-left: -0.9375em; + margin-right: -0.9375em; + margin-top: 0; + margin-bottom: 0; + max-width: none; + *zoom: 1; } + .row .row:before, .row .row:after { + content: " "; + display: table; } + .row .row:after { + clear: both; } + .row .row.collapse { + width: auto; + margin: 0; + max-width: none; + *zoom: 1; } + .row .row.collapse:before, .row .row.collapse:after { + content: " "; + display: table; } + .row .row.collapse:after { + clear: both; } + +@media only screen { + .row .column, + .row .columns { + position: relative; + padding-left: 0.9375em; + padding-right: 0.9375em; + float: left; } + + .row .small-1 { + position: relative; + width: 8.33333%; } + + .row .small-2 { + position: relative; + width: 16.66667%; } + + .row .small-3 { + position: relative; + width: 25%; } + + .row .small-4 { + position: relative; + width: 33.33333%; } + + .row .small-5 { + position: relative; + width: 41.66667%; } + + .row .small-6 { + position: relative; + width: 50%; } + + .row .small-7 { + position: relative; + width: 58.33333%; } + + .row .small-8 { + position: relative; + width: 66.66667%; } + + .row .small-9 { + position: relative; + width: 75%; } + + .row .small-10 { + position: relative; + width: 83.33333%; } + + .row .small-11 { + position: relative; + width: 91.66667%; } + + .row .small-12 { + position: relative; + width: 100%; } + + .row .small-offset-1 { + position: relative; + margin-left: 8.33333%; } + + .row .small-offset-2 { + position: relative; + margin-left: 16.66667%; } + + .row .small-offset-3 { + position: relative; + margin-left: 25%; } + + .row .small-offset-4 { + position: relative; + margin-left: 33.33333%; } + + .row .small-offset-5 { + position: relative; + margin-left: 41.66667%; } + + .row .small-offset-6 { + position: relative; + margin-left: 50%; } + + .row .small-offset-7 { + position: relative; + margin-left: 58.33333%; } + + .row .small-offset-8 { + position: relative; + margin-left: 66.66667%; } + + .row .small-offset-9 { + position: relative; + margin-left: 75%; } + + .row .small-offset-10 { + position: relative; + margin-left: 83.33333%; } + + [class*="column"] + [class*="column"]:last-child { + float: right; } + + [class*="column"] + [class*="column"].end { + float: left; } + + .column.small-centered, + .columns.small-centered { + position: relative; + margin-left: auto; + margin-right: auto; + float: none; } } +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 48em) { + .row .large-1 { + position: relative; + width: 8.33333%; } + + .row .large-2 { + position: relative; + width: 16.66667%; } + + .row .large-3 { + position: relative; + width: 25%; } + + .row .large-4 { + position: relative; + width: 33.33333%; } + + .row .large-5 { + position: relative; + width: 41.66667%; } + + .row .large-6 { + position: relative; + width: 50%; } + + .row .large-7 { + position: relative; + width: 58.33333%; } + + .row .large-8 { + position: relative; + width: 66.66667%; } + + .row .large-9 { + position: relative; + width: 75%; } + + .row .large-10 { + position: relative; + width: 83.33333%; } + + .row .large-11 { + position: relative; + width: 91.66667%; } + + .row .large-12 { + position: relative; + width: 100%; } + + .row .large-offset-1 { + position: relative; + margin-left: 8.33333%; } + + .row .large-offset-2 { + position: relative; + margin-left: 16.66667%; } + + .row .large-offset-3 { + position: relative; + margin-left: 25%; } + + .row .large-offset-4 { + position: relative; + margin-left: 33.33333%; } + + .row .large-offset-5 { + position: relative; + margin-left: 41.66667%; } + + .row .large-offset-6 { + position: relative; + margin-left: 50%; } + + .row .large-offset-7 { + position: relative; + margin-left: 58.33333%; } + + .row .large-offset-8 { + position: relative; + margin-left: 66.66667%; } + + .row .large-offset-9 { + position: relative; + margin-left: 75%; } + + .row .large-offset-10 { + position: relative; + margin-left: 83.33333%; } + + .push-2 { + position: relative; + left: 16.66667%; + right: auto; } + + .pull-2 { + position: relative; + right: 16.66667%; + left: auto; } + + .push-3 { + position: relative; + left: 25%; + right: auto; } + + .pull-3 { + position: relative; + right: 25%; + left: auto; } + + .push-4 { + position: relative; + left: 33.33333%; + right: auto; } + + .pull-4 { + position: relative; + right: 33.33333%; + left: auto; } + + .push-5 { + position: relative; + left: 41.66667%; + right: auto; } -html { font-size: 62.5%; } + .pull-5 { + position: relative; + right: 41.66667%; + left: auto; } -body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; } + .push-6 { + position: relative; + left: 50%; + right: auto; } -/* Links ---------------------- */ -a { color: #2ba6cb; text-decoration: none; line-height: inherit; } - -a:hover { color: #2795b6; } - -a:focus { color: #2ba6cb; outline: none; } - -p a, p a:visited { line-height: inherit; } - -/* Misc ---------------------- */ -.left { float: left; } - -.right { float: right; } - -.text-left { text-align: left; } - -.text-right { text-align: right; } - -.text-center { text-align: center; } - -.hide { display: none !important; } - -.highlight { background: #ffff99; } - -#googlemap img, object, embed { max-width: none; } - -#map_canvas embed { max-width: none; } - -#map_canvas img { max-width: none; } - -#map_canvas object { max-width: none; } - -/* Reset for strange margins by default on
    elements */ -figure { margin: 0; } - -/* Base Type Styles Using Modular Scale ---------------------- */ -body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; } - -p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; } -p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } - -aside p { font-size: 13px; line-height: 1.35; font-style: italic; } - -h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; } -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } - -h1 { font-size: 44px; } - -h2 { font-size: 37px; } - -h3 { font-size: 27px; } - -h4 { font-size: 23px; } - -h5 { font-size: 17px; } - -h6 { font-size: 14px; } - -hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } - -.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; } - -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-weight: bold; background: #ffff99; } - -/* Lists ---------------------- */ -ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } - -ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } -ul.square, ul.circle, ul.disc { margin-left: 17px; } -ul.square { list-style-type: square; } -ul.square li ul { list-style: inherit; } -ul.circle { list-style-type: circle; } -ul.circle li ul { list-style: inherit; } -ul.disc { list-style-type: disc; } -ul.disc li ul { list-style: inherit; } -ul.no-bullet { list-style: none; } -ul.large li { line-height: 21px; } - -ol { margin-left: 20px; } -ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } - -/* Blockquotes ---------------------- */ -blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; } - -blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } -blockquote cite { display: block; font-size: 13px; color: #555555; } -blockquote cite:before { content: "\2014 \0020"; } -blockquote cite a, blockquote cite a:visited { color: #555555; } - -abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; } - -abbr { text-transform: none; } - -/* 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: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } - /* Black prints faster: h5bp.com/s */ - 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: ""; } - /* Don't show links for images, or javascript/internal links */ - pre, blockquote { border: 1px solid #999; 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; } } -/* Requires globals.css */ -/* Standard Forms ---------------------- */ -form { margin: 0 0 19.41641px; } - -.row form .row { margin: 0 -6px; } -.row form .row .column, .row form .row .columns { padding: 0 6px; } -.row form .row.collapse { margin: 0; } -.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } - -label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } -label.right { float: none; text-align: right; } -label.inline { line-height: 32px; margin: 0 0 12px 0; } - -.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } - -a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } - -span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } - -.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } - -.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } - -input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } -input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } -input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]: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, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; } -input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][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], textarea[disabled] { background-color: #ddd; } - -textarea { height: auto; } - -select { width: 100%; } - -/* Fieldsets */ -fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; } -fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } - -/* Errors */ -.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } - -.error label, label.error { color: #c60f13; } - -.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } - -.error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #b3b3b3; } - -/* Custom Forms ---------------------- */ -form.custom { /* Custom input, disabled */ } -form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; } -form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; } -form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; } -form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; } -form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; } -form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; } -form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; } -form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; } -form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; } -form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; } -form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; } -form.custom div.custom.dropdown.open ul { display: block; z-index: 10; } -form.custom div.custom.dropdown.small { width: 134px !important; } -form.custom div.custom.dropdown.medium { width: 254px !important; } -form.custom div.custom.dropdown.large { width: 434px !important; } -form.custom div.custom.dropdown.expand { width: 100% !important; } -form.custom div.custom.dropdown.open.small ul { width: 134px !important; } -form.custom div.custom.dropdown.open.medium ul { width: 254px !important; } -form.custom div.custom.dropdown.open.large ul { width: 434px !important; } -form.custom div.custom.dropdown.open.expand ul { width: 100% !important; } -form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; } -form.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } -form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; } -form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; } -form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; } -form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; } -form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; } -form.custom div.custom.dropdown ul li.selected:hover:after { color: black; } -form.custom div.custom.dropdown ul.show { display: block; } -form.custom .custom.disabled { background-color: #dddddd; } - -/* Correct FF custom dropdown height */ -@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } } - -.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; } - -/* The Grid ---------------------- */ -.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } -.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.row.collapse .column, .row.collapse .columns { padding: 0; } -.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.row .row.collapse { margin: 0; } - -.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } -.column.centered, .columns.centered { float: none; margin: 0 auto; } - -[class*="column"] + [class*="column"]:last-child { float: right; } - -[class*="column"] + [class*="column"].end { float: left; } - -.one, .row .one { width: 8.33333%; } - -.two, .row .two { width: 16.66667%; } - -.three, .row .three { width: 25%; } - -.four, .row .four { width: 33.33333%; } - -.five, .row .five { width: 41.66667%; } - -.six, .row .six { width: 50%; } - -.seven, .row .seven { width: 58.33333%; } - -.eight, .row .eight { width: 66.66667%; } - -.nine, .row .nine { width: 75%; } - -.ten, .row .ten { width: 83.33333%; } - -.eleven, .row .eleven { width: 91.66667%; } - -.twelve, .row .twelve { width: 100%; } - -.row .offset-by-one { margin-left: 8.33333%; } - -.row .offset-by-two { margin-left: 16.66667%; } - -.row .offset-by-three { margin-left: 25%; } - -.row .offset-by-four { margin-left: 33.33333%; } - -.row .offset-by-five { margin-left: 41.66667%; } - -.row .offset-by-six { margin-left: 50%; } - -.row .offset-by-seven { margin-left: 58.33333%; } - -.row .offset-by-eight { margin-left: 66.66667%; } - -.row .offset-by-nine { margin-left: 75%; } - -.row .offset-by-ten { margin-left: 83.33333%; } - -.push-two { left: 16.66667%; } - -.pull-two { right: 16.66667%; } - -.push-three { left: 25%; } - -.pull-three { right: 25%; } - -.push-four { left: 33.33333%; } - -.pull-four { right: 33.33333%; } - -.push-five { left: 41.66667%; } - -.pull-five { right: 41.66667%; } - -.push-six { left: 50%; } - -.pull-six { right: 50%; } - -.push-seven { left: 58.33333%; } - -.pull-seven { right: 58.33333%; } - -.push-eight { left: 66.66667%; } - -.pull-eight { right: 66.66667%; } - -.push-nine { left: 75%; } - -.pull-nine { right: 75%; } - -.push-ten { left: 83.33333%; } - -.pull-ten { right: 83.33333%; } - -img, object, embed { max-width: 100%; height: auto; } - -object, embed { height: 100%; } - -img { -ms-interpolation-mode: bicubic; } - -#map_canvas img, .map_canvas img { max-width: none!important; } - -/* Nicolas Gallagher's micro clearfix */ -.row { *zoom: 1; } -.row:before, .row:after { content: ""; display: table; } -.row:after { clear: both; } - -/* Block Grids ---------------------- */ -/* These are 2-up, 3-up, 4-up and 5-up ULs, suited -for repeating blocks of content. Add 'mobile' to -them to switch them just like the layout grid -(one item per line) on phones - -For IE7/8 compatibility block-grid items need to be -the same height. You can optionally uncomment the -lines below to support arbitrary height, but know -that IE7/8 do not support :nth-child. --------------------------------------------------- */ -.block-grid { display: block; overflow: hidden; padding: 0; } -.block-grid > li { display: block; height: auto; float: left; } -.block-grid.one-up { margin: 0; margin: 0 -8px; } -.block-grid.one-up > li { width: 100%; padding: 0 0 15px; padding: 0 8px 8px; } -.block-grid.two-up { margin: 0 -15px; margin: 0 -8px; } -.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; padding: 0 8px 8px; } -.block-grid.two-up > li:nth-child(2n+1) { clear: both; } -.block-grid.three-up { margin: 0 -12px; margin: 0 -8px; } -.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; padding: 0 8px 8px; } -.block-grid.three-up > li:nth-child(3n+1) { clear: both; } -.block-grid.four-up { margin: 0 -10px; } -.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } -.block-grid.four-up > li:nth-child(4n+1) { clear: both; } -.block-grid.five-up { margin: 0 -8px; } -.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } -.block-grid.five-up > li:nth-child(5n+1) { clear: both; } -.block-grid.six-up { margin: 0 -8px; } -.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; } -.block-grid.six-up > li:nth-child(6n+1) { clear: both; } -.block-grid.seven-up { margin: 0 -8px; } -.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; } -.block-grid.seven-up > li:nth-child(7n+1) { clear: both; } -.block-grid.eight-up { margin: 0 -8px; } -.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; } -.block-grid.eight-up > li:nth-child(8n+1) { clear: both; } -.block-grid.nine-up { margin: 0 -8px; } -.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; } -.block-grid.nine-up > li:nth-child(9n+1) { clear: both; } -.block-grid.ten-up { margin: 0 -8px; } -.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; } -.block-grid.ten-up > li:nth-child(10n+1) { clear: both; } -.block-grid.eleven-up { margin: 0 -8px; } -.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; } -.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; } -.block-grid.twelve-up { margin: 0 -8px; } -.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; } -.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; } - -/* Normal Buttons ---------------------- */ -.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } -.button:hover { color: white; background-color: #2284a1; } -.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } -.button:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; } -.button.large { font-size: 17px; padding: 15px 30px 16px; } -.button.medium { font-size: 14px; } -.button.small { font-size: 11px; padding: 7px 14px 8px; } -.button.tiny { font-size: 10px; padding: 5px 10px 6px; } -.button.expand { width: 100%; text-align: center; } -.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; } -.button.primary:hover { background-color: #2284a1; } -.button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.button.success { background-color: #5da423; border: 1px solid #396516; } -.button.success:hover { background-color: #457a1a; } -.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; } -.button.alert:hover { background-color: #970b0e; } -.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; } -.button.secondary:hover { background-color: #d0d0d0; } -.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } -.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } -.button.left-align { text-align: left; text-indent: 12px; } -.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } -.button.disabled :hover, .button[disabled] :hover { background: #2ba6cb; } -.button.disabled.success, .button[disabled].success { background-color: #5da423; } -.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; } -.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } -.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; } -.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; } -.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; } - -/* Don't use native buttons on iOS */ -input[type=submit].button, button.button { -webkit-appearance: none; } - -/* Correct FF button padding */ -@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } - input[type="submit"].tiny.button { padding: 3px 10px 4px; } - input[type="submit"].small.button { padding: 5px 14px 6px; } - input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } - input[type="submit"].large.button { padding: 13px 30px 14px; } } - -/* Buttons with Dropdowns ---------------------- */ -.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ } -.button.dropdown.large { padding-right: 60px; } -.button.dropdown.small { padding-right: 28px; } -.button.dropdown.tiny { padding-right: 20px; } -.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; } -.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; } -.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; } -.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; } -.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; } -.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } -.button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; } -.button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; } -.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; } -.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; } -.button.dropdown ul.no-hover.show-dropdown { display: block !important; } -.button.dropdown:hover > ul.no-hover { display: none; } -.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ } -.button.dropdown.split:after { display: none; } -.button.dropdown.split:hover { background-color: #2ba6cb; } -.button.dropdown.split.alert:hover { background-color: #c60f13; } -.button.dropdown.split.success:hover { background-color: #5da423; } -.button.dropdown.split.secondary:hover { background-color: #e9e9e9; } -.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } -.button.dropdown.split > a:hover { background-color: #2284a1; } -.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; } -.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; } -.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; } -.button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } -.button.dropdown.split > span:hover { background-color: #2284a1; } -.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; } -.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; } -.button.dropdown.split.large span { width: 45px; } -.button.dropdown.split.small span { width: 21px; } -.button.dropdown.split.tiny span { width: 15px; } -.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; } -.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; } -.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; } -.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; } -.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; } -.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; } -.button.dropdown.split.secondary > a { color: #1d1d1d; } -.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; } -.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; } -.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; } - -/* Button Groups ---------------------- */ -ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; } -ul.button-group:before, ul.button-group:after { content: ""; display: table; } -ul.button-group:after { clear: both; } -ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; } -ul.button-group li:first-child { margin-left: 0; } -ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } -ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } -ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; } -ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; } -ul.button-group.even .button { width: 100%; } -ul.button-group.even.two-up li { width: 50%; } -ul.button-group.even.three-up li { width: 33.3%; } -ul.button-group.even.three-up li:first-child { width: 33.4%; } -ul.button-group.even.four-up li { width: 25%; } -ul.button-group.even.five-up li { width: 20%; } - -div.button-bar { overflow: hidden; } -div.button-bar ul.button-group { float: left; margin-right: 8px; } -div.button-bar ul.button-group:last-child { margin-left: 0; } - -.nav-bar { height: 40px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; } -.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } -.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } -.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); } -.nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; } -.nav-bar > li.active > a { color: white; cursor: default; } -.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; } -.nav-bar > li:hover { background: #333333; } -.nav-bar > li > a { color: #e6e6e6; } -.nav-bar > li ul { margin-bottom: 0; } -.nav-bar > li .flyout { display: none; } -.nav-bar > li.has-flyout > a:first-child { padding-right: 40px; position: relative; } -.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; } -.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 20px; z-index: 2; display: block; } -.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; } -.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; } -.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; } -.nav-bar > li > input { margin: 0 10px; } -.nav-bar.vertical { height: auto; margin-top: 0; } -.nav-bar.vertical > li { float: none; border-bottom: none; border-right: solid 1px #333333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } -.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; } -.nav-bar.vertical > li .flyout { left: 100%; top: -1px; } -.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; } -.nav-bar.vertical > li.active { border-right: solid 1px #2284a1; } -.nav-bar.vertical > li:last-child { border-bottom: solid 1px #333333; } - -.flyout { background: #f2f2f2; padding: 20px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ } -.flyout p { line-height: 1.2; font-size: 13px; } -.flyout *:first-child { margin-top: 0; } -.flyout *:last-child { margin-bottom: 0; } -.flyout.small { width: 166.66667px; } -.flyout.large { width: 437.5px; } -.flyout.right { left: auto; right: -2px; } -.flyout.left { right: auto; left: -2px; } -.flyout.up { top: auto; bottom: 39px; } - -ul.flyout, .nav-bar li ul { padding: 0; list-style: none; } -ul.flyout li, .nav-bar li ul li { border-left: solid 3px #CCC; } -ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #ebebeb; color: #333; } -ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } -ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } - -/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php -*/ -/* Container ---------------------- */ -.orbit-wrapper { width: 1px; height: 1px; position: relative; } - -.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; } -.orbit.with-bullets { margin-bottom: 40px; } -.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; } -.orbit a.orbit-slide { border: none; line-height: 0; display: none; } -.orbit div.orbit-slide { width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } - -/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */ -/* Timer ---------------------- */ -div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; } -div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('../images/foundation/orbit/rotator-black.png') no-repeat; z-index: 3; } -div.orbit-wrapper span.rotator.move { left: 0; } -div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } -div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url('../images/foundation/orbit/timer-black.png') repeat 0 0; } -div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url('../images/foundation/orbit/pause-black.png') no-repeat; z-index: 4; opacity: 0; } -div.orbit-wrapper span.pause.active { background: url('../images/foundation/orbit/pause-black.png') no-repeat 0 -40px; } -div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } - -/* Captions ---------------------- */ -.orbit-caption { display: none; font-family: inherit; } - -.orbit-wrapper .orbit-caption { background: black; background: rgba(0, 0, 0, 0.6); z-index: 30; color: white; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%; } - -/* Directional Nav ---------------------- */ -div.orbit-wrapper div.slider-nav { display: block; } -div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; } -div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow.png'); background-size: 100%; right: 0; } -div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow.png'); background-size: 100%; left: 0; } - -.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url('../images/foundation/orbit/right-arrow-small.png'); } -.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url('../images/foundation/orbit/left-arrow-small.png'); } - -/* Bullet Nav ---------------------- */ -ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; } -ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999999; text-indent: -9999px; background: url('../images/foundation/orbit/bullets.jpg') no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; } -ul.orbit-bullets li.active { color: #222222; background-position: -8px 0; } -ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; } -ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid black; } - -/* Orbit Slide Counter */ -.orbit-slide-counter { position: absolute; bottom: 0; z-index: 99; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px; } - -/* Fluid Layout ---------------------- */ -div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; } - -div.orbit, div.orbit-wrapper { width: 100% !important; } - -/* Correct timer in IE */ -.lt-ie9 .timer { display: none !important; } - -.lt-ie9 div.caption { background: black; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } - -@media only screen and (max-width: 767px) { div.orbit.orbit-stack-on-small img.fluid-placeholder { visibility: visible; } - div.orbit.orbit-stack-on-small .orbit-slide { position: static; margin-bottom: 10px; } } -/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */ -/* Reveal Modals ---------------------- */ -.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; } - -.reveal-modal { background: white; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } -.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; } -.reveal-modal.small { width: 30%; margin-left: -15%; } -.reveal-modal.medium { width: 40%; margin-left: -20%; } -.reveal-modal.large { width: 60%; margin-left: -30%; } -.reveal-modal.xlarge { width: 70%; margin-left: -35%; } -.reveal-modal.expand { width: 90%; margin-left: -45%; } -.reveal-modal .row { min-width: 0; margin-bottom: 10px; } -.reveal-modal > :first-child { margin-top: 0; } -.reveal-modal > :last-child { margin-bottom: 0; } - -@media print { .reveal-modal { border: solid 1px #000; background: white !important; } } -/* Tabs ---------------------- */ -.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; } -.tabs.contained { margin-bottom: 0; margin-left: 0; } -.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; } -.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; } -.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; } -.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; } -.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; } -.tabs dd.active, .tabs li.active { border-top: 3px solid #2ba6cb; margin-top: -3px; } -.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; } -.tabs dd:first-child, .tabs li:first-child { margin-left: 0; } -.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; } -.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; } -.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; } -.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; } -.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } -.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; } -.tabs.pill { border-bottom: none; margin-bottom: 10px; } -.tabs.pill dd, .tabs.pill li { margin-right: 10px; } -.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; } -.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; } -.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; } -.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #2ba6cb; border: none; color: #fff; } -.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; } -.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; } -.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; } -.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; } -.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; } -.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; } -.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; } - -ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; } -ul.tabs-content > li { display: none; } -ul.tabs-content > li.active { display: block; } -ul.tabs-content.contained { padding: 0; } -ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; } -ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; } - -.no-js ul.tabs-content > li { display: block; } - -/* Table of Contents - -:: Visibility -:: Alerts -:: Labels -:: Tooltips -:: Panels -:: Accordion -:: Side Nav -:: Sub Nav -:: Pagination -:: Breadcrumbs -:: Lists -:: Inline/Link Lists -:: Keystroke Chars -:: Image Thumbnails -:: Video -:: Tables -:: Microformats -:: Progress Bars -:: Pricing Tables - -*/ -/* Alerts ---------------------- */ -div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; } -div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } -div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } -div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); } -div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } -div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } - -/* Labels ---------------------- */ -.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } -.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } -.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -.label.alert { background-color: #c60f13; } -.label.success { background-color: #5da423; } -.label.secondary { background-color: #e9e9e9; color: #505050; } - -/* Tooltips ---------------------- */ -.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } -.has-tip:hover { border-bottom: dotted 1px #196177; color: #2ba6cb; } -.has-tip.tip-left, .has-tip.tip-right { float: none !important; } - -.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: normal; } -.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; } -.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; } -.tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) 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 black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; } -.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; } -.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } -.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } - -.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; } - -/* Panels ---------------------- */ -.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } -.panel > :first-child { margin-top: 0; } -.panel > :last-child { margin-bottom: 0; } -.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } -.panel.callout a { color: #fff; } -.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } -.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); } -.panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } - -/* Accordion ---------------------- */ -ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; } -ul.accordion > li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; } -ul.accordion > li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; } -ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 { margin: 0; } -ul.accordion > li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; } -ul.accordion > li .content { display: none; padding: 15px; } -ul.accordion > li.active { border-top: 3px solid #2ba6cb; } -ul.accordion > li.active .title { background: white; padding-top: 13px; } -ul.accordion > li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #9d9d9d transparent transparent transparent; } -ul.accordion > li.active .content { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } - -/* Side Nav ---------------------- */ -ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; } -ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; } -ul.side-nav li a { display: block; } -ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; } -ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } - -/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */ -dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px; margin-right: 0; margin-left: -9px; padding-top: 4px; } -dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 10px; } -dl.sub-nav dt { color: #999; font-weight: normal; } -dl.sub-nav dd a { text-decoration: none; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; } - -/* Pagination ---------------------- */ -ul.pagination { display: block; height: 24px; margin-left: -5px; } -ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } -ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; } -ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } -ul.pagination li.unavailable a { cursor: default; color: #999; } -ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } -ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; } -ul.pagination li.current a:hover { background: #2ba6cb; } - -/* Breadcrums ---------------------- */ -ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-left: 0; } -ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; } -ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; } -ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; } -ul.breadcrumbs li:before { content: "/"; color: #aaa; } -ul.breadcrumbs li:first-child:before { content: " "; } -ul.breadcrumbs li.current a { cursor: default; color: #333; } -ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; } -ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; } -ul.breadcrumbs li.unavailable a { color: #999; } -ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } - -/* Inline Link List */ -ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; } -ul.inline-list li, ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; } -ul.inline-list li a, ul.link-list li a { display: block; } - -/* Keytroke Characters ---------------------- */ -.keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } - -/* Image Thumbnails ---------------------- */ -.th { display: block; } -.th img { display: block; border: solid 4px #fff; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition-property: box-shadow; -moz-transition-property: box-shadow; -o-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } -.th:hover img { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } - -/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */ -.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } -.flex-video.widescreen { padding-bottom: 57.25%; } -.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%; } - -/* Tables ---------------------- */ -table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } - -table thead, table tfoot { background: #f5f5f5; } - -table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; font-size: 14px; line-height: 18px; text-align: left; } - -table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; } - -table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; } - -table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } - -table tbody tr.even, table tbody tr.alt { background: #f9f9f9; } - -table tbody tr:nth-child(even) { background: #f9f9f9; } - -table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } - -/* Microformats ---------------------- */ -ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; } -ul.vcard li { margin: 0; display: block; } -ul.vcard li.fn { font-weight: bold; font-size: 15px; } - -p.vevent span.summary { font-weight: bold; } -p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; } - -/* Progress Bar ---------------------- */ -div.progress { padding: 2px; margin-bottom: 10px; border: 1px solid #cccccc; height: 25px; /* meter */ /* border radii */ } -div.progress .meter { background: #2ba6cb; height: 100%; display: block; width: 50%; } -div.progress.secondary .meter { background: #e9e9e9; } -div.progress.success .meter { background: #5da423; } -div.progress.alert .meter { background: #c60f13; } -div.progress.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } -div.progress.radius .meter { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } -div.progress.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -div.progress.round .meter { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } - -/* Pricing Tables ---------------------- */ -.pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 20px; } -.pricing-table * { list-style: none; line-height: 1; } -.pricing-table .title { background-color: #dddddd; padding: 15px 20px; text-align: center; color: #333333; font-weight: bold; font-size: 16px; } -.pricing-table .price { background-color: #eeeeee; padding: 15px 20px; text-align: center; color: #333333; font-weight: normal; font-size: 20px; } -.pricing-table .description { background-color: white; padding: 15px; text-align: center; color: #777777; font-size: 12px; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } -.pricing-table .bullet-item { background-color: white; padding: 15px; text-align: center; color: #333333; font-size: 14px; font-weight: normal; border-bottom: dotted 1px #dddddd; } -.pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 20px; } - -/* Foundation Top Bar - Requires: -jquery.foundation.topbar.js - Notes: -
  • - - - -
    +
    + +
    + + + + + + - \ No newline at end of file diff --git a/functions.php b/functions.php old mode 100755 new mode 100644 index 35ff127..23bcf6d --- a/functions.php +++ b/functions.php @@ -1,12 +1,52 @@ __('Primary Navigation', 'reverie'), 'utility' => __('Utility Navigation', 'reverie') - )); -} -add_action('after_setup_theme', 'reverie_setup'); - -// Enqueue for header and footer, thanks to flickapix on Github. -// Enqueue css files -function reverie_css() { - if ( !is_admin() ) { - - wp_register_style( 'foundation',get_template_directory_uri() . '/css/foundation.css', false ); - wp_enqueue_style( 'foundation' ); - - wp_register_style( 'app',get_template_directory_uri() . '/css/app.css', false ); - wp_enqueue_style( 'app' ); - - wp_register_style( 'offcanvas',get_template_directory_uri() . '/css/offcanvas.css', false ); - wp_enqueue_style( 'offcanvas' ); - - // Load style.css to allow contents overwrite foundation & app css - wp_register_style( 'style',get_template_directory_uri() . '/style.css', false ); - wp_enqueue_style( 'style' ); - - wp_register_style( 'google_font',"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300", false ); - wp_enqueue_style( 'google_font' ); - - } -} -add_action( 'init', 'reverie_css' ); - -function reverie_ie_css () { - echo ''; -} -add_action( 'wp_head', 'reverie_ie_css' ); - -// Enqueue js files -function reverie_scripts() { - -global $is_IE; - - if ( !is_admin() ) { - - // Enqueue to header - wp_register_script( 'modernizr', get_template_directory_uri() . '/js/modernizr.foundation.js', array( 'jquery' ) ); - wp_enqueue_script( 'modernizr' ); - - // Enqueue to footer - wp_register_script( 'foundation', get_template_directory_uri() . '/js/foundation.min.js', array( 'jquery' ), false, true ); - wp_enqueue_script( 'foundation' ); - - wp_register_script( 'offcanvas', get_template_directory_uri() . '/js/jquery.offcanvas.js', array( 'jquery' ), false, true ); - wp_enqueue_script( 'offcanvas' ); - - wp_register_script( 'app', get_template_directory_uri() . '/js/app.js', array( 'jquery' ), false, true ); - wp_enqueue_script( 'app' ); - - - if ($is_IE) { - wp_register_script ( 'html5shiv', "http://html5shiv.googlecode.com/svn/trunk/html5.js" , false, true); - wp_enqueue_script ( 'html5shiv' ); - } - - // Enable threaded comments - if ( (!is_admin()) && is_singular() && comments_open() && get_option('thread_comments') ) - wp_enqueue_script('comment-reply'); - } + )); + + // Add custom background support + add_theme_support( 'custom-background', + array( + 'default-image' => '', // background image default + 'default-color' => '', // background color default (dont add the #) + 'wp-head-callback' => '_custom_background_cb', + 'admin-head-callback' => '', + 'admin-preview-callback' => '' + ) + ); } -add_action( 'init', 'reverie_scripts' ); +add_action('after_setup_theme', 'reverie_theme_support'); /* end Reverie theme support */ // create widget areas: sidebar, footer $sidebars = array('Sidebar'); foreach ($sidebars as $sidebar) { register_sidebar(array('name'=> $sidebar, - 'before_widget' => '