<?php wp_title(); ?>

From: Ian Weller Date: Tue, 16 Aug 2016 17:09:31 +0000 (-0400) Subject: first commit X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=f7d8387f70085ce8f274dc117f25f049807e6039;p=WP-Themes%2Fcamppentosega-f6.git first commit --- f7d8387f70085ce8f274dc117f25f049807e6039 diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..b10a5a1 --- /dev/null +++ b/.babelrc @@ -0,0 +1,3 @@ +{ + "presets": ['es2015'] +} \ No newline at end of file diff --git a/.bowerrc b/.bowerrc new file mode 100644 index 0000000..69fad35 --- /dev/null +++ b/.bowerrc @@ -0,0 +1,3 @@ +{ + "directory": "bower_components" +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7a6f225 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +.DS_Store +bower_components +node_modules + diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..381e1a1 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,5 @@ +# Changelog + +## Version 1.0 (November 19, 2015) + +Initial release. diff --git a/README.md b/README.md new file mode 100644 index 0000000..36ca655 --- /dev/null +++ b/README.md @@ -0,0 +1,48 @@ +# Foundation for Sites Template + +**Please open all issues with this template on the main [Foundation for Sites](https://github.com/zurb/foundation-sites/issues) repo.** + +This is the basic starter project for [Foundation for Sites 6](http://foundation.zurb.com/sites). It includes a Sass compiler and a starter HTML file for you. + +## Installation + +To use this template, your computer needs: + +- [NodeJS](https://nodejs.org/en/) (0.12 or greater) +- [Git](https://git-scm.com/) + +This template can be installed with the Foundation CLI, or downloaded and set up manually. + +### Using the CLI + +Install the Foundation CLI with this command: + +```bash +npm install foundation-cli --global +``` + +Use this command to set up a blank Foundation for Sites project with this template: + +```bash +foundation new --framework sites --template basic +``` + +The CLI will prompt you to give your project a name. The template will be downloaded into a folder with this name. + +### Manual Setup + +To manually set up the template, first download it with Git: + +```bash +git clone https://github.com/zurb/foundation-sites-template projectname +``` + +Then open the folder in your command line, and install the needed dependencies: + +```bash +cd projectname +npm install +bower install +``` + +Finally, run `npm start` to run the Sass compiler. It will re-run every time you save a Sass file. diff --git a/assets/[cabins-map].map b/assets/[cabins-map].map new file mode 100644 index 0000000..66702d6 --- /dev/null +++ b/assets/[cabins-map].map @@ -0,0 +1,16 @@ +

+ + + + + + + + + + + + + + + diff --git a/assets/[campsite-map].map b/assets/[campsite-map].map new file mode 100644 index 0000000..6a305c4 --- /dev/null +++ b/assets/[campsite-map].map @@ -0,0 +1,21 @@ +

+ + + + + + + + + + + + + + + + + + + + diff --git a/assets/background.jpg b/assets/background.jpg new file mode 100644 index 0000000..dbc8197 Binary files /dev/null and b/assets/background.jpg differ diff --git a/assets/bike-image.jpg b/assets/bike-image.jpg new file mode 100644 index 0000000..8a81e2e Binary files /dev/null and b/assets/bike-image.jpg differ diff --git a/assets/bkgrd-image.jpg b/assets/bkgrd-image.jpg new file mode 100644 index 0000000..47aa8a8 Binary files /dev/null and b/assets/bkgrd-image.jpg differ diff --git a/assets/cabin-image.jpg b/assets/cabin-image.jpg new file mode 100644 index 0000000..d73d8a9 Binary files /dev/null and b/assets/cabin-image.jpg differ diff --git a/assets/cabins-map.jpg b/assets/cabins-map.jpg new file mode 100644 index 0000000..2f0d1e8 Binary files /dev/null and b/assets/cabins-map.jpg differ diff --git a/assets/camp-petosega-footer-logo.png b/assets/camp-petosega-footer-logo.png new file mode 100644 index 0000000..9904ce9 Binary files /dev/null and b/assets/camp-petosega-footer-logo.png differ diff --git a/assets/camp-petosega-logo.png b/assets/camp-petosega-logo.png new file mode 100644 index 0000000..008c819 Binary files /dev/null and b/assets/camp-petosega-logo.png differ diff --git a/assets/camping-icon.png b/assets/camping-icon.png new file mode 100644 index 0000000..5805168 Binary files /dev/null and b/assets/camping-icon.png differ diff --git a/assets/campsite-map.jpg b/assets/campsite-map.jpg new file mode 100644 index 0000000..81a34ff Binary files /dev/null and b/assets/campsite-map.jpg differ diff --git a/assets/compass-icon.png b/assets/compass-icon.png new file mode 100644 index 0000000..bfef81b Binary files /dev/null and b/assets/compass-icon.png differ diff --git a/assets/facebook-icon.png b/assets/facebook-icon.png new file mode 100644 index 0000000..9ef9ccf Binary files /dev/null and b/assets/facebook-icon.png differ diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000..7683209 Binary files /dev/null and b/assets/favicon.ico differ diff --git a/assets/lantern.png b/assets/lantern.png new file mode 100644 index 0000000..95f17a1 Binary files /dev/null and b/assets/lantern.png differ diff --git a/assets/map-icon.png b/assets/map-icon.png new file mode 100644 index 0000000..217264f Binary files /dev/null and b/assets/map-icon.png differ diff --git a/assets/more_emmet.png b/assets/more_emmet.png new file mode 100644 index 0000000..292b9e8 Binary files /dev/null and b/assets/more_emmet.png differ diff --git a/assets/page-header-image.jpg b/assets/page-header-image.jpg new file mode 100644 index 0000000..1ad0f90 Binary files /dev/null and b/assets/page-header-image.jpg differ diff --git a/assets/playground-image.jpg b/assets/playground-image.jpg new file mode 100644 index 0000000..1e1ea3f Binary files /dev/null and b/assets/playground-image.jpg differ diff --git a/assets/read-more-button.png b/assets/read-more-button.png new file mode 100644 index 0000000..73711ab Binary files /dev/null and b/assets/read-more-button.png differ diff --git a/assets/request-now-button.png b/assets/request-now-button.png new file mode 100644 index 0000000..d91521e Binary files /dev/null and b/assets/request-now-button.png differ diff --git a/assets/res-bkgrd.jpg b/assets/res-bkgrd.jpg new file mode 100644 index 0000000..9c977f7 Binary files /dev/null and b/assets/res-bkgrd.jpg differ diff --git a/assets/sample-page-image.jpg b/assets/sample-page-image.jpg new file mode 100644 index 0000000..f54a020 Binary files /dev/null and b/assets/sample-page-image.jpg differ diff --git a/assets/search-icon.png b/assets/search-icon.png new file mode 100644 index 0000000..b0a7898 Binary files /dev/null and b/assets/search-icon.png differ diff --git a/assets/share-icon.png b/assets/share-icon.png new file mode 100644 index 0000000..6df905d Binary files /dev/null and b/assets/share-icon.png differ diff --git a/assets/slide-1.jpg b/assets/slide-1.jpg new file mode 100644 index 0000000..501f558 Binary files /dev/null and b/assets/slide-1.jpg differ diff --git a/assets/slide-2.jpg b/assets/slide-2.jpg new file mode 100644 index 0000000..0b95f77 Binary files /dev/null and b/assets/slide-2.jpg differ diff --git a/assets/slide-3.jpg b/assets/slide-3.jpg new file mode 100644 index 0000000..acd905a Binary files /dev/null and b/assets/slide-3.jpg differ diff --git a/assets/slide-4.jpg b/assets/slide-4.jpg new file mode 100644 index 0000000..2bb8170 Binary files /dev/null and b/assets/slide-4.jpg differ diff --git a/assets/view-full-map-preview-image.jpg b/assets/view-full-map-preview-image.jpg new file mode 100644 index 0000000..be31477 Binary files /dev/null and b/assets/view-full-map-preview-image.jpg differ diff --git a/assets/youtube-icon.png b/assets/youtube-icon.png new file mode 100644 index 0000000..f1b3e2a Binary files /dev/null and b/assets/youtube-icon.png differ diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..2694808 --- /dev/null +++ b/bower.json @@ -0,0 +1,25 @@ +{ + "name": "foundation-sites-template", + "version": "1.0.0", + "authors": [ + "ZURB " + ], + "description": "Basic template for a new Foundation for Sites project.", + "main": "index.html", + "license": "MIT", + "homepage": "http://foundation.zurb.com", + "dependencies": { + "foundation-sites": "~6.1.2", + "motion-ui": "~1.1.0", + "foundation-sites": "~6.2.0", + "motion-ui": "~1.2.2" + }, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "private": true +} diff --git a/comments.php b/comments.php new file mode 100644 index 0000000..353cd14 --- /dev/null +++ b/comments.php @@ -0,0 +1,89 @@ + 1 && get_option( 'page_comments' ) ) : +?> + + + +

+ + +

+ +

+ + + +

+ 'ol', + 'short_ping' => true, + 'avatar_size' => 56, + ) ); + ?> + + + + + + + +

+ + + 'button' + ) +); ?> + +

diff --git a/css/app.css b/css/app.css new file mode 100644 index 0000000..dff164d --- /dev/null +++ b/css/app.css @@ -0,0 +1,4801 @@ +@charset "UTF-8"; +/** + * Foundation for Sites by ZURB + * Version 6.2.3 + * foundation.zurb.com + * Licensed under MIT Open Source + */ +/* + Created on : Mar 5, 2015, 2:57:35 PM + Author : laury +*/ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ +html { + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } + +/** + * Remove default margin. + */ +body { + margin: 0; } + +/* HTML5 display definitions + ========================================================================== */ +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; } + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ +audio, +canvas, +progress, +video { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ +[hidden], +template { + display: none; } + +/* Links + ========================================================================== */ +/** + * Remove the gray background color from active links in IE 10. + */ +a { + background-color: transparent; } + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ +a:active, +a:hover { + outline: 0; } + +/* Text-level semantics + ========================================================================== */ +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; } + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ +b, +strong { + font-weight: bold; } + +/** + * Address styling not present in Safari and Chrome. + */ +dfn { + font-style: italic; } + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/** + * Address styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; } + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sup { + top: -0.5em; } + +sub { + bottom: -0.25em; } + +/* Embedded content + ========================================================================== */ +/** + * Remove border when inside `a` element in IE 8/9/10. + */ +img { + border: 0; } + +/** + * Correct overflow not hidden in IE 9/10/11. + */ +svg:not(:root) { + overflow: hidden; } + +/* Grouping content + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari. + */ +figure { + margin: 1em 40px; } + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; } + +/** + * Contain overflow in all browsers. + */ +pre { + overflow: auto; } + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; } + +/* Forms + ========================================================================== */ +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ +button, +input, +optgroup, +select, +textarea { + color: inherit; + /* 1 */ + font: inherit; + /* 2 */ + margin: 0; + /* 3 */ } + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ +button { + overflow: visible; } + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ +button, +select { + text-transform: none; } + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ } + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: not-allowed; } + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +input { + line-height: normal; } + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + box-sizing: content-box; + /* 2 */ } + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * Define consistent border, margin, and padding. + * [NOTE] We don't enable this ruleset in Foundation, because we want the

element to have plain styling. + */ +/* fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; + } */ +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ +textarea { + overflow: auto; } + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ +optgroup { + font-weight: bold; } + +/* Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; } + +td, +th { + padding: 0; } + +.foundation-mq { + font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } + +html { + font-size: 100%; + box-sizing: border-box; } + +*, +*::before, +*::after { + box-sizing: inherit; } + +body { + padding: 0; + margin: 0; + font-family: "Open Sans", sans-serif; + font-weight: normal; + line-height: 1.5; + color: #000000; + background: url(../assets/background.jpg) no-repeat center center fixed; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +img { + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; + display: inline-block; + vertical-align: middle; } + +textarea { + height: auto; + min-height: 50px; + border-radius: 0; } + +select { + width: 100%; + border-radius: 0; } + +#map_canvas img, +#map_canvas embed, +#map_canvas object, +.map_canvas img, +.map_canvas embed, +.map_canvas object, +.mqa-display img, +.mqa-display embed, +.mqa-display object { + max-width: none !important; } + +button { + -webkit-appearance: none; + -moz-appearance: none; + background: transparent; + padding: 0; + border: 0; + border-radius: 0; + line-height: 1; } + [data-whatinput='mouse'] button { + outline: 0; } + +.is-visible { + display: block !important; } + +.is-hidden { + display: none !important; } + +.row { + max-width: 75rem; + margin-left: auto; + margin-right: auto; } + .row::before, .row::after { + content: ' '; + display: table; } + .row::after { + clear: both; } + .row.collapse > .column, .row.collapse > .columns { + padding-left: 0; + padding-right: 0; } + .row .row { + max-width: none; + margin-left: -0.625rem; + margin-right: -0.625rem; } + @media screen and (min-width: 40em) { + .row .row { + margin-left: -0.9375rem; + margin-right: -0.9375rem; } } + .row .row.collapse { + margin-left: 0; + margin-right: 0; } + .row.expanded { + max-width: none; } + .row.expanded .row { + margin-left: auto; + margin-right: auto; } + +.column, .columns { + width: 100%; + float: left; + padding-left: 0.625rem; + padding-right: 0.625rem; } + @media screen and (min-width: 40em) { + .column, .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } } + .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { + float: right; } + .column.end:last-child:last-child, .end.columns:last-child:last-child { + float: left; } + +.column.row.row, .row.row.columns { + float: none; } + .row .column.row.row, .row .row.row.columns { + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; } + +.small-1 { + width: 8.33333%; } + +.small-push-1 { + position: relative; + left: 8.33333%; } + +.small-pull-1 { + position: relative; + left: -8.33333%; } + +.small-offset-0 { + margin-left: 0%; } + +.small-2 { + width: 16.66667%; } + +.small-push-2 { + position: relative; + left: 16.66667%; } + +.small-pull-2 { + position: relative; + left: -16.66667%; } + +.small-offset-1 { + margin-left: 8.33333%; } + +.small-3 { + width: 25%; } + +.small-push-3 { + position: relative; + left: 25%; } + +.small-pull-3 { + position: relative; + left: -25%; } + +.small-offset-2 { + margin-left: 16.66667%; } + +.small-4 { + width: 33.33333%; } + +.small-push-4 { + position: relative; + left: 33.33333%; } + +.small-pull-4 { + position: relative; + left: -33.33333%; } + +.small-offset-3 { + margin-left: 25%; } + +.small-5 { + width: 41.66667%; } + +.small-push-5 { + position: relative; + left: 41.66667%; } + +.small-pull-5 { + position: relative; + left: -41.66667%; } + +.small-offset-4 { + margin-left: 33.33333%; } + +.small-6 { + width: 50%; } + +.small-push-6 { + position: relative; + left: 50%; } + +.small-pull-6 { + position: relative; + left: -50%; } + +.small-offset-5 { + margin-left: 41.66667%; } + +.small-7 { + width: 58.33333%; } + +.small-push-7 { + position: relative; + left: 58.33333%; } + +.small-pull-7 { + position: relative; + left: -58.33333%; } + +.small-offset-6 { + margin-left: 50%; } + +.small-8 { + width: 66.66667%; } + +.small-push-8 { + position: relative; + left: 66.66667%; } + +.small-pull-8 { + position: relative; + left: -66.66667%; } + +.small-offset-7 { + margin-left: 58.33333%; } + +.small-9 { + width: 75%; } + +.small-push-9 { + position: relative; + left: 75%; } + +.small-pull-9 { + position: relative; + left: -75%; } + +.small-offset-8 { + margin-left: 66.66667%; } + +.small-10 { + width: 83.33333%; } + +.small-push-10 { + position: relative; + left: 83.33333%; } + +.small-pull-10 { + position: relative; + left: -83.33333%; } + +.small-offset-9 { + margin-left: 75%; } + +.small-11 { + width: 91.66667%; } + +.small-push-11 { + position: relative; + left: 91.66667%; } + +.small-pull-11 { + position: relative; + left: -91.66667%; } + +.small-offset-10 { + margin-left: 83.33333%; } + +.small-12 { + width: 100%; } + +.small-offset-11 { + margin-left: 91.66667%; } + +.small-up-1 > .column, .small-up-1 > .columns { + width: 100%; + float: left; } + .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { + float: left; } + +.small-up-2 > .column, .small-up-2 > .columns { + width: 50%; + float: left; } + .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { + float: left; } + +.small-up-3 > .column, .small-up-3 > .columns { + width: 33.33333%; + float: left; } + .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { + float: left; } + +.small-up-4 > .column, .small-up-4 > .columns { + width: 25%; + float: left; } + .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { + float: left; } + +.small-up-5 > .column, .small-up-5 > .columns { + width: 20%; + float: left; } + .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { + float: left; } + +.small-up-6 > .column, .small-up-6 > .columns { + width: 16.66667%; + float: left; } + .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { + float: left; } + +.small-up-7 > .column, .small-up-7 > .columns { + width: 14.28571%; + float: left; } + .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { + float: left; } + +.small-up-8 > .column, .small-up-8 > .columns { + width: 12.5%; + float: left; } + .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { + float: left; } + +.small-collapse > .column, .small-collapse > .columns { + padding-left: 0; + padding-right: 0; } + +.small-collapse .row, +.expanded.row .small-collapse.row { + margin-left: 0; + margin-right: 0; } + +.small-uncollapse > .column, .small-uncollapse > .columns { + padding-left: 0.625rem; + padding-right: 0.625rem; } + +.small-centered { + float: none; + margin-left: auto; + margin-right: auto; } + +.small-uncentered, +.small-push-0, +.small-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } + +@media screen and (min-width: 40em) { + .medium-1 { + width: 8.33333%; } + .medium-push-1 { + position: relative; + left: 8.33333%; } + .medium-pull-1 { + position: relative; + left: -8.33333%; } + .medium-offset-0 { + margin-left: 0%; } + .medium-2 { + width: 16.66667%; } + .medium-push-2 { + position: relative; + left: 16.66667%; } + .medium-pull-2 { + position: relative; + left: -16.66667%; } + .medium-offset-1 { + margin-left: 8.33333%; } + .medium-3 { + width: 25%; } + .medium-push-3 { + position: relative; + left: 25%; } + .medium-pull-3 { + position: relative; + left: -25%; } + .medium-offset-2 { + margin-left: 16.66667%; } + .medium-4 { + width: 33.33333%; } + .medium-push-4 { + position: relative; + left: 33.33333%; } + .medium-pull-4 { + position: relative; + left: -33.33333%; } + .medium-offset-3 { + margin-left: 25%; } + .medium-5 { + width: 41.66667%; } + .medium-push-5 { + position: relative; + left: 41.66667%; } + .medium-pull-5 { + position: relative; + left: -41.66667%; } + .medium-offset-4 { + margin-left: 33.33333%; } + .medium-6 { + width: 50%; } + .medium-push-6 { + position: relative; + left: 50%; } + .medium-pull-6 { + position: relative; + left: -50%; } + .medium-offset-5 { + margin-left: 41.66667%; } + .medium-7 { + width: 58.33333%; } + .medium-push-7 { + position: relative; + left: 58.33333%; } + .medium-pull-7 { + position: relative; + left: -58.33333%; } + .medium-offset-6 { + margin-left: 50%; } + .medium-8 { + width: 66.66667%; } + .medium-push-8 { + position: relative; + left: 66.66667%; } + .medium-pull-8 { + position: relative; + left: -66.66667%; } + .medium-offset-7 { + margin-left: 58.33333%; } + .medium-9 { + width: 75%; } + .medium-push-9 { + position: relative; + left: 75%; } + .medium-pull-9 { + position: relative; + left: -75%; } + .medium-offset-8 { + margin-left: 66.66667%; } + .medium-10 { + width: 83.33333%; } + .medium-push-10 { + position: relative; + left: 83.33333%; } + .medium-pull-10 { + position: relative; + left: -83.33333%; } + .medium-offset-9 { + margin-left: 75%; } + .medium-11 { + width: 91.66667%; } + .medium-push-11 { + position: relative; + left: 91.66667%; } + .medium-pull-11 { + position: relative; + left: -91.66667%; } + .medium-offset-10 { + margin-left: 83.33333%; } + .medium-12 { + width: 100%; } + .medium-offset-11 { + margin-left: 91.66667%; } + .medium-up-1 > .column, .medium-up-1 > .columns { + width: 100%; + float: left; } + .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { + float: left; } + .medium-up-2 > .column, .medium-up-2 > .columns { + width: 50%; + float: left; } + .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { + float: left; } + .medium-up-3 > .column, .medium-up-3 > .columns { + width: 33.33333%; + float: left; } + .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { + float: left; } + .medium-up-4 > .column, .medium-up-4 > .columns { + width: 25%; + float: left; } + .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { + float: left; } + .medium-up-5 > .column, .medium-up-5 > .columns { + width: 20%; + float: left; } + .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { + float: left; } + .medium-up-6 > .column, .medium-up-6 > .columns { + width: 16.66667%; + float: left; } + .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { + float: left; } + .medium-up-7 > .column, .medium-up-7 > .columns { + width: 14.28571%; + float: left; } + .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { + float: left; } + .medium-up-8 > .column, .medium-up-8 > .columns { + width: 12.5%; + float: left; } + .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { + float: left; } + .medium-collapse > .column, .medium-collapse > .columns { + padding-left: 0; + padding-right: 0; } + .medium-collapse .row, + .expanded.row .medium-collapse.row { + margin-left: 0; + margin-right: 0; } + .medium-uncollapse > .column, .medium-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .medium-centered { + float: none; + margin-left: auto; + margin-right: auto; } + .medium-uncentered, + .medium-push-0, + .medium-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } } + +@media screen and (min-width: 64em) { + .large-1 { + width: 8.33333%; } + .large-push-1 { + position: relative; + left: 8.33333%; } + .large-pull-1 { + position: relative; + left: -8.33333%; } + .large-offset-0 { + margin-left: 0%; } + .large-2 { + width: 16.66667%; } + .large-push-2 { + position: relative; + left: 16.66667%; } + .large-pull-2 { + position: relative; + left: -16.66667%; } + .large-offset-1 { + margin-left: 8.33333%; } + .large-3 { + width: 25%; } + .large-push-3 { + position: relative; + left: 25%; } + .large-pull-3 { + position: relative; + left: -25%; } + .large-offset-2 { + margin-left: 16.66667%; } + .large-4 { + width: 33.33333%; } + .large-push-4 { + position: relative; + left: 33.33333%; } + .large-pull-4 { + position: relative; + left: -33.33333%; } + .large-offset-3 { + margin-left: 25%; } + .large-5 { + width: 41.66667%; } + .large-push-5 { + position: relative; + left: 41.66667%; } + .large-pull-5 { + position: relative; + left: -41.66667%; } + .large-offset-4 { + margin-left: 33.33333%; } + .large-6 { + width: 50%; } + .large-push-6 { + position: relative; + left: 50%; } + .large-pull-6 { + position: relative; + left: -50%; } + .large-offset-5 { + margin-left: 41.66667%; } + .large-7 { + width: 58.33333%; } + .large-push-7 { + position: relative; + left: 58.33333%; } + .large-pull-7 { + position: relative; + left: -58.33333%; } + .large-offset-6 { + margin-left: 50%; } + .large-8 { + width: 66.66667%; } + .large-push-8 { + position: relative; + left: 66.66667%; } + .large-pull-8 { + position: relative; + left: -66.66667%; } + .large-offset-7 { + margin-left: 58.33333%; } + .large-9 { + width: 75%; } + .large-push-9 { + position: relative; + left: 75%; } + .large-pull-9 { + position: relative; + left: -75%; } + .large-offset-8 { + margin-left: 66.66667%; } + .large-10 { + width: 83.33333%; } + .large-push-10 { + position: relative; + left: 83.33333%; } + .large-pull-10 { + position: relative; + left: -83.33333%; } + .large-offset-9 { + margin-left: 75%; } + .large-11 { + width: 91.66667%; } + .large-push-11 { + position: relative; + left: 91.66667%; } + .large-pull-11 { + position: relative; + left: -91.66667%; } + .large-offset-10 { + margin-left: 83.33333%; } + .large-12 { + width: 100%; } + .large-offset-11 { + margin-left: 91.66667%; } + .large-up-1 > .column, .large-up-1 > .columns { + width: 100%; + float: left; } + .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { + clear: both; } + .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { + float: left; } + .large-up-2 > .column, .large-up-2 > .columns { + width: 50%; + float: left; } + .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { + clear: both; } + .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { + float: left; } + .large-up-3 > .column, .large-up-3 > .columns { + width: 33.33333%; + float: left; } + .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { + clear: both; } + .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { + float: left; } + .large-up-4 > .column, .large-up-4 > .columns { + width: 25%; + float: left; } + .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { + clear: both; } + .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { + float: left; } + .large-up-5 > .column, .large-up-5 > .columns { + width: 20%; + float: left; } + .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { + clear: both; } + .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { + float: left; } + .large-up-6 > .column, .large-up-6 > .columns { + width: 16.66667%; + float: left; } + .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { + clear: both; } + .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { + float: left; } + .large-up-7 > .column, .large-up-7 > .columns { + width: 14.28571%; + float: left; } + .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { + clear: both; } + .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { + float: left; } + .large-up-8 > .column, .large-up-8 > .columns { + width: 12.5%; + float: left; } + .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { + clear: none; } + .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { + clear: both; } + .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { + float: left; } + .large-collapse > .column, .large-collapse > .columns { + padding-left: 0; + padding-right: 0; } + .large-collapse .row, + .expanded.row .large-collapse.row { + margin-left: 0; + margin-right: 0; } + .large-uncollapse > .column, .large-uncollapse > .columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .large-centered { + float: none; + margin-left: auto; + margin-right: auto; } + .large-uncentered, + .large-push-0, + .large-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } } + +div, +dl, +dt, +dd, +ul, +ol, +li, +h1, +h2, +h3, +h4, +h5, +h6, +pre, +form, +p, +blockquote, +th, +td { + margin: 0; + padding: 0; } + +p { + font-size: inherit; + line-height: 1.6; + margin-bottom: 1rem; + text-rendering: optimizeLegibility; } + +em, +i { + font-style: italic; + line-height: inherit; } + +strong, +b { + font-weight: bold; + line-height: inherit; } + +small { + font-size: 80%; + line-height: inherit; } + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Open Sans", sans-serif; + font-weight: normal; + font-style: normal; + color: inherit; + text-rendering: optimizeLegibility; + margin-top: 0; + margin-bottom: 0.5rem; + line-height: 1.4; } + h1 small, + h2 small, + h3 small, + h4 small, + h5 small, + h6 small { + color: #cacaca; + line-height: 0; } + +h1 { + font-size: 1.5rem; } + +h2 { + font-size: 1.25rem; } + +h3 { + font-size: 1.1875rem; } + +h4 { + font-size: 1.125rem; } + +h5 { + font-size: 1.0625rem; } + +h6 { + font-size: 1rem; } + +@media screen and (min-width: 40em) { + h1 { + font-size: 2.25rem; } + h2 { + font-size: 1.5rem; } + h3 { + font-size: 1.5rem; } + h4 { + font-size: 1.125rem; } + h5 { + font-size: 1rem; } + h6 { + font-size: 1rem; } } + +a { + color: #f28728; + text-decoration: none; + line-height: inherit; + cursor: pointer; } + a:hover, a:focus { + color: #797c25; } + a img { + border: 0; } + +hr { + max-width: 75rem; + height: 0; + border-right: 0; + border-top: 0; + border-bottom: 1px solid #cacaca; + border-left: 0; + margin: 1.25rem auto; + clear: both; } + +ul, +ol, +dl { + line-height: 1.6; + margin-bottom: 1rem; + list-style-position: outside; } + +li { + font-size: inherit; } + +ul { + list-style-type: disc; + margin-left: 1.25rem; } + +ol { + margin-left: 1.25rem; } + +ul ul, ol ul, ul ol, ol ol { + margin-left: 1.25rem; + margin-bottom: 0; } + +dl { + margin-bottom: 1rem; } + dl dt { + margin-bottom: 0.3rem; + font-weight: bold; } + +blockquote { + margin: 0 0 1rem; + padding: 0.5625rem 1.25rem 0 1.1875rem; + border-left: 1px solid #cacaca; } + blockquote, blockquote p { + line-height: 1.6; + color: #8a8a8a; } + +cite { + display: block; + font-size: 0.8125rem; + color: #8a8a8a; } + cite:before { + content: '\2014 \0020'; } + +abbr { + color: #000000; + cursor: help; + border-bottom: 1px dotted #000000; } + +code { + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-weight: normal; + color: #000000; + background-color: #e6e6e6; + border: 1px solid #cacaca; + padding: 0.125rem 0.3125rem 0.0625rem; } + +kbd { + padding: 0.125rem 0.25rem 0; + margin: 0; + background-color: #e6e6e6; + color: #000000; + font-family: Consolas, "Liberation Mono", Courier, monospace; } + +.subheader { + margin-top: 0.2rem; + margin-bottom: 0.5rem; + font-weight: normal; + line-height: 1.4; + color: #8a8a8a; } + +.lead { + font-size: 125%; + line-height: 1.6; } + +.stat { + font-size: 2.5rem; + line-height: 1; } + p + .stat { + margin-top: -1rem; } + +.no-bullet { + margin-left: 0; + list-style: none; } + +.text-left { + text-align: left; } + +.text-right { + text-align: right; } + +.text-center { + text-align: center; } + +.text-justify { + text-align: justify; } + +@media screen and (min-width: 40em) { + .medium-text-left { + text-align: left; } + .medium-text-right { + text-align: right; } + .medium-text-center { + text-align: center; } + .medium-text-justify { + text-align: justify; } } + +@media screen and (min-width: 64em) { + .large-text-left { + text-align: left; } + .large-text-right { + text-align: right; } + .large-text-center { + text-align: center; } + .large-text-justify { + text-align: justify; } } + +.show-for-print { + display: none !important; } + +@media print { + * { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; } + .show-for-print { + display: block !important; } + .hide-for-print { + display: none !important; } + table.show-for-print { + display: table !important; } + thead.show-for-print { + display: table-header-group !important; } + tbody.show-for-print { + display: table-row-group !important; } + tr.show-for-print { + display: table-row !important; } + td.show-for-print { + display: table-cell !important; } + th.show-for-print { + display: table-cell !important; } + a, + a:visited { + text-decoration: underline; } + a[href]:after { + content: " (" attr(href) ")"; } + .ir a:after, + a[href^='javascript:']:after, + a[href^='#']:after { + content: ''; } + abbr[title]:after { + content: " (" attr(title) ")"; } + pre, + blockquote { + border: 1px solid #8a8a8a; + page-break-inside: avoid; } + thead { + display: table-header-group; } + tr, + img { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + @page { + margin: 0.5cm; } + p, + h2, + h3 { + orphans: 3; + widows: 3; } + h2, + h3 { + page-break-after: avoid; } } + +.button { + display: inline-block; + text-align: center; + line-height: 1; + cursor: pointer; + -webkit-appearance: none; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + vertical-align: middle; + border: 1px solid transparent; + border-radius: 0; + padding: 0.85em 1em; + margin: 0 0 1rem 0; + font-size: 0.9rem; + background-color: #2199e8; + color: #FFFFFF; } + [data-whatinput='mouse'] .button { + outline: 0; } + .button:hover, .button:focus { + background-color: #1583cc; + color: #FFFFFF; } + .button.tiny { + font-size: 0.6rem; } + .button.small { + font-size: 0.75rem; } + .button.large { + font-size: 1.25rem; } + .button.expanded { + display: block; + width: 100%; + margin-left: 0; + margin-right: 0; } + .button.primary { + background-color: #2199e8; + color: #FFFFFF; } + .button.primary:hover, .button.primary:focus { + background-color: #147cc0; + color: #FFFFFF; } + .button.secondary { + background-color: #777; + color: #FFFFFF; } + .button.secondary:hover, .button.secondary:focus { + background-color: #5f5f5f; + color: #FFFFFF; } + .button.success { + background-color: #3adb76; + color: #FFFFFF; } + .button.success:hover, .button.success:focus { + background-color: #22bb5b; + color: #FFFFFF; } + .button.warning { + background-color: #ffae00; + color: #FFFFFF; } + .button.warning:hover, .button.warning:focus { + background-color: #cc8b00; + color: #FFFFFF; } + .button.alert { + background-color: #ec5840; + color: #FFFFFF; } + .button.alert:hover, .button.alert:focus { + background-color: #da3116; + color: #FFFFFF; } + .button.hollow { + border: 1px solid #2199e8; + color: #2199e8; } + .button.hollow, .button.hollow:hover, .button.hollow:focus { + background-color: transparent; } + .button.hollow:hover, .button.hollow:focus { + border-color: #0c4d78; + color: #0c4d78; } + .button.hollow.primary { + border: 1px solid #2199e8; + color: #2199e8; } + .button.hollow.primary:hover, .button.hollow.primary:focus { + border-color: #0c4d78; + color: #0c4d78; } + .button.hollow.secondary { + border: 1px solid #777; + color: #777; } + .button.hollow.secondary:hover, .button.hollow.secondary:focus { + border-color: #3c3c3c; + color: #3c3c3c; } + .button.hollow.success { + border: 1px solid #3adb76; + color: #3adb76; } + .button.hollow.success:hover, .button.hollow.success:focus { + border-color: #157539; + color: #157539; } + .button.hollow.warning { + border: 1px solid #ffae00; + color: #ffae00; } + .button.hollow.warning:hover, .button.hollow.warning:focus { + border-color: #805700; + color: #805700; } + .button.hollow.alert { + border: 1px solid #ec5840; + color: #ec5840; } + .button.hollow.alert:hover, .button.hollow.alert:focus { + border-color: #881f0e; + color: #881f0e; } + .button.disabled, .button[disabled] { + opacity: 0.25; + cursor: not-allowed; } + .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { + background-color: #2199e8; + color: #FFFFFF; } + .button.dropdown::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.4em; + border-color: #FFFFFF transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + position: relative; + top: 0.4em; + float: right; + margin-left: 1em; + display: inline-block; } + .button.arrow-only::after { + margin-left: 0; + float: none; + top: -0.1em; } + +[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], +textarea { + display: block; + box-sizing: border-box; + width: 100%; + height: 2.4375rem; + padding: 0.5rem; + border: 1px solid #cacaca; + margin: 0 0 1rem; + font-family: inherit; + font-size: 1rem; + color: #000000; + background-color: #FFFFFF; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 0; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; + -webkit-appearance: none; + -moz-appearance: none; } + [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, + textarea:focus { + border: 1px solid #8a8a8a; + background-color: #FFFFFF; + outline: none; + box-shadow: 0 0 5px #cacaca; + transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } + +textarea { + max-width: 100%; } + textarea[rows] { + height: auto; } + +input::placeholder, +textarea::placeholder { + color: #cacaca; } + +input:disabled, input[readonly], +textarea:disabled, +textarea[readonly] { + background-color: #e6e6e6; + cursor: default; } + +[type='submit'], +[type='button'] { + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; } + +input[type='search'] { + box-sizing: border-box; } + +[type='file'], +[type='checkbox'], +[type='radio'] { + margin: 0 0 1rem; } + +[type='checkbox'] + label, +[type='radio'] + label { + display: inline-block; + margin-left: 0.5rem; + margin-right: 1rem; + margin-bottom: 0; + vertical-align: baseline; } + [type='checkbox'] + label[for], + [type='radio'] + label[for] { + cursor: pointer; } + +label > [type='checkbox'], +label > [type='radio'] { + margin-right: 0.5rem; } + +[type='file'] { + width: 100%; } + +label { + display: block; + margin: 0; + font-size: 0.875rem; + font-weight: normal; + line-height: 1.8; + color: #000000; } + label.middle { + margin: 0 0 1rem; + padding: 0.5625rem 0; } + +.help-text { + margin-top: -0.5rem; + font-size: 0.8125rem; + font-style: italic; + color: #000000; } + +.input-group { + display: table; + width: 100%; + margin-bottom: 1rem; } + .input-group > :first-child { + border-radius: 0 0 0 0; } + .input-group > :last-child > * { + border-radius: 0 0 0 0; } + +.input-group-label, .input-group-field, .input-group-button { + margin: 0; + white-space: nowrap; + display: table-cell; + vertical-align: middle; } + +.input-group-label { + text-align: center; + padding: 0 1rem; + background: #e6e6e6; + color: #000000; + border: 1px solid #cacaca; + white-space: nowrap; + width: 1%; + height: 100%; } + .input-group-label:first-child { + border-right: 0; } + .input-group-label:last-child { + border-left: 0; } + +.input-group-field { + border-radius: 0; + height: 2.5rem; } + +.input-group-button { + padding-top: 0; + padding-bottom: 0; + text-align: center; + height: 100%; + width: 1%; } + .input-group-button a, + .input-group-button input, + .input-group-button button { + margin: 0; } + +.input-group .input-group-button { + display: table-cell; } + +fieldset { + border: 0; + padding: 0; + margin: 0; } + +legend { + margin-bottom: 0.5rem; + max-width: 100%; } + +.fieldset { + border: 1px solid #cacaca; + padding: 1.25rem; + margin: 1.125rem 0; } + .fieldset legend { + background: url(../assets/background.jpg) no-repeat center center fixed; + padding: 0 0.1875rem; + margin: 0; + margin-left: -0.1875rem; } + +select { + height: 2.4375rem; + padding: 0.5rem; + border: 1px solid #cacaca; + margin: 0 0 1rem; + font-size: 1rem; + font-family: inherit; + line-height: normal; + color: #000000; + background-color: #FFFFFF; + border-radius: 0; + -webkit-appearance: none; + -moz-appearance: none; + background-image: url("data:image/svg+xml;utf8,"); + background-size: 9px 6px; + background-position: right -1rem center; + background-origin: content-box; + background-repeat: no-repeat; + padding-right: 1.5rem; } + @media screen and (min-width: 0\0) { + select { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } + select:disabled { + background-color: #e6e6e6; + cursor: default; } + select::-ms-expand { + display: none; } + select[multiple] { + height: auto; + background-image: none; } + +.is-invalid-input:not(:focus) { + background-color: rgba(236, 88, 64, 0.1); + border-color: #ec5840; } + +.is-invalid-label { + color: #ec5840; } + +.form-error { + display: none; + margin-top: -0.5rem; + margin-bottom: 1rem; + font-size: 0.75rem; + font-weight: bold; + color: #ec5840; } + .form-error.is-visible { + display: block; } + +.accordion { + list-style-type: none; + background: #FFFFFF; + margin-left: 0; } + +.accordion-item:first-child > :first-child { + border-radius: 0 0 0 0; } + +.accordion-item:last-child > :last-child { + border-radius: 0 0 0 0; } + +.accordion-title { + display: block; + padding: 1.25rem 1rem; + line-height: 1; + font-size: 0.75rem; + color: #2199e8; + position: relative; + border: 1px solid #e6e6e6; + border-bottom: 0; } + :last-child:not(.is-active) > .accordion-title { + border-radius: 0 0 0 0; + border-bottom: 1px solid #e6e6e6; } + .accordion-title:hover, .accordion-title:focus { + background-color: #e6e6e6; } + .accordion-title::before { + content: '+'; + position: absolute; + right: 1rem; + top: 50%; + margin-top: -0.5rem; } + .is-active > .accordion-title::before { + content: 'â'; } + +.accordion-content { + padding: 1rem; + display: none; + border: 1px solid #e6e6e6; + border-bottom: 0; + background-color: #FFFFFF; + color: #2199e8; } + :last-child > .accordion-content:last-child { + border-bottom: 1px solid #e6e6e6; } + +.is-accordion-submenu-parent > a { + position: relative; } + .is-accordion-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 6px; + border-color: #2199e8 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + position: absolute; + top: 50%; + margin-top: -4px; + right: 1rem; } + +.is-accordion-submenu-parent[aria-expanded='true'] > a::after { + transform-origin: 50% 50%; + transform: scaleY(-1); } + +.badge { + display: inline-block; + padding: 0.3em; + min-width: 2.1em; + font-size: 0.6rem; + text-align: center; + border-radius: 50%; + background: #2199e8; + color: #FFFFFF; } + .badge.secondary { + background: #777; + color: #FFFFFF; } + .badge.success { + background: #3adb76; + color: #FFFFFF; } + .badge.warning { + background: #ffae00; + color: #FFFFFF; } + .badge.alert { + background: #ec5840; + color: #FFFFFF; } + +.breadcrumbs { + list-style: none; + margin: 0 0 1rem 0; } + .breadcrumbs::before, .breadcrumbs::after { + content: ' '; + display: table; } + .breadcrumbs::after { + clear: both; } + .breadcrumbs li { + float: left; + color: #797c25; + font-size: 0.875rem; + cursor: default; } + .breadcrumbs li:not(:last-child)::after { + color: #cacaca; + content: "/"; + margin: 0 0.75rem; + position: relative; + top: 1px; + opacity: 1; } + .breadcrumbs a { + color: #000000; } + .breadcrumbs a:hover { + text-decoration: underline; } + .breadcrumbs .disabled { + color: #cacaca; + cursor: not-allowed; } + +.button-group { + margin-bottom: 1rem; + font-size: 0; } + .button-group::before, .button-group::after { + content: ' '; + display: table; } + .button-group::after { + clear: both; } + .button-group .button { + margin: 0; + margin-right: 1px; + margin-bottom: 1px; + font-size: 0.9rem; } + .button-group .button:last-child { + margin-right: 0; } + .button-group.tiny .button { + font-size: 0.6rem; } + .button-group.small .button { + font-size: 0.75rem; } + .button-group.large .button { + font-size: 1.25rem; } + .button-group.expanded { + margin-right: -1px; } + .button-group.expanded::before, .button-group.expanded::after { + display: none; } + .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { + display: inline-block; + width: calc(50% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { + display: inline-block; + width: calc(33.33333% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { + display: inline-block; + width: calc(25% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { + display: inline-block; + width: calc(20% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child { + margin-right: -6px; } + .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { + display: inline-block; + width: calc(16.66667% - 1px); + margin-right: 1px; } + .button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child { + margin-right: -6px; } + .button-group.primary .button { + background-color: #2199e8; + color: #FFFFFF; } + .button-group.primary .button:hover, .button-group.primary .button:focus { + background-color: #147cc0; + color: #FFFFFF; } + .button-group.secondary .button { + background-color: #777; + color: #FFFFFF; } + .button-group.secondary .button:hover, .button-group.secondary .button:focus { + background-color: #5f5f5f; + color: #FFFFFF; } + .button-group.success .button { + background-color: #3adb76; + color: #FFFFFF; } + .button-group.success .button:hover, .button-group.success .button:focus { + background-color: #22bb5b; + color: #FFFFFF; } + .button-group.warning .button { + background-color: #ffae00; + color: #FFFFFF; } + .button-group.warning .button:hover, .button-group.warning .button:focus { + background-color: #cc8b00; + color: #FFFFFF; } + .button-group.alert .button { + background-color: #ec5840; + color: #FFFFFF; } + .button-group.alert .button:hover, .button-group.alert .button:focus { + background-color: #da3116; + color: #FFFFFF; } + .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { + width: 100%; } + .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { + margin-bottom: 0; } + @media screen and (min-width: 40em) { + .button-group.stacked-for-small .button { + width: auto; + margin-bottom: 0; } } + @media screen and (min-width: 64em) { + .button-group.stacked-for-medium .button { + width: auto; + margin-bottom: 0; } } + @media screen and (max-width: 39.9375em) { + .button-group.stacked-for-small.expanded { + display: block; } + .button-group.stacked-for-small.expanded .button { + display: block; + margin-right: 0; } } + +.callout { + margin: 0 0 1rem 0; + padding: 1rem; + border: 1px solid rgba(0, 0, 0, 0.25); + border-radius: 0; + position: relative; + color: #000000; + background-color: white; } + .callout > :first-child { + margin-top: 0; } + .callout > :last-child { + margin-bottom: 0; } + .callout.primary { + background-color: #def0fc; } + .callout.secondary { + background-color: #ebebeb; } + .callout.success { + background-color: #e1faea; } + .callout.warning { + background-color: #fff3d9; } + .callout.alert { + background-color: #fce6e2; } + .callout.small { + padding-top: 0.5rem; + padding-right: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 0.5rem; } + .callout.large { + padding-top: 3rem; + padding-right: 3rem; + padding-bottom: 3rem; + padding-left: 3rem; } + +.close-button { + position: absolute; + color: #8a8a8a; + right: 1rem; + top: 0.5rem; + font-size: 2em; + line-height: 1; + cursor: pointer; } + [data-whatinput='mouse'] .close-button { + outline: 0; } + .close-button:hover, .close-button:focus { + color: #000000; } + +.menu { + margin: 0; + list-style-type: none; } + .menu > li { + display: table-cell; + vertical-align: middle; } + [data-whatinput='mouse'] .menu > li { + outline: 0; } + .menu > li > a { + display: block; + padding: 0.7rem 1rem; + line-height: 1; } + .menu input, + .menu a, + .menu button { + margin-bottom: 0; } + .menu > li > a img, + .menu > li > a i, + .menu > li > a svg { + vertical-align: middle; } + .menu > li > a img + span, + .menu > li > a i + span, + .menu > li > a svg + span { + vertical-align: middle; } + .menu > li > a img, + .menu > li > a i, + .menu > li > a svg { + margin-right: 0.25rem; + display: inline-block; } + .menu > li { + display: table-cell; } + .menu.vertical > li { + display: block; } + @media screen and (min-width: 40em) { + .menu.medium-horizontal > li { + display: table-cell; } + .menu.medium-vertical > li { + display: block; } } + @media screen and (min-width: 64em) { + .menu.large-horizontal > li { + display: table-cell; } + .menu.large-vertical > li { + display: block; } } + .menu.simple li { + line-height: 1; + display: inline-block; + margin-right: 1rem; } + .menu.simple a { + padding: 0; } + .menu.align-right::before, .menu.align-right::after { + content: ' '; + display: table; } + .menu.align-right::after { + clear: both; } + .menu.align-right > li { + float: right; } + .menu.expanded { + width: 100%; + display: table; + table-layout: fixed; } + .menu.expanded > li:first-child:last-child { + width: 100%; } + .menu.icon-top > li > a { + text-align: center; } + .menu.icon-top > li > a img, + .menu.icon-top > li > a i, + .menu.icon-top > li > a svg { + display: block; + margin: 0 auto 0.25rem; } + .menu.nested { + margin-left: 1rem; } + .menu .active > a { + color: #f28728; + background: #797c25; } + +.menu-text { + font-weight: bold; + color: inherit; + line-height: 1; + padding-top: 0; + padding-bottom: 0; + padding: 0.7rem 1rem; } + +.menu-centered { + text-align: center; } + .menu-centered > .menu { + display: inline-block; } + +.no-js [data-responsive-menu] ul { + display: none; } + +.menu-icon { + position: relative; + display: inline-block; + vertical-align: middle; + cursor: pointer; + width: 20px; + height: 16px; } + .menu-icon::after { + content: ''; + position: absolute; + display: block; + width: 100%; + height: 2px; + background: #FFFFFF; + top: 0; + left: 0; + box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF; } + .menu-icon:hover::after { + background: #f28728; + box-shadow: 0 7px 0 #f28728, 0 14px 0 #f28728; } + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + cursor: pointer; + width: 20px; + height: 16px; } + .menu-icon.dark::after { + content: ''; + position: absolute; + display: block; + width: 100%; + height: 2px; + background: #000000; + top: 0; + left: 0; + box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; } + .menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } + +.is-drilldown { + position: relative; + overflow: hidden; } + .is-drilldown li { + display: block !important; } + +.is-drilldown-submenu { + position: absolute; + top: 0; + left: 100%; + z-index: -1; + height: 100%; + width: 100%; + background: #FFFFFF; + transition: transform 0.15s linear; } + .is-drilldown-submenu.is-active { + z-index: 1; + display: block; + transform: translateX(-100%); } + .is-drilldown-submenu.is-closing { + transform: translateX(100%); } + +.is-drilldown-submenu-parent > a { + position: relative; } + .is-drilldown-submenu-parent > a::after { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 6px; + border-color: transparent transparent transparent #2199e8; + border-left-style: solid; + border-right-width: 0; + position: absolute; + top: 50%; + margin-top: -6px; + right: 1rem; } + +.js-drilldown-back > a::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 6px; + border-color: transparent #2199e8 transparent transparent; + border-right-style: solid; + border-left-width: 0; + border-left-width: 0; + display: inline-block; + vertical-align: middle; + margin-right: 0.75rem; } + +.dropdown-pane { + background-color: url(../assets/background.jpg) no-repeat center center fixed; + border: 1px solid #cacaca; + border-radius: 0; + display: block; + font-size: 1rem; + padding: 1rem; + position: absolute; + visibility: hidden; + width: 300px; + z-index: 10; } + .dropdown-pane.is-open { + visibility: visible; } + +.dropdown-pane.tiny { + width: 100px; } + +.dropdown-pane.small { + width: 200px; } + +.dropdown-pane.large { + width: 400px; } + +.dropdown.menu > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; } + +.dropdown.menu > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; } + +[data-whatinput='mouse'] .dropdown.menu a { + outline: 0; } + +.no-js .dropdown.menu ul { + display: none; } + +.dropdown.menu.vertical > li .is-dropdown-submenu { + top: 0; } + +.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 100%; } + +.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + +@media screen and (min-width: 40em) { + .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; } + .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; } + .dropdown.menu.medium-vertical > li .is-dropdown-submenu { + top: 0; } + .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 100%; } + .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } } + +@media screen and (min-width: 64em) { + .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 0; + top: 100%; } + .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 0; + top: 100%; } + .dropdown.menu.large-vertical > li .is-dropdown-submenu { + top: 0; } + .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { + left: auto; + right: 100%; } + .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } } + +.dropdown.menu.align-right .is-dropdown-submenu.first-sub { + top: 100%; + left: auto; + right: 0; } + +.is-dropdown-menu.vertical { + width: 100px; } + .is-dropdown-menu.vertical.align-right { + float: right; } + +.is-dropdown-submenu-parent { + position: relative; } + .is-dropdown-submenu-parent a::after { + position: absolute; + top: 50%; + right: 5px; + margin-top: -2px; } + .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { + top: 100%; + left: auto; } + .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { + left: auto; + right: 100%; } + .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { + right: auto; + left: 100%; } + +.is-dropdown-submenu { + display: none; + position: absolute; + top: 0; + left: 100%; + min-width: 200px; + z-index: 1; + background: #797c25; + border: 1px solid #f28728; } + .is-dropdown-submenu .is-dropdown-submenu { + margin-top: -1px; } + .is-dropdown-submenu > li { + width: 100%; } + .is-dropdown-submenu.js-dropdown-active { + display: block; } + +.flex-video { + position: relative; + height: 0; + padding-bottom: 75%; + margin-bottom: 1rem; + overflow: hidden; } + .flex-video iframe, + .flex-video object, + .flex-video embed, + .flex-video video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; } + .flex-video.widescreen { + padding-bottom: 56.25%; } + .flex-video.vimeo { + padding-top: 0; } + +.label { + display: inline-block; + padding: 0.33333rem 0.5rem; + font-size: 0.8rem; + line-height: 1; + white-space: nowrap; + cursor: default; + border-radius: 0; + background: #2199e8; + color: #FFFFFF; } + .label.secondary { + background: #777; + color: #FFFFFF; } + .label.success { + background: #3adb76; + color: #FFFFFF; } + .label.warning { + background: #ffae00; + color: #FFFFFF; } + .label.alert { + background: #ec5840; + color: #FFFFFF; } + +.media-object { + margin-bottom: 1rem; + display: block; } + .media-object img { + max-width: none; } + @media screen and (max-width: 39.9375em) { + .media-object.stack-for-small .media-object-section { + padding: 0; + padding-bottom: 1rem; + display: block; } + .media-object.stack-for-small .media-object-section img { + width: 100%; } } + +.media-object-section { + display: table-cell; + vertical-align: top; } + .media-object-section:first-child { + padding-right: 1rem; } + .media-object-section:last-child:not(:nth-child(2)) { + padding-left: 1rem; } + .media-object-section > :last-child { + margin-bottom: 0; } + .media-object-section.middle { + vertical-align: middle; } + .media-object-section.bottom { + vertical-align: bottom; } + +html, +body { + height: 100%; } + +.off-canvas-wrapper { + width: 100%; + overflow-x: hidden; + position: relative; + backface-visibility: hidden; + -webkit-overflow-scrolling: auto; } + +.off-canvas-wrapper-inner { + position: relative; + width: 100%; + transition: transform 0.5s ease; } + .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { + content: ' '; + display: table; } + .off-canvas-wrapper-inner::after { + clear: both; } + +.off-canvas-content, +.off-canvas-content { + min-height: 100%; + background: url(../assets/background.jpg) no-repeat center center fixed; + transition: transform 0.5s ease; + backface-visibility: hidden; + z-index: 1; + padding-bottom: 0.1px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } + +.js-off-canvas-exit { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.25); + cursor: pointer; + transition: background 0.5s ease; } + +.off-canvas { + position: absolute; + background: #797c25; + z-index: -1; + max-height: 100%; + overflow-y: auto; + transform: translateX(0); } + [data-whatinput='mouse'] .off-canvas { + outline: 0; } + .off-canvas.position-left { + left: -250px; + top: 0; + width: 250px; } + .is-open-left { + transform: translateX(250px); } + .off-canvas.position-right { + right: -250px; + top: 0; + width: 250px; } + .is-open-right { + transform: translateX(-250px); } + +@media screen and (min-width: 40em) { + .position-left.reveal-for-medium { + left: 0; + z-index: auto; + position: fixed; } + .position-left.reveal-for-medium ~ .off-canvas-content { + margin-left: 250px; } + .position-right.reveal-for-medium { + right: 0; + z-index: auto; + position: fixed; } + .position-right.reveal-for-medium ~ .off-canvas-content { + margin-right: 250px; } } + +@media screen and (min-width: 64em) { + .position-left.reveal-for-large { + left: 0; + z-index: auto; + position: fixed; } + .position-left.reveal-for-large ~ .off-canvas-content { + margin-left: 250px; } + .position-right.reveal-for-large { + right: 0; + z-index: auto; + position: fixed; } + .position-right.reveal-for-large ~ .off-canvas-content { + margin-right: 250px; } } + +.orbit { + position: relative; } + +.orbit-container { + position: relative; + margin: 0; + overflow: hidden; + list-style: none; } + +.orbit-slide { + width: 100%; + max-height: 100%; } + .orbit-slide.no-motionui.is-active { + top: 0; + left: 0; } + +.orbit-figure { + margin: 0; } + +.orbit-image { + margin: 0; + width: 100%; + max-width: 100%; } + +.orbit-caption { + position: absolute; + bottom: 0; + width: 100%; + padding: 1rem; + margin-bottom: 0; + color: #FFFFFF; + background-color: rgba(0, 0, 0, 0.5); } + +.orbit-previous, .orbit-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 10; + padding: 1rem; + color: #FFFFFF; } + [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { + outline: 0; } + .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { + background-color: rgba(0, 0, 0, 0.5); } + +.orbit-previous { + left: 0; } + +.orbit-next { + left: auto; + right: 0; } + +.orbit-bullets { + position: relative; + margin-top: 0.8rem; + margin-bottom: 0.8rem; + text-align: center; } + [data-whatinput='mouse'] .orbit-bullets { + outline: 0; } + .orbit-bullets button { + width: 1.2rem; + height: 1.2rem; + margin: 0.1rem; + background-color: #cacaca; + border-radius: 50%; } + .orbit-bullets button:hover { + background-color: #8a8a8a; } + .orbit-bullets button.is-active { + background-color: #8a8a8a; } + +.pagination { + margin-left: 0; + margin-bottom: 1rem; } + .pagination::before, .pagination::after { + content: ' '; + display: table; } + .pagination::after { + clear: both; } + .pagination li { + font-size: 0.875rem; + margin-right: 0.0625rem; + border-radius: 0; + display: none; } + .pagination li:last-child, .pagination li:first-child { + display: inline-block; } + @media screen and (min-width: 40em) { + .pagination li { + display: inline-block; } } + .pagination a, + .pagination button { + color: #000000; + display: block; + padding: 0.1875rem 0.625rem; + border-radius: 0; } + .pagination a:hover, + .pagination button:hover { + background: #e6e6e6; } + .pagination .current { + padding: 0.1875rem 0.625rem; + background: #2199e8; + color: #FFFFFF; + cursor: default; } + .pagination .disabled { + padding: 0.1875rem 0.625rem; + color: #cacaca; + cursor: not-allowed; } + .pagination .disabled:hover { + background: transparent; } + .pagination .ellipsis::after { + content: '\2026'; + padding: 0.1875rem 0.625rem; + color: #000000; } + +.pagination-previous a::before, +.pagination-previous.disabled::before { + content: '\00ab'; + display: inline-block; + margin-right: 0.5rem; } + +.pagination-next a::after, +.pagination-next.disabled::after { + content: '\00bb'; + display: inline-block; + margin-left: 0.5rem; } + +.progress { + background-color: #cacaca; + height: 1rem; + margin-bottom: 1rem; + border-radius: 0; } + .progress.primary .progress-meter { + background-color: #2199e8; } + .progress.secondary .progress-meter { + background-color: #777; } + .progress.success .progress-meter { + background-color: #3adb76; } + .progress.warning .progress-meter { + background-color: #ffae00; } + .progress.alert .progress-meter { + background-color: #ec5840; } + +.progress-meter { + position: relative; + display: block; + width: 0%; + height: 100%; + background-color: #2199e8; } + +.progress-meter-text { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + margin: 0; + font-size: 0.75rem; + font-weight: bold; + color: #FFFFFF; + white-space: nowrap; } + +.slider { + position: relative; + height: 0.5rem; + margin-top: 1.25rem; + margin-bottom: 2.25rem; + background-color: #e6e6e6; + cursor: pointer; + user-select: none; + touch-action: none; } + +.slider-fill { + position: absolute; + top: 0; + left: 0; + display: inline-block; + max-width: 100%; + height: 0.5rem; + background-color: #cacaca; + transition: all 0.2s ease-in-out; } + .slider-fill.is-dragging { + transition: all 0s linear; } + +.slider-handle { + position: absolute; + top: 50%; + transform: translateY(-50%); + position: absolute; + left: 0; + z-index: 1; + display: inline-block; + width: 1.4rem; + height: 1.4rem; + background-color: #2199e8; + transition: all 0.2s ease-in-out; + touch-action: manipulation; + border-radius: 0; } + [data-whatinput='mouse'] .slider-handle { + outline: 0; } + .slider-handle:hover { + background-color: #1583cc; } + .slider-handle.is-dragging { + transition: all 0s linear; } + +.slider.disabled, +.slider[disabled] { + opacity: 0.25; + cursor: not-allowed; } + +.slider.vertical { + display: inline-block; + width: 0.5rem; + height: 12.5rem; + margin: 0 1.25rem; + transform: scale(1, -1); } + .slider.vertical .slider-fill { + top: 0; + width: 0.5rem; + max-height: 100%; } + .slider.vertical .slider-handle { + position: absolute; + top: 0; + left: 50%; + width: 1.4rem; + height: 1.4rem; + transform: translateX(-50%); } + +.sticky-container { + position: relative; } + +.sticky { + position: absolute; + z-index: 0; + transform: translate3d(0, 0, 0); } + +.sticky.is-stuck { + position: fixed; + z-index: 5; } + .sticky.is-stuck.is-at-top { + top: 0; } + .sticky.is-stuck.is-at-bottom { + bottom: 0; } + +.sticky.is-anchored { + position: absolute; + left: auto; + right: auto; } + .sticky.is-anchored.is-at-bottom { + bottom: 0; } + +body.is-reveal-open { + overflow: hidden; } + +html.is-reveal-open, +html.is-reveal-open body { + height: 100%; + overflow: hidden; + user-select: none; } + +.reveal-overlay { + display: none; + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1005; + background-color: rgba(0, 0, 0, 0.45); + overflow-y: scroll; } + +.reveal { + display: none; + z-index: 1006; + padding: 1rem; + border: 1px solid #cacaca; + background-color: #FFFFFF; + border-radius: 0; + position: relative; + top: 100px; + margin-left: auto; + margin-right: auto; + overflow-y: auto; } + [data-whatinput='mouse'] .reveal { + outline: 0; } + @media screen and (min-width: 40em) { + .reveal { + min-height: 0; } } + .reveal .column, .reveal .columns, + .reveal .columns { + min-width: 0; } + .reveal > :last-child { + margin-bottom: 0; } + @media screen and (min-width: 40em) { + .reveal { + width: 600px; + max-width: 75rem; } } + @media screen and (min-width: 40em) { + .reveal .reveal { + left: auto; + right: auto; + margin: 0 auto; } } + .reveal.collapse { + padding: 0; } + @media screen and (min-width: 40em) { + .reveal.tiny { + width: 30%; + max-width: 75rem; } } + @media screen and (min-width: 40em) { + .reveal.small { + width: 50%; + max-width: 75rem; } } + @media screen and (min-width: 40em) { + .reveal.large { + width: 90%; + max-width: 75rem; } } + .reveal.full { + top: 0; + left: 0; + width: 100%; + height: 100%; + height: 100vh; + min-height: 100vh; + max-width: none; + margin-left: 0; + border: 0; + border-radius: 0; } + @media screen and (max-width: 39.9375em) { + .reveal { + top: 0; + left: 0; + width: 100%; + height: 100%; + height: 100vh; + min-height: 100vh; + max-width: none; + margin-left: 0; + border: 0; + border-radius: 0; } } + .reveal.without-overlay { + position: fixed; } + +.switch { + margin-bottom: 1rem; + outline: 0; + position: relative; + user-select: none; + color: #FFFFFF; + font-weight: bold; + font-size: 0.875rem; } + +.switch-input { + opacity: 0; + position: absolute; } + +.switch-paddle { + background: #cacaca; + cursor: pointer; + display: block; + position: relative; + width: 4rem; + height: 2rem; + transition: all 0.25s ease-out; + border-radius: 0; + color: inherit; + font-weight: inherit; } + input + .switch-paddle { + margin: 0; } + .switch-paddle::after { + background: #FFFFFF; + content: ''; + display: block; + position: absolute; + height: 1.5rem; + left: 0.25rem; + top: 0.25rem; + width: 1.5rem; + transition: all 0.25s ease-out; + transform: translate3d(0, 0, 0); + border-radius: 0; } + input:checked ~ .switch-paddle { + background: #2199e8; } + input:checked ~ .switch-paddle::after { + left: 2.25rem; } + [data-whatinput='mouse'] input:focus ~ .switch-paddle { + outline: 0; } + +.switch-active, .switch-inactive { + position: absolute; + top: 50%; + transform: translateY(-50%); } + +.switch-active { + left: 8%; + display: none; } + input:checked + label > .switch-active { + display: block; } + +.switch-inactive { + right: 15%; } + input:checked + label > .switch-inactive { + display: none; } + +.switch.tiny .switch-paddle { + width: 3rem; + height: 1.5rem; + font-size: 0.625rem; } + +.switch.tiny .switch-paddle::after { + width: 1rem; + height: 1rem; } + +.switch.tiny input:checked ~ .switch-paddle::after { + left: 1.75rem; } + +.switch.small .switch-paddle { + width: 3.5rem; + height: 1.75rem; + font-size: 0.75rem; } + +.switch.small .switch-paddle::after { + width: 1.25rem; + height: 1.25rem; } + +.switch.small input:checked ~ .switch-paddle::after { + left: 2rem; } + +.switch.large .switch-paddle { + width: 5rem; + height: 2.5rem; + font-size: 1rem; } + +.switch.large .switch-paddle::after { + width: 2rem; + height: 2rem; } + +.switch.large input:checked ~ .switch-paddle::after { + left: 2.75rem; } + +table { + width: 100%; + margin-bottom: 1rem; + border-radius: 0; } + table thead, + table tbody, + table tfoot { + border: 1px solid #f2f2f2; + background-color: #FFFFFF; } + table caption { + font-weight: bold; + padding: 0.5rem 0.625rem 0.625rem; } + table thead, + table tfoot { + background: #f9f9f9; + color: #000000; } + table thead tr, + table tfoot tr { + background: transparent; } + table thead th, + table thead td, + table tfoot th, + table tfoot td { + padding: 0.5rem 0.625rem 0.625rem; + font-weight: bold; + text-align: left; } + table tbody tr:nth-child(even) { + background-color: #f2f2f2; } + table tbody th, + table tbody td { + padding: 0.5rem 0.625rem 0.625rem; } + +@media screen and (max-width: 63.9375em) { + table.stack thead { + display: none; } + table.stack tfoot { + display: none; } + table.stack tr, + table.stack th, + table.stack td { + display: block; } + table.stack td { + border-top: 0; } } + +table.scroll { + display: block; + width: 100%; + overflow-x: auto; } + +table.hover tr:hover { + background-color: #fafafa; } + +table.hover tr:nth-of-type(even):hover { + background-color: #ededed; } + +.table-scroll { + overflow-x: auto; } + .table-scroll table { + width: auto; } + +.tabs { + margin: 0; + list-style-type: none; + background: #FFFFFF; + border: 1px solid #e6e6e6; } + .tabs::before, .tabs::after { + content: ' '; + display: table; } + .tabs::after { + clear: both; } + +.tabs.vertical > li { + width: auto; + float: none; + display: block; } + +.tabs.simple > li > a { + padding: 0; } + .tabs.simple > li > a:hover { + background: transparent; } + +.tabs.primary { + background: #2199e8; } + .tabs.primary > li > a { + color: #FFFFFF; } + .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { + background: #1893e4; } + +.tabs-title { + float: left; } + .tabs-title > a { + display: block; + padding: 1.25rem 1.5rem; + line-height: 1; + font-size: 0.75rem; } + .tabs-title > a:hover { + background: #FFFFFF; } + .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { + background: #e6e6e6; } + +.tabs-content { + background: #FFFFFF; + transition: all 0.5s ease; + border: 1px solid #e6e6e6; + border-top: 0; } + +.tabs-content.vertical { + border: 1px solid #e6e6e6; + border-left: 0; } + +.tabs-panel { + display: none; + padding: 1rem; } + .tabs-panel.is-active { + display: block; } + +.thumbnail { + border: solid 4px #FFFFFF; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); + display: inline-block; + line-height: 0; + max-width: 100%; + transition: box-shadow 200ms ease-out; + border-radius: 0; + margin-bottom: 1rem; } + .thumbnail:hover, .thumbnail:focus { + box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } + +.title-bar { + background: #797c25; + color: #FFFFFF; + padding: 0.5rem; } + .title-bar::before, .title-bar::after { + content: ' '; + display: table; } + .title-bar::after { + clear: both; } + .title-bar .menu-icon { + margin-left: 0.25rem; + margin-right: 0.25rem; } + +.title-bar-left { + float: left; } + +.title-bar-right { + float: right; + text-align: right; } + +.title-bar-title { + font-weight: bold; + vertical-align: middle; + display: inline-block; } + +.menu-icon.dark { + position: relative; + display: inline-block; + vertical-align: middle; + cursor: pointer; + width: 20px; + height: 16px; } + .menu-icon.dark::after { + content: ''; + position: absolute; + display: block; + width: 100%; + height: 2px; + background: #000000; + top: 0; + left: 0; + box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; } + .menu-icon.dark:hover::after { + background: #8a8a8a; + box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } + +.has-tip { + border-bottom: dotted 1px #8a8a8a; + font-weight: bold; + position: relative; + display: inline-block; + cursor: help; } + +.tooltip { + background-color: #000000; + color: #FFFFFF; + font-size: 80%; + padding: 0.75rem; + position: absolute; + z-index: 10; + top: calc(100% + 0.6495rem); + max-width: 10rem !important; + border-radius: 0; } + .tooltip::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent transparent #000000; + border-bottom-style: solid; + border-top-width: 0; + bottom: 100%; + position: absolute; + left: 50%; + transform: translateX(-50%); } + .tooltip.top::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: #000000 transparent transparent; + border-top-style: solid; + border-bottom-width: 0; + top: 100%; + bottom: auto; } + .tooltip.left::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent transparent transparent #000000; + border-left-style: solid; + border-right-width: 0; + bottom: auto; + left: 100%; + top: 50%; + transform: translateY(-50%); } + .tooltip.right::before { + content: ''; + display: block; + width: 0; + height: 0; + border: inset 0.75rem; + border-color: transparent #000000 transparent transparent; + border-right-style: solid; + border-left-width: 0; + bottom: auto; + left: auto; + right: 100%; + top: 50%; + transform: translateY(-50%); } + +.top-bar { + padding: 0.5rem; } + .top-bar::before, .top-bar::after { + content: ' '; + display: table; } + .top-bar::after { + clear: both; } + .top-bar, + .top-bar ul { + background-color: #797c25; } + .top-bar input { + max-width: 200px; + margin-right: 1rem; } + .top-bar .input-group-field { + width: 100%; + margin-right: 0; } + .top-bar input.button { + width: auto; } + .top-bar .top-bar-left, + .top-bar .top-bar-right { + width: 100%; } + @media screen and (min-width: 40em) { + .top-bar .top-bar-left, + .top-bar .top-bar-right { + width: auto; } } + @media screen and (max-width: 63.9375em) { + .top-bar.stacked-for-medium .top-bar-left, + .top-bar.stacked-for-medium .top-bar-right { + width: 100%; } } + @media screen and (max-width: 74.9375em) { + .top-bar.stacked-for-large .top-bar-left, + .top-bar.stacked-for-large .top-bar-right { + width: 100%; } } + +.top-bar-title { + float: left; + margin-right: 1rem; } + +.top-bar-left { + float: left; } + +.top-bar-right { + float: right; } + +.hide { + display: none !important; } + +.invisible { + visibility: hidden; } + +@media screen and (max-width: 39.9375em) { + .hide-for-small-only { + display: none !important; } } + +@media screen and (max-width: 0em), screen and (min-width: 40em) { + .show-for-small-only { + display: none !important; } } + +@media screen and (min-width: 40em) { + .hide-for-medium { + display: none !important; } } + +@media screen and (max-width: 39.9375em) { + .show-for-medium { + display: none !important; } } + +@media screen and (min-width: 40em) and (max-width: 63.9375em) { + .hide-for-medium-only { + display: none !important; } } + +@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { + .show-for-medium-only { + display: none !important; } } + +@media screen and (min-width: 64em) { + .hide-for-large { + display: none !important; } } + +@media screen and (max-width: 63.9375em) { + .show-for-large { + display: none !important; } } + +@media screen and (min-width: 64em) and (max-width: 74.9375em) { + .hide-for-large-only { + display: none !important; } } + +@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { + .show-for-large-only { + display: none !important; } } + +.show-for-sr, +.show-on-focus { + position: absolute !important; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); } + +.show-on-focus:active, .show-on-focus:focus { + position: static !important; + height: auto; + width: auto; + overflow: visible; + clip: auto; } + +.show-for-landscape, +.hide-for-portrait { + display: block !important; } + @media screen and (orientation: landscape) { + .show-for-landscape, + .hide-for-portrait { + display: block !important; } } + @media screen and (orientation: portrait) { + .show-for-landscape, + .hide-for-portrait { + display: none !important; } } + +.hide-for-landscape, +.show-for-portrait { + display: none !important; } + @media screen and (orientation: landscape) { + .hide-for-landscape, + .show-for-portrait { + display: none !important; } } + @media screen and (orientation: portrait) { + .hide-for-landscape, + .show-for-portrait { + display: block !important; } } + +.float-left { + float: left !important; } + +.float-right { + float: right !important; } + +.float-center { + display: block; + margin-left: auto; + margin-right: auto; } + +.clearfix::before, .clearfix::after { + content: ' '; + display: table; } + +.clearfix::after { + clear: both; } + +.slide-in-down.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(-100%); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-in-down.mui-enter.mui-enter-active { + transform: translateY(0); } + +.slide-in-left.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(-100%); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-in-left.mui-enter.mui-enter-active { + transform: translateX(0); } + +.slide-in-up.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(100%); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-in-up.mui-enter.mui-enter-active { + transform: translateY(0); } + +.slide-in-right.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(100%); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-in-right.mui-enter.mui-enter-active { + transform: translateX(0); } + +.slide-out-down.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(0); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-out-down.mui-leave.mui-leave-active { + transform: translateY(100%); } + +.slide-out-right.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(0); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-out-right.mui-leave.mui-leave-active { + transform: translateX(100%); } + +.slide-out-up.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateY(0); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-out-up.mui-leave.mui-leave-active { + transform: translateY(-100%); } + +.slide-out-left.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: translateX(0); + transition-property: transform, opacity; + backface-visibility: hidden; } + +.slide-out-left.mui-leave.mui-leave-active { + transform: translateX(-100%); } + +.fade-in.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 0; + transition-property: opacity; } + +.fade-in.mui-enter.mui-enter-active { + opacity: 1; } + +.fade-out.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + opacity: 1; + transition-property: opacity; } + +.fade-out.mui-leave.mui-leave-active { + opacity: 0; } + +.hinge-in-from-top.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + transform-origin: top; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-top.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-right.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + transform-origin: right; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-right.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-bottom.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(90deg); + transform-origin: bottom; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-bottom.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-left.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(90deg); + transform-origin: left; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-left.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-middle-x.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateX(-90deg); + transform-origin: center; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-middle-x.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-in-from-middle-y.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotateY(-90deg); + transform-origin: center; + transition-property: transform, opacity; + opacity: 0; } + +.hinge-in-from-middle-y.mui-enter.mui-enter-active { + transform: perspective(2000px) rotate(0deg); + opacity: 1; } + +.hinge-out-from-top.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: top; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-top.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; } + +.hinge-out-from-right.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: right; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-right.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; } + +.hinge-out-from-bottom.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: bottom; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-bottom.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(90deg); + opacity: 0; } + +.hinge-out-from-left.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: left; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-left.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(90deg); + opacity: 0; } + +.hinge-out-from-middle-x.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: center; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-middle-x.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateX(-90deg); + opacity: 0; } + +.hinge-out-from-middle-y.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: perspective(2000px) rotate(0deg); + transform-origin: center; + transition-property: transform, opacity; + opacity: 1; } + +.hinge-out-from-middle-y.mui-leave.mui-leave-active { + transform: perspective(2000px) rotateY(-90deg); + opacity: 0; } + +.scale-in-up.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(0.5); + transition-property: transform, opacity; + opacity: 0; } + +.scale-in-up.mui-enter.mui-enter-active { + transform: scale(1); + opacity: 1; } + +.scale-in-down.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1.5); + transition-property: transform, opacity; + opacity: 0; } + +.scale-in-down.mui-enter.mui-enter-active { + transform: scale(1); + opacity: 1; } + +.scale-out-up.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1); + transition-property: transform, opacity; + opacity: 1; } + +.scale-out-up.mui-leave.mui-leave-active { + transform: scale(1.5); + opacity: 0; } + +.scale-out-down.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: scale(1); + transition-property: transform, opacity; + opacity: 1; } + +.scale-out-down.mui-leave.mui-leave-active { + transform: scale(0.5); + opacity: 0; } + +.spin-in.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(-0.75turn); + transition-property: transform, opacity; + opacity: 0; } + +.spin-in.mui-enter.mui-enter-active { + transform: rotate(0); + opacity: 1; } + +.spin-out.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0); + transition-property: transform, opacity; + opacity: 1; } + +.spin-out.mui-leave.mui-leave-active { + transform: rotate(0.75turn); + opacity: 0; } + +.spin-in-ccw.mui-enter { + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0.75turn); + transition-property: transform, opacity; + opacity: 0; } + +.spin-in-ccw.mui-enter.mui-enter-active { + transform: rotate(0); + opacity: 1; } + +.spin-out-ccw.mui-leave { + transition-duration: 500ms; + transition-timing-function: linear; + transform: rotate(0); + transition-property: transform, opacity; + opacity: 1; } + +.spin-out-ccw.mui-leave.mui-leave-active { + transform: rotate(-0.75turn); + opacity: 0; } + +.slow { + transition-duration: 750ms !important; } + +.fast { + transition-duration: 250ms !important; } + +.linear { + transition-timing-function: linear !important; } + +.ease { + transition-timing-function: ease !important; } + +.ease-in { + transition-timing-function: ease-in !important; } + +.ease-out { + transition-timing-function: ease-out !important; } + +.ease-in-out { + transition-timing-function: ease-in-out !important; } + +.bounce-in { + transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } + +.bounce-out { + transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } + +.bounce-in-out { + transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } + +.short-delay { + transition-delay: 300ms !important; } + +.long-delay { + transition-delay: 700ms !important; } + +.shake { + animation-name: shake-7; } + +@keyframes shake-7 { + 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { + transform: translateX(7%); } + 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { + transform: translateX(-7%); } } + +.spin-cw { + animation-name: spin-cw-1turn; } + +@keyframes spin-cw-1turn { + 0% { + transform: rotate(-1turn); } + 100% { + transform: rotate(0); } } + +.spin-ccw { + animation-name: spin-cw-1turn; } + +@keyframes spin-cw-1turn { + 0% { + transform: rotate(0); } + 100% { + transform: rotate(1turn); } } + +.wiggle { + animation-name: wiggle-7deg; } + +@keyframes wiggle-7deg { + 40%, 50%, 60% { + transform: rotate(7deg); } + 35%, 45%, 55%, 65% { + transform: rotate(-7deg); } + 0%, 30%, 70%, 100% { + transform: rotate(0); } } + +.shake, +.spin-cw, +.spin-ccw, +.wiggle { + animation-duration: 500ms; } + +.infinite { + animation-iteration-count: infinite; } + +.slow { + animation-duration: 750ms !important; } + +.fast { + animation-duration: 250ms !important; } + +.linear { + animation-timing-function: linear !important; } + +.ease { + animation-timing-function: ease !important; } + +.ease-in { + animation-timing-function: ease-in !important; } + +.ease-out { + animation-timing-function: ease-out !important; } + +.ease-in-out { + animation-timing-function: ease-in-out !important; } + +.bounce-in { + animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } + +.bounce-out { + animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } + +.bounce-in-out { + animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } + +.short-delay { + animation-delay: 300ms !important; } + +.long-delay { + animation-delay: 700ms !important; } + +img.aligncenter { + display: block; + clear: both; + float: none; + padding: 0; + margin-left: auto; + margin-right: auto; } + +img.alignright { + padding: 0; + margin: 0 0 6px 11px; + display: inline; } + +blockquote.alignleft, +img.alignleft, +.wp-caption.alignleft { + margin: 0.4375rem 2.1875rem 0.4375rem 0; } + +blockquote.alignright, +img.alignright, +.wp-caption.alignright { + margin: 0.4375rem 0 0.4375rem 2.1875rem; } + +img.alignleft { + padding: 0; + display: inline; } + +img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img { + border: 4px solid #FFFFFF; + box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); } + +.alignright { + float: right; } + +.alignnone { + float: none; } + +.alignleft { + float: left; } + +.wp-caption { + background: #555555; + width: auto; } + +.wp-caption-text { + font-family: Open Sans, sans-serif; + font-size: 9px; + color: #FFFFFF; + font-style: italic; + margin: 0; + padding: 0 5px; } + +.gallery-one-title { + height: 45px; + font-size: 0.8em; + text-align: center; + font-family: sans-serif; + padding: 5px; } + +.gallery-holder { + margin: 10px 0 20px 0; } + +@media screen and (max-width: 39.9375em) { + img.alignright, img.alignleft, img.aligncenter { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; } + div.wp-caption.alignright, div.wp-caption.alignleft { + width: 44% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; } + div.wp-caption.aligncenter { + width: 85% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; } + div.wp-caption.alignnone { + width: 85% !important; + float: none; } + div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter { + width: 100%; } } + +@media screen and (max-width: 63.9375em) { + img.aligncenter, img.alignnone { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; } + div.wp-caption.aligncenter { + width: 74% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; } + div.wp-caption.aligncenter { + width: 100%; } + div.wp-caption.alignnone { + width: 73% !important; + float: none; } } + +.wp-caption { + max-width: 100%; + margin: 10px 20px; + padding: 5px; + text-align: center; } + .wp-caption img { + width: 100%; } + .wp-caption p.wp-caption-text { + padding: 5px; + width: 100%; + margin: 0; + color: black; + font-size: 12px; } + .wp-caption.aligncenter { + margin: 10px auto; } + +@media screen and (max-width: 39.9375em) { + #blog-posts-over { + padding: 0 !important; + margin: 0 !important; } } + +.blog-posts-container { + margin: 30px 0 30px; } + .blog-posts-container embed, .blog-posts-container iframe, .blog-posts-container object, .blog-posts-container video { + max-width: 100%; } + .blog-posts-container a { + text-decoration: none; } + .blog-posts-container header.entry-header h2.entry-title a { + color: #222; + margin-left: 0; } + .blog-posts-container .wp-caption .wp-caption-text, .blog-posts-container .gallery-caption, .blog-posts-container .entry-caption { + overflow: hidden; + color: #757575; + font-size: 0.857143rem; + font-style: italic; + line-height: 2; } + .blog-posts-container .date { + font-size: 12px; } + .blog-posts-container footer.entry-meta { + color: #757575; + font-size: 0.928571rem; + line-height: 1.84615; + margin-top: 1.71429rem; + clear: both; + float: none; + margin-right: auto; } + .blog-posts-container footer { + background: none; + clear: both; + padding: 15px 0 0; + position: relative; + text-align: center; } + +#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4, #content-wrapper h5, #content-wrapper h6 { + clear: both; } + +.content { + background: #fff; + /* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/ + box-shadow: 3px 3px 8px -1px darkgrey; } + +#searchform_container { + margin-top: 20px; } + +#searchform { + max-width: 100%; + text-align: center; } + #searchform div input.blogbutton { + background: -webkit-linear-gradient(left, #1999ce 5%, #107098 100%); + background: -moz-linear-gradient(center top, #1999ce 5%, #107098 100%); + background: -ms-linear-gradient(left, #1999ce 5%, #107098 100%); } + +#blog-side-info { + border-left: 1px solid grey; + margin-top: 30px; + padding-left: 20px; } + @media screen and (max-width: 39.9375em) { + #blog-side-info { + text-align: center; } } + +h1, h2, h3, h4, h5, h6 { + clear: both; } + +/* PLUGINS */ +/* Nextgen */ +.gallery li a img { + display: block; + width: 100%; } + +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; } + +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; + font-weight: 400; } + +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; } + +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; } + +.ngg-glmalbums { + margin: 10px 0; + min-height: 260px; } + @media screen and (max-width: 39.9375em) { + .ngg-glmalbums { + min-height: 180px; } } + +.ngg-album-link { + text-align: center; } + +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; } + .ninja-forms-form-wrap input[type=submit] { + display: inline-block; + text-align: center; + line-height: 1; + cursor: pointer; + -webkit-appearance: none; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + vertical-align: middle; + border: 1px solid transparent; + border-radius: 0; + padding: 0.85em 1em; + margin: 0 0 1rem 0; + font-size: 0.9rem; + background-color: #2199e8; + color: #FFFFFF; + display: block; + margin: 0 auto; } + [data-whatinput='mouse'] .ninja-forms-form-wrap input[type=submit] { + outline: 0; } + .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus { + background-color: #1583cc; + color: #FFFFFF; } + +/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */ +a[href^=tel] { + color: inherit; + text-decoration: none; } + +body { + background-size: cover; } + body .off-canvas-content { + background: none; } + +header { + height: auto; } + header #logo img { + margin-bottom: 15px; } + header .search input { + height: 20px; + width: 167px; + padding: 0 8px; + margin: 13px 0px 0px 18px; + border-radius: 3px; + font-size: 10px; + color: #000000; + display: inline-block; } + header .search a.magnifying-glass { + font-size: 10em; + /* This controls the size. */ + display: inline-block; + width: 0.625rem; + height: 0.625rem; + border: 0.125rem solid #131c5f; + position: relative; + border-radius: 0.35em; + margin: 0 0 0 -25px; } + header .search a.magnifying-glass:before { + content: ""; + display: inline-block; + position: absolute; + right: -0.4375rem; + bottom: -0.25rem; + border-width: 0; + background: #131c5f; + width: 0.5rem; + height: 0.125rem; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } + header #sec-nav { + position: relative; + text-align: left; + padding: 10px 0; + margin: 0 0 15px 45px; } + header #sec-nav ul { + margin: 0; } + header #sec-nav ul li { + display: inline; } + header #sec-nav ul li a { + font-size: 12px; + color: #131c5f; + padding: 0 5px; + font-weight: bold; } + header #sec-nav > ul > li { + position: relative; } + header #sec-nav > ul > li:before { + color: #999999; + content: "|"; + position: absolute; + top: 2px; + left: -15px; + font-size: 14px; + font-weight: bold; + display: block; + padding: 0 10px; } + header #sec-nav > ul > li:first-child:before { + content: none; } + header img { + margin-left: 5px; } + header.main { + margin-top: 15px; } + header.main a#big-logo { + padding-left: 15px; } + header.main a#contact { + color: #FFFFFF; + text-decoration: underline; + font-weight: bold; } + header.main a#contact:hover { + color: #f28728; } + header.main #under { + margin-top: 20px; } + header.main .social { + padding-left: 12px !important; } + header.main .social a { + position: relative; + margin: 0 5px; } + header.main .social a img { + margin: 0; } + header.main span#phone { + font-size: 1.5rem; + color: #FFFFFF; + font-weight: bold; + padding-right: 20px; + letter-spacing: 0.1em; } + +.contain-to-grid { + box-shadow: 0 5px 10px -1px #999999; } + .contain-to-grid .top-bar { + height: 73px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); + margin-bottom: 10px; } + +.tab-bar .tab-bar-section.middle { + text-align: right; } + +.top-bar { + border-top-left-radius: 10px; + border-top-right-radius: 9px; } + +.top-bar-left { + border-top-left-radius: 10px; + border-top-right-radius: 9px; + background: #797c25; + float: none; + margin-left: auto; + margin-right: auto; + display: inline-block; + height: 60px; + width: 100%; + line-height: 1; } + .top-bar-left ul li a { + letter-spacing: 0.055em; } + .top-bar-left ul li:first-child { + border-top-left-radius: 10px; } + .top-bar-left ul li:first-child a { + border-top-left-radius: 8px; } + .top-bar-left ul li:not(.has-form):not(.active) > a:not(.button) { + background: transparent; } + .top-bar-left ul li.active:not(.has-form) a:not(.button) { + line-height: 60px; } + .top-bar-left > ul > li { + position: relative; } + .top-bar-left > ul > li:before { + color: #FFFFFF; + content: "|"; + position: absolute; + top: 13px; + left: -15px; + font-size: 21px; + display: block; + padding: 0 10px; } + .top-bar-left > ul > li:first-child:before { + content: none; } + +.top-bar-section li:not(.has-form) a:not(.button) { + padding: 0 1.25rem; } + +.breadcrumbs span a span { + color: #000000; } + +.breadcrumbs span span { + color: #797c25; } + +.blocks { + padding: 0 15px; } + .blocks .blocks { + padding: 36px 15px; } + .blocks .blocks img { + border: 4px solid #FFFFFF; + box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); + -ms-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.3); } + .blocks .blocks h1 { + margin-top: 10px; } + .blocks .blocks a.blocks-readmore { + padding: 5px 12px; + background: transparent; + color: #f28728; + border: 1px solid #797c25; + display: inline-block; + transition: background 0.5s, color 0.5s; + -webkit-transition: background 0.5s, color 0.5s; + -moz-transition: background 0.5s, color 0.5s; + -ms-transition: background 0.5s, color 0.5s; } + .blocks .blocks a.blocks-readmore:hover { + background: #797c25; + color: #FFFFFF; } + +main.page-inside #content-wrapper { + padding: 0 16px; } + +#content-bulk #con { + margin: 0; } + +#content-bulk h2 { + text-transform: uppercase; + font-size: 25px; } + +#content-bulk footer { + margin: 35px 0; } + #content-bulk footer #address { + margin-top: 25px; } + #content-bulk footer #address p { + font-size: 12px; + margin-top: 5px; } + #content-bulk footer #address img { + margin: 0; + padding-right: 5px; } + #content-bulk footer #address a { + font-size: 12px; } + #content-bulk footer img { + box-shadow: none; } + +#slideshow #caption { + background: rgba(0, 0, 0, 0.75); + color: #FFFFFF; + margin-top: -51px; } + #slideshow #caption p { + padding: 10px 5px; + font-size: 12px; + margin: 0; + text-align: right; } + +/* NextGen Gallery */ +.ngg-gallery-thumbnail, +.ngg-gallery-thumbnail-box { + float: none !important; } + +.gallery li a img { + display: block; + width: 100%; } + +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; } + +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-weight: 400; } + +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; } + +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; } + +.ngg-glmalbums { + margin: 10px 0; } + +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; } + .ninja-forms-form-wrap input[type=submit] { + display: inline-block; + text-align: center; + line-height: 1; + cursor: pointer; + -webkit-appearance: none; + transition: background-color 0.25s ease-out, color 0.25s ease-out; + vertical-align: middle; + border: 1px solid transparent; + border-radius: 0; + padding: 0.85em 1em; + margin: 0 0 1rem 0; + font-size: 0.9rem; + background-color: #2199e8; + color: #FFFFFF; + display: block; + margin: 0 auto; } + [data-whatinput='mouse'] .ninja-forms-form-wrap input[type=submit] { + outline: 0; } + .ninja-forms-form-wrap input[type=submit]:hover, .ninja-forms-form-wrap input[type=submit]:focus { + background-color: #1583cc; + color: #FFFFFF; } + +/* End NextGen Gallery */ +#blog-posts-over article.ai1ec_event { + padding: 10px; } + +.home-feed-post { + padding-bottom: 25px; } + +input[type="submit"].blogbutton { + border-radius: 3px; + color: #FFFFFF; + border: 2px solid #FFFFFF; + font-weight: bold; + font-size: 13px; + padding: 2px 5px; + margin-top: -10px; + text-transform: uppercase; } + input[type="submit"].blogbutton:hover { + cursor: pointer; + background: #FFFFFF; + border: 2px solid #035C84; + color: white; } + +#blog-posts-over article { + padding-top: 10px; + margin-bottom: 15px; + display: inline-block; + width: 100%; } + #blog-posts-over article .entry-header { + background: transparent; } + #blog-posts-over article #addthis_wrapper { + margin-top: -25px; } + #blog-posts-over article p { + padding-bottom: 15px; } + #blog-posts-over article a.read-more { + border: 2px solid #FFFFFF; + font-weight: bold; + font-size: 13px; + padding: 0 3px; + text-transform: uppercase; } + #blog-posts-over article a.read-more:hover { + background: #FFFFFF; + border: 2px solid #035C84; + color: #035C84; } + #blog-posts-over article .entry-header { + margin-bottom: 10px; } + #blog-posts-over article .entry-header .entry-title { + margin-bottom: 0; } + #blog-posts-over article .entry-header .meta.date { + font-size: 13px; + font-weight: bold; } + +/*#searchform div input &[type="text"] { + width: 95%; +}*/ +#blog-posts-over .entry-meta { + text-align: center; + color: #757575; + font-size: 12px; } + +#blog-posts-over > div { + margin: 25px 0; } + +#blog-side-info #searchform { + margin-bottom: 30px; } + +#blog-side-info p { + margin-bottom: 0; } + +@media screen and (max-width: 39.9375em) { + #blog-side-info-wrapper { + float: none; + margin: 0 auto; + clear: both; } + #blog-side-info { + padding-left: 0; + border-left: 0; } + #blog-side-info ul { + margin-left: 0; + margin-top: 10px; } + #blog-side-info #searchform { + padding: 35px 0; } + #blog-side-info #searchform #s { + width: 100%; } } + +#blog-side-info { + padding-right: 10px; } + #blog-side-info ul { + list-style-type: none; } + +#sidebar { + padding-top: 25px; + background: #f2f9fc; } + #sidebar .row.collapse { + margin-left: 14px; } + #sidebar li { + list-style: none; } + #sidebar li #calendar_wrap table#wp-calendar { + margin: 0 auto; } + #sidebar a { + font-size: 12px; } + #sidebar form { + margin: 0 12px 0 14px; } + #sidebar form select { + padding: 0 0.5rem; + border-radius: 5px; + height: 25px; + margin: 0; } + #sidebar form select option { + font-size: 10px; } + #sidebar .small-block-grid-2 { + margin-top: 10px; } + #sidebar .small-block-grid-2 li { + padding: 0 0.625rem 0.625rem; } + #sidebar .small-block-grid-2 li img { + border: 2px solid lightblue; } + #sidebar .small-block-grid-2 > li:nth-of-type(2), #sidebar .small-block-grid-2 > li:nth-of-type(4) { + padding-left: 0; } + #sidebar .small-block-grid-2 > li:nth-of-type(3), #sidebar .small-block-grid-2 > li:nth-of-type(4) { + padding-bottom: 20px; } + #sidebar h3 { + margin: 20px 0 0; } + #sidebar h1 { + margin: 0; + font-size: 1.5625rem; + text-transform: none; } + #sidebar input { + padding: 5px 0 5px 8px; + height: auto; + margin: 10px 0; } + #sidebar button { + border-radius: 2px; + padding: 0 10px; } + +#side-nav { + padding-top: 10px; + background: #f2f9fc; } + #side-nav h1 { + font-size: 1.375rem; + /* margin: 5px 0 25px;*/ } + #side-nav h4 { + font-weight: bold; + margin-left: 10px; } + #side-nav li { + list-style: none; } + #side-nav ul { + list-style: none; + margin: 0 0 20px; } + #side-nav ul li { + margin: 0 -15px; + padding: 5px 10px 5px 25px; } + #side-nav ul li:hover { + background: #81adc1; } + #side-nav ul li a { + color: darkblue; } + #side-nav ul li a:hover { + color: #FFFFFF; } + #side-nav h3 { + text-transform: none; + margin: 0; } + #side-nav input { + padding: 5px 0 5px 8px; + height: auto; + margin-bottom: 10px; } + #side-nav button { + border-radius: 2px; + padding: 0 10px; } + +#extra { + margin-top: 15px; } + #extra p { + line-height: 1.3; } + #extra p.title { + margin: 0; } + #extra p.title#last { + padding-top: 10px; } + #extra p#message { + text-transform: uppercase; + color: lightblue; + font-size: 0.9375rem; + margin: 40px 0; } + +.county-news { + font-weight: bold; } + +.current_page_item a { + font-weight: bold; } + +.search-top .searchform { + text-align: left; + display: inline-block; + position: relative; } + .search-top .searchform input.search-button { + width: 16px; + height: 13px; + top: 8px; + right: 7px; + position: absolute; + padding: 0; + margin-bottom: 0; } + +.search-top input[type=text] { + height: 25px; + width: 152px; + padding: 0 8px; + margin: 0 0 15px 0; + border-radius: 2px; + font-size: 12px; + color: #000000; + display: inline-block; + border: none; + box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.5); } + +aside.left-off-canvas-menu .searchform { + text-align: left; + display: inline-block; + position: relative; + float: none; + margin: 0 auto; + width: 100%; } + aside.left-off-canvas-menu .searchform input.search-button { + width: 16px; + height: 13px; + top: 8px; + right: 7px; + position: absolute; + padding: 0; + margin-bottom: 0; } + +aside.left-off-canvas-menu input.search-input { + width: 100%; } + +footer.main #res { + background: #797c25; + height: 238px; + margin-bottom: 36px; + padding: 10px 12px; + position: relative; } + @media screen and (max-width: 39.9375em) { + footer.main #res { + height: auto; } } + footer.main #res #request { + border: 3px dashed #f28728; + padding: 9px 0; + display: block; + height: 218px; + position: relative; } + @media screen and (max-width: 39.9375em) { + footer.main #res #request { + height: auto; } } + footer.main #res #res-content h1 { + padding-left: 28px; + color: #e8d8af; + font-size: 3.5rem; + position: relative; + z-index: 1; + margin: 0; } + footer.main #res #res-content p { + padding-left: 28px; + color: #FFFFFF; } + footer.main #res #res-content a#request-but { + margin-left: 28px; + padding: 2.5px 13px; + border: 2px solid #FFFFFF; + color: #FFFFFF; + background: transparent; + display: inline-block; + transition: background 0.5s, color 0.5s; + -webkit-transition: background 0.5s, color 0.5s; + -moz-transition: background 0.5s, color 0.5s; + -ms-transition: background 0.5s, color 0.5s; } + footer.main #res #res-content a#request-but:hover { + color: #797c25; + background: #FFFFFF; } + footer.main #res #lantern { + position: absolute; + top: 42px; + left: 30px; } + footer.main #res #camp { + position: absolute; + top: 20px; + right: 30px; } + @media screen and (max-width: 744px) { + footer.main #res #camp { + display: none; } } + +footer.main img#map { + padding-top: 5px; + display: inline-block; } + +footer.main .address { + padding-top: 4px; } + +footer.main img#compass { + padding-top: 5px; + display: inline-block; } + +footer.main .dir-contact { + padding-top: 5px; } + footer.main .dir-contact a { + text-decoration: underline; } + +#footer_address span { + white-space: nowrap; } + +#connect { + padding-top: 20px; + background: #4c4d4f; } + #connect ul { + margin: 0; + list-style: none; } + #connect ul li { + background: none; + padding: 0 5px; + display: inline-block; } + #connect ul li > a { + display: block; + font-family: Open Sans, sans-serif; + font-size: 12px; + color: #fff; + padding: 20px 18px; + line-height: 1.2; } + #connect ul li a#current { + background: #0093d1; } + +#compass { + float: right; } + +#copyright { + padding: 35px 0 5px; + margin: 0 auto -40px; + float: none; } + #copyright span { + font-size: 0.75rem; } + #copyright a { + color: #000000; } + +#footer_address span.bullet, +#copyright span.bullet { + margin: 0 5px; } + @media screen and (max-width: 39.9375em) { + #footer_address span.bullet, + #copyright span.bullet { + display: none !important; } } + +body .shadow-wrapper { + border-radius: 10px; + margin: -1px auto 140px; + background: #f3ebd7; + box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5); + -ms-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.5); + max-width: 1200px; } + +.off-canvas-wrap { + min-height: 100%; } + .off-canvas-wrap .inner-wrap { + min-height: 100vh; + height: 100%; } + +#example.element { + background-color: transparent; } + +h1 { + font-family: "Dancing Script"; + font-weight: bold; + color: #f28728; } + +h2 { + color: #797c25; } + +h3 { + color: #797c25; + font-weight: bold; } + +h4 { + color: #f28728; + font-weight: bold; } + +h5 { + font-weight: bold; } + +/* for the mobile menu */ +aside.left-off-canvas-menu li.page_item { + display: block; + overflow: hidden; + position: relative; + padding: 4px 8px; } + +aside.left-off-canvas-menu .off-canvas-list ul li a { + line-height: 20px; + color: white; + border-bottom: 1px solid #b1b3b6; + background-repeat: no-repeat; + background-position: 3px 50%; } + +aside.left-off-canvas-menu li.page_item_has_children a.toggle { + position: absolute; + right: 10px; + top: 5px; + text-decoration: none; } + aside.left-off-canvas-menu li.page_item_has_children a.toggle:before { + content: '>'; + transform: rotate(0deg); + color: #FFFFFF; + height: 17px; + width: 17px; + font-size: 17px; + font-weight: bold; + display: block; } + aside.left-off-canvas-menu li.page_item_has_children a.toggle:hover { + background: transparent; } + +aside.left-off-canvas-menu li.page_item_has_children a.toggle.open { + content: '>'; + transform: rotate(90deg); + color: #FFFFFF; + height: 1rem; + width: 1rem; + font-size: 1rem; + font-weight: bold; + display: block; } + +aside.left-off-canvas-menu ul.children { + display: none; } + +aside.left-off-canvas-menu .off-canvas-list ul li > ul li > a { + padding-left: 10px; + margin-left: 25px; + line-height: 18px; } + +aside.left-off-canvas-menu ul.open { + display: block; } + +.left-off-canvas-menu { + list-style: none; } + .left-off-canvas-menu li a { + color: #FFFFFF; + font-size: 1.25rem; + line-height: 150%; + border-color: white; } + .left-off-canvas-menu li a:hover { + color: #f28728; } + .left-off-canvas-menu li .dropdown { + list-style: none; } + .left-off-canvas-menu ul { + list-style: none; + padding: 10px 0; } + .left-off-canvas-menu ul li a { + color: #FFFFFF; + background: transparent; } + .left-off-canvas-menu ul li ul { + list-style: none; } + .left-off-canvas-menu ul li ul li a { + width: 85%; + display: block; + white-space: pre-wrap; } + +.social-contact { + background: #f3ebd7; } + +.offcavas-social-list { + margin-left: auto; } + +/* End Mobile Menu */ + +/*# sourceMappingURL=app.css.map */ diff --git a/css/app.css.map b/css/app.css.map new file mode 100644 index 0000000..72eca60 --- /dev/null +++ b/css/app.css.map @@ -0,0 +1 @@ +{"version":3,"file":"app.css","sources":["app.scss","_settings.scss","../bower_components/foundation-sites/scss/util/_util.scss","../bower_components/foundation-sites/scss/util/_unit.scss","../bower_components/foundation-sites/scss/util/_value.scss","../bower_components/foundation-sites/scss/util/_color.scss","../bower_components/foundation-sites/scss/util/_selector.scss","../bower_components/foundation-sites/scss/util/_flex.scss","../bower_components/foundation-sites/scss/util/_breakpoint.scss","../bower_components/foundation-sites/scss/util/_mixins.scss","../bower_components/foundation-sites/scss/foundation.scss","../bower_components/foundation-sites/scss/util/_util.scss","../bower_components/foundation-sites/scss/_global.scss","../bower_components/foundation-sites/scss/grid/_grid.scss","../bower_components/foundation-sites/scss/grid/_row.scss","../bower_components/foundation-sites/scss/grid/_column.scss","../bower_components/foundation-sites/scss/grid/_size.scss","../bower_components/foundation-sites/scss/grid/_position.scss","../bower_components/foundation-sites/scss/grid/_gutter.scss","../bower_components/foundation-sites/scss/grid/_classes.scss","../bower_components/foundation-sites/scss/grid/_layout.scss","../bower_components/foundation-sites/scss/grid/_flex-grid.scss","../bower_components/foundation-sites/scss/typography/_typography.scss","../bower_components/foundation-sites/scss/typography/_base.scss","../bower_components/foundation-sites/scss/typography/_helpers.scss","../bower_components/foundation-sites/scss/typography/_alignment.scss","../bower_components/foundation-sites/scss/typography/_print.scss","../bower_components/foundation-sites/scss/forms/_forms.scss","../bower_components/foundation-sites/scss/forms/_text.scss","../bower_components/foundation-sites/scss/forms/_checkbox.scss","../bower_components/foundation-sites/scss/forms/_label.scss","../bower_components/foundation-sites/scss/forms/_help-text.scss","../bower_components/foundation-sites/scss/forms/_input-group.scss","../bower_components/foundation-sites/scss/forms/_fieldset.scss","../bower_components/foundation-sites/scss/forms/_select.scss","../bower_components/foundation-sites/scss/forms/_range.scss","../bower_components/foundation-sites/scss/forms/_progress.scss","../bower_components/foundation-sites/scss/forms/_meter.scss","../bower_components/foundation-sites/scss/forms/_error.scss","../bower_components/foundation-sites/scss/components/_visibility.scss","../bower_components/foundation-sites/scss/components/_float.scss","../bower_components/foundation-sites/scss/components/_button.scss","../bower_components/foundation-sites/scss/components/_button-group.scss","../bower_components/foundation-sites/scss/components/_accordion-menu.scss","../bower_components/foundation-sites/scss/components/_accordion.scss","../bower_components/foundation-sites/scss/components/_badge.scss","../bower_components/foundation-sites/scss/components/_breadcrumbs.scss","../bower_components/foundation-sites/scss/components/_callout.scss","../bower_components/foundation-sites/scss/components/_close-button.scss","../bower_components/foundation-sites/scss/components/_drilldown.scss","../bower_components/foundation-sites/scss/components/_dropdown-menu.scss","../bower_components/foundation-sites/scss/components/_dropdown.scss","../bower_components/foundation-sites/scss/components/_flex.scss","../bower_components/foundation-sites/scss/components/_flex-video.scss","../bower_components/foundation-sites/scss/components/_label.scss","../bower_components/foundation-sites/scss/components/_media-object.scss","../bower_components/foundation-sites/scss/components/_menu.scss","../bower_components/foundation-sites/scss/components/_menu-icon.scss","../bower_components/foundation-sites/scss/components/_off-canvas.scss","../bower_components/foundation-sites/scss/components/_orbit.scss","../bower_components/foundation-sites/scss/components/_pagination.scss","../bower_components/foundation-sites/scss/components/_progress-bar.scss","../bower_components/foundation-sites/scss/components/_reveal.scss","../bower_components/foundation-sites/scss/components/_slider.scss","../bower_components/foundation-sites/scss/components/_sticky.scss","../bower_components/foundation-sites/scss/components/_switch.scss","../bower_components/foundation-sites/scss/components/_table.scss","../bower_components/foundation-sites/scss/components/_tabs.scss","../bower_components/foundation-sites/scss/components/_title-bar.scss","../bower_components/foundation-sites/scss/components/_top-bar.scss","../bower_components/foundation-sites/scss/components/_thumbnail.scss","../bower_components/foundation-sites/scss/components/_tooltip.scss","../bower_components/motion-ui/src/motion-ui.scss","../bower_components/motion-ui/src/_settings.scss","../bower_components/motion-ui/src/util/_animation.scss","../bower_components/motion-ui/src/util/_args.scss","../bower_components/motion-ui/src/util/_keyframe.scss","../bower_components/motion-ui/src/util/_selector.scss","../bower_components/motion-ui/src/util/_series.scss","../bower_components/motion-ui/src/util/_transition.scss","../bower_components/motion-ui/src/util/_unit.scss","../bower_components/motion-ui/src/effects/_fade.scss","../bower_components/motion-ui/src/effects/_hinge.scss","../bower_components/motion-ui/src/effects/_spin.scss","../bower_components/motion-ui/src/effects/_zoom.scss","../bower_components/motion-ui/src/effects/_shake.scss","../bower_components/motion-ui/src/effects/_slide.scss","../bower_components/motion-ui/src/effects/_wiggle.scss","../bower_components/motion-ui/src/transitions/_fade.scss","../bower_components/motion-ui/src/transitions/_hinge.scss","../bower_components/motion-ui/src/transitions/_zoom.scss","../bower_components/motion-ui/src/transitions/_slide.scss","../bower_components/motion-ui/src/transitions/_spin.scss","../bower_components/motion-ui/src/_classes.scss","_mixins.scss","mixins/_gradient.scss","mixins/_off-canvas-arrow.scss","_wordpress.scss","_defaults.scss","_body.scss","_page.header.scss","_topbar.scss","_main.scss","_slideshow.scss","_plugins.scss","plugins/_nextgen.scss","plugins/_gravityForms.scss","plugins/_events.scss","_blog.scss","_sidebar.scss","_search.scss","_page.footer.scss","_copyright.scss","_structure.scss","_left-off-canvas.scss"],"sourcesContent":["@charset 'utf-8';\r\n\r\n@import 'settings';\r\n@import 'foundation';\r\n@import 'motion-ui';\r\n@import \"mixins\";\r\n@include foundation-global-styles;\r\n@include foundation-grid;\r\n// @include foundation-flex-grid;\r\n@include foundation-typography;\r\n@include foundation-button;\r\n@include foundation-forms;\r\n// @include foundation-range-input;\r\n@include foundation-accordion;\r\n@include foundation-accordion-menu;\r\n@include foundation-badge;\r\n@include foundation-breadcrumbs;\r\n@include foundation-button-group;\r\n@include foundation-callout;\r\n@include foundation-close-button;\r\n@include foundation-menu;\r\n@include foundation-menu-icon;\r\n@include foundation-drilldown-menu;\r\n@include foundation-dropdown;\r\n@include foundation-dropdown-menu;\r\n@include foundation-flex-video;\r\n@include foundation-label;\r\n@include foundation-media-object;\r\n@include foundation-off-canvas;\r\n@include foundation-orbit;\r\n@include foundation-pagination;\r\n@include foundation-progress-bar;\r\n// @include foundation-progress-element;\r\n// @include foundation-meter-element;\r\n@include foundation-slider;\r\n@include foundation-sticky;\r\n@include foundation-reveal;\r\n@include foundation-switch;\r\n@include foundation-table;\r\n@include foundation-tabs;\r\n@include foundation-thumbnail;\r\n@include foundation-title-bar;\r\n@include foundation-tooltip;\r\n@include foundation-top-bar;\r\n@include foundation-visibility-classes;\r\n@include foundation-float-classes;\r\n// @include foundation-flex-classes;\r\n//\r\n@include motion-ui-transitions;\r\n@include motion-ui-animations;\r\n@import \"wordpress\";\r\n@import \"defaults\";\r\n@import \"body\";\r\n@import \"page.header\";\r\n@import \"topbar\";\r\n@import \"main\";\r\n@import \"slideshow\";\r\n@import \"plugins\";\r\n@import \"blog\";\r\n@import \"sidebar\";\r\n@import \"search\";\r\n@import \"page.footer\";\r\n@import \"copyright\";\r\n@import \"structure\";\r\n@import \"left-off-canvas\";\r\n//@import \"right-off-canvas\";\r\n\r\n\r\n","// Foundation for Sites Settings\r\n// -----------------------------\r\n//\r\n// Table of Contents:\r\n//\r\n// 1. Global\r\n// 2. Breakpoints\r\n// 3. The Grid\r\n// 4. Base Typography\r\n// 5. Typography Helpers\r\n// 6. Abide\r\n// 7. Accordion\r\n// 8. Accordion Menu\r\n// 9. Badge\r\n// 10. Breadcrumbs\r\n// 11. Button\r\n// 12. Button Group\r\n// 13. Callout\r\n// 14. Close Button\r\n// 15. Drilldown\r\n// 16. Dropdown\r\n// 17. Dropdown Menu\r\n// 18. Flex Video\r\n// 19. Forms\r\n// 20. Label\r\n// 21. Media Object\r\n// 22. Menu\r\n// 23. Meter\r\n// 24. Off-canvas\r\n// 25. Orbit\r\n// 26. Pagination\r\n// 27. Progress Bar\r\n// 28. Reveal\r\n// 29. Slider\r\n// 30. Switch\r\n// 31. Table\r\n// 32. Tabs\r\n// 33. Thumbnail\r\n// 34. Title Bar\r\n// 35. Tooltip\r\n// 36. Top Bar\r\n\r\n@import 'util/util';\r\n\r\n// 1. Global\r\n// ---------\r\n\r\n$global-font-size: 100%;\r\n$global-width: rem-calc(1200);\r\n$global-lineheight: 1.5;\r\n$foundation-palette: (\r\n primary: #2199e8,\r\n secondary: #777,\r\n success: #3adb76,\r\n warning: #ffae00,\r\n alert: #ec5840,\r\n);\r\n$light-gray: #e6e6e6;\r\n$medium-gray: #cacaca;\r\n$dark-gray: #8a8a8a;\r\n$white : #FFFFFF;\r\n$ghost : #FAFAFA;\r\n$snow : #F9F9F9;\r\n$vapor : #F6F6F6;\r\n$white-smoke : #F5F5F5;\r\n$silver : #EFEFEF;\r\n$smoke : #EEEEEE;\r\n$gainsboro : #DDDDDD;\r\n$iron : #CCCCCC;\r\n$base : #AAAAAA;\r\n$aluminum : #999999;\r\n$jumbo : #888888;\r\n$monsoon : #777777;\r\n$steel : #666666;\r\n$charcoal : #555555;\r\n$tuatara : #444444;\r\n$oil : #333333;\r\n$jet : #222222;\r\n$black : #000000;\r\n$green : #797c25;\r\n$red : #d2222a;\r\n$d-blue : #131c5f;\r\n$l-blue : #0093d1;\r\n$orange : #f28728;\r\n$cream : #f3ebd7;\r\n$dark-cream : #e8d8af;\r\n$brown : #704c21;\r\n\r\n\r\n$body-background: url(../assets/background.jpg) no-repeat center center fixed;\r\n$body-font-color: $black;\r\n$body-font-family: 'Open Sans', sans-serif;\r\n$body-antialiased: true;\r\n$global-margin: 1rem;\r\n$global-padding: 1rem;\r\n$global-weight-normal: normal;\r\n$global-weight-bold: bold;\r\n$global-radius: 0;\r\n$global-text-direction: ltr;\r\n$global-flexbox: false;\r\n$print-transparent-backgrounds: true;\r\n\r\n\r\n@include add-foundation-colors;\r\n\r\n// 2. Breakpoints\r\n// --------------\r\n\r\n$breakpoints: (\r\n small: 0,\r\n medium: 640px,\r\n large: 1024px,\r\n xlarge: 1200px,\r\n xxlarge: 1440px,\r\n);\r\n$breakpoint-classes: (small medium large);\r\n\r\n// 3. The Grid\r\n// -----------\r\n\r\n$grid-row-width: $global-width;\r\n$grid-column-count: 12;\r\n$grid-column-gutter: (\r\n small: 20px,\r\n medium: 30px,\r\n);\r\n$grid-column-align-edge: true;\r\n$block-grid-max: 8;\r\n\r\n// 4. Base Typography\r\n// ------------------\r\n\r\n$header-font-family: $body-font-family;\r\n$header-font-weight: $global-weight-normal;\r\n$header-font-style: normal;\r\n// We use these to define default font stacks\r\n$font-family-sans-serif: \"Open Sans\", sans-serif;\r\n$font-family-serif: Georgia, Cambria, \"Times New Roman\", Times, serif;\r\n$font-family-monospace: Consolas, \"Liberation Mono\", Courier, monospace;\r\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;\r\n$header-sizes: (\r\n small: (\r\n 'h1': 24,\r\n 'h2': 20,\r\n 'h3': 19,\r\n 'h4': 18,\r\n 'h5': 17,\r\n 'h6': 16,\r\n ),\r\n medium: (\r\n 'h1': 36,\r\n 'h2': 24,\r\n 'h3': 24,\r\n 'h4': 18,\r\n 'h5': 16,\r\n 'h6': 16,\r\n ),\r\n);\r\n$header-color: inherit;\r\n$header-lineheight: 1.4;\r\n$header-margin-bottom: 0.5rem;\r\n$header-text-rendering: optimizeLegibility;\r\n$small-font-size: 80%;\r\n$header-small-font-color: $medium-gray;\r\n$paragraph-lineheight: 1.6;\r\n$paragraph-margin-bottom: 1rem;\r\n$paragraph-text-rendering: optimizeLegibility;\r\n$code-color: $black;\r\n$code-font-family: $font-family-monospace;\r\n$code-font-weight: $global-weight-normal;\r\n$code-background: $light-gray;\r\n$code-border: 1px solid $medium-gray;\r\n$code-padding: rem-calc(2 5 1);\r\n$anchor-color: $orange;\r\n$anchor-color-hover: $green;\r\n$anchor-text-decoration: none;\r\n$anchor-text-decoration-hover: none;\r\n$hr-width: $global-width;\r\n$hr-border: 1px solid $medium-gray;\r\n$hr-margin: rem-calc(20) auto;\r\n$list-lineheight: $paragraph-lineheight;\r\n$list-margin-bottom: $paragraph-margin-bottom;\r\n$list-style-type: disc;\r\n$list-style-position: outside;\r\n$list-side-margin: 1.25rem;\r\n$list-nested-side-margin: 1.25rem;\r\n$defnlist-margin-bottom: 1rem;\r\n$defnlist-term-weight: $global-weight-bold;\r\n$defnlist-term-margin-bottom: 0.3rem;\r\n$blockquote-color: $dark-gray;\r\n$blockquote-padding: rem-calc(9 20 0 19);\r\n$blockquote-border: 1px solid $medium-gray;\r\n$cite-font-size: rem-calc(13);\r\n$cite-color: $dark-gray;\r\n$keystroke-font: $font-family-monospace;\r\n$keystroke-color: $black;\r\n$keystroke-background: $light-gray;\r\n$keystroke-padding: rem-calc(2 4 0);\r\n$keystroke-radius: $global-radius;\r\n$abbr-underline: 1px dotted $black;\r\n\r\n// 5. Typography Helpers\r\n// ---------------------\r\n\r\n$lead-font-size: $global-font-size * 1.25;\r\n$lead-lineheight: 1.6;\r\n$subheader-lineheight: 1.4;\r\n$subheader-color: $dark-gray;\r\n$subheader-font-weight: $global-weight-normal;\r\n$subheader-margin-top: 0.2rem;\r\n$subheader-margin-bottom: 0.5rem;\r\n$stat-font-size: 2.5rem;\r\n\r\n// 6. Abide\r\n// --------\r\n\r\n$abide-inputs: true;\r\n$abide-labels: true;\r\n$input-background-invalid: map-get($foundation-palette, alert);\r\n$form-label-color-invalid: map-get($foundation-palette, alert);\r\n$input-error-color: map-get($foundation-palette, alert);\r\n$input-error-font-size: rem-calc(12);\r\n$input-error-font-weight: $global-weight-bold;\r\n\r\n// 7. Accordion\r\n// ------------\r\n\r\n$accordion-background: $white;\r\n$accordion-plusminus: true;\r\n$accordion-item-color: foreground($accordion-background, $primary-color);\r\n$accordion-item-background-hover: $light-gray;\r\n$accordion-item-padding: 1.25rem 1rem;\r\n$accordion-content-background: $white;\r\n$accordion-content-border: 1px solid $light-gray;\r\n$accordion-content-color: foreground($accordion-background, $primary-color);\r\n$accordion-content-padding: 1rem;\r\n\r\n// 8. Accordion Menu\r\n// -----------------\r\n\r\n$accordionmenu-arrows: true;\r\n$accordionmenu-arrow-color: $primary-color;\r\n\r\n// 9. Badge\r\n// --------\r\n\r\n$badge-background: $primary-color;\r\n$badge-color: foreground($badge-background);\r\n$badge-padding: 0.3em;\r\n$badge-minwidth: 2.1em;\r\n$badge-font-size: 0.6rem;\r\n\r\n// 10. Breadcrumbs\r\n// ---------------\r\n\r\n$breadcrumbs-margin: 0 0 $global-margin 0;\r\n$breadcrumbs-item-font-size: rem-calc(14);\r\n$breadcrumbs-item-color: $black;\r\n$breadcrumbs-item-color-current: $green;\r\n$breadcrumbs-item-color-disabled: $medium-gray;\r\n$breadcrumbs-item-margin: 0.75rem;\r\n$breadcrumbs-item-uppercase: false;\r\n$breadcrumbs-item-slash: true;\r\n\r\n// 11. Button\r\n// ----------\r\n\r\n$button-padding: 0.85em 1em;\r\n$button-margin: 0 0 $global-margin 0;\r\n$button-fill: solid;\r\n$button-background: $primary-color;\r\n$button-background-hover: scale-color($button-background, $lightness: -15%);\r\n$button-color: $white;\r\n$button-color-alt: $black;\r\n$button-radius: $global-radius;\r\n$button-sizes: (\r\n tiny: 0.6rem,\r\n small: 0.75rem,\r\n default: 0.9rem,\r\n large: 1.25rem,\r\n);\r\n$button-opacity-disabled: 0.25;\r\n\r\n// 12. Button Group\r\n// ----------------\r\n\r\n$buttongroup-margin: 1rem;\r\n$buttongroup-spacing: 1px;\r\n$buttongroup-child-selector: '.button';\r\n$buttongroup-expand-max: 6;\r\n\r\n// 13. Callout\r\n// -----------\r\n\r\n$callout-background: $white;\r\n$callout-background-fade: 85%;\r\n$callout-border: 1px solid rgba($black, 0.25);\r\n$callout-margin: 0 0 1rem 0;\r\n$callout-padding: 1rem;\r\n$callout-font-color: $body-font-color;\r\n$callout-font-color-alt: $body-background;\r\n$callout-radius: $global-radius;\r\n$callout-link-tint: 30%;\r\n\r\n// 14. Close Button\r\n// ----------------\r\n\r\n$closebutton-position: right top;\r\n$closebutton-offset-horizontal: 1rem;\r\n$closebutton-offset-vertical: 0.5rem;\r\n$closebutton-size: 2em;\r\n$closebutton-lineheight: 1;\r\n$closebutton-color: $dark-gray;\r\n$closebutton-color-hover: $black;\r\n\r\n// 15. Drilldown\r\n// -------------\r\n\r\n$drilldown-transition: transform 0.15s linear;\r\n$drilldown-arrows: true;\r\n$drilldown-arrow-color: $primary-color;\r\n$drilldown-background: $white;\r\n\r\n// 16. Dropdown\r\n// ------------\r\n\r\n$dropdown-padding: 1rem;\r\n$dropdown-border: 1px solid $medium-gray;\r\n$dropdown-font-size: 1rem;\r\n$dropdown-width: 300px;\r\n$dropdown-radius: $global-radius;\r\n$dropdown-sizes: (\r\n tiny: 100px,\r\n small: 200px,\r\n large: 400px,\r\n);\r\n\r\n// 17. Dropdown Menu\r\n// -----------------\r\n\r\n$dropdownmenu-arrows: false;\r\n$dropdownmenu-arrow-color: $anchor-color;\r\n$dropdownmenu-min-width: 200px;\r\n$dropdownmenu-background: $green;\r\n$dropdownmenu-border: 1px solid $orange;\r\n\r\n// 18. Flex Video\r\n// --------------\r\n\r\n$flexvideo-margin-bottom: rem-calc(16);\r\n$flexvideo-ratio: 4 by 3;\r\n$flexvideo-ratio-widescreen: 16 by 9;\r\n\r\n// 19. Forms\r\n// ---------\r\n\r\n$fieldset-border: 1px solid $medium-gray;\r\n$fieldset-padding: rem-calc(20);\r\n$fieldset-margin: rem-calc(18 0);\r\n$legend-padding: rem-calc(0 3);\r\n$form-spacing: rem-calc(16);\r\n$helptext-color: $black;\r\n$helptext-font-size: rem-calc(13);\r\n$helptext-font-style: italic;\r\n$input-prefix-color: $black;\r\n$input-prefix-background: $light-gray;\r\n$input-prefix-border: 1px solid $medium-gray;\r\n$input-prefix-padding: 1rem;\r\n$form-label-color: $black;\r\n$form-label-font-size: rem-calc(14);\r\n$form-label-font-weight: $global-weight-normal;\r\n$form-label-line-height: 1.8;\r\n$select-background: $white;\r\n$select-triangle-color: $dark-gray;\r\n$select-radius: $global-radius;\r\n$input-color: $black;\r\n$input-placeholder-color: $medium-gray;\r\n$input-font-family: inherit;\r\n$input-font-size: rem-calc(16);\r\n$input-background: $white;\r\n$input-background-focus: $white;\r\n$input-background-disabled: $light-gray;\r\n$input-border: 1px solid $medium-gray;\r\n$input-border-focus: 1px solid $dark-gray;\r\n$input-shadow: inset 0 1px 2px rgba($black, 0.1);\r\n$input-shadow-focus: 0 0 5px $medium-gray;\r\n$input-cursor-disabled: default;\r\n$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\r\n$input-number-spinners: true;\r\n$input-radius: $global-radius;\r\n\r\n// 20. Label\r\n// ---------\r\n\r\n$label-background: $primary-color;\r\n$label-color: foreground($label-background);\r\n$label-font-size: 0.8rem;\r\n$label-padding: 0.33333rem 0.5rem;\r\n$label-radius: $global-radius;\r\n\r\n// 21. Media Object\r\n// ----------------\r\n\r\n$mediaobject-margin-bottom: $global-margin;\r\n$mediaobject-section-padding: $global-padding;\r\n$mediaobject-image-width-stacked: 100%;\r\n\r\n// 22. Menu\r\n// --------\r\n\r\n$menu-margin: 0;\r\n$menu-margin-nested: 1rem;\r\n$menu-item-padding: 0.7rem 1rem;\r\n$menu-item-color-active: $orange;\r\n$menu-item-background-active: $green;\r\n$menu-icon-spacing: 0.25rem;\r\n\r\n// 23. Meter\r\n// ---------\r\n\r\n$meter-height: 1rem;\r\n$meter-radius: $global-radius;\r\n$meter-background: $medium-gray;\r\n$meter-fill-good: $success-color;\r\n$meter-fill-medium: $warning-color;\r\n$meter-fill-bad: $alert-color;\r\n\r\n// 24. Off-canvas\r\n// --------------\r\n\r\n$offcanvas-size: 250px;\r\n$offcanvas-background: $green;\r\n$offcanvas-zindex: -1;\r\n$offcanvas-transition-length: 0.5s;\r\n$offcanvas-transition-timing: ease;\r\n$offcanvas-fixed-reveal: true;\r\n$offcanvas-exit-background: rgba($white, 0.25);\r\n$maincontent-class: 'off-canvas-content';\r\n$maincontent-shadow: 0 0 10px rgba($black, 0.5);\r\n\r\n// 25. Orbit\r\n// ---------\r\n\r\n$orbit-bullet-background: $medium-gray;\r\n$orbit-bullet-background-active: $dark-gray;\r\n$orbit-bullet-diameter: 1.2rem;\r\n$orbit-bullet-margin: 0.1rem;\r\n$orbit-bullet-margin-top: 0.8rem;\r\n$orbit-bullet-margin-bottom: 0.8rem;\r\n$orbit-caption-background: rgba($black, 0.5);\r\n$orbit-caption-padding: 1rem;\r\n$orbit-control-background-hover: rgba($black, 0.5);\r\n$orbit-control-padding: 1rem;\r\n$orbit-control-zindex: 10;\r\n\r\n// 26. Pagination\r\n// --------------\r\n\r\n$pagination-font-size: rem-calc(14);\r\n$pagination-margin-bottom: $global-margin;\r\n$pagination-item-color: $black;\r\n$pagination-item-padding: rem-calc(3 10);\r\n$pagination-item-spacing: rem-calc(1);\r\n$pagination-radius: $global-radius;\r\n$pagination-item-background-hover: $light-gray;\r\n$pagination-item-background-current: $primary-color;\r\n$pagination-item-color-current: foreground($pagination-item-background-current);\r\n$pagination-item-color-disabled: $medium-gray;\r\n$pagination-ellipsis-color: $black;\r\n$pagination-mobile-items: false;\r\n$pagination-arrows: true;\r\n\r\n// 27. Progress Bar\r\n// ----------------\r\n\r\n$progress-height: 1rem;\r\n$progress-background: $medium-gray;\r\n$progress-margin-bottom: $global-margin;\r\n$progress-meter-background: $primary-color;\r\n$progress-radius: $global-radius;\r\n\r\n// 28. Reveal\r\n// ----------\r\n\r\n$reveal-background: $white;\r\n$reveal-width: 600px;\r\n$reveal-max-width: $global-width;\r\n$reveal-padding: $global-padding;\r\n$reveal-border: 1px solid $medium-gray;\r\n$reveal-radius: $global-radius;\r\n$reveal-zindex: 1005;\r\n$reveal-overlay-background: rgba($black, 0.45);\r\n\r\n// 29. Slider\r\n// ----------\r\n\r\n$slider-width-vertical: 0.5rem;\r\n$slider-transition: all 0.2s ease-in-out;\r\n$slider-height: 0.5rem;\r\n$slider-background: $light-gray;\r\n$slider-fill-background: $medium-gray;\r\n$slider-handle-height: 1.4rem;\r\n$slider-handle-width: 1.4rem;\r\n$slider-handle-background: $primary-color;\r\n$slider-opacity-disabled: 0.25;\r\n$slider-radius: $global-radius;\r\n\r\n// 30. Switch\r\n// ----------\r\n\r\n$switch-background: $medium-gray;\r\n$switch-background-active: $primary-color;\r\n$switch-height: 2rem;\r\n$switch-height-tiny: 1.5rem;\r\n$switch-height-small: 1.75rem;\r\n$switch-height-large: 2.5rem;\r\n$switch-radius: $global-radius;\r\n$switch-margin: $global-margin;\r\n$switch-paddle-background: $white;\r\n$switch-paddle-offset: 0.25rem;\r\n$switch-paddle-radius: $global-radius;\r\n$switch-paddle-transition: all 0.25s ease-out;\r\n\r\n// 31. Table\r\n// ---------\r\n\r\n$table-background: $white;\r\n$table-color-scale: 5%;\r\n$table-border: 1px solid smart-scale($table-background, $table-color-scale);\r\n$table-padding: rem-calc(8 10 10);\r\n$table-hover-scale: 2%;\r\n$table-row-hover: darken($table-background, $table-hover-scale);\r\n$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);\r\n$table-striped-background: smart-scale($table-background, $table-color-scale);\r\n$table-stripe: even;\r\n$table-head-background: smart-scale($table-background, $table-color-scale / 2);\r\n$table-foot-background: smart-scale($table-background, $table-color-scale);\r\n$table-head-font-color: $body-font-color;\r\n$show-header-for-stacked: false;\r\n\r\n// 32. Tabs\r\n// --------\r\n\r\n$tab-margin: 0;\r\n$tab-background: $white;\r\n$tab-background-active: $light-gray;\r\n$tab-item-font-size: rem-calc(12);\r\n$tab-item-background-hover: $white;\r\n$tab-item-padding: 1.25rem 1.5rem;\r\n$tab-expand-max: 6;\r\n$tab-content-background: $white;\r\n$tab-content-border: $light-gray;\r\n$tab-content-color: foreground($tab-background, $primary-color);\r\n$tab-content-padding: 1rem;\r\n\r\n// 33. Thumbnail\r\n// -------------\r\n\r\n$thumbnail-border: solid 4px $white;\r\n$thumbnail-margin-bottom: $global-margin;\r\n$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\r\n$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\r\n$thumbnail-transition: box-shadow 200ms ease-out;\r\n$thumbnail-radius: $global-radius;\r\n\r\n// 34. Title Bar\r\n// -------------\r\n\r\n$titlebar-background: $green;\r\n$titlebar-color: $white;\r\n$titlebar-padding: 0.5rem;\r\n$titlebar-text-font-weight: bold;\r\n$titlebar-icon-color: $white;\r\n$titlebar-icon-color-hover: $orange;\r\n$titlebar-icon-spacing: 0.25rem;\r\n\r\n// 35. Tooltip\r\n// -----------\r\n\r\n$has-tip-font-weight: $global-weight-bold;\r\n$has-tip-border-bottom: dotted 1px $dark-gray;\r\n$tooltip-background-color: $black;\r\n$tooltip-color: $white;\r\n$tooltip-padding: 0.75rem;\r\n$tooltip-font-size: $small-font-size;\r\n$tooltip-pip-width: 0.75rem;\r\n$tooltip-pip-height: $tooltip-pip-width * 0.866;\r\n$tooltip-radius: $global-radius;\r\n\r\n// 36. Top Bar\r\n// -----------\r\n\r\n$topbar-padding: 0.5rem;\r\n$topbar-background: $green;\r\n$topbar-submenu-background: $topbar-background;\r\n$topbar-title-spacing: 1rem;\r\n$topbar-input-width: 200px;\r\n$topbar-unstack-breakpoint: medium;\r\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import 'unit';\n@import 'value';\n@import 'color';\n@import 'selector';\n@import 'flex';\n@import 'breakpoint';\n@import 'mixins';\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n$global-font-size: 100% !default;\n\n// scss-lint:disable ZeroUnit\n\n/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n @return $num / ($num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem-calc($values, $base: null) {\n $rem-values: ();\n $count: length($values);\n\n // If no base is defined, defer to the global font size\n @if $base == null {\n $base: $global-font-size;\n }\n\n // If the base font size is a %, then multiply it by 16px\n // This is because 100% font size = 16px in most all browsers\n @if unit($base) == '%' {\n $base: ($base / 100%) * 16px;\n }\n\n @if $count == 1 {\n @return -zf-to-rem($values, $base);\n }\n\n @for $i from 1 through $count {\n $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n }\n\n @return $rem-values;\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n // Pixel and unitless values are converted to rems\n @if unit($value) == 'px' or unitless($value) {\n $value: rem-calc($value, $base: 16px);\n }\n\n // Then the value is converted to ems\n @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n // Check if the value is a number\n @if type-of($value) != 'number' {\n @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n @return $value;\n }\n\n // Calculate rem if units for $value is not rem\n @if unit($value) != 'rem' {\n $value: strip-unit($value) / strip-unit($base) * 1rem;\n }\n\n // Turn 0rem into 0\n @if $value == 0rem {\n $value: 0;\n }\n\n @return $value;\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Determine if a value is not falsey, in CSS terms. Falsey values are `null`, `none`, `0` with any unit, or an empty list.\n///\n/// @param {Mixed} $val - Value to check.\n///\n/// @returns {Boolean} `true` if `$val` is not falsey.\n@function has-value($val) {\n @if $val == null or $val == none {\n @return false;\n }\n @if type-of($val) == 'number' and strip-unit($val) == 0 {\n @return false;\n }\n @if type-of($val) == 'list' and length($val) == 0 {\n @return false;\n }\n @return true;\n}\n\n/// Determine a top/right/bottom/right value on a padding, margin, etc. property, no matter how many values were passed in. Use this function if you need to know the specific side of a value, but don't know if the value is using a shorthand format.\n///\n/// @param {List|Number} $val - Value to analyze. Should be a shorthand sizing property, e.g. \"1em 2em 1em\"\n/// @param {Keyword} $side - Side to return. Should be `top`, `right`, `bottom`, or `left`.\n///\n/// @returns {Number} A single value based on `$val` and `$side`.\n@function get-side($val, $side) {\n $length: length($val);\n\n @if $length == 1 {\n @return $val;\n }\n @if $length == 2 {\n @return map-get((\n top: nth($val, 1),\n bottom: nth($val, 1),\n left: nth($val, 2),\n right: nth($val, 2),\n ), $side);\n }\n @if $length == 3 {\n @return map-get((\n top: nth($val, 1),\n left: nth($val, 2),\n right: nth($val, 2),\n bottom: nth($val, 3),\n ), $side);\n }\n @if $length == 4 {\n @return map-get((\n top: nth($val, 1),\n right: nth($val, 2),\n bottom: nth($val, 3),\n left: nth($val, 4),\n ), $side);\n }\n}\n\n/// Given border $val, find a specific element of the border, which is $elem. The possible values for $elem are width, style, and color.\n///\n/// @param {List} $val - Border value to find a value in.\n/// @param {Keyword} $elem - Border component to extract.\n///\n/// @returns {Mixed} If the value exists, returns the value. If the value is not in the border definition, the function will return a 0px width, solid style, or black border.\n@function get-border-value($val, $elem) {\n // Find the width, style, or color and return it\n @each $v in $val {\n $type: type-of($v);\n @if $elem == width and $type == 'number' {\n @return $v;\n }\n @if $elem == style and $type == 'string' {\n @return $v;\n }\n @if $elem == color and $type == 'color' {\n @return $v;\n }\n }\n\n // Defaults\n $defaults: (\n width: 0,\n style: solid,\n color: #000,\n );\n\n @return map-get($defaults, $elem);\n}\n\n/// Finds a value in a nested map.\n/// @link https://css-tricks.com/snippets/sass/deep-getset-maps/ Deep Get/Set in Maps\n///\n/// @param {Map} $map - Map to pull a value from.\n/// @param {String} $keys... - Keys to use when looking for a value.\n/// @returns {Mixed} The value found in the map.\n@function map-deep-get($map, $keys...) {\n @each $key in $keys {\n $map: map-get($map, $key);\n }\n @return $map;\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Checks the lightness of `$color`, and if it passes the `$threshold` of lightness, it returns the `$yes` color. Otherwise, it returns the `$no` color. Use this function to dynamically output a foreground color based on a given background color.\n///\n/// @param {Color} $color - Color to check the lightness of.\n/// @param {Color} $yes [$black] - Color to return if `$color` is light.\n/// @param {Color} $no [$white] - Color to return if `$color` is dark.\n/// @param {Percentage} $threshold [60%] - Threshold of lightness to check against.\n///\n/// @returns {Color} The $yes color or $no color.\n@function foreground($color, $yes: $black, $no: $white, $threshold: 60%) {\n @if $color == transparent {\n $color: $body-background;\n }\n @if (lightness($color) > $threshold) {\n @return $yes;\n }\n @else {\n @return $no;\n }\n}\n\n/// Scales a color to be lighter if it's light, or darker if it's dark. Use this function to tint a color appropriate to its lightness.\n///\n/// @param {Color} $color - Color to scale.\n/// @param {Percentage} $scale [5%] - Amount to scale up or down.\n/// @param {Percentage} $threshold [40%] - Threshold of lightness to check against.\n///\n/// @returns {Color} A scaled color.\n@function smart-scale($color, $scale: 5%, $threshold: 40%) {\n @if lightness($color) > $threshold {\n $scale: -$scale;\n }\n @return scale-color($color, $lightness: $scale);\n}\n\n/// Transfers the colors in the `$foundation-palette` variable into the legacy color variables, such as `$primary-color` and `$secondary-color`. Call this mixin below the Global section of your settings file to properly migrate your codebase.\n@mixin add-foundation-colors() {\n @if map-has-key($foundation-palette, primary) {\n $primary-color: map-get($foundation-palette, primary) !global;\n }\n @if map-has-key($foundation-palette, secondary) {\n $secondary-color: map-get($foundation-palette, secondary) !global;\n }\n @if map-has-key($foundation-palette, success) {\n $success-color: map-get($foundation-palette, success) !global;\n }\n @if map-has-key($foundation-palette, warning) {\n $warning-color: map-get($foundation-palette, warning) !global;\n }\n @if map-has-key($foundation-palette, alert) {\n $alert-color: map-get($foundation-palette, alert) !global;\n }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Generates a selector with every text input type. You can also filter the list to only output a subset of those selectors.\n///\n/// @param {List|Keyword} $types [()] - A list of text input types to use. Leave blank to use all of them.\n@function text-inputs($types: ()) {\n $return: ();\n\n $all-types:\n text\n password\n date\n datetime\n datetime-local\n month\n week\n email\n number\n search\n tel\n time\n url\n color;\n\n @if not has-value($types) {\n $types: $all-types;\n }\n\n @each $type in $types {\n $return: append($return, unquote('[type=\\'#{$type}\\']'), comma);\n }\n\n @return $return;\n}\n","$-zf-flex-justify: (\n 'left': flex-start,\n 'right': flex-end,\n 'center': center,\n 'justify': space-between,\n 'spaced': space-around,\n);\n\n$-zf-flex-align: (\n 'top': flex-start,\n 'bottom': flex-end,\n 'middle': center,\n 'stretch': stretch,\n);\n\n/// Enables flexbox by adding `display: flex` to the element.\n@mixin flex {\n display: flex;\n}\n\n/// Horizontally or vertically aligns the items within a flex container.\n///\n/// @param {Keyword} $x [null] - Horizontal alignment to use. Can be `left`, `right`, `center`, `justify`, or `spaced`. Or, set it to `null` (the default) to not set horizontal alignment.\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align($x: null, $y: null) {\n @if $x {\n @if map-has-key($-zf-flex-justify, $x) {\n $x: map-get($-zf-flex-justify, $x);\n }\n @else {\n @warn 'flex-grid-row-align(): #{$x} is not a valid value for horizontal alignment. Use left, right, center, justify, or spaced.'\n }\n }\n\n @if $y {\n @if map-has-key($-zf-flex-align, $y) {\n $y: map-get($-zf-flex-align, $y);\n }\n @else {\n @warn 'flex-grid-row-align(): #{$y} is not a valid value for vertical alignment. Use top, bottom, middle, or stretch.'\n }\n }\n\n justify-content: $x;\n align-items: $y;\n}\n\n/// Vertically align a single column within a flex row. Apply this mixin to a flex column.\n///\n/// @param {Keyword} $y [null] - Vertical alignment to use. Can be `top`, `bottom`, `middle`, or `stretch`. Or, set it to `null` (the default) to not set vertical alignment.\n@mixin flex-align-self($y: null) {\n @if $y {\n @if map-has-key($-zf-flex-align, $y) {\n $y: map-get($-zf-flex-align, $y);\n }\n @else {\n @warn 'flex-grid-column-align(): #{$y} is not a valid value for alignment. Use top, bottom, middle, or stretch.'\n }\n }\n\n align-self: $y;\n}\n\n/// Changes the source order of a flex child. Children with lower numbers appear first in the layout.\n/// @param {Number} $order [0] - Order number to apply.\n@mixin flex-order($order: 0) {\n order: $order;\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n// scss-lint:disable ZeroUnit\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n small: 0,\n medium: 640px,\n large: 1024px,\n xlarge: 1200px,\n xxlarge: 1440px,\n) !default;\n\n$-zf-zero-breakpoint: small !default;\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'Your smallest breakpoint (defined in $breakpoints) must be set to \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Size or keyword\n $bp: nth($val, 1);\n // Value for max-width media queries\n $bp-max: 0;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // Eventual output\n $str: '';\n // Is it a named media query?\n $named: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n @else if $bp == 'retina' {\n @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';\n }\n\n // Try to pull a named breakpoint out of the $breakpoints map\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n @if $dir == 'only' or $dir == 'down' {\n $bp-max: -zf-map-next($breakpoints, $bp);\n }\n\n $bp: map-get($breakpoints, $bp);\n $named: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your $breakpoints setting.';\n }\n }\n\n // Convert any pixel, rem, or unitless value to em\n $bp: -zf-bp-to-em($bp);\n @if $bp-max {\n $bp-max: -zf-bp-to-em($bp-max) - (1/16);\n }\n\n // Conditions to skip media query creation\n // - It's a named breakpoint that resolved to \"0 down\" or \"0 up\"\n // - It's a numeric breakpoint that resolved to \"0 \" + anything\n @if $bp > 0em or $dir == 'only' or $dir == 'down' {\n // `only` ranges use the format `(min-width: n) and (max-width: n)`\n @if $dir == 'only' {\n // Only named media queries can have an \"only\" range\n @if $named == true {\n // Only use \"min-width\" if the floor is greater than 0\n @if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n\n // Only add \"and\" to the media query if there's a ceiling\n @if $bp-max != null {\n $str: $str + ' and ';\n }\n }\n\n // Only use \"max-width\" if there's a ceiling\n @if $bp-max != null {\n $str: $str + '(max-width: #{$bp-max})';\n }\n }\n @else {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n }\n }\n\n // `down` ranges use the format `(max-width: n)`\n @else if $dir == 'down' {\n $max: if($named, $bp-max, $bp);\n\n // Skip media query creation if input value is exactly \"0 down\",\n // unless the function was called as \"small down\", in which case it's just \"small only\"\n @if $named or $bp > 0em {\n @if $max != null {\n $str: $str + '(max-width: #{$max})';\n }\n }\n }\n\n // `up` ranges use the format `(min-width: n)`\n @else if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n }\n }\n\n @return $str;\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($value) {\n $str: breakpoint($value);\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n}\n\n/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n // Store the values of the map as a list, so we can access them with nth\n $values: map-values($map);\n\n // Ghetto for loop\n $i: 1;\n $found: false;\n @each $val in map-keys($map) {\n @if $found == false {\n @if ($key == $val) {\n $found: true;\n }\n $i: $i + 1;\n }\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if $i > length($map) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return nth($values, $i);\n }\n}\n\n/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Map} $map - Input config map.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @return null;\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n// Legacy breakpoint variables\n// These will be removed in 6.3\n$small-up: null;\n$small-only: null;\n$medium-up: null;\n$medium-only: null;\n$large-up: null;\n$large-only: null;\n$xlarge-up: null;\n$xlarge-only: null;\n$xxlarge-up: null;\n$xxlarge-only: null;\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.\n///\n/// @param {Number} $triangle-size - Width of the triangle.\n/// @param {Color} $triangle-color - Color of the triangle.\n/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.\n@mixin css-triangle(\n $triangle-size,\n $triangle-color,\n $triangle-direction\n) {\n content: '';\n display: block;\n width: 0;\n height: 0;\n border: inset $triangle-size;\n\n @if ($triangle-direction == down) {\n border-color: $triangle-color transparent transparent;\n border-top-style: solid;\n border-bottom-width: 0;\n }\n @if ($triangle-direction == up) {\n border-color: transparent transparent $triangle-color;\n border-bottom-style: solid;\n border-top-width: 0;\n }\n @if ($triangle-direction == right) {\n border-color: transparent transparent transparent $triangle-color;\n border-left-style: solid;\n border-right-width: 0;\n }\n @if ($triangle-direction == left) {\n border-color: transparent $triangle-color transparent transparent;\n border-right-style: solid;\n border-left-width: 0;\n }\n}\n\n/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing.

\n///\n/// @param {Color} $color [$black] - Color to use for the icon.\n/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.\n/// @param {Number} $width [20px] - Width of the icon.\n/// @param {Number} $height [16px] - Height of the icon.\n/// @param {Number} $weight [2px] - Height of individual bars in the icon.\n/// @param {Number} $bars [3] - Number of bars in the icon.\n@mixin hamburger(\n $color: $black,\n $color-hover: $dark-gray,\n $width: 20px,\n $height: 16px,\n $weight: 2px,\n $bars: 3\n) {\n // box-shadow CSS output\n $shadow: ();\n $hover-shadow: ();\n\n // Spacing between bars is calculated based on the total height of the icon and the weight of each bar\n $spacing: floor(($height - ($weight * $bars)) / ($bars - 1));\n\n // Icon container\n position: relative;\n display: inline-block;\n vertical-align: middle;\n cursor: pointer;\n width: $width;\n height: $height;\n\n // Icon bars\n &::after {\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: $weight;\n background: $color;\n top: 0;\n left: 0;\n\n @for $i from 2 through $bars {\n $offset: ($weight + $spacing) * ($i - 1);\n $shadow: append($shadow, 0 $offset 0 $color, comma);\n }\n\n box-shadow: $shadow;\n }\n\n // Hover state\n @if $color-hover {\n // Generate CSS\n @for $i from 2 through $bars {\n $offset: ($weight + $spacing) * ($i - 1);\n $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);\n }\n\n &:hover::after {\n background: $color-hover;\n box-shadow: $hover-shadow;\n }\n }\n}\n\n/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.\n/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.\n///\n/// @param {Color} $color [$black] - Color to use for the triangle.\n@mixin background-triangle($color: $black) {\n $rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%29';\n\n background-image: url(\"data:image/svg+xml;utf8,\");\n\n @media screen and (min-width:0\\0) {\n @if lightness($color) < 60% {\n // White triangle\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');\n }\n @else {\n // Black triangle\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');\n }\n }\n}\n\n/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.\n/// The clearfix is augmented with specific styles to prevent borders in flexbox environments\n/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack\n/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix\n@mixin clearfix {\n &::before,\n &::after {\n content: ' ';\n display: table;\n @if $global-flexbox {\n flex-basis: 0;\n order: 1;\n }\n }\n\n &::after {\n clear: both;\n }\n}\n\n/// Adds CSS for a \"quantity query\" selector that automatically sizes elements based on how many there are inside a container.\n/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS\n///\n/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.\n/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.\n@mixin auto-width($max, $elem: li) {\n @for $i from 2 through $max {\n &:nth-last-child(#{$i}):first-child,\n &:nth-last-child(#{$i}):first-child ~ #{$elem} {\n width: percentage(1 / $i);\n }\n }\n}\n\n/// Removes the focus ring around an element when a mouse input is detected.\n@mixin disable-mouse-outline {\n [data-whatinput='mouse'] & {\n outline: 0;\n }\n}\n\n/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.\n/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility\n@mixin element-invisible {\n position: absolute !important;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n}\n\n/// Reverses the CSS output created by the `element-invisible()` mixin.\n@mixin element-invisible-off {\n position: static !important;\n height: auto;\n width: auto;\n overflow: visible;\n clip: auto;\n}\n\n/// Vertically centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin vertical-center {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n\n/// Horizontally centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin horizontal-center {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n/// Absolutely centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin absolute-center {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.\n///\n/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.\n@mixin -zf-each-breakpoint($small: true) {\n $map: $breakpoint-classes;\n\n @if not $small {\n $map: map-remove($map, $-zf-zero-breakpoint);\n }\n\n @each $size in $map {\n $-zf-size: $size !global;\n\n @include breakpoint($size) {\n @content;\n }\n }\n}\n","/**\n * Foundation for Sites by ZURB\n * Version 6.2.3\n * foundation.zurb.com\n * Licensed under MIT Open Source\n */\n\n// Sass utilities\n@import 'util/util';\n\n// Global variables and styles\n@import 'global';\n\n// Components\n@import 'grid/grid';\n@import 'typography/typography';\n@import 'forms/forms';\n@import 'components/visibility';\n@import 'components/float';\n@import 'components/button';\n@import 'components/button-group';\n@import 'components/accordion-menu';\n@import 'components/accordion';\n@import 'components/badge';\n@import 'components/breadcrumbs';\n@import 'components/callout';\n@import 'components/close-button';\n@import 'components/drilldown';\n@import 'components/dropdown-menu';\n@import 'components/dropdown';\n@import 'components/flex';\n@import 'components/flex-video';\n@import 'components/label';\n@import 'components/media-object';\n@import 'components/menu';\n@import 'components/menu-icon';\n@import 'components/off-canvas';\n@import 'components/orbit';\n@import 'components/pagination';\n@import 'components/progress-bar';\n@import 'components/reveal';\n@import 'components/slider';\n@import 'components/sticky';\n@import 'components/switch';\n@import 'components/table';\n@import 'components/tabs';\n@import 'components/title-bar';\n@import 'components/top-bar';\n@import 'components/thumbnail';\n@import 'components/tooltip';\n\n@mixin foundation-everything($flex: false) {\n @if $flex {\n $global-flexbox: true !global;\n }\n\n @include foundation-global-styles;\n @if not $flex {\n @include foundation-grid;\n }\n @else {\n @include foundation-flex-grid;\n }\n @include foundation-typography;\n @include foundation-forms;\n @include foundation-button;\n @include foundation-accordion;\n @include foundation-accordion-menu;\n @include foundation-badge;\n @include foundation-breadcrumbs;\n @include foundation-button-group;\n @include foundation-callout;\n @include foundation-close-button;\n @include foundation-menu;\n @include foundation-menu-icon;\n @include foundation-drilldown-menu;\n @include foundation-dropdown;\n @include foundation-dropdown-menu;\n @include foundation-flex-video;\n @include foundation-label;\n @include foundation-media-object;\n @include foundation-off-canvas;\n @include foundation-orbit;\n @include foundation-pagination;\n @include foundation-progress-bar;\n @include foundation-slider;\n @include foundation-sticky;\n @include foundation-reveal;\n @include foundation-switch;\n @include foundation-table;\n @include foundation-tabs;\n @include foundation-thumbnail;\n @include foundation-title-bar;\n @include foundation-tooltip;\n @include foundation-top-bar;\n @include foundation-visibility-classes;\n @include foundation-float-classes;\n\n @if $flex {\n @include foundation-flex-classes;\n }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n@import 'unit';\n@import 'value';\n@import 'color';\n@import 'selector';\n@import 'flex';\n@import 'breakpoint';\n@import 'mixins';\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n// scss-lint:disable ColorVariable, QualifyingElement, VendorPrefix\n\n////\n/// @group global\n////\n\n/// Font size attribute applied to `` and ``. We use 100% by default so the value is inherited from the user's browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n primary: #2199e8,\n secondary: #777,\n success: #3adb76,\n warning: #ffae00,\n alert: #ec5840,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: false !default;\n\n@if not map-has-key($foundation-palette, primary) {\n @error 'In $foundation-palette, you must have a color named \"primary\".';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variables used for colors\n$primary-color: map-get($foundation-palette, primary);\n$secondary-color: map-get($foundation-palette, secondary);\n$success-color: map-get($foundation-palette, success);\n$warning-color: map-get($foundation-palette, warning);\n$alert-color: map-get($foundation-palette, alert);\n\n// Remove this in 6.3\n$-zf-menu-icon-imported: false;\n$-zf-flex-classes-imported: false;\n\n@mixin foundation-global-styles {\n @include -zf-normalize;\n\n // These styles are applied to a tag, which is read by the Foundation JavaScript\n .foundation-mq {\n font-family: '#{-zf-bp-serialize($breakpoints)}';\n }\n\n html {\n font-size: $global-font-size;\n box-sizing: border-box;\n }\n\n // Set box-sizing globally to handle padding and border widths\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n\n // Default body styles\n body {\n padding: 0;\n margin: 0;\n font-family: $body-font-family;\n font-weight: $global-weight-normal;\n line-height: $global-lineheight;\n color: $body-font-color;\n background: $body-background;\n\n @if ($body-antialiased) {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n }\n\n img {\n // Grid defaults to get images and embeds to work properly\n max-width: 100%;\n height: auto;\n -ms-interpolation-mode: bicubic;\n\n // Get rid of gap under images by making them display: inline-block; by default\n display: inline-block;\n vertical-align: middle;\n }\n\n // Make sure textarea takes on height automatically\n textarea {\n height: auto;\n min-height: 50px;\n border-radius: $global-radius;\n }\n\n // Make select elements are 100% width by default\n select {\n width: 100%;\n border-radius: $global-radius;\n }\n\n // Styles Google Maps and MapQuest embeds properly\n // scss-lint:disable IdSelector\n #map_canvas,\n .map_canvas,\n .mqa-display {\n img,\n embed,\n object {\n max-width: none !important;\n }\n }\n\n // Reset + Menu + +
+ + +
+ +
+ + +
+
+
+
+
+ +
+
+ +
+
, +
+ + +
+
, +
+ + +
+ + + • + + + • + + +
+ + +
+ +
+ +
+
+ +
+ +
+ + + + + + +
+
+
+
Reservations
+
Campsites & Cabins
+
Facility Rentals
+
Location
+
Events
+
About +
+
History
+
Gift Shop
+
+
+
+
+ +
+ + + + + + + + +
+
+ +
+
+
+ +
+
+ +
+
+
+ + + + + + +
+ +
+ + +
+
+ + + + + + +
+
+ + +
+
+ + + + + + +
+
+
+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+ +
+
+ + + + + + +
+
+ +
Please enter a query in the search box.
+ +
Search Results for ""
+
+ +
+
+ + post_type=='page')) continue; ?> +
+
+
> +
+
+ Posted on +
+ + + + @'), array(' ', "\n"), apply_filters('the_content', $post->post_content))) : ''); + + // Search content for terms + $terms = $wp_query->query_vars['search_terms']; + if ( preg_match_all('/'.str_replace('/', '\/', join('|', $terms)).'/i', $content, $matches, PREG_OFFSET_CAPTURE) ) { + $padding = max($min_padding, $max_length / (2*count($matches[0]))); + + // Construct extract containing context for each term + $output = ''; + $last_offset = 0; + foreach ( $matches[0] as $match ) { + list($string, $offset) = $match; + $start = $offset-$padding; + $end = $offset+strlen($string)+$padding; + // Preserve whole words + while ( $start > 1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$start-1}) ) $start--; + while ( $end < strlen($content)-1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$end}) ) $end++; + $start = max($start, $last_offset); + $context = substr($content, $start, $end-$start); + if ( $start > $last_offset ) $context = '...'.$context; + $output .= $context; + $last_offset = $end; + } + + if ( $last_offset != strlen($content)-1 ) $output .= '...'; + } else { + $output = $content; + } + + if ( strlen($output) > $max_length ) { + $end = $max_length-3; + while ( $end > 1 && preg_match('/[A-Za-z0-9\'"-]/', $output{$end-1}) ) $end--; + $output = substr($output, 0, $end) . '...'; + } + + // Highlight matches + $context = nl2br(preg_replace('/'.str_replace('/', '\/', join('|', $terms)).'/i', '$0', $output)); + ?> + +
+ +
+
+ Read this entry +
+ + + +
+ $cat->name, 'slug' => $cat->slug ); + echo ', '. $cat->name .''; + } + echo '.'; + } + ?> +
+
+
+
+ +
+ +
+ +
+
+
+ +
+ + +
+
+ + + + + + +
+
+ +
+
+
+ "; + bcn_display(); + echo "
"; + } + ?> +
+
+ + +
+ +
+ + + + + + + +
+ + + +
+
+
+ +
+
+
Request A Reservation
+
Your perfect site is waiting...
Request a reservation now!
+ Request Now! +
+
+ +
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+ , + + +
+
+
+
+
+
+ +
+
+ + + + +
Email + +
+
+ + + • + + + • + + +
+
+
+ +
+
+ + + + +
+ Copyright © + • + All Rights Reserved. + • + Produced by Gaslight Media +
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..40d8c24 --- /dev/null +++ b/js/app.js @@ -0,0 +1 @@ +"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}jQuery(document).ready(function($){$(document).foundation();var PI=3.141593,Test=function e(n,i){_classCallCheck(this,e),this.x=i+n,this.y=n},joe="cool";console.log(joe),$("ul.children").each(function(){$(this).before('')}),$("a.toggle").click("click",function(){$(this).toggleClass("open"),$(this).siblings("ul").toggleClass("open")}),$(".top-bar-section").find("ul.sub-menu.dropdown").each(function(){var menuImg=$(this).parent("li").prop("id"),menuNum=menuImg.match(/\d+/)[0],menuImgSrc="img_for_menu_"+menuNum;window["img_for_menu_"+menuNum]?$(this).find("li.image-placeholder").html(''):($(this).find("li.image-placeholder").parent("ul").addClass("no-image-subul"),$(this).find("li.image-placeholder").remove())})}); \ No newline at end of file diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js new file mode 100644 index 0000000..320e25a --- /dev/null +++ b/js/custom/pageSetup.js @@ -0,0 +1,37 @@ +// Load foundation +/*jshint esversion: 6 */ +jQuery(document).ready(function ($) { + 'use strict'; + $(document).foundation(); + + const PI = 3.141593; + class Test { + constructor(x,y){ + this.x = y+x; + this.y = x; + } + } + let joe = "cool"; + console.log(joe); + + $('ul.children').each(function () { + $(this).before(''); + }); + $('a.toggle').click('click', function () { + $(this).toggleClass('open'); + $(this).siblings('ul').toggleClass('open'); + }); + $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ + var menuImg = $(this).parent('li').prop('id'); + var menuNum = menuImg.match(/\d+/)[0]; + var menuImgSrc = 'img_for_menu_' + menuNum; + if (window['img_for_menu_' + menuNum]) { + $(this).find('li.image-placeholder').html(''); + } else { + $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); + $(this).find('li.image-placeholder').remove(); + } + //console.log('ul = ' + menuImg); + //console.log('menu-id = ' + menuNum); + }); +}); diff --git a/lib/menu-walker.php b/lib/menu-walker.php new file mode 100644 index 0000000..64b5a96 --- /dev/null +++ b/lib/menu-walker.php @@ -0,0 +1,81 @@ +has_children = ! empty( $children_elements[ $element->ID ] ); + $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : ''; + $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'has-dropdown' : ''; + $element->classes[] = ( $element->post_parent == 0 && $mainLevelCounter < 6 ) ? '' : 'drop-left'; + parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); + } + + function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) { + $item_html = ''; + parent::start_el( $item_html, $object, $depth, $args ); + + // Insert style to display page's thumbnail + $item_style = ''; + if ($depth == 0 && has_post_thumbnail((int)$object->object_id)) { + $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id((int)$object->object_id), 'large'); + $item_style .= ""; + } + //$output .= ( 0 == $depth ) ? '
' : ''; + $classes = empty( $object->classes ) ? array() : (array) $object->classes; + if ( in_array( 'label', $classes ) ) { + //$output .= '
'; + $item_html = preg_replace( '/]*>(.*)<\/a>/iU', '$1', $item_html ); + } + if ( in_array( 'divider', $classes ) ) { + $item_html = preg_replace( '/]*>( .* )<\/a>/iU', '', $item_html ); + } + if ($item_style) + $output .= $item_style; + $output .= $item_html; + } + + function start_lvl( &$output, $depth = 0, $args = array() ) { + $output .= "\n
\n"; + } +} +endif; +if ( ! class_exists( 'Glm_Theme_Off_Canvas_Walker' ) ) : +class Glm_Theme_Off_Canvas_Walker extends Walker_Nav_Menu { + function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args, &$output ) { + $element->has_children = ! empty( $children_elements[ $element->ID ] ); + $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : ''; + $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'page_item_has_children' : ''; + $element->classes[] = 'page_item'; + + parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); + } + + function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) { + $item_html = ''; + parent::start_el( $item_html, $object, $depth, $args ); + + $classes = empty( $object->classes ) ? array() : (array) $object->classes; + + if ( in_array( 'label', $classes ) ) { + $item_html = preg_replace( '/]*>(.*)<\/a>/iU', '$1', $item_html ); + } + + $output .= $item_html; + } + + function start_lvl( &$output, $depth = 0, $args = array() ) { + $output .= "\n
\n"; + } + + function end_lvl(&$output, $depth = 0, $args = array()){ + $output .= '
'; + } +} +endif; +?> diff --git a/lib/navigation.php b/lib/navigation.php new file mode 100644 index 0000000..85b48c4 --- /dev/null +++ b/lib/navigation.php @@ -0,0 +1,166 @@ + 'Site Navigation' +)); + +/** + * Top Bar + */ +if ( ! function_exists( 'glm_theme_top_bar' ) ) { + + function glm_theme_top_bar() { + wp_nav_menu(array( + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => 'dropdown menu', // adding custom nav class + 'theme_location' => 'top-bar', // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 3, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + 'walker' => new Glm_Theme_Top_Bar_Walker() + )); + } +} + +/** + * Mobile off-canvas + */ +if ( ! function_exists( 'glm_theme_mobile_off_canvas' ) ) { + function glm_theme_mobile_off_canvas() { + echo '
'; + echo '
Home
'; + echo glm_get_mobile_nav_menu( 'top-bar' ); + echo '
'; + } +} + +function glm_get_mobile_nav_menu( $theme_location ) +{ + $menu = wp_nav_menu(array( + 'echo' => false, // don't echo + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => 'vertical dropdown menu', // adding custom nav class + 'theme_location' => $theme_location, // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 5, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + 'walker' => new Glm_Theme_Off_Canvas_Walker() + )); + return preg_replace( array( '%^]*>%', '%
$%' ), '', $menu ); +} + +/** + * Footer + */ +if ( ! function_exists( 'glm_theme_footer' ) ) { + function glm_theme_footer() { + wp_nav_menu(array( + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => '', // adding custom nav class + 'theme_location' => 'footer', // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 1, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + )); + } +} + +/** + * glm_page_menu + * + * Grab the top level pages and their sub pages as the main navigation + */ +function glm_page_menu($parent = 0, $class = '') +{ + $menuConfig = glm_get_menu_options(); + $frontPageId = get_option('page_on_front'); + $parents = array(); + $args = array( + 'post_type' => 'page', + 'parent' => $parent, + 'number' => '', + 'exclude' => $frontPageId, + 'post_status' => 'publish', + 'sort_order' => 'asc', + 'sort_column' => 'menu_order' + ); + if ($parent == 0 && $menuConfig['menu_options']['main_level_pages']) { + $args['include'] = $menuConfig['menu_options']['main_level_pages']; + } + $pages = get_pages($args); + echo ''."\n"; + foreach ($pages as $page) { + $childs = get_pages('child_of=' . $page->ID); + if (count($childs) > 0) { + echo '
'."\n"; + echo ''.$page->post_title.''."\n"; + echo glm_page_menu($page->ID, 'sub-menu dropdown'); + echo '
'."\n"; + } else { + echo '
'.$page->post_title.'
'."\n"; + } + } + echo ''."\n"; +} + +/** + * glm_offcanvas_menu + * + * Generate the list of pages as nested ul li list + */ +function glm_offcanvas_menu() +{ + wp_page_menu(array( + 'depth' => 0, + 'sort_column' => 'menu_order', + 'menu_class' => 'left-off-canvas-list' + )); +} + +/** + * get_menu_options + * + * Grab the menu options from the theme.ini file + */ +function glm_get_menu_options() +{ + static $menu_options; + $themeConfig = get_template_directory() . '/theme.ini'; + + if (!$menu_options && is_file($themeConfig)) { + $menu_options = parse_ini_file($themeConfig, true); + } + return $menu_options; +} + +function glm_side_menu() { + global $post; + $parents = get_post_ancestors($post->ID); + $id = ($parents) ? $parents[count($parents)-1]: $post->ID; + $parent = get_page( $id ); + if ($id == 0) { + $ID = $post->ID; + } else { + $ID = $parent->ID; + } + echo '
'.get_the_title($ID).'
'; + echo '
'."\n"; + echo wp_list_pages( 'child_of='.$ID.'&title_li=&depth=1&echo=0'); + echo '
'."\n"; +} + diff --git a/nggallery/album-glmalbums.php b/nggallery/album-glmalbums.php new file mode 100644 index 0000000..9ebf91f --- /dev/null +++ b/nggallery/album-glmalbums.php @@ -0,0 +1,60 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + +
+ + + + +
+
+
+ + + +
+
+ +
+
+ > + title); ?> + +
+
+ counter > 0) { ?> + counter; ?> + + + +
+
+
+ + +
+ +
+ + diff --git a/nggallery/gallery-glmphotos-8.php b/nggallery/gallery-glmphotos-8.php new file mode 100644 index 0000000..28bb6c9 --- /dev/null +++ b/nggallery/gallery-glmphotos-8.php @@ -0,0 +1,55 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + + + +
+ +
+
style ?> > + +
+ thumbcode ?> > + hidden ) { ?> + +
+ size ?> /> +
+ hidden) { echo esc_attr($image->alttext); }?> + + +
+ +
+
+ hidden ) continue; ?> + columns > 0 && ++$i % $gallery->columns == 0 ) { ?> +
+ + +
+ + + + + diff --git a/nggallery/gallery-glmphotos-narrow.php b/nggallery/gallery-glmphotos-narrow.php new file mode 100644 index 0000000..bc07527 --- /dev/null +++ b/nggallery/gallery-glmphotos-narrow.php @@ -0,0 +1,55 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + + + +
+ +
+
style ?> > + +
+ thumbcode ?> > + hidden ) { ?> + +
+ size ?> /> +
+ hidden) { echo esc_attr($image->alttext); }?> + + +
+ +
+
+ hidden ) continue; ?> + columns > 0 && ++$i % $gallery->columns == 0 ) { ?> +
+ + +
+ + + + + diff --git a/nggallery/gallery-glmphotos.php b/nggallery/gallery-glmphotos.php new file mode 100644 index 0000000..c5329e2 --- /dev/null +++ b/nggallery/gallery-glmphotos.php @@ -0,0 +1,66 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + +
+ + +
+ +
+
style ?> > + +
+ thumbcode ?> > + hidden ) { ?> + +
+ size ?> /> +
+ alttext) ? $image->alttext: ''; + ?> + + hidden) { echo esc_attr($imageTitle); }?> + + + +
+ +
+
+ hidden ) continue; ?> + columns > 0 && ++$i % $gallery->columns == 0 ) { ?> +
+ + +
+ + + +
+ + diff --git a/nggallery/gallery-glmvideos.php b/nggallery/gallery-glmvideos.php new file mode 100644 index 0000000..367627d --- /dev/null +++ b/nggallery/gallery-glmvideos.php @@ -0,0 +1,72 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + +
+show_slideshow) { ?> + +
+ + slideshow_link_text ?> + +
+ + + + +
+
style ?> > + +
+ " + title="description); ?>" + data-src="imageURL); ?>" + data-thumbnail="thumbnailURL); ?>" + data-image-id="pid); ?>" + data-title="alttext); ?>" + data-description="description); ?>" + data-url="pid, "video_url"); ?>" + thumbcode ?> > + hidden ) { ?> + +
+ size ?> /> +
+ hidden) { echo esc_attr($image->alttext); }?> + + + +
+ +
+
+ hidden ) continue; ?> + columns > 0 && ++$i % $gallery->columns == 0 ) { ?> +
+ + + + + +
+ + diff --git a/package.json b/package.json new file mode 100644 index 0000000..dad81f7 --- /dev/null +++ b/package.json @@ -0,0 +1,21 @@ +{ + "name": "PetosegaRebuild", + "description": "Gaslight Media", + "version": "0.0.1", + "devDependencies": { + "gulp": "^3.9.0", + "gulp-autoprefixer": "^3.1.0", + "gulp-babel": "^6.1.2", + "gulp-clean": "^0.3.2", + "gulp-concat": "^2.6.0", + "gulp-copy": "0.0.2", + "gulp-jshint": "^2.0.1", + "gulp-rename": "^1.2.2", + "gulp-sass": "^2.3.2", + "gulp-sourcemaps": "^1.6.0", + "gulp-uglify": "^2.0.0", + "jshint": "^2.9.2", + "node-sass": "^3.8.0", + "babel-preset-es2015": "~6.13.2" + } +} \ No newline at end of file diff --git a/parts/blog-content-area.php b/parts/blog-content-area.php new file mode 100644 index 0000000..66c0dd3 --- /dev/null +++ b/parts/blog-content-area.php @@ -0,0 +1,28 @@ +
+ +
+ + ID, 'blog-feed-front'); ?> + +
+ +
+
+ +
+ + + +
+
+ +
+ + +
+ +
+
+
+ +
\ No newline at end of file diff --git a/parts/blog-feed-front.php b/parts/blog-feed-front.php new file mode 100644 index 0000000..ba35dbb --- /dev/null +++ b/parts/blog-feed-front.php @@ -0,0 +1,27 @@ + 4);?> +
+ +
+
+ ID )) { ?> +
+ ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?> +
+
+ +
+ + +
+ +
+
+
+
+
+ + +
\ No newline at end of file diff --git a/parts/blog-sidebar-r.php b/parts/blog-sidebar-r.php new file mode 100644 index 0000000..c051ab4 --- /dev/null +++ b/parts/blog-sidebar-r.php @@ -0,0 +1,33 @@ +
+
+
+
+ +
+
+
Recent Posts
+
+ '5','post_status'=>'publish' ); + $recent_posts = wp_get_recent_posts( $args ); + foreach( $recent_posts as $recent ){ + echo '
' . $recent["post_title"].'
'; + } + ?> +
+
Archive
+
'monthly', 'limit' => 12 ) ); ?>
+
Categories
+
+ 'name', + 'order' => 'ASC' + ); + $categories = get_categories($args); + foreach($categories as $category) { + echo '
name ) . '" ' . '>' . $category->name.'
'; } + ?> +
+
+
\ No newline at end of file diff --git a/parts/blog-text.php b/parts/blog-text.php new file mode 100644 index 0000000..ebb264f --- /dev/null +++ b/parts/blog-text.php @@ -0,0 +1,12 @@ +
> +
+
+ + +
+ + + Posted on +
+ +
\ No newline at end of file diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php new file mode 100644 index 0000000..12d71b1 --- /dev/null +++ b/parts/glm-blocks.php @@ -0,0 +1,28 @@ + + +
+ +
+ url):?> + externalUrl){echo ' target="_blank"';}?>> + + ID, 'glm-block-image');?> + url):?> + + + url):?> + externalUrl){echo ' target="_blank"';}?>> + +
post_title;?>
+ url):?> + + +
post_content) . $block->post_excerpt;?>
+ url):?> + read more... + +
+ +
+ + diff --git a/parts/main-content.php b/parts/main-content.php new file mode 100644 index 0000000..5a9ccd0 --- /dev/null +++ b/parts/main-content.php @@ -0,0 +1,7 @@ +
+ + + +
+ +
\ No newline at end of file diff --git a/parts/search-form.php b/parts/search-form.php new file mode 100644 index 0000000..4ee7990 --- /dev/null +++ b/parts/search-form.php @@ -0,0 +1,6 @@ +
+ + +
\ No newline at end of file diff --git a/parts/slide-show.php b/parts/slide-show.php new file mode 100644 index 0000000..94844b5 --- /dev/null +++ b/parts/slide-show.php @@ -0,0 +1,7 @@ + +
+ + + +
+ diff --git a/scss/_blog.scss b/scss/_blog.scss new file mode 100644 index 0000000..dd44f5f --- /dev/null +++ b/scss/_blog.scss @@ -0,0 +1,108 @@ + +.home-feed-post { + padding-bottom: 25px; +// @include breakpoint(small only) { +// > * { +// text-align: center; +// } +// } +} +input[type="submit"].blogbutton { + border-radius: 3px; + color: $white; + border: 2px solid $white; + font-weight: bold; + font-size: 13px; + padding: 2px 5px; + margin-top: -10px; + text-transform: uppercase; + &:hover { + cursor: pointer; + background: $white; + border: 2px solid #035C84; + color: white; + } +} +#blog-posts-over article { + padding-top: 10px; + margin-bottom: 15px; + display: inline-block; + width: 100%; + .entry-header { + background: transparent; + } + #addthis_wrapper { + margin-top: -25px; + } + p { + padding-bottom: 15px; + } + a.read-more { + border: 2px solid $white; + font-weight: bold; + font-size: 13px; + padding: 0 3px; + text-transform: uppercase; + &:hover { + background: $white; + border: 2px solid #035C84; + color: #035C84; + } + } + .entry-header { + margin-bottom: 10px; + .entry-title { + margin-bottom: 0; + } + .meta.date { + font-size: 13px; + font-weight: bold; + } + } +} +/*#searchform div input &[type="text"] { + width: 95%; +}*/ +#blog-posts-over .entry-meta { + text-align: center; + color: #757575; + font-size: 12px; +} +#blog-posts-over > div { + margin: 25px 0; +} +#blog-side-info { + #searchform { + margin-bottom: 30px; + } + p { + margin-bottom: 0; + } +} +@include breakpoint(small only) { + #blog-side-info-wrapper { + float: none; + margin: 0 auto; + clear: both; + } + #blog-side-info { + padding-left: 0; + border-left: 0; + ul { + margin-left: 0; + margin-top:10px; + } + #searchform { + padding: 35px 0; + #s { + width: 100%; + } + } + } +} +#blog-side-info { + padding-right: 10px; + ul { + list-style-type: none; + } +} \ No newline at end of file diff --git a/scss/_body.scss b/scss/_body.scss new file mode 100644 index 0000000..aadec95 --- /dev/null +++ b/scss/_body.scss @@ -0,0 +1,6 @@ +body { + background-size: cover; + .off-canvas-content { + background: none; + } +} diff --git a/scss/_content.scss b/scss/_content.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_copyright.scss b/scss/_copyright.scss new file mode 100644 index 0000000..0a257dd --- /dev/null +++ b/scss/_copyright.scss @@ -0,0 +1,18 @@ +#copyright { + padding: 35px 0 5px; + margin: 0 auto -40px; + float: none; + span { + font-size: rem-calc(12); + } + a { + color: $black; + } +} +#footer_address span.bullet, +#copyright span.bullet { + margin: 0 5px; + @include breakpoint(small only) { + display: none !important; + } +} diff --git a/scss/_defaults.scss b/scss/_defaults.scss new file mode 100644 index 0000000..eaac287 --- /dev/null +++ b/scss/_defaults.scss @@ -0,0 +1,55 @@ +// This document will contain all the styles that we want to apply to every +// site. Make sure this is placed before _structures (if that is still the +// primary css file). + +h1,h2,h3,h4,h5,h6 { + clear: both; +} + +/* PLUGINS */ +/* Nextgen */ +.gallery li a img { // without this images will overlap each other at certain widths + display: block; + width: 100%; +} +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; +} +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; +// font-family: $font-family-serif; + font-weight: 400; +} +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; +} +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; +} +.ngg-glmalbums { + margin: 10px 0; + min-height: 260px; + @include breakpoint(small only) { + min-height: 180px; + } +} +.ngg-album-link { + text-align: center; +} +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; + input[type=submit] { + @include button(); + display: block; + margin: 0 auto; + } +} +/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */ +a[href^=tel]{ + color:inherit; + text-decoration:none; +} \ No newline at end of file diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss new file mode 100644 index 0000000..dc2a21c --- /dev/null +++ b/scss/_left-off-canvas.scss @@ -0,0 +1,90 @@ +/* for the mobile menu */ +aside.left-off-canvas-menu { +// background-color: rgba(0, 0, 0, 0.7); +// color: white; +} +aside.left-off-canvas-menu li.page_item { + display: block; + overflow: hidden; + position: relative; + padding: 4px 8px; +} +aside.left-off-canvas-menu .off-canvas-list ul li a { + line-height: 20px; + color: white; + border-bottom: 1px solid #b1b3b6; + background-repeat: no-repeat; + background-position: 3px 50%; +} +aside.left-off-canvas-menu li.page_item_has_children a.toggle { + position: absolute; + right: 10px; + top: 5px; + text-decoration: none; + &:before { + @include off-canvas-point(right, $white, 17px); + } + &:hover { + background: transparent; + } +} +aside.left-off-canvas-menu li.page_item_has_children a.toggle.open { + @include off-canvas-point(down, $white); +} +aside.left-off-canvas-menu ul.children { + display: none; +} +aside.left-off-canvas-menu .off-canvas-list ul li > ul li > a { + padding-left: 10px; + margin-left: 25px; + line-height: 18px; +} +aside.left-off-canvas-menu ul.open { + display: block; +} +.left-off-canvas-menu { + list-style: none; + li { + a { + color: $white; + font-size: rem-calc(20); + line-height: 150%; + border-color: white; + } + a:hover { + color: $orange; + } + .dropdown { + list-style: none; + } + } + ul { + list-style: none; + + padding: 10px 0; + li { + a { + color: $white; + background: transparent; + } + ul { + list-style: none; + li { + a { + width: 85%; + display: block; + white-space: pre-wrap; + } + } + } + } + } +} +.social-contact { + background: $cream; +} +.offcavas-social-list { +// @include inline-list; + margin-left: auto; +} +/* End Mobile Menu */ diff --git a/scss/_main.scss b/scss/_main.scss new file mode 100644 index 0000000..09626be --- /dev/null +++ b/scss/_main.scss @@ -0,0 +1,78 @@ +.breadcrumbs { +// margin-top: 10px; + span { + a { + span { + color: $black; + } + } + span { + color: $green; + } + } +} +.blocks { + padding: 0 15px; + .blocks { + padding: 36px 15px; + img { + border: 4px solid $white; + box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -webkit-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -moz-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -ms-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + } + h1 { + margin-top: 10px; + } + a.blocks-readmore { + padding: 5px 12px; + background: transparent; + color: $orange; + border: 1px solid $green; + display: inline-block; + transition: background 0.5s, color 0.5s; + -webkit-transition: background 0.5s, color 0.5s; + -moz-transition: background 0.5s, color 0.5s; + -ms-transition: background 0.5s, color 0.5s; + &:hover { + background: $green; + color: $white; + } + } + } +} +main.page-inside { + #content-wrapper { + padding: 0 16px; + } +} +#content-bulk { + #con { + margin: 0; + } + h2 { + text-transform: uppercase; + font-size: 25px; + } + footer { + margin: 35px 0; + #address { + margin-top: 25px; + p { + font-size: 12px; + margin-top: 5px; + } + img { + margin: 0; + padding-right: 5px; + } + a { + font-size: 12px; + } + } + img { + box-shadow: none; + } + } +} diff --git a/scss/_mixins.scss b/scss/_mixins.scss new file mode 100644 index 0000000..cf454d0 --- /dev/null +++ b/scss/_mixins.scss @@ -0,0 +1,2 @@ + @import "mixins/gradient"; + @import "mixins/off-canvas-arrow"; \ No newline at end of file diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss new file mode 100644 index 0000000..cec2a74 --- /dev/null +++ b/scss/_page.footer.scss @@ -0,0 +1,118 @@ +footer.main { + #res { + background: $green; + height: 238px; + margin-bottom: 36px; + padding: 10px 12px; + position: relative; + @media #{$small-only} { + height: auto; + } + #request { + border: 3px dashed $orange; + // background: $green; + padding: 9px 0; + display: block; + height: 218px; + position: relative; + @media #{$small-only} { + height: auto; + } + } + #res-content { + h1 { + padding-left: 28px; + color: $dark-cream; + font-size: rem-calc(56); + position: relative; + z-index: 1; + margin: 0; + } + p { + padding-left: 28px; + color: $white; +// margin-bottom: 10px; + } + a#request-but { + margin-left: 28px; + padding: 2.5px 13px; + border: 2px solid $white; + color: $white; + background: transparent; + display: inline-block; + transition: background 0.5s, color 0.5s; + -webkit-transition: background 0.5s, color 0.5s; + -moz-transition: background 0.5s, color 0.5s; + -ms-transition: background 0.5s, color 0.5s; + &:hover { + color: $green; + background: $white; + } + } + } + #lantern { + position: absolute; + top: 42px; + left: 30px; + } + #camp { + position: absolute; + top: 20px; + right: 30px; + @media screen and (max-width:744px) { + display: none; + } + } + } + img#map { + padding-top: 5px; + display: inline-block; + } + .address { + padding-top: 4px; + } + img#compass { + padding-top: 5px; + display: inline-block; + } + .dir-contact { + padding-top: 5px; + a { + text-decoration: underline; + } + } +} +#footer_address { + span{ + white-space: nowrap; + } +} +#connect { + padding-top: 20px; + background: #4c4d4f; + ul{ + margin: 0; + list-style: none; + li { + background: none; + padding: 0 5px; + display: inline-block; + & > a { + display: block; + font-family: Open Sans, sans-serif; + font-size: 12px; + color: #fff; + padding: 20px 18px; + line-height: 1.2; + } + a { + &#current { + background: $l-blue; + } + } + } + } +} +#compass{ + float: right; +} \ No newline at end of file diff --git a/scss/_page.header.scss b/scss/_page.header.scss new file mode 100644 index 0000000..9cd4f1c --- /dev/null +++ b/scss/_page.header.scss @@ -0,0 +1,119 @@ +header { + height: auto; + & #logo { + img { + margin-bottom: 15px; + } + } + & .search { + input { + height: 20px; + width: 167px; + padding: 0 8px; + margin: 13px 0px 0px 18px; + border-radius: 3px; + font-size: 10px; + color: $black; + display: inline-block; + } + a { + &.magnifying-glass { + font-size: 10em; /* This controls the size. */ + display: inline-block; + width: rem-calc(10); + height: rem-calc(10); + border: rem-calc(2) solid $d-blue; + position: relative; + border-radius: 0.35em; + margin: 0 0 0 -25px; + &:before { + content: ""; + display: inline-block; + position: absolute; + right: rem-calc(-7); + bottom: rem-calc(-4); + border-width: 0; + background: $d-blue; + width: rem-calc(8); + height: rem-calc(2); + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + } + } + } + #sec-nav { + position: relative; + text-align: left; + padding: 10px 0; + margin: 0 0 15px 45px; + ul { + margin: 0; + li { + display: inline; + a { + font-size: 12px; + color: $d-blue; + padding: 0 5px; + font-weight: bold; + } + } + } + & > ul > li { + position: relative; + &:before { + color: $aluminum; + content: "|"; + position: absolute; + top: 2px; + left: -15px; + font-size: 14px; + font-weight: bold; + display:block; + padding: 0 10px; + } + &:first-child:before { + content: none; + } + } + } + img { + margin-left: 5px; + } + &.main { + margin-top: 15px; + a#big-logo { + padding-left: 15px; + } + a#contact { + color: $white; + text-decoration: underline; + font-weight: bold; + &:hover { + color: $orange; + } + } + #under { + margin-top: 20px; + } + .social { + padding-left: 12px !important; + a { + position: relative; + margin: 0 5px; + img { + margin: 0; + } + } + } + span#phone { + font-size: rem-calc(24); + color: $white; + font-weight: bold; + padding-right: 20px; + letter-spacing: 0.1em; + } + } +} diff --git a/scss/_page.wrapper.scss b/scss/_page.wrapper.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_plugins.scss b/scss/_plugins.scss new file mode 100644 index 0000000..05709de --- /dev/null +++ b/scss/_plugins.scss @@ -0,0 +1,3 @@ + @import "plugins/nextgen"; + @import "plugins/gravityForms"; + @import "plugins/events"; \ No newline at end of file diff --git a/scss/_right-off-canvas.scss b/scss/_right-off-canvas.scss new file mode 100644 index 0000000..56e2f42 --- /dev/null +++ b/scss/_right-off-canvas.scss @@ -0,0 +1,86 @@ +/* for the mobile menu */ +aside.right-off-canvas-menu { + background-color: $primary-color; + color: white; +} +aside.right-off-canvas-menu li.page_item { + display: block; + overflow: hidden; + position: relative; + padding: 4px 8px; +} +aside.right-off-canvas-menu .off-canvas-list ul li a { + line-height: 20px; + color: white; + border-bottom: 1px solid #b1b3b6; + background-repeat: no-repeat; + background-position: 3px 50%; +} +aside.right-off-canvas-menu li.page_item_has_children a.toggle { + position: absolute; + right: 10px; + top: 5px; + text-decoration: none; + &:before { + @include off-canvas-point(right, $white, 17px); + } + &:hover { + background: transparent; + } +} +aside.right-off-canvas-menu li.page_item_has_children a.toggle.open { + @include off-canvas-point(down, $white); +} +aside.right-off-canvas-menu ul.children { + display: none; +} +aside.right--menu .off-canvas-list ul li > ul li > a { + padding-left: 10px; + margin-left: 25px; + line-height: 18px; +} +aside.right-off-canvas-menu ul.open { + display: block; +} +.right-off-canvas-menu { + list-style: none; + li { + a { + color: $white; + font-size: rem-calc(16); + line-height: 150%; + border-color: white; + } + a:hover { + color: black; + } + .dropdown { + list-style: none; + } + } + ul { + list-style: none; + + padding: 10px 0; + li { + a { + color: $white; + } + ul { + list-style: none; + li { + a { + width: 85%; + display: block; + white-space: pre-wrap; + } + } + } + } + } +} +.offcavas-social-list { + @include inline-list; + margin-right: auto; +} +/* End Mobile Menu */ diff --git a/scss/_search.scss b/scss/_search.scss new file mode 100644 index 0000000..d30fe14 --- /dev/null +++ b/scss/_search.scss @@ -0,0 +1,50 @@ +.search-top { + .searchform { + text-align: left; + display: inline-block; + position: relative; + input.search-button { + width: 16px; + height: 13px; + top: 8px; + right: 7px; + position: absolute; + padding: 0; + margin-bottom: 0; + } + } + input[type=text] { + height: 25px; + width: 152px; + padding: 0 8px; + margin: 0 0 15px 0; + border-radius: 2px; + font-size: 12px; + color: $black; + display: inline-block; + border: none; + box-shadow: inset 0 0 2px 1px rgba($black, 0.5); + } +} +aside.left-off-canvas-menu { + .searchform { + text-align: left; + display: inline-block; + position: relative; + float: none; + margin: 0 auto; + width: 100%; + input.search-button { + width: 16px; + height: 13px; + top: 8px; + right: 7px; + position: absolute; + padding: 0; + margin-bottom: 0; + } + } + input.search-input { + width: 100%; + } +} \ No newline at end of file diff --git a/scss/_settings.scss b/scss/_settings.scss new file mode 100644 index 0000000..8196334 --- /dev/null +++ b/scss/_settings.scss @@ -0,0 +1,598 @@ +// Foundation for Sites Settings +// ----------------------------- +// +// Table of Contents: +// +// 1. Global +// 2. Breakpoints +// 3. The Grid +// 4. Base Typography +// 5. Typography Helpers +// 6. Abide +// 7. Accordion +// 8. Accordion Menu +// 9. Badge +// 10. Breadcrumbs +// 11. Button +// 12. Button Group +// 13. Callout +// 14. Close Button +// 15. Drilldown +// 16. Dropdown +// 17. Dropdown Menu +// 18. Flex Video +// 19. Forms +// 20. Label +// 21. Media Object +// 22. Menu +// 23. Meter +// 24. Off-canvas +// 25. Orbit +// 26. Pagination +// 27. Progress Bar +// 28. Reveal +// 29. Slider +// 30. Switch +// 31. Table +// 32. Tabs +// 33. Thumbnail +// 34. Title Bar +// 35. Tooltip +// 36. Top Bar + +@import 'util/util'; + +// 1. Global +// --------- + +$global-font-size: 100%; +$global-width: rem-calc(1200); +$global-lineheight: 1.5; +$foundation-palette: ( + primary: #2199e8, + secondary: #777, + success: #3adb76, + warning: #ffae00, + alert: #ec5840, +); +$light-gray: #e6e6e6; +$medium-gray: #cacaca; +$dark-gray: #8a8a8a; +$white : #FFFFFF; +$ghost : #FAFAFA; +$snow : #F9F9F9; +$vapor : #F6F6F6; +$white-smoke : #F5F5F5; +$silver : #EFEFEF; +$smoke : #EEEEEE; +$gainsboro : #DDDDDD; +$iron : #CCCCCC; +$base : #AAAAAA; +$aluminum : #999999; +$jumbo : #888888; +$monsoon : #777777; +$steel : #666666; +$charcoal : #555555; +$tuatara : #444444; +$oil : #333333; +$jet : #222222; +$black : #000000; +$green : #797c25; +$red : #d2222a; +$d-blue : #131c5f; +$l-blue : #0093d1; +$orange : #f28728; +$cream : #f3ebd7; +$dark-cream : #e8d8af; +$brown : #704c21; + + +$body-background: url(../assets/background.jpg) no-repeat center center fixed; +$body-font-color: $black; +$body-font-family: 'Open Sans', sans-serif; +$body-antialiased: true; +$global-margin: 1rem; +$global-padding: 1rem; +$global-weight-normal: normal; +$global-weight-bold: bold; +$global-radius: 0; +$global-text-direction: ltr; +$global-flexbox: false; +$print-transparent-backgrounds: true; + + +@include add-foundation-colors; + +// 2. Breakpoints +// -------------- + +$breakpoints: ( + small: 0, + medium: 640px, + large: 1024px, + xlarge: 1200px, + xxlarge: 1440px, +); +$breakpoint-classes: (small medium large); + +// 3. The Grid +// ----------- + +$grid-row-width: $global-width; +$grid-column-count: 12; +$grid-column-gutter: ( + small: 20px, + medium: 30px, +); +$grid-column-align-edge: true; +$block-grid-max: 8; + +// 4. Base Typography +// ------------------ + +$header-font-family: $body-font-family; +$header-font-weight: $global-weight-normal; +$header-font-style: normal; +// We use these to define default font stacks +$font-family-sans-serif: "Open Sans", sans-serif; +$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; +$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; +$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace; +$header-sizes: ( + small: ( + 'h1': 24, + 'h2': 20, + 'h3': 19, + 'h4': 18, + 'h5': 17, + 'h6': 16, + ), + medium: ( + 'h1': 36, + 'h2': 24, + 'h3': 24, + 'h4': 18, + 'h5': 16, + 'h6': 16, + ), +); +$header-color: inherit; +$header-lineheight: 1.4; +$header-margin-bottom: 0.5rem; +$header-text-rendering: optimizeLegibility; +$small-font-size: 80%; +$header-small-font-color: $medium-gray; +$paragraph-lineheight: 1.6; +$paragraph-margin-bottom: 1rem; +$paragraph-text-rendering: optimizeLegibility; +$code-color: $black; +$code-font-family: $font-family-monospace; +$code-font-weight: $global-weight-normal; +$code-background: $light-gray; +$code-border: 1px solid $medium-gray; +$code-padding: rem-calc(2 5 1); +$anchor-color: $orange; +$anchor-color-hover: $green; +$anchor-text-decoration: none; +$anchor-text-decoration-hover: none; +$hr-width: $global-width; +$hr-border: 1px solid $medium-gray; +$hr-margin: rem-calc(20) auto; +$list-lineheight: $paragraph-lineheight; +$list-margin-bottom: $paragraph-margin-bottom; +$list-style-type: disc; +$list-style-position: outside; +$list-side-margin: 1.25rem; +$list-nested-side-margin: 1.25rem; +$defnlist-margin-bottom: 1rem; +$defnlist-term-weight: $global-weight-bold; +$defnlist-term-margin-bottom: 0.3rem; +$blockquote-color: $dark-gray; +$blockquote-padding: rem-calc(9 20 0 19); +$blockquote-border: 1px solid $medium-gray; +$cite-font-size: rem-calc(13); +$cite-color: $dark-gray; +$keystroke-font: $font-family-monospace; +$keystroke-color: $black; +$keystroke-background: $light-gray; +$keystroke-padding: rem-calc(2 4 0); +$keystroke-radius: $global-radius; +$abbr-underline: 1px dotted $black; + +// 5. Typography Helpers +// --------------------- + +$lead-font-size: $global-font-size * 1.25; +$lead-lineheight: 1.6; +$subheader-lineheight: 1.4; +$subheader-color: $dark-gray; +$subheader-font-weight: $global-weight-normal; +$subheader-margin-top: 0.2rem; +$subheader-margin-bottom: 0.5rem; +$stat-font-size: 2.5rem; + +// 6. Abide +// -------- + +$abide-inputs: true; +$abide-labels: true; +$input-background-invalid: map-get($foundation-palette, alert); +$form-label-color-invalid: map-get($foundation-palette, alert); +$input-error-color: map-get($foundation-palette, alert); +$input-error-font-size: rem-calc(12); +$input-error-font-weight: $global-weight-bold; + +// 7. Accordion +// ------------ + +$accordion-background: $white; +$accordion-plusminus: true; +$accordion-item-color: foreground($accordion-background, $primary-color); +$accordion-item-background-hover: $light-gray; +$accordion-item-padding: 1.25rem 1rem; +$accordion-content-background: $white; +$accordion-content-border: 1px solid $light-gray; +$accordion-content-color: foreground($accordion-background, $primary-color); +$accordion-content-padding: 1rem; + +// 8. Accordion Menu +// ----------------- + +$accordionmenu-arrows: true; +$accordionmenu-arrow-color: $primary-color; + +// 9. Badge +// -------- + +$badge-background: $primary-color; +$badge-color: foreground($badge-background); +$badge-padding: 0.3em; +$badge-minwidth: 2.1em; +$badge-font-size: 0.6rem; + +// 10. Breadcrumbs +// --------------- + +$breadcrumbs-margin: 0 0 $global-margin 0; +$breadcrumbs-item-font-size: rem-calc(14); +$breadcrumbs-item-color: $black; +$breadcrumbs-item-color-current: $green; +$breadcrumbs-item-color-disabled: $medium-gray; +$breadcrumbs-item-margin: 0.75rem; +$breadcrumbs-item-uppercase: false; +$breadcrumbs-item-slash: true; + +// 11. Button +// ---------- + +$button-padding: 0.85em 1em; +$button-margin: 0 0 $global-margin 0; +$button-fill: solid; +$button-background: $primary-color; +$button-background-hover: scale-color($button-background, $lightness: -15%); +$button-color: $white; +$button-color-alt: $black; +$button-radius: $global-radius; +$button-sizes: ( + tiny: 0.6rem, + small: 0.75rem, + default: 0.9rem, + large: 1.25rem, +); +$button-opacity-disabled: 0.25; + +// 12. Button Group +// ---------------- + +$buttongroup-margin: 1rem; +$buttongroup-spacing: 1px; +$buttongroup-child-selector: '.button'; +$buttongroup-expand-max: 6; + +// 13. Callout +// ----------- + +$callout-background: $white; +$callout-background-fade: 85%; +$callout-border: 1px solid rgba($black, 0.25); +$callout-margin: 0 0 1rem 0; +$callout-padding: 1rem; +$callout-font-color: $body-font-color; +$callout-font-color-alt: $body-background; +$callout-radius: $global-radius; +$callout-link-tint: 30%; + +// 14. Close Button +// ---------------- + +$closebutton-position: right top; +$closebutton-offset-horizontal: 1rem; +$closebutton-offset-vertical: 0.5rem; +$closebutton-size: 2em; +$closebutton-lineheight: 1; +$closebutton-color: $dark-gray; +$closebutton-color-hover: $black; + +// 15. Drilldown +// ------------- + +$drilldown-transition: transform 0.15s linear; +$drilldown-arrows: true; +$drilldown-arrow-color: $primary-color; +$drilldown-background: $white; + +// 16. Dropdown +// ------------ + +$dropdown-padding: 1rem; +$dropdown-border: 1px solid $medium-gray; +$dropdown-font-size: 1rem; +$dropdown-width: 300px; +$dropdown-radius: $global-radius; +$dropdown-sizes: ( + tiny: 100px, + small: 200px, + large: 400px, +); + +// 17. Dropdown Menu +// ----------------- + +$dropdownmenu-arrows: false; +$dropdownmenu-arrow-color: $anchor-color; +$dropdownmenu-min-width: 200px; +$dropdownmenu-background: $green; +$dropdownmenu-border: 1px solid $orange; + +// 18. Flex Video +// -------------- + +$flexvideo-margin-bottom: rem-calc(16); +$flexvideo-ratio: 4 by 3; +$flexvideo-ratio-widescreen: 16 by 9; + +// 19. Forms +// --------- + +$fieldset-border: 1px solid $medium-gray; +$fieldset-padding: rem-calc(20); +$fieldset-margin: rem-calc(18 0); +$legend-padding: rem-calc(0 3); +$form-spacing: rem-calc(16); +$helptext-color: $black; +$helptext-font-size: rem-calc(13); +$helptext-font-style: italic; +$input-prefix-color: $black; +$input-prefix-background: $light-gray; +$input-prefix-border: 1px solid $medium-gray; +$input-prefix-padding: 1rem; +$form-label-color: $black; +$form-label-font-size: rem-calc(14); +$form-label-font-weight: $global-weight-normal; +$form-label-line-height: 1.8; +$select-background: $white; +$select-triangle-color: $dark-gray; +$select-radius: $global-radius; +$input-color: $black; +$input-placeholder-color: $medium-gray; +$input-font-family: inherit; +$input-font-size: rem-calc(16); +$input-background: $white; +$input-background-focus: $white; +$input-background-disabled: $light-gray; +$input-border: 1px solid $medium-gray; +$input-border-focus: 1px solid $dark-gray; +$input-shadow: inset 0 1px 2px rgba($black, 0.1); +$input-shadow-focus: 0 0 5px $medium-gray; +$input-cursor-disabled: default; +$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; +$input-number-spinners: true; +$input-radius: $global-radius; + +// 20. Label +// --------- + +$label-background: $primary-color; +$label-color: foreground($label-background); +$label-font-size: 0.8rem; +$label-padding: 0.33333rem 0.5rem; +$label-radius: $global-radius; + +// 21. Media Object +// ---------------- + +$mediaobject-margin-bottom: $global-margin; +$mediaobject-section-padding: $global-padding; +$mediaobject-image-width-stacked: 100%; + +// 22. Menu +// -------- + +$menu-margin: 0; +$menu-margin-nested: 1rem; +$menu-item-padding: 0.7rem 1rem; +$menu-item-color-active: $orange; +$menu-item-background-active: $green; +$menu-icon-spacing: 0.25rem; + +// 23. Meter +// --------- + +$meter-height: 1rem; +$meter-radius: $global-radius; +$meter-background: $medium-gray; +$meter-fill-good: $success-color; +$meter-fill-medium: $warning-color; +$meter-fill-bad: $alert-color; + +// 24. Off-canvas +// -------------- + +$offcanvas-size: 250px; +$offcanvas-background: $green; +$offcanvas-zindex: -1; +$offcanvas-transition-length: 0.5s; +$offcanvas-transition-timing: ease; +$offcanvas-fixed-reveal: true; +$offcanvas-exit-background: rgba($white, 0.25); +$maincontent-class: 'off-canvas-content'; +$maincontent-shadow: 0 0 10px rgba($black, 0.5); + +// 25. Orbit +// --------- + +$orbit-bullet-background: $medium-gray; +$orbit-bullet-background-active: $dark-gray; +$orbit-bullet-diameter: 1.2rem; +$orbit-bullet-margin: 0.1rem; +$orbit-bullet-margin-top: 0.8rem; +$orbit-bullet-margin-bottom: 0.8rem; +$orbit-caption-background: rgba($black, 0.5); +$orbit-caption-padding: 1rem; +$orbit-control-background-hover: rgba($black, 0.5); +$orbit-control-padding: 1rem; +$orbit-control-zindex: 10; + +// 26. Pagination +// -------------- + +$pagination-font-size: rem-calc(14); +$pagination-margin-bottom: $global-margin; +$pagination-item-color: $black; +$pagination-item-padding: rem-calc(3 10); +$pagination-item-spacing: rem-calc(1); +$pagination-radius: $global-radius; +$pagination-item-background-hover: $light-gray; +$pagination-item-background-current: $primary-color; +$pagination-item-color-current: foreground($pagination-item-background-current); +$pagination-item-color-disabled: $medium-gray; +$pagination-ellipsis-color: $black; +$pagination-mobile-items: false; +$pagination-arrows: true; + +// 27. Progress Bar +// ---------------- + +$progress-height: 1rem; +$progress-background: $medium-gray; +$progress-margin-bottom: $global-margin; +$progress-meter-background: $primary-color; +$progress-radius: $global-radius; + +// 28. Reveal +// ---------- + +$reveal-background: $white; +$reveal-width: 600px; +$reveal-max-width: $global-width; +$reveal-padding: $global-padding; +$reveal-border: 1px solid $medium-gray; +$reveal-radius: $global-radius; +$reveal-zindex: 1005; +$reveal-overlay-background: rgba($black, 0.45); + +// 29. Slider +// ---------- + +$slider-width-vertical: 0.5rem; +$slider-transition: all 0.2s ease-in-out; +$slider-height: 0.5rem; +$slider-background: $light-gray; +$slider-fill-background: $medium-gray; +$slider-handle-height: 1.4rem; +$slider-handle-width: 1.4rem; +$slider-handle-background: $primary-color; +$slider-opacity-disabled: 0.25; +$slider-radius: $global-radius; + +// 30. Switch +// ---------- + +$switch-background: $medium-gray; +$switch-background-active: $primary-color; +$switch-height: 2rem; +$switch-height-tiny: 1.5rem; +$switch-height-small: 1.75rem; +$switch-height-large: 2.5rem; +$switch-radius: $global-radius; +$switch-margin: $global-margin; +$switch-paddle-background: $white; +$switch-paddle-offset: 0.25rem; +$switch-paddle-radius: $global-radius; +$switch-paddle-transition: all 0.25s ease-out; + +// 31. Table +// --------- + +$table-background: $white; +$table-color-scale: 5%; +$table-border: 1px solid smart-scale($table-background, $table-color-scale); +$table-padding: rem-calc(8 10 10); +$table-hover-scale: 2%; +$table-row-hover: darken($table-background, $table-hover-scale); +$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale); +$table-striped-background: smart-scale($table-background, $table-color-scale); +$table-stripe: even; +$table-head-background: smart-scale($table-background, $table-color-scale / 2); +$table-foot-background: smart-scale($table-background, $table-color-scale); +$table-head-font-color: $body-font-color; +$show-header-for-stacked: false; + +// 32. Tabs +// -------- + +$tab-margin: 0; +$tab-background: $white; +$tab-background-active: $light-gray; +$tab-item-font-size: rem-calc(12); +$tab-item-background-hover: $white; +$tab-item-padding: 1.25rem 1.5rem; +$tab-expand-max: 6; +$tab-content-background: $white; +$tab-content-border: $light-gray; +$tab-content-color: foreground($tab-background, $primary-color); +$tab-content-padding: 1rem; + +// 33. Thumbnail +// ------------- + +$thumbnail-border: solid 4px $white; +$thumbnail-margin-bottom: $global-margin; +$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2); +$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5); +$thumbnail-transition: box-shadow 200ms ease-out; +$thumbnail-radius: $global-radius; + +// 34. Title Bar +// ------------- + +$titlebar-background: $green; +$titlebar-color: $white; +$titlebar-padding: 0.5rem; +$titlebar-text-font-weight: bold; +$titlebar-icon-color: $white; +$titlebar-icon-color-hover: $orange; +$titlebar-icon-spacing: 0.25rem; + +// 35. Tooltip +// ----------- + +$has-tip-font-weight: $global-weight-bold; +$has-tip-border-bottom: dotted 1px $dark-gray; +$tooltip-background-color: $black; +$tooltip-color: $white; +$tooltip-padding: 0.75rem; +$tooltip-font-size: $small-font-size; +$tooltip-pip-width: 0.75rem; +$tooltip-pip-height: $tooltip-pip-width * 0.866; +$tooltip-radius: $global-radius; + +// 36. Top Bar +// ----------- + +$topbar-padding: 0.5rem; +$topbar-background: $green; +$topbar-submenu-background: $topbar-background; +$topbar-title-spacing: 1rem; +$topbar-input-width: 200px; +$topbar-unstack-breakpoint: medium; diff --git a/scss/_shadow.wrapper.scss b/scss/_shadow.wrapper.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss new file mode 100644 index 0000000..b64cf19 --- /dev/null +++ b/scss/_sidebar.scss @@ -0,0 +1,131 @@ +#sidebar { + padding-top: 25px; + background: #f2f9fc; + .row.collapse { + margin-left: 14px; + } + li { + list-style: none; + #calendar_wrap { + table#wp-calendar { + margin: 0 auto; + } + } + } + a { + font-size: 12px; + } + form { + margin: 0 12px 0 14px; + select { + padding: 0 rem-calc(8); + border-radius: 5px; + height: 25px; + margin: 0; + option { + font-size: 10px; + } + } + } + .small-block-grid-2 { + margin-top: 10px; + li { + padding: 0 rem-calc(10) rem-calc(10); + img { + border: 2px solid lightblue; + } + } + & > li:nth-of-type(2), & > li:nth-of-type(4) { + padding-left: 0; + } + & > li:nth-of-type(3), & > li:nth-of-type(4) { + padding-bottom: 20px; + } + } + h3 { + margin: 20px 0 0; + } + h1 { + margin: 0; + font-size: rem-calc(25); + text-transform: none; + } + input { + padding: 5px 0 5px 8px; + height: auto; + margin: 10px 0; + } + button { + border-radius: 2px; + padding: 0 10px; + } +} +#side-nav { + padding-top: 10px; + background: #f2f9fc; + h1 { + font-size: rem-calc(22); +/* margin: 5px 0 25px;*/ + } + h4 { + font-weight: bold; + margin-left: 10px; + } + li { + list-style: none; + } + ul { + list-style: none; + margin: 0 0 20px; + li { + margin: 0 -15px; + padding: 5px 10px 5px 25px; + &:hover { + background: #81adc1; + } + a { + color: darkblue; + &:hover { + color: $white; + } + } + } + } + h3 { + text-transform: none; + margin: 0; + } + input { + padding: 5px 0 5px 8px; + height: auto; + margin-bottom: 10px; + } + button { + border-radius: 2px; + padding: 0 10px; + } +} +#extra { + margin-top: 15px; + p { + line-height: 1.3; + &.title { + margin: 0; + &#last { + padding-top: 10px; + } + } + &#message { + text-transform: uppercase; + color: lightblue; + font-size: rem-calc(15); + margin: 40px 0; + } + } +} +.county-news { + font-weight: bold; +} +.current_page_item a { + font-weight: bold; +} \ No newline at end of file diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss new file mode 100644 index 0000000..81aff90 --- /dev/null +++ b/scss/_slideshow.scss @@ -0,0 +1,13 @@ +#slideshow { + #caption { + background: rgba(0, 0, 0, 0.75); + color: $white; + margin-top: -51px; + p { + padding: 10px 5px; + font-size: 12px; + margin: 0; + text-align: right; + } + } +} diff --git a/scss/_structure.scss b/scss/_structure.scss new file mode 100644 index 0000000..121ed22 --- /dev/null +++ b/scss/_structure.scss @@ -0,0 +1,55 @@ +//1. Body +body { + .shadow-wrapper { + border-radius: 10px; + margin: -1px auto 140px; + background: $cream; + box-shadow: 0 0 15px 0px rgba($black, 0.5); + -ms-box-shadow: 0 0 15px 0px rgba($black, 0.5); + -moz-box-shadow: 0 0 15px 0px rgba($black, 0.5); + -webkit-box-shadow: 0 0 15px 0px rgba($black, 0.5); + max-width: 1200px; + + } +} +//2. Header +//3. Fonts +//4. Top Bar +//5. Off-Canvas +.off-canvas-wrap { + min-height: 100%; + .inner-wrap { + min-height: 100vh; + height: 100%; + } +} +//6. Main +//7. Slideshow +//8. Blog +//9. Sidebar +//10. Links +//11. Footer +//12. Copyright + +#example.element { + background-color: transparent; +} +h1 { + font-family: "Dancing Script"; + font-weight: bold; + color: $orange; +} +h2 { + color: $green; +} +h3 { + color: $green; + font-weight: bold; +} +h4 { + color: $orange; + font-weight: bold; +} +h5 { + font-weight: bold; +} \ No newline at end of file diff --git a/scss/_topbar.scss b/scss/_topbar.scss new file mode 100644 index 0000000..ce0f1be --- /dev/null +++ b/scss/_topbar.scss @@ -0,0 +1,181 @@ +.contain-to-grid { + box-shadow: 0 5px 10px -1px $aluminum; + .top-bar { + height: 73px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); + margin-bottom: 10px; + } +} +.tab-bar { + .tab-bar-section.middle { +// left: 0; +// right: 2.8125rem; + text-align: right; + } +} +.top-bar{ + border-top-left-radius: 10px; + border-top-right-radius: 9px; +} +.top-bar-left { + border-top-left-radius: 10px; + border-top-right-radius: 9px; + background: $green; + float: none; + margin-left: auto; + margin-right: auto; + display: inline-block; + height: 60px; + width: 100%; + line-height: 1; + ul{ + li { + + a { + letter-spacing: 0.055em; + } + &:first-child { + border-top-left-radius: 10px; + a { + border-top-left-radius: 8px; + } + } + &:not(.has-form):not(.active) { + & > a:not(.button) { + background: transparent; + } + } + &.active:not(.has-form) { + a:not(.button) { + line-height: 60px; + } + } +// ul.dropdown { +// border-bottom: 4px solid $orange; +// margin-top: -1px; +// li { +// border-radius: 0; +// border-top: 1px solid $white; +// height: 35px; +// a { +// border-radius: 0; +// font-size: rem-calc(16); +// height: 35px; +// } +// &:not(.has-form) { +// a:not(.button) { +// line-height: rem-calc(32); +// } +// } +// } +// } +// &.drop-left { +// ul.dropdown { +// padding-left: 21px; +// padding-right: 250px; +// top: 74px; +// background: $white; +// border-bottom-left-radius: 10px; +// border-bottom-right-radius: 10px; +// min-width: 500px; +// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// li { +// white-space: nowrap; +// border-bottom: 1px solid #e7e7e8; +// padding: 5px 0; +// &.nav-img-container { +// img { +// position: absolute; +// right: 20px; +// top: 23px; +// border: 6px solid #fdefd4; +// } +// border: none; +// } +// a { +// padding-left: 0; +// text-align: left; +// font-size: 18px; +// &:hover { +// color: $d-blue; +// text-shadow: 0 0 1px $green; +// text-shadow: 1 0 1px $green; +// text-shadow: 0 1 1px $green; +// text-shadow: -1 0 1px $green; +// text-shadow: 0 -1 1px $green; +// } +// } +// } +// } +// } +// &.drop-right { +// ul.dropdown { +// padding-left: 250px; +// padding-right: 21px; +// right: -1%; +// left: auto; +// top: 74px; +// background: $white; +// border-bottom-left-radius: 10px; +// border-bottom-right-radius: 10px; +// min-width: 500px; +// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// li { +// white-space: nowrap; +// background: $white; +// text-align: right; +// border-bottom: 1px solid #e7e7e8; +// padding: 5px 0; +// &.nav-img-container { +// img { +// position: absolute; +// left: 20px; +// top: 23px; +// border: 6px solid #fdefd4; +// } +// border: none; +// } +// a { +// padding-left: 0; +// text-align: left; +// font-size: 18px; +// &:hover { +// color: $d-blue; +// text-shadow: 0 0 1px $green; +// text-shadow: 1 0 1px $green; +// text-shadow: 0 1 1px $green; +// text-shadow: -1 0 1px $green; +// text-shadow: 0 -1 1px $green; +// } +// } +// } +// } +// } + } + } + & > ul > li { + position: relative; + &:before { + color: $white; + content: "|"; + position: absolute; + top: 13px; + left: -15px; + font-size: 21px; + display:block; + padding: 0 10px; + } + &:first-child:before { + content: none; + } + } +} +.top-bar-section li:not(.has-form) a:not(.button){ + padding: 0 1.25rem; +} \ No newline at end of file diff --git a/scss/_wordpress.scss b/scss/_wordpress.scss new file mode 100644 index 0000000..bdde512 --- /dev/null +++ b/scss/_wordpress.scss @@ -0,0 +1,239 @@ +// Wordpress styles +// Table of Contents +// 01. Images + + +// 01. Images +// 02 Search and Post + +img.aligncenter { + display: block; + clear: both; + float:none; + padding:0; + margin-left: auto; + margin-right: auto; + } + +img.alignright { + padding: 0; + margin: 0 0 6px 11px; + display: inline; + } + +blockquote.alignleft, +img.alignleft, +.wp-caption.alignleft { + margin: rem-calc(7) rem-calc(35) rem-calc(7) 0; +} + +blockquote.alignright, +img.alignright, +.wp-caption.alignright { + margin: rem-calc(7) 0 rem-calc(7) rem-calc(35); +} +img.alignleft { + padding: 0; + display: inline; + } +img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img { + border: 4px solid $white; + box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -webkit-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -moz-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); + -ms-box-shadow: 3px 3px 2px 0px rgba($black, 0.3); +} + +.alignright { + float: right; +} +.alignnone { + float: none; +} +.alignleft { + float: left; +} +.wp-caption { + background: $charcoal; + width: auto; +} +.wp-caption-text { + font-family: Open Sans, sans-serif; + font-size: 9px; + color: $white; + font-style: italic; + margin: 0; + padding: 0 5px; +} +.gallery-one-title { + height: 45px; + font-size: 0.8em; + text-align: center; + font-family: sans-serif; + padding: 5px; +} +.gallery-holder { + margin: 10px 0 20px 0; +} +@include breakpoint(small down) { + img.alignright, img.alignleft, img.aligncenter { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.alignright, div.wp-caption.alignleft { + width: 44% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 85% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.alignnone { + width: 85% !important; + float: none; + } + div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter { + width: 100%; + } +} +@include breakpoint(medium down) { + img.aligncenter, img.alignnone { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 74% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 100%; + } + div.wp-caption.alignnone { + width: 73% !important; + float: none; + } +} + +.wp-caption { + max-width: 100%; + margin: 10px 20px; + padding: 5px; +// background-color: #f3f3f3; +// border: 1px solid #ddd; + text-align: center; + img { + width: 100%; + } + p.wp-caption-text { + padding: 5px; + width: 100%; + margin: 0; + color: black; + font-size: 12px; + } + &.aligncenter { + margin: 10px auto; + } +} +// end Images +// 02 Search and Post +@include breakpoint(small only) { + #blog-posts-over { + padding: 0 !important; + margin: 0 !important; + } +} +.blog-posts-container { + margin: 30px 0 30px; + embed, iframe, object, video { + max-width: 100%; + } + a { + text-decoration: none; + } + header.entry-header { + h2.entry-title { + a { + color: #222; + margin-left: 0; + } + } + } + .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { + overflow: hidden; + color: #757575; + font-size: 0.857143rem; + font-style: italic; + line-height: 2; + } + .date { + font-size: 12px; + } + footer.entry-meta { + color: #757575; + font-size: 0.928571rem; + line-height: 1.84615; + margin-top: 1.71429rem; + clear: both; + float: none; + margin-right: auto; + } + footer { + background: none; + clear: both; + padding: 15px 0 0; + position: relative; + text-align: center; + } +} +#content-wrapper { + h1, h2, h3, h4, h5, h6 { + clear: both; + } +} +.content { + background: #fff; +/* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/ + box-shadow: 3px 3px 8px -1px darkgrey; +} +#searchform_container { + margin-top: 20px; +} +#searchform { + max-width: 100%; + text-align: center; + div { + input.blogbutton { + @include gradient(#1999ce, #107098); + } + } +} +#blog-side-info { + border-left: 1px solid grey; + margin-top: 30px; + padding-left: 20px; + @include breakpoint(small only) { + text-align: center; + } +} + +// End Search and Posts diff --git a/scss/admin/tinymce.css b/scss/admin/tinymce.css new file mode 100644 index 0000000..24e0f6a --- /dev/null +++ b/scss/admin/tinymce.css @@ -0,0 +1,35 @@ +/* +GaslightMedia, all rights reserved. +*/ +/* + Created on : May 22, 2015, 11:19:44 AM + Author : laury +*/ + /* + * To make the TINYMCE editor in wordpress reflect some of the default styles + * we have active on all our themes, thus leading to a more true WYSIWYG + * experience. + */ +#tinymce h1 { + clear: both; +} + +#tinymce h2 { + clear: both; +} + +#tinymce h3 { + clear: both; +} + +#tinymce h4 { + clear: both; +} + +#tinymce h5 { + clear: both; +} + +#tinymce h6 { + clear: both; +} \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss new file mode 100644 index 0000000..5799bec --- /dev/null +++ b/scss/app.scss @@ -0,0 +1,68 @@ +@charset 'utf-8'; + +@import 'settings'; +@import 'foundation'; +@import 'motion-ui'; +@import "mixins"; +@include foundation-global-styles; +@include foundation-grid; +// @include foundation-flex-grid; +@include foundation-typography; +@include foundation-button; +@include foundation-forms; +// @include foundation-range-input; +@include foundation-accordion; +@include foundation-accordion-menu; +@include foundation-badge; +@include foundation-breadcrumbs; +@include foundation-button-group; +@include foundation-callout; +@include foundation-close-button; +@include foundation-menu; +@include foundation-menu-icon; +@include foundation-drilldown-menu; +@include foundation-dropdown; +@include foundation-dropdown-menu; +@include foundation-flex-video; +@include foundation-label; +@include foundation-media-object; +@include foundation-off-canvas; +@include foundation-orbit; +@include foundation-pagination; +@include foundation-progress-bar; +// @include foundation-progress-element; +// @include foundation-meter-element; +@include foundation-slider; +@include foundation-sticky; +@include foundation-reveal; +@include foundation-switch; +@include foundation-table; +@include foundation-tabs; +@include foundation-thumbnail; +@include foundation-title-bar; +@include foundation-tooltip; +@include foundation-top-bar; +@include foundation-visibility-classes; +@include foundation-float-classes; +// @include foundation-flex-classes; +// +@include motion-ui-transitions; +@include motion-ui-animations; +@import "wordpress"; +@import "defaults"; +@import "body"; +@import "page.header"; +@import "topbar"; +@import "main"; +@import "slideshow"; +@import "plugins"; +@import "blog"; +@import "sidebar"; +@import "search"; +@import "page.footer"; +@import "copyright"; +@import "structure"; +@import "left-off-canvas"; +//@import "right-off-canvas"; + + diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss new file mode 100644 index 0000000..47f4364 --- /dev/null +++ b/scss/mixins/_gradient.scss @@ -0,0 +1,10 @@ +/* + Created on : Mar 5, 2015, 2:57:35 PM + Author : laury +*/ + +@mixin gradient($from, $to) { + background: -webkit-linear-gradient(left, $from 5%, $to 100%); + background: -moz-linear-gradient(center top, $from 5%, $to 100%); + background: -ms-linear-gradient(left, $from 5%, $to 100%); +} diff --git a/scss/mixins/_off-canvas-arrow.scss b/scss/mixins/_off-canvas-arrow.scss new file mode 100644 index 0000000..07180f3 --- /dev/null +++ b/scss/mixins/_off-canvas-arrow.scss @@ -0,0 +1,42 @@ +@mixin off-canvas-arrow($direction: down, $color: white, $size: 20px) { + border-left: $size - 5 solid transparent; + border-right: $size - 5 solid transparent; + @if $direction == 'up' { + border-bottom: $size solid $color; + border-top: 0; + // if width is not passed, or empty do this + } @else { + border-top: $size solid $color; + border-bottom: 0; + } +} +@mixin off-canvas-point($direction: right, $color: red, $size: 1rem) { + @if $direction == 'down' { + content: '>'; + transform: rotate(90deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } @if $direction == 'up' { + content: '>'; + transform: rotate(-90deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } @else if $direction == 'right' { + content: '>'; + transform: rotate(0deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } +} \ No newline at end of file diff --git a/scss/plugins/_events.scss b/scss/plugins/_events.scss new file mode 100644 index 0000000..7362cbc --- /dev/null +++ b/scss/plugins/_events.scss @@ -0,0 +1,3 @@ +#blog-posts-over article.ai1ec_event { + padding: 10px; +} \ No newline at end of file diff --git a/scss/plugins/_gravityForms.scss b/scss/plugins/_gravityForms.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss new file mode 100644 index 0000000..3bb3619 --- /dev/null +++ b/scss/plugins/_nextgen.scss @@ -0,0 +1,40 @@ +/* NextGen Gallery */ +.ngg-gallery-thumbnail, +.ngg-gallery-thumbnail-box { + float: none !important; +} +.gallery li a img { // without this images will overlap each other at certain widths + display: block; + width: 100%; +} +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; +} +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; + font-family: $font-family-serif; + font-weight: 400; +} +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; +} +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; +} +.ngg-glmalbums { + margin: 10px 0; +} +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; + input[type=submit] { + @include button(); + display: block; + margin: 0 auto; + } +} + +/* End NextGen Gallery */ diff --git a/sidebar.php b/sidebar.php new file mode 100644 index 0000000..03ba537 --- /dev/null +++ b/sidebar.php @@ -0,0 +1,6 @@ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..5591b2f --- /dev/null +++ b/style.css @@ -0,0 +1,7 @@ +/* +Theme Name: PetosegaRebuild +Author: Gaslight Media +Author URI: http://www.gaslightmedia.com +Description: A theme for PetosegaRebuild +Version: 1.0 +*/

Heading

Subheading

+ +

Please enter a query in the search box.

Search Results for ""

'.get_the_title($ID).'

+ > + title); ?> + +

post_title;?>