From 87a22233107122c7499687b6ef115ab28f77718b Mon Sep 17 00:00:00 2001 From: Ben Brehaut Date: Sun, 13 Aug 2017 14:35:17 +0100 Subject: [PATCH] Added gulp task runner to repalce grunt --- Gruntfile.js | 195 ---- README.md | 30 +- assets/css/dist/main.css | 1579 ++++++++++++++++++++++++++ assets/css/dist/main.min.css | 1 + assets/css/style.css | 2 - assets/js/{ => dist}/main.js | 10 +- assets/js/dist/main.min.js | 1 + assets/js/scripts.js | 10 +- assets/js/scripts.min.js | 1 - assets/js/{libs => vendor}/README.md | 2 +- gulpfile.js | 137 +++ lib/enqueue-scripts.php | 10 +- package.json | 28 +- 13 files changed, 1761 insertions(+), 245 deletions(-) delete mode 100644 Gruntfile.js create mode 100644 assets/css/dist/main.css create mode 100644 assets/css/dist/main.min.css delete mode 100644 assets/css/style.css rename assets/js/{ => dist}/main.js (94%) create mode 100644 assets/js/dist/main.min.js delete mode 100644 assets/js/scripts.min.js rename assets/js/{libs => vendor}/README.md (93%) create mode 100644 gulpfile.js diff --git a/Gruntfile.js b/Gruntfile.js deleted file mode 100644 index 9d2f86e..0000000 --- a/Gruntfile.js +++ /dev/null @@ -1,195 +0,0 @@ -module.exports = function(grunt) { - - /** - * Grunt configuration. - **/ - grunt.initConfig({ - pkg: grunt.file.readJSON('package.json'), - - /** - * Browser Sync Task - * Watches the files and refreshes our browser window. - * @file grunt('grunt-browser-sync'); - **/ - browserSync: { - bsFiles: { - src: [ - // Pretty much all the files in here - '*.php', - '**/*.php', - 'Gruntfile.js', - 'assets/js/*.js', - '*.css', - 'assets/css/*.css' - ] - }, - options: { - watchTask: true, - debugInfo: true, - logConnections: true, - notify: true, - proxy: 'test-theme.uk', // Change the name to your MAMP name - ghostMode: { - scroll: true, - links: true, - forms: true - } - } - }, - - /** - * Concat Task - * Concates all of our javascript files into one main file, to use on the site. - * @file grunt('grunt-contrib-concat'); - **/ - concat: { - dist: { - src: [ - 'assets/js/libs/**/*.js', // all js vendor files - 'assets/js/main.js' // the main js file - ], - dest: 'assets/js/scripts.js', // concat it into one file - }, - }, - - /** - * Uglify Tasks - * Minifies the main javascript file into a minified one. - * @file grunt('grunt-contrib-uglify'); - **/ - uglify: { - build: { - src: 'assets/js/scripts.js', // take our concation file from the conat task. - dest: 'assets/js/scripts.min.js' // minify it. - } - }, - - /** - * Sass Task - * Compiles our sass into css. - * @file grunt('grunt-sass'); - **/ - sass: { - options: { - sourceMap: true, - outputStyle: 'compressed' // expanded / compressed - }, - dist: { - files: { - 'assets/css/style.css': 'assets/scss/style.scss' // the main style .scss file. - } - }, - }, - - /** - * Autoprefixer (PostCSS) Task - * Autoprefixes our css so we don't! - * @file grunt('grunt-postcss'); - **/ - postcss: { - options: { - map: true, - processors: [ - require('autoprefixer')({ - browsers: ['last 25 versions'] // the last 25 vers of all browsers. - }) - ] - }, - dist: { - src: 'assets/css/style.css' // the main output of our scss file. - } - }, - - /** - * Imagemin Task - * Minifies our images and removes unwanted data. - * @file grunt('grunt-contrib-imagemin'); - **/ - imagemin: { - dynamic: { - files: [{ - expand: true, - cwd: 'assets/img/', // location of all theme imgs. - src: ['**/*.{png,jpg,gif}'], - dest: 'assets/img/' // replace the theme imgs with the compressed one. - }] - } - }, - - /** - * Watch Task - * Watches our main script file for changes, css and also browserSync. - * @file grunt('grunt-contrib-watch'); - **/ - watch: { - options: { - dateFormat: function(time) { - grunt.log.writeln('Finished in ' + time + 'ms at ' + (new Date()).toString()); - grunt.log.writeln('Waiting for more changes...'); - } - }, - // Watch our main script - scripts: { - files: 'assets/js/main.js', // The main JS file for the theme. - tasks: ['concat', 'uglify'], - }, - // Watch main stylesheet. - css: { - files: 'assets/scss/**/*.scss', - tasks: ['sass','postcss'], - }, - // All of the files in this theme - browserSync: { - files: [ - '*.php', - '**/*.php', - '*.css', - 'Gruntfile.js', - '*.css', - 'assets/js/*.js', - 'assets/css/*.css' - ], - options: { - watchTask: true - } - } - }, - - svgstore: { - options: { - prefix : 'icon-', // This will prefix each ID - }, - default : { - files: { - 'assets/icons/svg-defs.svg': ['assets/icons/*.svg'], - } - } - }, - - // End Grunt Config - }); - - /** - * Time Grunt - * Time stamps the grunt tasks. - **/ - require('time-grunt')(grunt); - - /** - * Load the plugins. - **/ - grunt.loadNpmTasks('grunt-contrib-concat'); - grunt.loadNpmTasks('grunt-contrib-uglify'); - grunt.loadNpmTasks('grunt-sass'); - grunt.loadNpmTasks('grunt-postcss'); - grunt.loadNpmTasks('grunt-contrib-imagemin'); - grunt.loadNpmTasks('grunt-contrib-watch'); - grunt.loadNpmTasks('grunt-browser-sync'); - grunt.loadNpmTasks('grunt-svgstore'); - - /** - * Default task(s). - **/ - grunt.registerTask('default', ['browserSync', 'watch']); - -}; diff --git a/README.md b/README.md index 6daf170..2b49d98 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ The purpose of these theme is to be a starting point for theme creation, reducin ## Requirements * [Node.js](https://nodejs.org/en/) -* [Grunt](http://www.gruntjs.com) +* [Gulp](https://gulpjs.com/) * [Sass](http://www.sass-lang.com) ## How to build @@ -22,11 +22,11 @@ $ cd vanlig npm install ```` -3. Open the ``Gruntfile.js`` file and change the proxy name in BrowserSync (line :31) to your name of your MAMP site. +3. Open the ``gulpfile.js`` file and change the proxy name in BrowserSync for your site URL. -4. Then run the grunt command to start development! +4. Then run the npm command to start development! ```` -grunt +npm run dev ```` This will open up a new BrowserSync session and start watching our files for changes and compiling and uglifying the JavaScript files. @@ -35,32 +35,32 @@ This will open up a new BrowserSync session and start watching our files for cha ### BrowserSync ###### Default task -BrowserSync is a useful tool for having your changes made when coding reload your tab automatically. On start of Grunt, BrowserSync will start a new session and provide you a local address (``localhost:3000``) and a external address (``192.168.30.##:3000``) which you can use to view your site on another device which isn't your computer. +BrowserSync is a useful tool for having your changes made when coding reload your tab automatically. On start of Gulp, BrowserSync will start a new session and provide you a local address (``localhost:3000``) and a external address (``192.168.##.##:3000``) which you can use to view your site on another device which isn't your computer. BrowserSync watches for changes made to all ``.php``, ``.css`` and ``.js`` files, so any changes will be applied automatically. -Make sure you have changed the proxy name in the BrowserSync settings in the ``Gruntfile.js`` for BrowserSync to work. +Make sure you have changed the proxy name in the BrowserSync settings in the ``gulpfile.js`` for BrowserSync to work. ### Styles ###### Default task -All Sass files are located within ``/assets/scss``, with the ``style.scss`` outputting into ``/assets/css/style.css`` This can be changed with ``Grunt.js`` file if you wish, but is probably best to keep it to this default location. +All Sass files are located within ``/assets/scss``, with the ``style.scss`` outputting into ``/assets/css/dist/main.css`` This can be changed with ``gulpfile.js`` file if you wish, but is probably best to keep it to this default location. -* ``style.css`` is blank on purpose, and is required by WordPress to register this as a theme. -* ``/assets/scss/style.scss`` is our main stylesheet, which will compile everything inside it into ``/assets/css/style.css`` +* ``style.css`` within the root of this theme is blank on purpose, and is required by WordPress to register this as a theme. +* ``/assets/scss/style.scss`` is our main stylesheet, which will compile everything inside it into ``/assets/css/dist/main.css`` and also the minified and compressed version, ``/assets/css/dist/main.min.css`` ### Scripts ###### Default task -All JavaScript files are located with ``/assets/js``, the ``main.js`` file is the main Javascript file for the theme, with external third party libraries within the ``libs`` folder. All files within this will be concatenated into the ``scripts.js`` file, includeding the ``main.js`` file, which is then concatenated and compressed into ``scripts.min.js`` +All JavaScript files are located with ``/assets/js``, the ``scripts.js`` file is the main Javascript file for the theme, with external third party libraries within the ``vendor`` folder. All files within this will be concatenated into the ``dist/main.js`` file and ``dist/main.min.js`` -* ``/assets/js/main.js`` is the main JavaScript file. This is where you should write all of your JavaScript. -* ``/assets/js/scripts.js`` is the uncompressed and concatenated JavaScript file from all of the files within the ``/assets/js/libs/*.js`` folder and ``/assets/js/main.js`` file. -* ``/assets/js/scripts.min.js`` is our compressed version of the ``/assets/js/scripts.js`` file. +* ``/assets/js/scripts.js`` is the main JavaScript file. This is where you should write all of your JavaScript. +* ``/assets/js/dist/main.js`` is the uncompressed and concatenated JavaScript file from all of the files within the ``/assets/js/vendor/*.js`` folder and ``/assets/js/scripts.js`` file. +* ``/assets/js/dist/main.min.js`` is our compressed version of the ``/assets/js/dist/main.js`` file. ### SVG Icons ###### Non default task Instead of putting the full SVG code, we can reference them using ```` -Place all of the icons within the ``/assets/icons/`` folder, and then run the command ``grunt svgstore`` which will then generate the ``svg-defs.svg`` file. This is linked at the bottom of the ``footer.php`` file. +Place all of the icons within the ``/assets/icons/`` folder, and then run the command ``gulp svgstore`` which will then generate the ``svg-defs.svg`` file. This is linked at the bottom of the ``footer.php`` file. You can then use the icons with the ```` tag! @@ -74,4 +74,4 @@ You can then use the icons with the ```` tag! ###### Non default task If you require images within the theme, you can minify the images without the lose of quality. -Run the command ``grunt imagemin`` which will minify all .jpg's, .png's and .gif's. The files will be replaced automatically with the new minified version. +Run the command ``gulp imgs`` which will minify all .jpg's, .png's and .gif's. The files will be replaced automatically with the new minified version. diff --git a/assets/css/dist/main.css b/assets/css/dist/main.css new file mode 100644 index 0000000..32c4609 --- /dev/null +++ b/assets/css/dist/main.css @@ -0,0 +1,1579 @@ +/* +Theme Name: vanlig +Theme URI: https://github.com/benbrehaut/vanlig/ +Description: vanlig is a base theme, for the purpose of creating custom theme for your next amazing projects. +Version: 2.0 +Author: Ben Brehaut +Author URI: https://benb.uk/ +License: MIT License +License URI: http://www.opensource.org/licenses/mit-license.php +*/ +._show-only--small { + display: none; } + +._show-only--medium { + display: none; } + +._show-only--large { + display: none; } + +@media screen and (max-width: 39.9375em) { + ._show-only--small { + display: block; } } + +@media screen and (min-width: 40em) and (max-width: 66.5em) { + ._show-only--medium { + display: block; } } + +@media screen and (min-width: 66.5625em) and (max-width: 74.9375em) { + ._show-only--large { + display: block; } } + +._sr-hidden { + position: absolute !important; + width: 1px; + height: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px); + white-space: nowrap; } + +._slab-primary { + background-color: #242a39; } + +._slab-secondary { + background-color: #edebec; } + +._slab-tertiary { + background-color: #fff; } + +._text-color-primary { + color: #242a39; } + +._text-color-secondary { + color: #edebec; } + +._text-color-tertiary { + color: #fff; } + +._text-caps { + text-transform: uppercase; } + +._text-l { + text-align: left; } + +._text-c { + text-align: center; } + +._text-r { + text-align: right; } + +._text-caps { + text-transform: uppercase; } + +._unstyled-list { + list-style: none; + margin: 0; + padding: 0; } + +.row { + max-width: 1165px; + margin-left: auto; + margin-right: auto; + width: 100%; } + .row::after, .row::before { + content: ' '; + display: table; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .row::after { + clear: both; } + .row.collapse > .grid__columns { + padding-left: 0; + padding-right: 0; } + .row .row { + 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.grid--collapse { + margin-left: 0; + margin-right: 0; } + .row.grid--expanded { + max-width: none; } + .row.grid--expanded .row { + margin-left: auto; + margin-right: auto; } + +.grid__columns { + width: 100%; + float: left; + padding-left: 0.625rem; + padding-right: 0.625rem; } + @media screen and (min-width: 40em) { + .grid__columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } } + .grid__columns:last-child:not(:first-child) { + float: right; } + .grid__columns.grid--end:last-child:last-child { + float: left; } + +.grid__columns.row.row { + float: none; } + .row .grid__columns.row.row { + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; } + +.grid__small-1 { + width: 8.33333%; } + +.grid__small-push-1 { + position: relative; + left: 8.33333%; } + +.grid__small-pull-1 { + position: relative; + left: -8.33333%; } + +.grid__small-offset-0 { + margin-left: 0%; } + +.grid__small-2 { + width: 16.66667%; } + +.grid__small-push-2 { + position: relative; + left: 16.66667%; } + +.grid__small-pull-2 { + position: relative; + left: -16.66667%; } + +.grid__small-offset-1 { + margin-left: 8.33333%; } + +.grid__small-3 { + width: 25%; } + +.grid__small-push-3 { + position: relative; + left: 25%; } + +.grid__small-pull-3 { + position: relative; + left: -25%; } + +.grid__small-offset-2 { + margin-left: 16.66667%; } + +.grid__small-4 { + width: 33.33333%; } + +.grid__small-push-4 { + position: relative; + left: 33.33333%; } + +.grid__small-pull-4 { + position: relative; + left: -33.33333%; } + +.grid__small-offset-3 { + margin-left: 25%; } + +.grid__small-5 { + width: 41.66667%; } + +.grid__small-push-5 { + position: relative; + left: 41.66667%; } + +.grid__small-pull-5 { + position: relative; + left: -41.66667%; } + +.grid__small-offset-4 { + margin-left: 33.33333%; } + +.grid__small-6 { + width: 50%; } + +.grid__small-push-6 { + position: relative; + left: 50%; } + +.grid__small-pull-6 { + position: relative; + left: -50%; } + +.grid__small-offset-5 { + margin-left: 41.66667%; } + +.grid__small-7 { + width: 58.33333%; } + +.grid__small-push-7 { + position: relative; + left: 58.33333%; } + +.grid__small-pull-7 { + position: relative; + left: -58.33333%; } + +.grid__small-offset-6 { + margin-left: 50%; } + +.grid__small-8 { + width: 66.66667%; } + +.grid__small-push-8 { + position: relative; + left: 66.66667%; } + +.grid__small-pull-8 { + position: relative; + left: -66.66667%; } + +.grid__small-offset-7 { + margin-left: 58.33333%; } + +.grid__small-9 { + width: 75%; } + +.grid__small-push-9 { + position: relative; + left: 75%; } + +.grid__small-pull-9 { + position: relative; + left: -75%; } + +.grid__small-offset-8 { + margin-left: 66.66667%; } + +.grid__small-10 { + width: 83.33333%; } + +.grid__small-push-10 { + position: relative; + left: 83.33333%; } + +.grid__small-pull-10 { + position: relative; + left: -83.33333%; } + +.grid__small-offset-9 { + margin-left: 75%; } + +.grid__small-11 { + width: 91.66667%; } + +.grid__small-push-11 { + position: relative; + left: 91.66667%; } + +.grid__small-pull-11 { + position: relative; + left: -91.66667%; } + +.grid__small-offset-10 { + margin-left: 83.33333%; } + +.grid__small-12 { + width: 100%; } + +.grid__small-offset-11 { + margin-left: 91.66667%; } + +.grid__small-up-1 > .grid__columns { + width: 100%; + float: left; } + .grid__small-up-1 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-1 > .grid__columns:nth-of-type(1n+1) { + clear: both; } + .grid__small-up-1 > .grid__columns:last-child { + float: left; } + +.grid__small-up-2 > .grid__columns { + width: 50%; + float: left; } + .grid__small-up-2 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-2 > .grid__columns:nth-of-type(2n+1) { + clear: both; } + .grid__small-up-2 > .grid__columns:last-child { + float: left; } + +.grid__small-up-3 > .grid__columns { + width: 33.33333%; + float: left; } + .grid__small-up-3 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-3 > .grid__columns:nth-of-type(3n+1) { + clear: both; } + .grid__small-up-3 > .grid__columns:last-child { + float: left; } + +.grid__small-up-4 > .grid__columns { + width: 25%; + float: left; } + .grid__small-up-4 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-4 > .grid__columns:nth-of-type(4n+1) { + clear: both; } + .grid__small-up-4 > .grid__columns:last-child { + float: left; } + +.grid__small-up-5 > .grid__columns { + width: 20%; + float: left; } + .grid__small-up-5 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-5 > .grid__columns:nth-of-type(5n+1) { + clear: both; } + .grid__small-up-5 > .grid__columns:last-child { + float: left; } + +.grid__small-up-6 > .grid__columns { + width: 16.66667%; + float: left; } + .grid__small-up-6 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-6 > .grid__columns:nth-of-type(6n+1) { + clear: both; } + .grid__small-up-6 > .grid__columns:last-child { + float: left; } + +.grid__small-up-7 > .grid__columns { + width: 14.28571%; + float: left; } + .grid__small-up-7 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-7 > .grid__columns:nth-of-type(7n+1) { + clear: both; } + .grid__small-up-7 > .grid__columns:last-child { + float: left; } + +.grid__small-up-8 > .grid__columns { + width: 12.5%; + float: left; } + .grid__small-up-8 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__small-up-8 > .grid__columns:nth-of-type(8n+1) { + clear: both; } + .grid__small-up-8 > .grid__columns:last-child { + float: left; } + +.grid__small-collapse > .grid__columns { + padding-left: 0; + padding-right: 0; } + +.grid__small-collapse .row { + margin-left: 0; + margin-right: 0; } + +.grid__small-uncollapse > .grid__columns { + padding-left: 0.625rem; + padding-right: 0.625rem; } + +.grid__small-centered { + float: none; + margin-left: auto; + margin-right: auto; } + +.grid__small-uncentered, +.grid__small-push-0, +.grid__small-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } + +@media screen and (min-width: 40em) { + .grid__medium-1 { + width: 8.33333%; } + .grid__medium-push-1 { + position: relative; + left: 8.33333%; } + .grid__medium-pull-1 { + position: relative; + left: -8.33333%; } + .grid__medium-offset-0 { + margin-left: 0%; } + .grid__medium-2 { + width: 16.66667%; } + .grid__medium-push-2 { + position: relative; + left: 16.66667%; } + .grid__medium-pull-2 { + position: relative; + left: -16.66667%; } + .grid__medium-offset-1 { + margin-left: 8.33333%; } + .grid__medium-3 { + width: 25%; } + .grid__medium-push-3 { + position: relative; + left: 25%; } + .grid__medium-pull-3 { + position: relative; + left: -25%; } + .grid__medium-offset-2 { + margin-left: 16.66667%; } + .grid__medium-4 { + width: 33.33333%; } + .grid__medium-push-4 { + position: relative; + left: 33.33333%; } + .grid__medium-pull-4 { + position: relative; + left: -33.33333%; } + .grid__medium-offset-3 { + margin-left: 25%; } + .grid__medium-5 { + width: 41.66667%; } + .grid__medium-push-5 { + position: relative; + left: 41.66667%; } + .grid__medium-pull-5 { + position: relative; + left: -41.66667%; } + .grid__medium-offset-4 { + margin-left: 33.33333%; } + .grid__medium-6 { + width: 50%; } + .grid__medium-push-6 { + position: relative; + left: 50%; } + .grid__medium-pull-6 { + position: relative; + left: -50%; } + .grid__medium-offset-5 { + margin-left: 41.66667%; } + .grid__medium-7 { + width: 58.33333%; } + .grid__medium-push-7 { + position: relative; + left: 58.33333%; } + .grid__medium-pull-7 { + position: relative; + left: -58.33333%; } + .grid__medium-offset-6 { + margin-left: 50%; } + .grid__medium-8 { + width: 66.66667%; } + .grid__medium-push-8 { + position: relative; + left: 66.66667%; } + .grid__medium-pull-8 { + position: relative; + left: -66.66667%; } + .grid__medium-offset-7 { + margin-left: 58.33333%; } + .grid__medium-9 { + width: 75%; } + .grid__medium-push-9 { + position: relative; + left: 75%; } + .grid__medium-pull-9 { + position: relative; + left: -75%; } + .grid__medium-offset-8 { + margin-left: 66.66667%; } + .grid__medium-10 { + width: 83.33333%; } + .grid__medium-push-10 { + position: relative; + left: 83.33333%; } + .grid__medium-pull-10 { + position: relative; + left: -83.33333%; } + .grid__medium-offset-9 { + margin-left: 75%; } + .grid__medium-11 { + width: 91.66667%; } + .grid__medium-push-11 { + position: relative; + left: 91.66667%; } + .grid__medium-pull-11 { + position: relative; + left: -91.66667%; } + .grid__medium-offset-10 { + margin-left: 83.33333%; } + .grid__medium-12 { + width: 100%; } + .grid__medium-offset-11 { + margin-left: 91.66667%; } + .grid__medium-up-1 > .grid__columns { + width: 100%; + float: left; } + .grid__medium-up-1 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-1 > .grid__columns:nth-of-type(1n+1) { + clear: both; } + .grid__medium-up-1 > .grid__columns:last-child { + float: left; } + .grid__medium-up-2 > .grid__columns { + width: 50%; + float: left; } + .grid__medium-up-2 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-2 > .grid__columns:nth-of-type(2n+1) { + clear: both; } + .grid__medium-up-2 > .grid__columns:last-child { + float: left; } + .grid__medium-up-3 > .grid__columns { + width: 33.33333%; + float: left; } + .grid__medium-up-3 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-3 > .grid__columns:nth-of-type(3n+1) { + clear: both; } + .grid__medium-up-3 > .grid__columns:last-child { + float: left; } + .grid__medium-up-4 > .grid__columns { + width: 25%; + float: left; } + .grid__medium-up-4 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-4 > .grid__columns:nth-of-type(4n+1) { + clear: both; } + .grid__medium-up-4 > .grid__columns:last-child { + float: left; } + .grid__medium-up-5 > .grid__columns { + width: 20%; + float: left; } + .grid__medium-up-5 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-5 > .grid__columns:nth-of-type(5n+1) { + clear: both; } + .grid__medium-up-5 > .grid__columns:last-child { + float: left; } + .grid__medium-up-6 > .grid__columns { + width: 16.66667%; + float: left; } + .grid__medium-up-6 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-6 > .grid__columns:nth-of-type(6n+1) { + clear: both; } + .grid__medium-up-6 > .grid__columns:last-child { + float: left; } + .grid__medium-up-7 > .grid__columns { + width: 14.28571%; + float: left; } + .grid__medium-up-7 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-7 > .grid__columns:nth-of-type(7n+1) { + clear: both; } + .grid__medium-up-7 > .grid__columns:last-child { + float: left; } + .grid__medium-up-8 > .grid__columns { + width: 12.5%; + float: left; } + .grid__medium-up-8 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__medium-up-8 > .grid__columns:nth-of-type(8n+1) { + clear: both; } + .grid__medium-up-8 > .grid__columns:last-child { + float: left; } + .grid__medium-collapse > .grid__columns { + padding-left: 0; + padding-right: 0; } + .grid__medium-collapse .row { + margin-left: 0; + margin-right: 0; } + .grid__medium-uncollapse > .grid__columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .grid__medium-centered { + float: none; + margin-left: auto; + margin-right: auto; } + .grid__medium-uncentered, + .grid__medium-push-0, + .grid__medium-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } } + +@media screen and (min-width: 66.5625em) { + .grid__large-1 { + width: 8.33333%; } + .grid__large-push-1 { + position: relative; + left: 8.33333%; } + .grid__large-pull-1 { + position: relative; + left: -8.33333%; } + .grid__large-offset-0 { + margin-left: 0%; } + .grid__large-2 { + width: 16.66667%; } + .grid__large-push-2 { + position: relative; + left: 16.66667%; } + .grid__large-pull-2 { + position: relative; + left: -16.66667%; } + .grid__large-offset-1 { + margin-left: 8.33333%; } + .grid__large-3 { + width: 25%; } + .grid__large-push-3 { + position: relative; + left: 25%; } + .grid__large-pull-3 { + position: relative; + left: -25%; } + .grid__large-offset-2 { + margin-left: 16.66667%; } + .grid__large-4 { + width: 33.33333%; } + .grid__large-push-4 { + position: relative; + left: 33.33333%; } + .grid__large-pull-4 { + position: relative; + left: -33.33333%; } + .grid__large-offset-3 { + margin-left: 25%; } + .grid__large-5 { + width: 41.66667%; } + .grid__large-push-5 { + position: relative; + left: 41.66667%; } + .grid__large-pull-5 { + position: relative; + left: -41.66667%; } + .grid__large-offset-4 { + margin-left: 33.33333%; } + .grid__large-6 { + width: 50%; } + .grid__large-push-6 { + position: relative; + left: 50%; } + .grid__large-pull-6 { + position: relative; + left: -50%; } + .grid__large-offset-5 { + margin-left: 41.66667%; } + .grid__large-7 { + width: 58.33333%; } + .grid__large-push-7 { + position: relative; + left: 58.33333%; } + .grid__large-pull-7 { + position: relative; + left: -58.33333%; } + .grid__large-offset-6 { + margin-left: 50%; } + .grid__large-8 { + width: 66.66667%; } + .grid__large-push-8 { + position: relative; + left: 66.66667%; } + .grid__large-pull-8 { + position: relative; + left: -66.66667%; } + .grid__large-offset-7 { + margin-left: 58.33333%; } + .grid__large-9 { + width: 75%; } + .grid__large-push-9 { + position: relative; + left: 75%; } + .grid__large-pull-9 { + position: relative; + left: -75%; } + .grid__large-offset-8 { + margin-left: 66.66667%; } + .grid__large-10 { + width: 83.33333%; } + .grid__large-push-10 { + position: relative; + left: 83.33333%; } + .grid__large-pull-10 { + position: relative; + left: -83.33333%; } + .grid__large-offset-9 { + margin-left: 75%; } + .grid__large-11 { + width: 91.66667%; } + .grid__large-push-11 { + position: relative; + left: 91.66667%; } + .grid__large-pull-11 { + position: relative; + left: -91.66667%; } + .grid__large-offset-10 { + margin-left: 83.33333%; } + .grid__large-12 { + width: 100%; } + .grid__large-offset-11 { + margin-left: 91.66667%; } + .grid__large-up-1 > .grid__columns { + width: 100%; + float: left; } + .grid__large-up-1 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-1 > .grid__columns:nth-of-type(1n+1) { + clear: both; } + .grid__large-up-1 > .grid__columns:last-child { + float: left; } + .grid__large-up-2 > .grid__columns { + width: 50%; + float: left; } + .grid__large-up-2 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-2 > .grid__columns:nth-of-type(2n+1) { + clear: both; } + .grid__large-up-2 > .grid__columns:last-child { + float: left; } + .grid__large-up-3 > .grid__columns { + width: 33.33333%; + float: left; } + .grid__large-up-3 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-3 > .grid__columns:nth-of-type(3n+1) { + clear: both; } + .grid__large-up-3 > .grid__columns:last-child { + float: left; } + .grid__large-up-4 > .grid__columns { + width: 25%; + float: left; } + .grid__large-up-4 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-4 > .grid__columns:nth-of-type(4n+1) { + clear: both; } + .grid__large-up-4 > .grid__columns:last-child { + float: left; } + .grid__large-up-5 > .grid__columns { + width: 20%; + float: left; } + .grid__large-up-5 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-5 > .grid__columns:nth-of-type(5n+1) { + clear: both; } + .grid__large-up-5 > .grid__columns:last-child { + float: left; } + .grid__large-up-6 > .grid__columns { + width: 16.66667%; + float: left; } + .grid__large-up-6 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-6 > .grid__columns:nth-of-type(6n+1) { + clear: both; } + .grid__large-up-6 > .grid__columns:last-child { + float: left; } + .grid__large-up-7 > .grid__columns { + width: 14.28571%; + float: left; } + .grid__large-up-7 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-7 > .grid__columns:nth-of-type(7n+1) { + clear: both; } + .grid__large-up-7 > .grid__columns:last-child { + float: left; } + .grid__large-up-8 > .grid__columns { + width: 12.5%; + float: left; } + .grid__large-up-8 > .grid__columns:nth-of-type(1n) { + clear: none; } + .grid__large-up-8 > .grid__columns:nth-of-type(8n+1) { + clear: both; } + .grid__large-up-8 > .grid__columns:last-child { + float: left; } + .grid__large-collapse > .grid__columns { + padding-left: 0; + padding-right: 0; } + .grid__large-collapse .row { + margin-left: 0; + margin-right: 0; } + .grid__large-uncollapse > .grid__columns { + padding-left: 0.9375rem; + padding-right: 0.9375rem; } + .grid__large-centered { + float: none; + margin-left: auto; + margin-right: auto; } + .grid__large-uncentered, + .grid__large-push-0, + .grid__large-pull-0 { + position: static; + margin-left: 0; + margin-right: 0; + float: left; } } + +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ +/* Document + ========================================================================== */ +html { + font-family: sans-serif; + /* 1 */ + line-height: 1.15; + /* 2 */ + -ms-text-size-adjust: 100%; + /* 3 */ + -webkit-text-size-adjust: 100%; + /* 3 */ } + +/* Sections + ========================================================================== */ +/** + * Remove the margin in all browsers (opinionated). + */ +body { + margin: 0; } + +/** + * Add the correct display in IE 9-. + */ +article, +aside, +footer, +header, +nav, +section { + display: block; } + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; } + +/* Grouping content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ +figcaption, +figure, +main { + /* 1 */ + display: block; } + +/** + * Add the correct margin in IE 8. + */ +figure { + margin: 1em 40px; } + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + /* 1 */ + height: 0; + /* 1 */ + overflow: visible; + /* 2 */ } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +pre { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/* Text-level semantics + ========================================================================== */ +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ +a { + background-color: transparent; + /* 1 */ + -webkit-text-decoration-skip: objects; + /* 2 */ } + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + */ +a:active, +a:hover { + outline-width: 0; } + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ +abbr[title] { + border-bottom: none; + /* 1 */ + text-decoration: underline; + /* 2 */ + -webkit-text-decoration: underline dotted; + -moz-text-decoration: underline dotted; + text-decoration: underline dotted; + /* 2 */ } + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ +b, +strong { + font-weight: inherit; } + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; } + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ +code, +kbd, +samp { + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } + +/** + * Add the correct font style in Android 4.3-. + */ +dfn { + font-style: italic; } + +/** + * Add the correct background and color in IE 9-. + */ +mark { + background-color: transparent; + color: #000; } + +/** + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; } + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +/* Embedded content + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +audio, +video { + display: inline-block; } + +/** + * Add the correct display in iOS 4-7. + */ +audio:not([controls]) { + display: none; + height: 0; } + +/** + * Remove the border on images inside links in IE 10-. + */ +img { + border-style: none; } + +/** + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; } + +/* Forms + ========================================================================== */ +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ } + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ +button, +input { + /* 1 */ + overflow: visible; } + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ +button, +select { + /* 1 */ + text-transform: none; } + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; + /* 2 */ } + +/** + * Remove the inner border and padding in Firefox. + */ +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } + +/** + * Restore the focus styles unset by the previous rule. + */ +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } + +/** + * Change the border, margin, and padding in all browsers (opinionated). + */ +fieldset { + border: none; + margin: 0; + padding: 0; } + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + color: inherit; + /* 2 */ + display: table; + /* 1 */ + max-width: 100%; + /* 1 */ + padding: 0; + /* 3 */ + white-space: normal; + /* 1 */ } + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ +progress { + display: inline-block; + /* 1 */ + vertical-align: baseline; + /* 2 */ } + +/** + * Remove the default vertical scrollbar in IE. + */ +textarea { + overflow: auto; } + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ +[type="checkbox"], +[type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ } + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ +[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + outline-offset: -2px; + /* 2 */ } + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ +::-webkit-file-upload-button { + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } + +/* Interactive + ========================================================================== */ +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ +details, +menu { + display: block; } + +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; } + +/* Scripting + ========================================================================== */ +/** + * Add the correct display in IE 9-. + */ +canvas { + display: inline-block; } + +/** + * Add the correct display in IE. + */ +template { + display: none; } + +/* Hidden + ========================================================================== */ +/** + * Add the correct display in IE 10-. + */ +[hidden] { + display: none; } + +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + +html, +body { + height: 100%; } + +body { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -webkit-tap-highlight-color: transparent; + line-height: 2; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + background-color: #edebec; + color: #2c3346; } + +.site { + height: 100%; + position: relative; + z-index: 1; } + +img { + max-width: 100%; + height: auto; } + +.site-notice { + width: 100%; + float: left; + color: #edebec; } + .site-notice--warning { + background-color: #b74a48; } + .site-notice--success { + background-color: #26b27b; } + +@media screen and (max-width: 39.9375em) { + iframe { + width: 100%; } } + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + font-weight: normal; + line-height: 1.2; } + +h1, +.heading-1 { + font-size: 2rem; } + +h2, +.heading-2 { + font-size: 1.75rem; } + +h3, +.heading-3 { + font-size: 1.5rem; } + +h4, +.heading-4 { + font-size: 1.5rem; } + +h5, +.heading-5 { + font-size: 1.5rem; } + +h6, +.heading-6 { + font-size: 1.5rem; } + +a, +input[type="submit"], +input[type="button"], +button { + cursor: pointer; } + +ul { + margin: 0; } + +a { + color: #242a39; } + +.alignnone { + margin: 5px 20px 20px 0; } + +.aligncenter, +div.aligncenter { + display: block; + margin: 5px auto 5px auto; } + +.alignright { + float: right; + margin: 5px 0 20px 20px; } + +.alignleft { + float: left; + margin: 5px 20px 20px 0; } + +.aligncenter { + display: block; + margin: 5px auto 5px auto; } + +a img.alignright { + float: right; + margin: 5px 0 20px 20px; } + +a img.alignnone { + margin: 5px 20px 20px 0; } + +a img.alignleft { + float: left; + margin: 5px 20px 20px 0; } + +a img.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; } + +.wp-caption { + background: #fff; + border: 1px solid #f0f0f0; + max-width: 96%; + padding: 5px 3px 10px; + text-align: center; } + +.wp-caption.alignnone { + margin: 5px 20px 20px 0; } + +.wp-caption.alignleft { + margin: 5px 20px 20px 0; } + +.wp-caption.alignright { + margin: 5px 0 20px 20px; } + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; } + +.wp-caption p.wp-caption-text { + font-size: 11px; + line-height: 17px; + margin: 0; + padding: 0 4px 5px; } + +img.size-full { + max-width: 100%; + height: auto; } + +.btn { + margin: 0; + border: 0; + display: inline-block; + text-decoration: none; + line-height: normal; } + +.btn-primary { + background-color: #242a39; + color: #edebec; + padding: 0.9375rem; } + .btn-primary:hover { + background-color: #9ca6c0; } + +.hero-banner { + width: 100%; + height: 15.625rem; } + +.pagination { + width: 100%; + float: left; } + +.page-numbers { + list-style: none; + margin: 0; + padding: 0; } + .page-numbers__item { + display: inline-block; } + .page-numbers__item:not(:last-of-type) { + margin-right: 0.9375rem; } + +.post { + background-color: #fff; + padding: 0.9375rem; + margin-top: 0.9375rem; + margin-bottom: 0.9375rem; + -webkit-box-shadow: 0 9px 45px 0 rgba(36, 42, 57, 0.2); + box-shadow: 0 9px 45px 0 rgba(36, 42, 57, 0.2); } + .post__title { + color: #202021; } + .post__title a { + color: inherit; + text-decoration: none; } + +.icon { + width: 1.5625rem; + height: 1.5625rem; + fill: black; } + +.site-header::after, .site-header::before { + content: ' '; + display: table; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + +.site-header::after { + clear: both; } + +.site-header a { + text-decoration: none; + color: #edebec; } + +.site-header__top, .site-header__bottom { + max-width: 1165px; + margin-left: auto; + margin-right: auto; + width: 100%; } + .site-header__top::after, .site-header__top::before, .site-header__bottom::after, .site-header__bottom::before { + content: ' '; + display: table; + -webkit-flex-basis: 0; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1; } + .site-header__top::after, .site-header__bottom::after { + clear: both; } + +.site-logo { + font-size: 2rem; } + +.site-nav { + width: 100%; } + .site-nav__list { + list-style: none; + margin: 0; + padding: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; } + .site-nav__item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + display: inline-block; + position: relative; } + .site-nav__item--has-children:hover .site-nav__sub-nav { + opacity: 1; + visibility: visible; + z-index: 1; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); } + .site-nav__sub-nav { + list-style: none; + margin: 0; + padding: 0; + opacity: 0; + visibility: hidden; + z-index: -1; + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px); + -webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1); + -o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1); + transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1); + position: absolute; + display: block; + padding: 0.9375rem; + background-color: #fff; + -webkit-box-shadow: 0 9px 45px 0 rgba(36, 42, 57, 0.2); + box-shadow: 0 9px 45px 0 rgba(36, 42, 57, 0.2); } + .site-nav__sub-nav a { + color: #242a39; } + .site-nav__sub-nav a:hover { + color: #9ca6c0; } + +.skip-link:focus { + clip: auto !important; + display: block; + width: auto; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + z-index: 2; + background-color: #242a39; + color: #edebec; } + +.site-footer { + width: 100%; + float: left; } + .site-footer__main { + padding-top: 1.875rem; + padding-bottom: 1.875rem; } + .site-footer__bottom { + padding-top: 0.9375rem; + padding-bottom: 0.9375rem; } + .site-footer__col { + width: 50%; } + +.breadcrumbs { + width: 100%; } + .breadcrumbs__item { + display: inline-block; } + .breadcrumbs__item:not(:first-of-type):before { + content: '\2044'; + padding-left: 0.625rem; + padding-right: 0.625rem; } + +.index-page { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + margin: 0.9375rem; } + .index-page__column { + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; } diff --git a/assets/css/dist/main.min.css b/assets/css/dist/main.min.css new file mode 100644 index 0000000..331f9a1 --- /dev/null +++ b/assets/css/dist/main.min.css @@ -0,0 +1 @@ +._show-only--small{display:none}._show-only--medium{display:none}._show-only--large{display:none}@media screen and (max-width:39.9375em){._show-only--small{display:block}}@media screen and (min-width:40em) and (max-width:66.5em){._show-only--medium{display:block}}@media screen and (min-width:66.5625em) and (max-width:74.9375em){._show-only--large{display:block}}._sr-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}._slab-primary{background-color:#242a39}._slab-secondary{background-color:#edebec}._slab-tertiary{background-color:#fff}._text-color-primary{color:#242a39}._text-color-secondary{color:#edebec}._text-color-tertiary{color:#fff}._text-caps{text-transform:uppercase}._text-l{text-align:left}._text-c{text-align:center}._text-r{text-align:right}._text-caps{text-transform:uppercase}._unstyled-list{list-style:none;margin:0;padding:0}.row{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.row::after,.row::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.grid__columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.grid--collapse{margin-left:0;margin-right:0}.row.grid--expanded{max-width:none}.row.grid--expanded .row{margin-left:auto;margin-right:auto}.grid__columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.grid__columns{padding-left:.9375rem;padding-right:.9375rem}}.grid__columns:last-child:not(:first-child){float:right}.grid__columns.grid--end:last-child:last-child{float:left}.grid__columns.row.row{float:none}.row .grid__columns.row.row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.grid__small-1{width:8.33333%}.grid__small-push-1{position:relative;left:8.33333%}.grid__small-pull-1{position:relative;left:-8.33333%}.grid__small-offset-0{margin-left:0}.grid__small-2{width:16.66667%}.grid__small-push-2{position:relative;left:16.66667%}.grid__small-pull-2{position:relative;left:-16.66667%}.grid__small-offset-1{margin-left:8.33333%}.grid__small-3{width:25%}.grid__small-push-3{position:relative;left:25%}.grid__small-pull-3{position:relative;left:-25%}.grid__small-offset-2{margin-left:16.66667%}.grid__small-4{width:33.33333%}.grid__small-push-4{position:relative;left:33.33333%}.grid__small-pull-4{position:relative;left:-33.33333%}.grid__small-offset-3{margin-left:25%}.grid__small-5{width:41.66667%}.grid__small-push-5{position:relative;left:41.66667%}.grid__small-pull-5{position:relative;left:-41.66667%}.grid__small-offset-4{margin-left:33.33333%}.grid__small-6{width:50%}.grid__small-push-6{position:relative;left:50%}.grid__small-pull-6{position:relative;left:-50%}.grid__small-offset-5{margin-left:41.66667%}.grid__small-7{width:58.33333%}.grid__small-push-7{position:relative;left:58.33333%}.grid__small-pull-7{position:relative;left:-58.33333%}.grid__small-offset-6{margin-left:50%}.grid__small-8{width:66.66667%}.grid__small-push-8{position:relative;left:66.66667%}.grid__small-pull-8{position:relative;left:-66.66667%}.grid__small-offset-7{margin-left:58.33333%}.grid__small-9{width:75%}.grid__small-push-9{position:relative;left:75%}.grid__small-pull-9{position:relative;left:-75%}.grid__small-offset-8{margin-left:66.66667%}.grid__small-10{width:83.33333%}.grid__small-push-10{position:relative;left:83.33333%}.grid__small-pull-10{position:relative;left:-83.33333%}.grid__small-offset-9{margin-left:75%}.grid__small-11{width:91.66667%}.grid__small-push-11{position:relative;left:91.66667%}.grid__small-pull-11{position:relative;left:-91.66667%}.grid__small-offset-10{margin-left:83.33333%}.grid__small-12{width:100%}.grid__small-offset-11{margin-left:91.66667%}.grid__small-up-1>.grid__columns{width:100%;float:left}.grid__small-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__small-up-1>.grid__columns:last-child{float:left}.grid__small-up-2>.grid__columns{width:50%;float:left}.grid__small-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__small-up-2>.grid__columns:last-child{float:left}.grid__small-up-3>.grid__columns{width:33.33333%;float:left}.grid__small-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__small-up-3>.grid__columns:last-child{float:left}.grid__small-up-4>.grid__columns{width:25%;float:left}.grid__small-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__small-up-4>.grid__columns:last-child{float:left}.grid__small-up-5>.grid__columns{width:20%;float:left}.grid__small-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__small-up-5>.grid__columns:last-child{float:left}.grid__small-up-6>.grid__columns{width:16.66667%;float:left}.grid__small-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__small-up-6>.grid__columns:last-child{float:left}.grid__small-up-7>.grid__columns{width:14.28571%;float:left}.grid__small-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__small-up-7>.grid__columns:last-child{float:left}.grid__small-up-8>.grid__columns{width:12.5%;float:left}.grid__small-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__small-up-8>.grid__columns:last-child{float:left}.grid__small-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__small-collapse .row{margin-left:0;margin-right:0}.grid__small-uncollapse>.grid__columns{padding-left:.625rem;padding-right:.625rem}.grid__small-centered{float:none;margin-left:auto;margin-right:auto}.grid__small-pull-0,.grid__small-push-0,.grid__small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width:40em){.grid__medium-1{width:8.33333%}.grid__medium-push-1{position:relative;left:8.33333%}.grid__medium-pull-1{position:relative;left:-8.33333%}.grid__medium-offset-0{margin-left:0}.grid__medium-2{width:16.66667%}.grid__medium-push-2{position:relative;left:16.66667%}.grid__medium-pull-2{position:relative;left:-16.66667%}.grid__medium-offset-1{margin-left:8.33333%}.grid__medium-3{width:25%}.grid__medium-push-3{position:relative;left:25%}.grid__medium-pull-3{position:relative;left:-25%}.grid__medium-offset-2{margin-left:16.66667%}.grid__medium-4{width:33.33333%}.grid__medium-push-4{position:relative;left:33.33333%}.grid__medium-pull-4{position:relative;left:-33.33333%}.grid__medium-offset-3{margin-left:25%}.grid__medium-5{width:41.66667%}.grid__medium-push-5{position:relative;left:41.66667%}.grid__medium-pull-5{position:relative;left:-41.66667%}.grid__medium-offset-4{margin-left:33.33333%}.grid__medium-6{width:50%}.grid__medium-push-6{position:relative;left:50%}.grid__medium-pull-6{position:relative;left:-50%}.grid__medium-offset-5{margin-left:41.66667%}.grid__medium-7{width:58.33333%}.grid__medium-push-7{position:relative;left:58.33333%}.grid__medium-pull-7{position:relative;left:-58.33333%}.grid__medium-offset-6{margin-left:50%}.grid__medium-8{width:66.66667%}.grid__medium-push-8{position:relative;left:66.66667%}.grid__medium-pull-8{position:relative;left:-66.66667%}.grid__medium-offset-7{margin-left:58.33333%}.grid__medium-9{width:75%}.grid__medium-push-9{position:relative;left:75%}.grid__medium-pull-9{position:relative;left:-75%}.grid__medium-offset-8{margin-left:66.66667%}.grid__medium-10{width:83.33333%}.grid__medium-push-10{position:relative;left:83.33333%}.grid__medium-pull-10{position:relative;left:-83.33333%}.grid__medium-offset-9{margin-left:75%}.grid__medium-11{width:91.66667%}.grid__medium-push-11{position:relative;left:91.66667%}.grid__medium-pull-11{position:relative;left:-91.66667%}.grid__medium-offset-10{margin-left:83.33333%}.grid__medium-12{width:100%}.grid__medium-offset-11{margin-left:91.66667%}.grid__medium-up-1>.grid__columns{width:100%;float:left}.grid__medium-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__medium-up-1>.grid__columns:last-child{float:left}.grid__medium-up-2>.grid__columns{width:50%;float:left}.grid__medium-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__medium-up-2>.grid__columns:last-child{float:left}.grid__medium-up-3>.grid__columns{width:33.33333%;float:left}.grid__medium-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__medium-up-3>.grid__columns:last-child{float:left}.grid__medium-up-4>.grid__columns{width:25%;float:left}.grid__medium-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__medium-up-4>.grid__columns:last-child{float:left}.grid__medium-up-5>.grid__columns{width:20%;float:left}.grid__medium-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__medium-up-5>.grid__columns:last-child{float:left}.grid__medium-up-6>.grid__columns{width:16.66667%;float:left}.grid__medium-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__medium-up-6>.grid__columns:last-child{float:left}.grid__medium-up-7>.grid__columns{width:14.28571%;float:left}.grid__medium-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__medium-up-7>.grid__columns:last-child{float:left}.grid__medium-up-8>.grid__columns{width:12.5%;float:left}.grid__medium-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__medium-up-8>.grid__columns:last-child{float:left}.grid__medium-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__medium-collapse .row{margin-left:0;margin-right:0}.grid__medium-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__medium-centered{float:none;margin-left:auto;margin-right:auto}.grid__medium-pull-0,.grid__medium-push-0,.grid__medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width:66.5625em){.grid__large-1{width:8.33333%}.grid__large-push-1{position:relative;left:8.33333%}.grid__large-pull-1{position:relative;left:-8.33333%}.grid__large-offset-0{margin-left:0}.grid__large-2{width:16.66667%}.grid__large-push-2{position:relative;left:16.66667%}.grid__large-pull-2{position:relative;left:-16.66667%}.grid__large-offset-1{margin-left:8.33333%}.grid__large-3{width:25%}.grid__large-push-3{position:relative;left:25%}.grid__large-pull-3{position:relative;left:-25%}.grid__large-offset-2{margin-left:16.66667%}.grid__large-4{width:33.33333%}.grid__large-push-4{position:relative;left:33.33333%}.grid__large-pull-4{position:relative;left:-33.33333%}.grid__large-offset-3{margin-left:25%}.grid__large-5{width:41.66667%}.grid__large-push-5{position:relative;left:41.66667%}.grid__large-pull-5{position:relative;left:-41.66667%}.grid__large-offset-4{margin-left:33.33333%}.grid__large-6{width:50%}.grid__large-push-6{position:relative;left:50%}.grid__large-pull-6{position:relative;left:-50%}.grid__large-offset-5{margin-left:41.66667%}.grid__large-7{width:58.33333%}.grid__large-push-7{position:relative;left:58.33333%}.grid__large-pull-7{position:relative;left:-58.33333%}.grid__large-offset-6{margin-left:50%}.grid__large-8{width:66.66667%}.grid__large-push-8{position:relative;left:66.66667%}.grid__large-pull-8{position:relative;left:-66.66667%}.grid__large-offset-7{margin-left:58.33333%}.grid__large-9{width:75%}.grid__large-push-9{position:relative;left:75%}.grid__large-pull-9{position:relative;left:-75%}.grid__large-offset-8{margin-left:66.66667%}.grid__large-10{width:83.33333%}.grid__large-push-10{position:relative;left:83.33333%}.grid__large-pull-10{position:relative;left:-83.33333%}.grid__large-offset-9{margin-left:75%}.grid__large-11{width:91.66667%}.grid__large-push-11{position:relative;left:91.66667%}.grid__large-pull-11{position:relative;left:-91.66667%}.grid__large-offset-10{margin-left:83.33333%}.grid__large-12{width:100%}.grid__large-offset-11{margin-left:91.66667%}.grid__large-up-1>.grid__columns{width:100%;float:left}.grid__large-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__large-up-1>.grid__columns:last-child{float:left}.grid__large-up-2>.grid__columns{width:50%;float:left}.grid__large-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__large-up-2>.grid__columns:last-child{float:left}.grid__large-up-3>.grid__columns{width:33.33333%;float:left}.grid__large-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__large-up-3>.grid__columns:last-child{float:left}.grid__large-up-4>.grid__columns{width:25%;float:left}.grid__large-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__large-up-4>.grid__columns:last-child{float:left}.grid__large-up-5>.grid__columns{width:20%;float:left}.grid__large-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__large-up-5>.grid__columns:last-child{float:left}.grid__large-up-6>.grid__columns{width:16.66667%;float:left}.grid__large-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__large-up-6>.grid__columns:last-child{float:left}.grid__large-up-7>.grid__columns{width:14.28571%;float:left}.grid__large-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__large-up-7>.grid__columns:last-child{float:left}.grid__large-up-8>.grid__columns{width:12.5%;float:left}.grid__large-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__large-up-8>.grid__columns:last-child{float:left}.grid__large-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__large-collapse .row{margin-left:0;margin-right:0}.grid__large-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__large-centered{float:none;margin-left:auto;margin-right:auto}.grid__large-pull-0,.grid__large-push-0,.grid__large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:transparent;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:none;margin:0;padding:0}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;line-height:2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background-color:#edebec;color:#2c3346}.site{height:100%;position:relative;z-index:1}img{max-width:100%;height:auto}.site-notice{width:100%;float:left;color:#edebec}.site-notice--warning{background-color:#b74a48}.site-notice--success{background-color:#26b27b}@media screen and (max-width:39.9375em){iframe{width:100%}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;line-height:1.2}.heading-1,h1{font-size:2rem}.heading-2,h2{font-size:1.75rem}.heading-3,h3{font-size:1.5rem}.heading-4,h4{font-size:1.5rem}.heading-5,h5{font-size:1.5rem}.heading-6,h6{font-size:1.5rem}a,button,input[type=button],input[type=submit]{cursor:pointer}ul{margin:0}a{color:#242a39}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto 5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}img.size-full{max-width:100%;height:auto}.btn{margin:0;border:0;display:inline-block;text-decoration:none;line-height:normal}.btn-primary{background-color:#242a39;color:#edebec;padding:.9375rem}.btn-primary:hover{background-color:#9ca6c0}.hero-banner{width:100%;height:15.625rem}.pagination{width:100%;float:left}.page-numbers{list-style:none;margin:0;padding:0}.page-numbers__item{display:inline-block}.page-numbers__item:not(:last-of-type){margin-right:.9375rem}.post{background-color:#fff;padding:.9375rem;margin-top:.9375rem;margin-bottom:.9375rem;-webkit-box-shadow:0 9px 45px 0 rgba(36,42,57,.2);box-shadow:0 9px 45px 0 rgba(36,42,57,.2)}.post__title{color:#202021}.post__title a{color:inherit;text-decoration:none}.icon{width:1.5625rem;height:1.5625rem;fill:#000}.site-header::after,.site-header::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.site-header::after{clear:both}.site-header a{text-decoration:none;color:#edebec}.site-header__bottom,.site-header__top{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.site-header__bottom::after,.site-header__bottom::before,.site-header__top::after,.site-header__top::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.site-header__bottom::after,.site-header__top::after{clear:both}.site-logo{font-size:2rem}.site-nav{width:100%}.site-nav__list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.site-nav__item{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-block;position:relative}.site-nav__item--has-children:hover .site-nav__sub-nav{opacity:1;visibility:visible;z-index:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.site-nav__sub-nav{list-style:none;margin:0;padding:0;opacity:0;visibility:hidden;z-index:-1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s cubic-bezier(.42,0,.58,1);-o-transition:all .3s cubic-bezier(.42,0,.58,1);transition:all .3s cubic-bezier(.42,0,.58,1);position:absolute;display:block;padding:.9375rem;background-color:#fff;-webkit-box-shadow:0 9px 45px 0 rgba(36,42,57,.2);box-shadow:0 9px 45px 0 rgba(36,42,57,.2)}.site-nav__sub-nav a{color:#242a39}.site-nav__sub-nav a:hover{color:#9ca6c0}.skip-link:focus{clip:auto!important;display:block;width:auto;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;z-index:2;background-color:#242a39;color:#edebec}.site-footer{width:100%;float:left}.site-footer__main{padding-top:1.875rem;padding-bottom:1.875rem}.site-footer__bottom{padding-top:.9375rem;padding-bottom:.9375rem}.site-footer__col{width:50%}.breadcrumbs{width:100%}.breadcrumbs__item{display:inline-block}.breadcrumbs__item:not(:first-of-type):before{content:'\2044';padding-left:.625rem;padding-right:.625rem}.index-page{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:.9375rem}.index-page__column{-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index a6b1129..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,2 +0,0 @@ -._show-only--small{display:none}._show-only--medium{display:none}._show-only--large{display:none}@media screen and (max-width: 39.9375em){._show-only--small{display:block}}@media screen and (min-width: 40em) and (max-width: 66.5em){._show-only--medium{display:block}}@media screen and (min-width: 66.5625em) and (max-width: 74.9375em){._show-only--large{display:block}}._sr-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}._slab-primary{background-color:#242a39}._slab-secondary{background-color:#edebec}._slab-tertiary{background-color:#fff}._text-color-primary{color:#242a39}._text-color-secondary{color:#edebec}._text-color-tertiary{color:#fff}._text-caps{text-transform:uppercase}._text-l{text-align:left}._text-c{text-align:center}._text-r{text-align:right}._text-caps{text-transform:uppercase}._unstyled-list{list-style:none;margin:0;padding:0}.row{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.row::after,.row::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.grid__columns{padding-left:0;padding-right:0}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width: 40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row .row.grid--collapse{margin-left:0;margin-right:0}.row.grid--expanded{max-width:none}.row.grid--expanded .row{margin-left:auto;margin-right:auto}.grid__columns{width:100%;float:left;padding-left:.625rem;padding-right:.625rem}@media screen and (min-width: 40em){.grid__columns{padding-left:.9375rem;padding-right:.9375rem}}.grid__columns:last-child:not(:first-child){float:right}.grid__columns.grid--end:last-child:last-child{float:left}.grid__columns.row.row{float:none}.row .grid__columns.row.row{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.grid__small-1{width:8.3333333333%}.grid__small-push-1{position:relative;left:8.3333333333%}.grid__small-pull-1{position:relative;left:-8.3333333333%}.grid__small-offset-0{margin-left:0%}.grid__small-2{width:16.6666666667%}.grid__small-push-2{position:relative;left:16.6666666667%}.grid__small-pull-2{position:relative;left:-16.6666666667%}.grid__small-offset-1{margin-left:8.3333333333%}.grid__small-3{width:25%}.grid__small-push-3{position:relative;left:25%}.grid__small-pull-3{position:relative;left:-25%}.grid__small-offset-2{margin-left:16.6666666667%}.grid__small-4{width:33.3333333333%}.grid__small-push-4{position:relative;left:33.3333333333%}.grid__small-pull-4{position:relative;left:-33.3333333333%}.grid__small-offset-3{margin-left:25%}.grid__small-5{width:41.6666666667%}.grid__small-push-5{position:relative;left:41.6666666667%}.grid__small-pull-5{position:relative;left:-41.6666666667%}.grid__small-offset-4{margin-left:33.3333333333%}.grid__small-6{width:50%}.grid__small-push-6{position:relative;left:50%}.grid__small-pull-6{position:relative;left:-50%}.grid__small-offset-5{margin-left:41.6666666667%}.grid__small-7{width:58.3333333333%}.grid__small-push-7{position:relative;left:58.3333333333%}.grid__small-pull-7{position:relative;left:-58.3333333333%}.grid__small-offset-6{margin-left:50%}.grid__small-8{width:66.6666666667%}.grid__small-push-8{position:relative;left:66.6666666667%}.grid__small-pull-8{position:relative;left:-66.6666666667%}.grid__small-offset-7{margin-left:58.3333333333%}.grid__small-9{width:75%}.grid__small-push-9{position:relative;left:75%}.grid__small-pull-9{position:relative;left:-75%}.grid__small-offset-8{margin-left:66.6666666667%}.grid__small-10{width:83.3333333333%}.grid__small-push-10{position:relative;left:83.3333333333%}.grid__small-pull-10{position:relative;left:-83.3333333333%}.grid__small-offset-9{margin-left:75%}.grid__small-11{width:91.6666666667%}.grid__small-push-11{position:relative;left:91.6666666667%}.grid__small-pull-11{position:relative;left:-91.6666666667%}.grid__small-offset-10{margin-left:83.3333333333%}.grid__small-12{width:100%}.grid__small-offset-11{margin-left:91.6666666667%}.grid__small-up-1>.grid__columns{width:100%;float:left}.grid__small-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__small-up-1>.grid__columns:last-child{float:left}.grid__small-up-2>.grid__columns{width:50%;float:left}.grid__small-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__small-up-2>.grid__columns:last-child{float:left}.grid__small-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__small-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__small-up-3>.grid__columns:last-child{float:left}.grid__small-up-4>.grid__columns{width:25%;float:left}.grid__small-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__small-up-4>.grid__columns:last-child{float:left}.grid__small-up-5>.grid__columns{width:20%;float:left}.grid__small-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__small-up-5>.grid__columns:last-child{float:left}.grid__small-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__small-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__small-up-6>.grid__columns:last-child{float:left}.grid__small-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__small-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__small-up-7>.grid__columns:last-child{float:left}.grid__small-up-8>.grid__columns{width:12.5%;float:left}.grid__small-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__small-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__small-up-8>.grid__columns:last-child{float:left}.grid__small-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__small-collapse .row{margin-left:0;margin-right:0}.grid__small-uncollapse>.grid__columns{padding-left:.625rem;padding-right:.625rem}.grid__small-centered{float:none;margin-left:auto;margin-right:auto}.grid__small-uncentered,.grid__small-push-0,.grid__small-pull-0{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width: 40em){.grid__medium-1{width:8.3333333333%}.grid__medium-push-1{position:relative;left:8.3333333333%}.grid__medium-pull-1{position:relative;left:-8.3333333333%}.grid__medium-offset-0{margin-left:0%}.grid__medium-2{width:16.6666666667%}.grid__medium-push-2{position:relative;left:16.6666666667%}.grid__medium-pull-2{position:relative;left:-16.6666666667%}.grid__medium-offset-1{margin-left:8.3333333333%}.grid__medium-3{width:25%}.grid__medium-push-3{position:relative;left:25%}.grid__medium-pull-3{position:relative;left:-25%}.grid__medium-offset-2{margin-left:16.6666666667%}.grid__medium-4{width:33.3333333333%}.grid__medium-push-4{position:relative;left:33.3333333333%}.grid__medium-pull-4{position:relative;left:-33.3333333333%}.grid__medium-offset-3{margin-left:25%}.grid__medium-5{width:41.6666666667%}.grid__medium-push-5{position:relative;left:41.6666666667%}.grid__medium-pull-5{position:relative;left:-41.6666666667%}.grid__medium-offset-4{margin-left:33.3333333333%}.grid__medium-6{width:50%}.grid__medium-push-6{position:relative;left:50%}.grid__medium-pull-6{position:relative;left:-50%}.grid__medium-offset-5{margin-left:41.6666666667%}.grid__medium-7{width:58.3333333333%}.grid__medium-push-7{position:relative;left:58.3333333333%}.grid__medium-pull-7{position:relative;left:-58.3333333333%}.grid__medium-offset-6{margin-left:50%}.grid__medium-8{width:66.6666666667%}.grid__medium-push-8{position:relative;left:66.6666666667%}.grid__medium-pull-8{position:relative;left:-66.6666666667%}.grid__medium-offset-7{margin-left:58.3333333333%}.grid__medium-9{width:75%}.grid__medium-push-9{position:relative;left:75%}.grid__medium-pull-9{position:relative;left:-75%}.grid__medium-offset-8{margin-left:66.6666666667%}.grid__medium-10{width:83.3333333333%}.grid__medium-push-10{position:relative;left:83.3333333333%}.grid__medium-pull-10{position:relative;left:-83.3333333333%}.grid__medium-offset-9{margin-left:75%}.grid__medium-11{width:91.6666666667%}.grid__medium-push-11{position:relative;left:91.6666666667%}.grid__medium-pull-11{position:relative;left:-91.6666666667%}.grid__medium-offset-10{margin-left:83.3333333333%}.grid__medium-12{width:100%}.grid__medium-offset-11{margin-left:91.6666666667%}.grid__medium-up-1>.grid__columns{width:100%;float:left}.grid__medium-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__medium-up-1>.grid__columns:last-child{float:left}.grid__medium-up-2>.grid__columns{width:50%;float:left}.grid__medium-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__medium-up-2>.grid__columns:last-child{float:left}.grid__medium-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__medium-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__medium-up-3>.grid__columns:last-child{float:left}.grid__medium-up-4>.grid__columns{width:25%;float:left}.grid__medium-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__medium-up-4>.grid__columns:last-child{float:left}.grid__medium-up-5>.grid__columns{width:20%;float:left}.grid__medium-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__medium-up-5>.grid__columns:last-child{float:left}.grid__medium-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__medium-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__medium-up-6>.grid__columns:last-child{float:left}.grid__medium-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__medium-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__medium-up-7>.grid__columns:last-child{float:left}.grid__medium-up-8>.grid__columns{width:12.5%;float:left}.grid__medium-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__medium-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__medium-up-8>.grid__columns:last-child{float:left}.grid__medium-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__medium-collapse .row{margin-left:0;margin-right:0}.grid__medium-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__medium-centered{float:none;margin-left:auto;margin-right:auto}.grid__medium-uncentered,.grid__medium-push-0,.grid__medium-pull-0{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width: 66.5625em){.grid__large-1{width:8.3333333333%}.grid__large-push-1{position:relative;left:8.3333333333%}.grid__large-pull-1{position:relative;left:-8.3333333333%}.grid__large-offset-0{margin-left:0%}.grid__large-2{width:16.6666666667%}.grid__large-push-2{position:relative;left:16.6666666667%}.grid__large-pull-2{position:relative;left:-16.6666666667%}.grid__large-offset-1{margin-left:8.3333333333%}.grid__large-3{width:25%}.grid__large-push-3{position:relative;left:25%}.grid__large-pull-3{position:relative;left:-25%}.grid__large-offset-2{margin-left:16.6666666667%}.grid__large-4{width:33.3333333333%}.grid__large-push-4{position:relative;left:33.3333333333%}.grid__large-pull-4{position:relative;left:-33.3333333333%}.grid__large-offset-3{margin-left:25%}.grid__large-5{width:41.6666666667%}.grid__large-push-5{position:relative;left:41.6666666667%}.grid__large-pull-5{position:relative;left:-41.6666666667%}.grid__large-offset-4{margin-left:33.3333333333%}.grid__large-6{width:50%}.grid__large-push-6{position:relative;left:50%}.grid__large-pull-6{position:relative;left:-50%}.grid__large-offset-5{margin-left:41.6666666667%}.grid__large-7{width:58.3333333333%}.grid__large-push-7{position:relative;left:58.3333333333%}.grid__large-pull-7{position:relative;left:-58.3333333333%}.grid__large-offset-6{margin-left:50%}.grid__large-8{width:66.6666666667%}.grid__large-push-8{position:relative;left:66.6666666667%}.grid__large-pull-8{position:relative;left:-66.6666666667%}.grid__large-offset-7{margin-left:58.3333333333%}.grid__large-9{width:75%}.grid__large-push-9{position:relative;left:75%}.grid__large-pull-9{position:relative;left:-75%}.grid__large-offset-8{margin-left:66.6666666667%}.grid__large-10{width:83.3333333333%}.grid__large-push-10{position:relative;left:83.3333333333%}.grid__large-pull-10{position:relative;left:-83.3333333333%}.grid__large-offset-9{margin-left:75%}.grid__large-11{width:91.6666666667%}.grid__large-push-11{position:relative;left:91.6666666667%}.grid__large-pull-11{position:relative;left:-91.6666666667%}.grid__large-offset-10{margin-left:83.3333333333%}.grid__large-12{width:100%}.grid__large-offset-11{margin-left:91.6666666667%}.grid__large-up-1>.grid__columns{width:100%;float:left}.grid__large-up-1>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-1>.grid__columns:nth-of-type(1n+1){clear:both}.grid__large-up-1>.grid__columns:last-child{float:left}.grid__large-up-2>.grid__columns{width:50%;float:left}.grid__large-up-2>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-2>.grid__columns:nth-of-type(2n+1){clear:both}.grid__large-up-2>.grid__columns:last-child{float:left}.grid__large-up-3>.grid__columns{width:33.3333333333%;float:left}.grid__large-up-3>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-3>.grid__columns:nth-of-type(3n+1){clear:both}.grid__large-up-3>.grid__columns:last-child{float:left}.grid__large-up-4>.grid__columns{width:25%;float:left}.grid__large-up-4>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-4>.grid__columns:nth-of-type(4n+1){clear:both}.grid__large-up-4>.grid__columns:last-child{float:left}.grid__large-up-5>.grid__columns{width:20%;float:left}.grid__large-up-5>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-5>.grid__columns:nth-of-type(5n+1){clear:both}.grid__large-up-5>.grid__columns:last-child{float:left}.grid__large-up-6>.grid__columns{width:16.6666666667%;float:left}.grid__large-up-6>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-6>.grid__columns:nth-of-type(6n+1){clear:both}.grid__large-up-6>.grid__columns:last-child{float:left}.grid__large-up-7>.grid__columns{width:14.2857142857%;float:left}.grid__large-up-7>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-7>.grid__columns:nth-of-type(7n+1){clear:both}.grid__large-up-7>.grid__columns:last-child{float:left}.grid__large-up-8>.grid__columns{width:12.5%;float:left}.grid__large-up-8>.grid__columns:nth-of-type(1n){clear:none}.grid__large-up-8>.grid__columns:nth-of-type(8n+1){clear:both}.grid__large-up-8>.grid__columns:last-child{float:left}.grid__large-collapse>.grid__columns{padding-left:0;padding-right:0}.grid__large-collapse .row{margin-left:0;margin-right:0}.grid__large-uncollapse>.grid__columns{padding-left:.9375rem;padding-right:.9375rem}.grid__large-centered{float:none;margin-left:auto;margin-right:auto}.grid__large-uncentered,.grid__large-push-0,.grid__large-pull-0{position:static;margin-left:0;margin-right:0;float:left}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:transparent;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:none;margin:0;padding:0}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;line-height:2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;background-color:#edebec;color:#2c3346}.site{height:100%;position:relative;z-index:1}img{max-width:100%;height:auto}.site-notice{width:100%;float:left;color:#edebec}.site-notice--warning{background-color:#b74a48}.site-notice--success{background-color:#26b27b}@media screen and (max-width: 39.9375em){iframe{width:100%}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;line-height:1.2}h1,.heading-1{font-size:2rem}h2,.heading-2{font-size:1.75rem}h3,.heading-3{font-size:1.5rem}h4,.heading-4{font-size:1.5rem}h5,.heading-5{font-size:1.5rem}h6,.heading-6{font-size:1.5rem}a,input[type="submit"],input[type="button"],button{cursor:pointer}ul{margin:0}a{color:#242a39}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto 5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}img.size-full{max-width:100%;height:auto}.btn{margin:0;border:0;display:inline-block;text-decoration:none;line-height:normal}.btn-primary{background-color:#242a39;color:#edebec;padding:.9375rem}.btn-primary:hover{background-color:#9ca6c0}.hero-banner{width:100%;height:15.625rem}.pagination{width:100%;float:left}.page-numbers{list-style:none;margin:0;padding:0}.page-numbers__item{display:inline-block}.page-numbers__item:not(:last-of-type){margin-right:.9375rem}.post{background-color:#fff;padding:.9375rem;margin-top:.9375rem;margin-bottom:.9375rem;-webkit-box-shadow:0 9px 45px 0 rgba(36,42,57,0.2);box-shadow:0 9px 45px 0 rgba(36,42,57,0.2)}.post__title{color:#202021}.post__title a{color:inherit;text-decoration:none}.icon{width:1.5625rem;height:1.5625rem;fill:black}.site-header::after,.site-header::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.site-header::after{clear:both}.site-header a{text-decoration:none;color:#edebec}.site-header__top,.site-header__bottom{max-width:1165px;margin-left:auto;margin-right:auto;width:100%}.site-header__top::after,.site-header__top::before,.site-header__bottom::after,.site-header__bottom::before{content:' ';display:table;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.site-header__top::after,.site-header__bottom::after{clear:both}.site-logo{font-size:2rem}.site-nav{width:100%}.site-nav__list{list-style:none;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.site-nav__item{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-block;position:relative}.site-nav__item--has-children:hover .site-nav__sub-nav{opacity:1;visibility:visible;z-index:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}.site-nav__sub-nav{list-style:none;margin:0;padding:0;opacity:0;visibility:hidden;z-index:-1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:all 0.3s cubic-bezier(0.42, 0, 0.58, 1);position:absolute;display:block;padding:.9375rem;background-color:#fff;-webkit-box-shadow:0 9px 45px 0 rgba(36,42,57,0.2);box-shadow:0 9px 45px 0 rgba(36,42,57,0.2)}.site-nav__sub-nav a{color:#242a39}.site-nav__sub-nav a:hover{color:#9ca6c0}.skip-link:focus{clip:auto !important;display:block;width:auto;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;z-index:2;background-color:#242a39;color:#edebec}.site-footer{width:100%;float:left}.site-footer__main{padding-top:1.875rem;padding-bottom:1.875rem}.site-footer__bottom{padding-top:.9375rem;padding-bottom:.9375rem}.site-footer__col{width:50%}.breadcrumbs{width:100%}.breadcrumbs__item{display:inline-block}.breadcrumbs__item:not(:first-of-type):before{content:'\2044';padding-left:.625rem;padding-right:.625rem}.index-page{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:.9375rem}.index-page__column{-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%} -/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/dist/main.js similarity index 94% rename from assets/js/main.js rename to assets/js/dist/main.js index 3cc6ba5..2762e8f 100644 --- a/assets/js/main.js +++ b/assets/js/dist/main.js @@ -1,5 +1,5 @@ $(function() { - // Start jQuery + // Start jQuery /* * Console log that DOM is ready. @@ -13,10 +13,10 @@ $(function() { var html = $('html'); if ( isTouchDevice ) { - html.addClass('touch'); + html.addClass('touch'); } else { - html.addClass('no-touch'); + html.addClass('no-touch'); } /** @@ -97,7 +97,7 @@ $(function() { var $browser = checkBrowserVer(); $('html').addClass( $browser.name.toLowerCase() ); - $('html').addClass( $browser.name.toLowerCase() + '-' + $browser.version ); + $('html').addClass( $browser.name.toLowerCase() + '-' + $browser.version ); - // End jQuery + // End jQuery }); diff --git a/assets/js/dist/main.min.js b/assets/js/dist/main.min.js new file mode 100644 index 0000000..089ad87 --- /dev/null +++ b/assets/js/dist/main.min.js @@ -0,0 +1 @@ +$(function(){console.info("DOM ready");var a="ontouchstart"in document.documentElement,n=$("html");a?n.addClass("touch"):n.addClass("no-touch");var r=function(){navigator.appVersion;var a,n,r,e=navigator.userAgent,s=navigator.appName,t=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10);return-1!=(n=e.indexOf("Opera"))?(s="Opera",t=e.substring(n+6),-1!=(n=e.indexOf("Version"))&&(t=e.substring(n+8))):-1!=(n=e.indexOf("MSIE"))?(s="Microsoft Internet Explorer",t=e.substring(n+5)):-1!=(n=e.indexOf("Chrome"))?(s="Chrome",t=e.substring(n+7)):-1!=(n=e.indexOf("Safari"))?(s="Safari",t=e.substring(n+7),-1!=(n=e.indexOf("Version"))&&(t=e.substring(n+8))):-1!=(n=e.indexOf("Firefox"))?(s="Firefox",t=e.substring(n+8)):(a=e.lastIndexOf(" ")+1)<(n=e.lastIndexOf("/"))&&(s=e.substring(a,n),t=e.substring(n+1),s.toLowerCase()==s.toUpperCase()&&(s=navigator.appName)),-1!=(r=t.indexOf(";"))&&(t=t.substring(0,r)),-1!=(r=t.indexOf(" "))&&(t=t.substring(0,r)),i=parseInt(""+t,10),isNaN(i)&&(t=""+parseFloat(navigator.appVersion),i=parseInt(navigator.appVersion,10)),{name:s,version:i}}();$("html").addClass(r.name.toLowerCase()),$("html").addClass(r.name.toLowerCase()+"-"+r.version)}); \ No newline at end of file diff --git a/assets/js/scripts.js b/assets/js/scripts.js index 3cc6ba5..2762e8f 100644 --- a/assets/js/scripts.js +++ b/assets/js/scripts.js @@ -1,5 +1,5 @@ $(function() { - // Start jQuery + // Start jQuery /* * Console log that DOM is ready. @@ -13,10 +13,10 @@ $(function() { var html = $('html'); if ( isTouchDevice ) { - html.addClass('touch'); + html.addClass('touch'); } else { - html.addClass('no-touch'); + html.addClass('no-touch'); } /** @@ -97,7 +97,7 @@ $(function() { var $browser = checkBrowserVer(); $('html').addClass( $browser.name.toLowerCase() ); - $('html').addClass( $browser.name.toLowerCase() + '-' + $browser.version ); + $('html').addClass( $browser.name.toLowerCase() + '-' + $browser.version ); - // End jQuery + // End jQuery }); diff --git a/assets/js/scripts.min.js b/assets/js/scripts.min.js deleted file mode 100644 index 1ac38f1..0000000 --- a/assets/js/scripts.min.js +++ /dev/null @@ -1 +0,0 @@ -$(function(){function a(){var a,b,c,d=(navigator.appVersion,navigator.userAgent),e=navigator.appName,f=""+parseFloat(navigator.appVersion),g=parseInt(navigator.appVersion,10);return(b=d.indexOf("Opera"))!=-1?(e="Opera",f=d.substring(b+6),(b=d.indexOf("Version"))!=-1&&(f=d.substring(b+8))):(b=d.indexOf("MSIE"))!=-1?(e="Microsoft Internet Explorer",f=d.substring(b+5)):(b=d.indexOf("Chrome"))!=-1?(e="Chrome",f=d.substring(b+7)):(b=d.indexOf("Safari"))!=-1?(e="Safari",f=d.substring(b+7),(b=d.indexOf("Version"))!=-1&&(f=d.substring(b+8))):(b=d.indexOf("Firefox"))!=-1?(e="Firefox",f=d.substring(b+8)):(a=d.lastIndexOf(" ")+1)<(b=d.lastIndexOf("/"))&&(e=d.substring(a,b),f=d.substring(b+1),e.toLowerCase()==e.toUpperCase()&&(e=navigator.appName)),(c=f.indexOf(";"))!=-1&&(f=f.substring(0,c)),(c=f.indexOf(" "))!=-1&&(f=f.substring(0,c)),g=parseInt(""+f,10),isNaN(g)&&(f=""+parseFloat(navigator.appVersion),g=parseInt(navigator.appVersion,10)),{name:e,version:g}}console.info("DOM ready");var b="ontouchstart"in document.documentElement,c=$("html");b?c.addClass("touch"):c.addClass("no-touch");var d,d=a();$("html").addClass(d.name.toLowerCase()),$("html").addClass(d.name.toLowerCase()+"-"+d.version)}); \ No newline at end of file diff --git a/assets/js/libs/README.md b/assets/js/vendor/README.md similarity index 93% rename from assets/js/libs/README.md rename to assets/js/vendor/README.md index 1253a65..4152aca 100644 --- a/assets/js/libs/README.md +++ b/assets/js/vendor/README.md @@ -4,7 +4,7 @@ Use the following pattern; ``` js -└───libs +vendor │ └───library_folder1 │ │ │ library-file1.js │ │ diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..ebdc713 --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,137 @@ +/** + * @function gulp + * @description the main gulp file for the task runner + * @version v1 + */ +var gulp = require('gulp'); +var browserSync = require('browser-sync'); +var sass = require('gulp-sass'); +var cleanCSS = require('gulp-clean-css'); +var uglify = require('gulp-uglify'); +var plumber = require('gulp-plumber'); +var concat = require('gulp-concat'); +var imagemin = require('gulp-imagemin'); +var prefix = require('gulp-autoprefixer'); +var svgstore = require('gulp-svgstore'); + +/** + * @function variables + * @description variables which contain things used throughout this file + */ + +// Site URL for Browser Sync +var siteURL = 'test-theme.uk'; + +// Main JS Variables +var jsFiles = 'assets/js/vendor/**/*.js'; +var mainJSFile = 'assets/js/scripts.js'; +var outputJSFile = 'main.js'; +var outputJSFileCompressed = 'main.min.js'; +var outputJSFileLocation = 'assets/js/dist'; + +// Main Sass / CSS files +var sassFiles = 'assets/scss/**/*.scss'; +var mainSassFile = 'assets/scss/style.scss'; +var outputCSSFile = 'main.css'; +var outputCSSFileCompressed = 'main.min.css'; +var outputCSSFileLocation = 'assets/css/dist'; + +// Autoprefixer +var autoprefixerOptions = { + browsers: ['last 25 versions'] +}; + + +/** + * @function scripts + * @description pipes our vendor JS files, main JS file out and minifies it + * @version v1 + */ +gulp.task('scripts', function () { + return gulp.src([jsFiles, mainJSFile]) + .pipe(plumber()) + .pipe(concat(outputJSFile)) // output main JavaScript file without uglify + .pipe(gulp.dest(outputJSFileLocation)) + .pipe(uglify()) + .pipe(concat(outputJSFileCompressed)) // output main JavaScript file w/ uglify + .pipe(gulp.dest(outputJSFileLocation)) + .pipe(browserSync.reload({ stream: true })) +}); + +/** + * @function sass + * @description compiles our static .scss files into one main .css file + * @version v1 + */ +gulp.task('styles', function () { + return gulp.src(mainSassFile) + .pipe(sass({ + includePaths: ['scss'], + onError: browserSync.notify + }).on('error', sass.logError)) + .pipe(prefix(autoprefixerOptions, { cascade: true })) + .pipe(plumber()) + .pipe(concat(outputCSSFile)) // output main CSS file without cleanCSS + .pipe(gulp.dest(outputCSSFileLocation)) + .pipe(cleanCSS()) + .pipe(concat(outputCSSFileCompressed)) // output main CSS file w/ cleanCSS + .pipe(gulp.dest(outputCSSFileLocation)) + .pipe(browserSync.reload({ stream: true })); +}); + +/** + * @function browser-sync + * @description generates BrowserSync for watching and refreshing page + * @version v1 + */ +gulp.task('browser-sync', ['scripts', 'styles'], function () { + browserSync.init({ + proxy: siteURL, + files: [ + "*.php", + '**/*.php', + 'gulpfile.js', + outputJSFileLocation + '/*.js', + outputCSSFileLocation + '/*.css' + ] + }); +}); + +/** + * @function imgs + * @description compresses static images + * @version v1 + */ +gulp.task('imgs', function () { + gulp.src('assets/imgs/*') + .pipe(imagemin()) + .pipe(gulp.dest('assets/imgs')); +}); + +/** + * @function svgstore + * @description generates and creates svg icons using #symbol + * @version v1 + */ +gulp.task('svgstore', function () { + return gulp.src('assets/icons/*.svg') + .pipe(svgstore()) + .pipe(gulp.dest('assets/icons')); +}); + +/** + * @function watch + * @description watchs the .js and .scss files for changes + * @version v1 + */ +gulp.task('watch', function () { + gulp.watch(mainJSFile, ['scripts']); + gulp.watch(sassFiles, ['styles']); +}); + +/** + * @function default + * @description runs the default task, which is browser sync and watch tasks + * @version v1 + */ +gulp.task('default', ['browser-sync', 'watch']); \ No newline at end of file diff --git a/lib/enqueue-scripts.php b/lib/enqueue-scripts.php index 71ae425..43f04f7 100644 --- a/lib/enqueue-scripts.php +++ b/lib/enqueue-scripts.php @@ -17,9 +17,8 @@ function theme_scripts() { // Enqueue the main Stylesheet. - $theme_css = get_template_directory() . '/assets/css/style.css'; - - wp_enqueue_style( 'main-stylesheet', get_template_directory_uri() . '/assets/css/style.css', array(), filemtime( $theme_css ), 'all' ); + // By default its the uncompressed version, but you can easily change this + wp_enqueue_style( 'main-stylesheet', get_template_directory_uri() . '/assets/css/dist/main.css', array(), 'all' ); // Deregister the jquery version bundled with WordPress, as it does get old. wp_deregister_script( 'jquery' ); @@ -29,10 +28,7 @@ function theme_scripts() { // Enqueue the main javascript file. // By default its the uncompressed version, but you can easily change this - - $theme_js = get_template_directory() . '/assets/js/scripts.js'; - - wp_enqueue_script( 'main-scripts', get_template_directory_uri() . '/assets/js/scripts.js', array('jquery'), filemtime( $theme_js ), true ); + wp_enqueue_script( 'main-scripts', get_template_directory_uri() . '/assets/js/dist/main.js', array('jquery'), true ); // Add the comment-reply library on pages where it is necessary if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { diff --git a/package.json b/package.json index b203c94..b557a79 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,8 @@ "description": "A base starter theme for custom theme development for WordPress.", "main": "index.php", "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" + "test": "echo \"Error: no test specified\" && exit 1", + "dev": "gulp" }, "repository": { "type": "git", @@ -18,22 +19,21 @@ "css", "scss", "js", - "jquery", - "halo" + "jquery" ], "author": "Ben Brehaut", "license": "MIT", "devDependencies": { - "autoprefixer": "^6.5.3", - "grunt": "^1.0.1", - "grunt-browser-sync": "^2.2.0", - "grunt-contrib-concat": "^1.0.1", - "grunt-contrib-imagemin": "^1.0.1", - "grunt-contrib-uglify": "^2.0.0", - "grunt-contrib-watch": "^1.0.0", - "grunt-postcss": "^0.8.0", - "grunt-sass": "^1.2.1", - "grunt-svgstore": "^1.0.0", - "time-grunt": "^1.4.0" + "browser-sync": "^2.18.12", + "gulp": "^3.8.8", + "gulp-autoprefixer": "4.0.0", + "gulp-clean-css": "^3.6.0", + "gulp-concat": "^2.6.1", + "gulp-imagemin": "^3.3.0", + "gulp-plumber": "^1.1.0", + "gulp-sass": "^3.1.0", + "gulp-svgmin": "^1.2.4", + "gulp-svgstore": "^6.1.0", + "gulp-uglify": "^3.0.0" } }