From cd5ffe625f41420fcdc72bcda79528c1841b45e9 Mon Sep 17 00:00:00 2001 From: Ben Brehaut Date: Sun, 4 Jun 2017 22:18:22 +0100 Subject: [PATCH] Added skip to content link Go accessability! --- assets/css/style.css | 2 +- assets/scss/abstracts/_variables.scss | 2 +- assets/scss/base/_base.scss | 2 ++ assets/scss/partials/_header.scss | 2 -- assets/scss/partials/_skip-to-content.scss | 18 ++++++++++++++++++ assets/scss/style.scss | 1 + header.php | 4 ++++ 7 files changed, 27 insertions(+), 4 deletions(-) create mode 100644 assets/scss/partials/_skip-to-content.scss diff --git a/assets/css/style.css b/assets/css/style.css index f7763f2..6c8bf73 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,2 +1,2 @@ -._sr-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}._slab-primary{background-color:#000}._slab-secondary{background-color:#edebec}._slab-tertiary{background-color:#fff}._text-color-primary{color:#000}._text-color-secondary{color:#edebec}._text-caps{text-transform:uppercase}._text-l{text-align:left}._text-c{text-align:center}._text-r{text-align:right}.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:#ff0;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:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}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}.site{height:100%}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}.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:#000;color:#edebec;padding:.3125rem}.btn-primary:hover{background-color:#333}.page-banner{width:100%;height:15.625rem}.post{width:33.333%;float:left;background-color:#edebec;padding:.9375rem;margin:.9375rem}.icon{width:1.5625rem;height:1.5625rem;fill:black}.site-header{width:100%;float:left}.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__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-logo a{text-decoration:none;color:#000}.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-footer{width:100%;float:left}.site-footer__main{padding-top:1.875rem;padding-bottom:1.875rem}.site-footer__bottom{background-color:#1a1a1a;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} +._sr-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}._slab-primary{background-color:#000}._slab-secondary{background-color:#edebec}._slab-tertiary{background-color:#fff}._text-color-primary{color:#000}._text-color-secondary{color:#edebec}._text-caps{text-transform:uppercase}._text-l{text-align:left}._text-c{text-align:center}._text-r{text-align:right}.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;-moz-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:#ff0;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:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{-webkit-box-sizing:border-box;-moz-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;-moz-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;-moz-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}.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}.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:#000;color:#edebec;padding:.3125rem}.btn-primary:hover{background-color:#333}.page-banner{width:100%;height:15.625rem}.post{width:33.333%;float:left;background-color:#edebec;padding:.9375rem;margin:.9375rem}.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__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-logo a{text-decoration:none;color:#000}.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}.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:#000;color:#edebec}.site-footer{width:100%;float:left}.site-footer__main{padding-top:1.875rem;padding-bottom:1.875rem}.site-footer__bottom{background-color:#1a1a1a;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} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/assets/scss/abstracts/_variables.scss b/assets/scss/abstracts/_variables.scss index c0b61b5..8ffd050 100755 --- a/assets/scss/abstracts/_variables.scss +++ b/assets/scss/abstracts/_variables.scss @@ -54,7 +54,7 @@ $spacing-tertiary: rem-calc(5); // Z Index index // - - - - - -$z-stack: site, mobileMenu, siteOverlay, modal; +$z-stack: site, skipToContent, mobileMenu, siteOverlay, modal; // Layout & Grid // - - - - - diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss index 2b60210..f060fe9 100755 --- a/assets/scss/base/_base.scss +++ b/assets/scss/base/_base.scss @@ -24,6 +24,8 @@ body { .site { height: 100%; + position: relative; + z-index: index($z-stack, site); } img { diff --git a/assets/scss/partials/_header.scss b/assets/scss/partials/_header.scss index b510ea6..08d13c3 100755 --- a/assets/scss/partials/_header.scss +++ b/assets/scss/partials/_header.scss @@ -4,8 +4,6 @@ .site-header { @include clearfix; - width: 100%; - float: left; &__top, &__bottom { diff --git a/assets/scss/partials/_skip-to-content.scss b/assets/scss/partials/_skip-to-content.scss new file mode 100644 index 0000000..6dd8edd --- /dev/null +++ b/assets/scss/partials/_skip-to-content.scss @@ -0,0 +1,18 @@ +// - - - - - - - - - - - - - - - - - - - - - - - - - +// Skip to content link +// - - - - - - - - - - - - - - - - - - - - - - - - - + +.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: index($z-stack, skipToContent); + background-color: $palette-primary; + color: $palette-secondary; +} diff --git a/assets/scss/style.scss b/assets/scss/style.scss index f8e4b2c..1087593 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -40,6 +40,7 @@ License URI: http://www.opensource.org/licenses/mit-license.php // Paritals @import 'partials/header', + 'partials/skip-to-content', 'partials/footer', 'partials/breadcrumbs'; diff --git a/header.php b/header.php index 1ea01ee..65aa411 100644 --- a/header.php +++ b/header.php @@ -49,6 +49,10 @@ + + + +