From f23a2113ed2c5e32bbdd26c3124c85ea7566c743 Mon Sep 17 00:00:00 2001 From: Pete Lumbis Date: Tue, 13 Sep 2022 17:33:43 -0400 Subject: [PATCH] Update with plain CSS files --- themes/crossplane/static/css/404.css | 26 +- themes/crossplane/static/css/community.css | 123 +----- themes/crossplane/static/css/docs.css | 341 +--------------- themes/crossplane/static/css/index.css | 446 +------------------- themes/crossplane/static/css/main.css | 449 +-------------------- 5 files changed, 5 insertions(+), 1380 deletions(-) diff --git a/themes/crossplane/static/css/404.css b/themes/crossplane/static/css/404.css index c3151546..84403939 100644 --- a/themes/crossplane/static/css/404.css +++ b/themes/crossplane/static/css/404.css @@ -1,25 +1 @@ ---- ---- -h2, h3, #redirect { - text-align: center; - color: #505a72; -} - -#content { - #holder { - -ms-flex: 1; - flex: 1; - } - - display: -ms-flexbox; - - display: flex; - -ms-flex-align: center; - align-items: center; - min-height: calc(100% - 223px); - - a { - color: #35d0ba; - text-decoration: none; - } -} +h2,h3,#redirect{text-align:center;color:#505a72}#content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 223px)}#content #holder{-ms-flex:1;flex:1}#content a{color:#35d0ba;text-decoration:none} diff --git a/themes/crossplane/static/css/community.css b/themes/crossplane/static/css/community.css index b6f3a683..bbf54a51 100644 --- a/themes/crossplane/static/css/community.css +++ b/themes/crossplane/static/css/community.css @@ -1,122 +1 @@ ---- ---- - -@import "vars"; - -#commercial { - background-color: #183d54; - text-align: center; - - h1 { - color: #FFFFFF; - max-width: 830px; - width: 100%; - margin: 0 auto; - line-height: 55px; - margin-bottom: 50px; - margin-top: 40px; - } - - #squares { - margin-bottom: 50px; - } - - .company-card { - max-width: 800px; - width: 100%; - margin: 0 auto 110px auto; - - .topbar { - height: 10px; - width: 100%; - background-color: #35d0ba; - } - - .card-content { - padding: 50px 35px; - background-color: #FFFFFF; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - - @media (max-width: $md-width) { - flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - -o-flex-direction: column; - } - - .company-logo { - margin-right: 30px; - padding: 25px; - border: 1px solid #ebebeb; - border-radius: 5px; - } - - .company-info { - text-align: left; - font-size: 18px; - - & p, & a { - color: #183d54; - } - - & span { - margin: 0 7px; - } - } - } - } - - .let-us-know { - margin-bottom: 100px; - - & p { - color: #FFFFFF; - margin: 0; - } - - & a { - color: #34d0bb; - } - } -} - -#cncf { - text-align: center; - padding: 15px 0 100px 0; - - h2 { - color: #183d54; - - & span { - color: #34d0bb; - } - } -} - -#production { - position: relative; - background-color: #f7f7f7; - text-align: center; - padding-top: 65px; - padding-bottom: 90px; - overflow: initial !important; - - h2 { - color: #183d54; - } - - a { - color: #505a72; - font-size: 16px; - } - - #stacksImg { - position: absolute; - top: -20%; - margin: 0 0 0 -82px; - left: 50%; - } -} \ No newline at end of file +#commercial{background-color:#183d54;text-align:center}#commercial h1{color:#FFFFFF;max-width:830px;width:100%;margin:0 auto;line-height:55px;margin-bottom:50px;margin-top:40px}#commercial #squares{margin-bottom:50px}#commercial .company-card{max-width:800px;width:100%;margin:0 auto 110px auto}#commercial .company-card .topbar{height:10px;width:100%;background-color:#35d0ba}#commercial .company-card .card-content{padding:50px 35px;background-color:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width: 64em){#commercial .company-card .card-content{flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}}#commercial .company-card .card-content .company-logo{margin-right:30px;padding:25px;border:1px solid #ebebeb;border-radius:5px}#commercial .company-card .card-content .company-info{text-align:left;font-size:18px}#commercial .company-card .card-content .company-info p,#commercial .company-card .card-content .company-info a{color:#183d54}#commercial .company-card .card-content .company-info span{margin:0 7px}#commercial .let-us-know{margin-bottom:100px}#commercial .let-us-know p{color:#FFFFFF;margin:0}#commercial .let-us-know a{color:#34d0bb}#cncf{text-align:center;padding:15px 0 100px 0}#cncf h2{color:#183d54}#cncf h2 span{color:#34d0bb}#production{position:relative;background-color:#f7f7f7;text-align:center;padding-top:65px;padding-bottom:90px;overflow:initial !important}#production h2{color:#183d54}#production a{color:#505a72;font-size:16px}#production #stacksImg{position:absolute;top:-20%;margin:0 0 0 -82px;left:50%} diff --git a/themes/crossplane/static/css/docs.css b/themes/crossplane/static/css/docs.css index 250076d9..dd1bc207 100644 --- a/themes/crossplane/static/css/docs.css +++ b/themes/crossplane/static/css/docs.css @@ -1,340 +1 @@ ---- ---- - -@import "minima"; -@import "vars"; - -body { - font-size: 14px; - font-family: $body-font; -} - -a:hover { - text-decoration: none; -} - -ul { - list-style-type: square; - - ul { - list-style-type: disc; - } -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: $header-font; - font-weight: normal; -} - -h1 { - font-size: 32px; - line-height: 1.2; - margin-top: 50px; - font-weight: 900; -} - -h2 { - font-size: 24px; - line-height: 1.08; - margin-top: 50px; -} - -h3 { - font-size: 18px; - line-height: 1.44; - margin-top: 30px; -} - -select { - border-radius: 5px; - height: 40px; - box-sizing: border-box; - border: 1px solid #dcdcde; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - color: #505a72; - font-family: $body-font; - font-size: 14px; - background-image: url({{"/images/arrow-down.svg"|relative_url}}); - background-repeat: no-repeat; - background-position: right 14px center; - background-size: 12px 6px; - padding: 0 30px 0 15px; - - &::-ms-expand { - display: none; /* hide the default arrow in ie10 and ie11 */ - } - - &:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; - } -} - -a { - color: #3bbdc4; - - &:visited { - color: #3bbdc4; - } -} - -p { - font-family: $body-font; - font-size: 14px; - line-height: 1.79; -} - -code { - font-family: monospace; - font-size: 14px; - color: #3bbdc4; - background-color: #f3f5fa; - border-radius: 10px; -} - -.highlighter-rouge .highlight { - background-color: #f3f5fa; - font-size: 14px; - border: none; -} - -pre > code { - background-color: #f3f5fa; -} - -.page { - max-width: $page-width; - margin-left: auto; - margin-right: auto; - padding: 0 $page-padding 30px; - min-height: calc(100% - 338px); - color: #505a72; - box-sizing: border-box; - - @media (min-width: $md-width) { - display: -ms-flexbox; - display: flex; - } - - @media (max-width: $sm-width) { - padding-left: $page-padding-small; - padding-right: $page-padding-small; - } - - .menu-open & { - display: none; - } -} - -#docs-header { - background-color: #f3f5fa; - color: #505a72; - - .menu-open & { - display: none; - } - - & > div { - max-width: $page-width; - margin: 0 auto; - padding: 37px $page-padding 38px; - box-sizing: border-box; - - @media (max-width: $sm-width) { - padding-left: $page-padding-small; - padding-right: $page-padding-small; - } - } - - h1 { - font-size: 24px; - line-height: 40px; - margin: 0; - display: inline-block; - font-weight: normal; - } - - .versions { - float: right; - position: relative; - - @media (max-width: $sm-width) { - float: none; - margin-top: 20px; - } - - &.latest > div { - display: inline-block; - position: relative; - - & > div::after { - content: "Latest"; - font-family: $body-font; - font-size: 14px; - line-height: 1.79; - color: #505a72; - border-radius: 12px; - background-color: #3bbdc4; - color: white; - display: inline-block; - padding: 0 15px; - height: 24px; - right: 37px; - top: 8px; - position: absolute; - pointer-events: none; - } - } - - &.latest select { - padding-right: 95px; - } - } -} - -.docs-menu { - min-width: 260px; - padding-right: 30px; - - @media (max-width: $md-width) { - padding-right: 0; - } - - & > ul { - top: 0; - position: -webkit-sticky; - position: sticky; - padding-top: 30px; - margin-bottom: 20px; - - & > li { - transition: height 0.3s ease-in-out; - overflow: hidden; - height: 59px; - - &.open { - height: auto; - } - } - } - - ul { - margin-left: 0; - list-style: none; - min-width: 0; - - li { - padding-left: 0px; - font-family: $body-font; - font-size: 18px; - line-height: 3.22; - color: #505a72; - border-bottom: 1px solid #d8d8d8; - - &.current { - color: #3bbdc4; - } - - &.childCurrent > a { - color: #3bbdc4; - } - - a { - color: #505a72; - display: inline-block; - } - - & > a.arrow { - float: right; - margin-top: 18px; - margin-right: 8px; - cursor: pointer; - width: 20px; - height: 20px; - - div { - background-image: url({{"/images/arrow-down.svg"|relative_url}}); - background-repeat: no-repeat; - background-position: center; - width: 20px; - height: 20px; - transition: -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out, - -webkit-transform 0.3s ease-in-out; - } - } - - &.open > a.arrow div { - -webkit-transform: rotateX(180deg); - transform: rotateX(180deg); - } - - ul { - margin-bottom: 16px; - } - - li { - font-size: 14px; - line-height: 2.5; - border: none; - } - } - } -} - -#edit { - float: right; - font-family: $body-font; - font-size: 14px; - line-height: 1.79; - color: #3bbdc4; - margin-top: 55px; - - @media (max-width: $md-width) { - float: none; - } - - img { - vertical-align: middle; - margin-right: 5px; - position: relative; - top: -2px; - } -} - -.docs-content { - -ms-flex: 1; - flex: 1; - min-width: 0; - - td { - padding: 5px; - } -} - -.alert { - padding: 20px; - margin-bottom: 15px; - margin-top: 100px; - border-radius: 4px; - border: 1px solid #000; - - &.master { - border-color: #f44336; - color: #f44336; - } - - &.old { - border-color: #2196f3; - color: #2196f3; - } -} +body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;vertical-align:middle}.icon>svg path{fill:#828282}.social-media-list .icon{padding-right:5px}.social-media-list li+li{padding-top:5px}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}body{font-size:14px;font-family:"Avenir-Roman"}a:hover{text-decoration:none}ul{list-style-type:square}ul ul{list-style-type:disc}h1,h2,h3,h4,h5,h6{font-family:"Avenir";font-weight:normal}h1{font-size:32px;line-height:1.2;margin-top:50px;font-weight:900}h2{font-size:24px;line-height:1.08;margin-top:50px}h3{font-size:18px;line-height:1.44;margin-top:30px}select{border-radius:5px;height:40px;box-sizing:border-box;border:1px solid #dcdcde;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#505a72;font-family:"Avenir-Roman";font-size:14px;background-image:url(/images/arrow-down.svg);background-repeat:no-repeat;background-position:right 14px center;background-size:12px 6px;padding:0 30px 0 15px}select::-ms-expand{display:none}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}a{color:#3bbdc4}a:visited{color:#3bbdc4}p{font-family:"Avenir-Roman";font-size:14px;line-height:1.79}code{font-family:monospace;font-size:14px;color:#3bbdc4;background-color:#f3f5fa;border-radius:10px}.highlighter-rouge .highlight{background-color:#f3f5fa;font-size:14px;border:none}pre>code{background-color:#f3f5fa}.page{max-width:1280px;margin-left:auto;margin-right:auto;padding:0 60px 30px;min-height:calc(100% - 338px);color:#505a72;box-sizing:border-box}@media (min-width: 64em){.page{display:-ms-flexbox;display:flex}}@media (max-width: 48em){.page{padding-left:30px;padding-right:30px}}.menu-open .page{display:none}#docs-header{background-color:#f3f5fa;color:#505a72}.menu-open #docs-header{display:none}#docs-header>div{max-width:1280px;margin:0 auto;padding:37px 60px 38px;box-sizing:border-box}@media (max-width: 48em){#docs-header>div{padding-left:30px;padding-right:30px}}#docs-header h1{font-size:24px;line-height:40px;margin:0;display:inline-block;font-weight:normal}#docs-header .versions{float:right;position:relative}@media (max-width: 48em){#docs-header .versions{float:none;margin-top:20px}}#docs-header .versions.latest>div{display:inline-block;position:relative}#docs-header .versions.latest>div>div::after{content:"Latest";font-family:"Avenir-Roman";font-size:14px;line-height:1.79;color:#505a72;border-radius:12px;background-color:#3bbdc4;color:white;display:inline-block;padding:0 15px;height:24px;right:37px;top:8px;position:absolute;pointer-events:none}#docs-header .versions.latest select{padding-right:95px}.docs-menu{min-width:260px;padding-right:30px}@media (max-width: 64em){.docs-menu{padding-right:0}}.docs-menu>ul{top:0;position:-webkit-sticky;position:sticky;padding-top:30px;margin-bottom:20px}.docs-menu>ul>li{transition:height 0.3s ease-in-out;overflow:hidden;height:59px}.docs-menu>ul>li.open{height:auto}.docs-menu ul{margin-left:0;list-style:none;min-width:0}.docs-menu ul li{padding-left:0px;font-family:"Avenir-Roman";font-size:18px;line-height:3.22;color:#505a72;border-bottom:1px solid #d8d8d8}.docs-menu ul li.current{color:#3bbdc4}.docs-menu ul li.childCurrent>a{color:#3bbdc4}.docs-menu ul li a{color:#505a72;display:inline-block}.docs-menu ul li>a.arrow{float:right;margin-top:18px;margin-right:8px;cursor:pointer;width:20px;height:20px}.docs-menu ul li>a.arrow div{background-image:url(/images/arrow-down.svg);background-repeat:no-repeat;background-position:center;width:20px;height:20px;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.docs-menu ul li.open>a.arrow div{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.docs-menu ul li ul{margin-bottom:16px}.docs-menu ul li li{font-size:14px;line-height:2.5;border:none}#edit{float:right;font-family:"Avenir-Roman";font-size:14px;line-height:1.79;color:#3bbdc4;margin-top:55px}@media (max-width: 64em){#edit{float:none}}#edit img{vertical-align:middle;margin-right:5px;position:relative;top:-2px}.docs-content{-ms-flex:1;flex:1;min-width:0}.docs-content td{padding:5px}.alert{padding:20px;margin-bottom:15px;margin-top:100px;border-radius:4px;border:1px solid #000}.alert.master{border-color:#f44336;color:#f44336}.alert.old{border-color:#2196f3;color:#2196f3} \ No newline at end of file diff --git a/themes/crossplane/static/css/index.css b/themes/crossplane/static/css/index.css index 9a353008..87cc67cc 100644 --- a/themes/crossplane/static/css/index.css +++ b/themes/crossplane/static/css/index.css @@ -1,445 +1 @@ ---- ---- - -@import "vars"; - -#content { - text-align: center; - color: $dark-text; - - h1, - h2, - h3, - h4 { - font-weight: 700; - } -} - -#jumbotron { - background-color: $dark-background-color; - color: white; - padding: 0 0 55px 0; - - .main { - padding-left: 30px; - text-align: left; - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - - h1 { - line-height: 1.2; - font-weight: 900; - - @media (max-width: $md-width) { - font-size: 36px; - } - } - - p { - opacity: 0.75; - margin-bottom: 25px; - } - - button { - img { - vertical-align: text-bottom; - margin-right: 5px - } - - @media (max-width: $sm-width) { - width: 100%; - } - } - - #getStarted { - border-color: #3bbdc4; - color: #3bbdc4; - margin-right: 15px; - margin-bottom: 15px; - } - - #joinSlack { - border-color: #FFF; - color: #FFF; - } - - } - - .hero { - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - - div, - img { - width: 100%; - } - } -} - -#communityDay { - background-color: #365063; - color: #FFF; - padding: 40px 0; - text-align: left; - position: relative; - - img { - max-width: 100%; - } - - p:nth-of-type(1) { - font-family: Avenir; - font-weight: 900; - } - - .bottom-border { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 5px; - background-image: url(../images/border.svg); - } -} - -#createdBy { - background-color: $darkish-background-color; - padding-top: 90px; - padding-bottom: 30px; - position: relative; - overflow: initial !important; - - h2 { - margin-top: 15px; - margin-bottom: 35px; - font-weight: 900; - } - - p { - margin-bottom: 20px; - } - - a { - font-size: 16px; - color: $dark-text; - - &:visited { - color: $dark-text; - } - } - - #stacksImg { - position: absolute; - top: -10%; - margin: 0 0 0 -82px; - left: 50%; - } - - img { - display: block; - margin: 25px auto; - } - - .provider-wrap { - min-height: 65px; - position: relative; - - @media (max-width: $md-width) { - margin: 15px 0; - } - - &:last-child { - @media (max-width: $md-width) { - margin: 35px 0; - } - } - } - - .provider-image { - max-width: 90%; - } - - .coming-soon { - position: absolute; - bottom: 0; - width: 100%; - - img { - margin-right: 5px; - } - - span { - color: $red; - } - } -} - -#blueprint { - background: $dark-background-color; - color: $white; - padding: 45px 0 300px; - - @media (max-width: $md-width) { - padding: 45px 0 220px; - } - - .blueprint-header { - margin-bottom: 35px; - } - - .blueprint-item { - text-align: left; - padding-bottom: 25px; - } - - .blueprint-bullet img { - margin-top: 5px; - } - - h3 { - margin-top: 0; - } - - p { - font-size: 16px; - } - - .blueprint-img { - display: flex; - display: -ms-flexbox; - -ms-flex-align: center; - align-items: center; - justify-content: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - - img { - max-width: 95%; - width: auto; - max-height: 720px; - height: auto; - } - - @media (max-width: $md-width) { - display: none; - } - } -} - -.use-cases { - background-color: $white; - color: $dark-blue-text; - text-align: left; - padding-top: 80px; - padding-bottom: 65px; - - a { - color: #183d54; - } - - .grid { - -ms-flex-align: center; - align-items: center; - - & > div { - padding-left: 16px; - } - } - - .img { - padding-left: 0; - padding-right: 16px; - img { - width: 100%; - } - } - - h2 { - margin-bottom: 35px; - line-height: 1.25; - font-weight: 900; - } - - p { - img { - display: block; - margin-top: 30px; - } - } -} - -#useCases1 { - padding-bottom: 100px; - overflow: initial; - - .grid > div > img { - width: 100% - } -} - -#nativeCommunity { - padding-bottom: 100px; - - h2 { - line-height: 55px; - margin-bottom: 65px; - } - - .community-row { - display: flex; - display: -ms-flexbox; - justify-content: space-evenly; - -ms-flex-pack: justify; - -webkit-justify-content: space-evenly; - flex-direction: row; - -moz-flex-direction: row; - -ms-flex-direction: row; - -o-flex-direction: row; - - img { - @media (max-width: $md-width) { - margin: 15px 0; - } - } - - @media (max-width: $md-width) { - flex-direction: column; - -moz-flex-direction: column; - -ms-flex-direction: column; - -o-flex-direction: column; - } - } - - .visit-upbound { - margin-top: 70px; - - a { - color: #183d54; - font-size: 18px; - line-height: 30px; - } - } -} - -#content > #openSource, #content > #useCases1 { - overflow: initial; -} - -#openSource { - position: relative; - padding: 170px 0 100px; - - @media (max-width: $sm-width) { - padding: 120px 0 100px; - } - - img { - position: absolute; - top: -40%; - margin-left: -203px; - left: 50%; - - @media (max-width: $sm-width) { - top: -25%; - margin-left: -150px; - width: 300px; - } - } - - button { - background-color: #193d54; - border-color: #193d54; - } -} - -#cncf { - padding-bottom: 50px; -} - -#community { - background-color: $dark-background-color; - color: white; - - h2 { - color: $blue; - line-height: 1; - margin-top: 100px; - margin-bottom: 40px; - font-weight: 900; - } - - p { - font-size: 24px; - - &.join { - font-size: 18px; - line-height: 1.39; - margin-top: 63px; - margin-bottom: 70px; - - a { - color: $blue; - &:visited { - color: $blue; - } - } - } - } - - .tile { - text-align: left; - color: $dark-text; - - & > div { - margin: 35px auto 0; - background-color: white; - box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.6); - height: calc(100% - 20px); - max-width: 270px; - - @media (max-width: $sm-width) { - margin-top: 20px; - } - - .topbar { - height: 10px; - } - - &.slack .topbar { - background-color: $dark-blue; - } - - &.github .topbar { - background-color: $red; - } - - &.youtube .topbar { - background-color: $orange; - } - - &.podcast .topbar { - background-color: $brown; - } - - .content { - padding: 60px 40px; - - h3 { - font-size: 25px; - font-weight: normal; - margin: 15px 0; - } - - p { - font-size: 14px; - line-height: 1.79; - margin-bottom: 30px; - } - } - } - } -} +#content{text-align:center;color:#505a72}#content h1,#content h2,#content h3,#content h4{font-weight:700}#jumbotron{background-color:#183d54;color:white;padding:0 0 55px 0}#jumbotron .main{padding-left:30px;text-align:left;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#jumbotron .main h1{line-height:1.2;font-weight:900}@media (max-width: 64em){#jumbotron .main h1{font-size:36px}}#jumbotron .main p{opacity:0.75;margin-bottom:25px}#jumbotron .main button img{vertical-align:text-bottom;margin-right:5px}@media (max-width: 48em){#jumbotron .main button{width:100%}}#jumbotron .main #getStarted{border-color:#3bbdc4;color:#3bbdc4;margin-right:15px;margin-bottom:15px}#jumbotron .main #joinSlack{border-color:#FFF;color:#FFF}#jumbotron .hero{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#jumbotron .hero div,#jumbotron .hero img{width:100%}#communityDay{background-color:#365063;color:#FFF;padding:40px 0;text-align:left;position:relative}#communityDay img{max-width:100%}#communityDay p:nth-of-type(1){font-family:Avenir;font-weight:900}#communityDay .bottom-border{position:absolute;bottom:0;left:0;width:100%;height:5px;background-image:url(../images/border.svg)}#createdBy{background-color:#f4f5f7;padding-top:90px;padding-bottom:30px;position:relative;overflow:initial !important}#createdBy h2{margin-top:15px;margin-bottom:35px;font-weight:900}#createdBy p{margin-bottom:20px}#createdBy a{font-size:16px;color:#505a72}#createdBy a:visited{color:#505a72}#createdBy #stacksImg{position:absolute;top:-10%;margin:0 0 0 -82px;left:50%}#createdBy img{display:block;margin:25px auto}#createdBy .provider-wrap{min-height:65px;position:relative}@media (max-width: 64em){#createdBy .provider-wrap{margin:15px 0}}@media (max-width: 64em){#createdBy .provider-wrap:last-child{margin:35px 0}}#createdBy .provider-image{max-width:90%}#createdBy .coming-soon{position:absolute;bottom:0;width:100%}#createdBy .coming-soon img{margin-right:5px}#createdBy .coming-soon span{color:#f3807b}#blueprint{background:#183d54;color:#fff;padding:45px 0 300px}@media (max-width: 64em){#blueprint{padding:45px 0 220px}}#blueprint .blueprint-header{margin-bottom:35px}#blueprint .blueprint-item{text-align:left;padding-bottom:25px}#blueprint .blueprint-bullet img{margin-top:5px}#blueprint h3{margin-top:0}#blueprint p{font-size:16px}#blueprint .blueprint-img{display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center}#blueprint .blueprint-img img{max-width:95%;width:auto;max-height:720px;height:auto}@media (max-width: 64em){#blueprint .blueprint-img{display:none}}.use-cases{background-color:#fff;color:#183d54;text-align:left;padding-top:80px;padding-bottom:65px}.use-cases a{color:#183d54}.use-cases .grid{-ms-flex-align:center;align-items:center}.use-cases .grid>div{padding-left:16px}.use-cases .img{padding-left:0;padding-right:16px}.use-cases .img img{width:100%}.use-cases h2{margin-bottom:35px;line-height:1.25;font-weight:900}.use-cases p img{display:block;margin-top:30px}#useCases1{padding-bottom:100px;overflow:initial}#useCases1 .grid>div>img{width:100%}#nativeCommunity{padding-bottom:100px}#nativeCommunity h2{line-height:55px;margin-bottom:65px}#nativeCommunity .community-row{display:flex;display:-ms-flexbox;justify-content:space-evenly;-ms-flex-pack:justify;-webkit-justify-content:space-evenly;flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row}@media (max-width: 64em){#nativeCommunity .community-row img{margin:15px 0}}@media (max-width: 64em){#nativeCommunity .community-row{flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}}#nativeCommunity .visit-upbound{margin-top:70px}#nativeCommunity .visit-upbound a{color:#183d54;font-size:18px;line-height:30px}#content>#openSource,#content>#useCases1{overflow:initial}#openSource{position:relative;padding:170px 0 100px}@media (max-width: 48em){#openSource{padding:120px 0 100px}}#openSource img{position:absolute;top:-40%;margin-left:-203px;left:50%}@media (max-width: 48em){#openSource img{top:-25%;margin-left:-150px;width:300px}}#openSource button{background-color:#193d54;border-color:#193d54}#cncf{padding-bottom:50px}#community{background-color:#183d54;color:white}#community h2{color:#96ffe0;line-height:1;margin-top:100px;margin-bottom:40px;font-weight:900}#community p{font-size:24px}#community p.join{font-size:18px;line-height:1.39;margin-top:63px;margin-bottom:70px}#community p.join a{color:#96ffe0}#community p.join a:visited{color:#96ffe0}#community .tile{text-align:left;color:#505a72}#community .tile>div{margin:35px auto 0;background-color:white;box-shadow:0 1px 10px 0 rgba(0,0,0,0.6);height:calc(100% - 20px);max-width:270px}@media (max-width: 48em){#community .tile>div{margin-top:20px}}#community .tile>div .topbar{height:10px}#community .tile>div.slack .topbar{background-color:#35d0ba}#community .tile>div.github .topbar{background-color:#f3807b}#community .tile>div.youtube .topbar{background-color:#f3c47b}#community .tile>div.podcast .topbar{background-color:#d8ae64}#community .tile>div .content{padding:60px 40px}#community .tile>div .content h3{font-size:25px;font-weight:normal;margin:15px 0}#community .tile>div .content p{font-size:14px;line-height:1.79;margin-bottom:30px} \ No newline at end of file diff --git a/themes/crossplane/static/css/main.css b/themes/crossplane/static/css/main.css index c84366b3..0a3a60ec 100644 --- a/themes/crossplane/static/css/main.css +++ b/themes/crossplane/static/css/main.css @@ -1,448 +1 @@ ---- ---- -@import "normalize"; - -/*** GRID ***/ -@import "gridlex"; -/* Make the bottom padding smaller for grid rows */ -[class~="col"], -[class*="col-"], -[class*="col_"] { - padding-bottom: 15px; -} - -/*** Vars ***/ -@import "vars"; - -/* Add *-gt-hidden */ -@media (min-width: $lg-width) { - [class*="lg-gt-hidden"] { - display: none; - } -} -@media (min-width: $md-width) { - [class*="md-gt-hidden"] { - display: none; - } -} -@media (min-width: $sm-width) { - [class*="sm-gt-hidden"] { - display: none; - } -} -@media (min-width: $xs-width) { - [class*="xs-gt-hidden"] { - display: none; - } -} - -@font-face { - font-family: $body-font; - src: url({{"/fonts/Avenir-Roman.woff"|relative_url}}) format("woff"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: $header-font; - src: url({{"/fonts/Avenir-Black.woff"|relative_url}}) format("woff"); - font-weight: 900; - font-style: normal; - font-display: swap; -} - -@font-face { - font-family: $header-font; - src: url({{"/fonts/Avenir-Heavy.woff"|relative_url}}) format("woff"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - -h1, -h2, -h3, -h4 { - font-family: $header-font; - font-weight: normal; -} - -h1 { - font-size: 48px; - line-height: 1.04; -} - -h2 { - font-size: 32px; - line-height: 1.72; -} - -h3 { - font-size: 24px; - line-height: 1.46; -} - -h4 { - font-size: 20px; - line-height: 0.83; -} - -p { - font-size: 20px; - line-height: 1.5; -} - -button { - color: white; - border: 1px solid white; - border-radius: 20px; - padding: 12px 25px 10px 25px; - font-size: 14px; - background-color: transparent; - cursor: pointer; - - &.grey { - color: $dark-text; - border-color: $dark-text; - } -} - -html, -body { - height: 100%; - min-width: 320px; -} - -body { - font-family: $body-font; -} - -#header, -#content > div, -#footer { - overflow: auto; - - & > div { - max-width: $page-width; - margin: 0 auto; - padding: 0 $page-padding; - box-sizing: border-box; - - @media (max-width: $sm-width) { - padding: 0 $page-padding-small; - } - } -} - -#header { - background-color: $dark-background-color; - clear: both; - $header-padding: 30px; - padding: $header-padding 0; - $header-height: 34px; - font-family: $body-font; - font-size: 16px; - - & > div { - display: -ms-flexbox; - display: flex; - } - - .logo, - .logo a, - .logo a img { - display: block; - } - - .logo img { - height: $header-height; - } - - .hamburger-controls { - position: absolute; - right: 30px; - top: 40px; - display: none; - cursor: pointer; - - width: 16px; - height: 16px; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - transition: 0.5s ease-in-out; - - span { - display: block; - position: absolute; - height: 2px; - width: 14px; - background: #ffffff; - border-radius: 1px; - opacity: 1; - left: 0; - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - transition: 0.25s ease-in-out; - margin: 0 1px; - } - - span:nth-child(1) { - top: 1px; - -webkit-transform-origin: left center; - transform-origin: left center; - } - - span:nth-child(2) { - top: 7px; - -webkit-transform-origin: left center; - transform-origin: left center; - } - - span:nth-child(3) { - top: 13px; - -webkit-transform-origin: left center; - transform-origin: left center; - } - - body.menu-open & { - span:nth-child(1) { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - top: 2px; - left: 2px; - } - - span:nth-child(2) { - width: 0%; - opacity: 0; - } - - span:nth-child(3) { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - top: 12px; - left: 2px; - } - } - } - - .links { - text-align: right; - -ms-flex: 1; - flex: 1; - padding-left: 0; - margin: 0; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: end; - justify-content: flex-end; - -ms-flex-align: center; - align-items: center; - - li { - display: inline; - margin-right: 40px; - @media (max-width: $md-width) { - margin-right: 15px; - - img { - display: none; - } - } - - &:last-child { - margin-right: 0; - } - - img { - vertical-align: middle; - position: relative; - top: -2px; - margin-right: 8px; - } - } - - a { - text-decoration: none; - color: $blue; - font-size: 14px; - font-weight: 900; - - &:visited { - color: $blue; - } - } - } - - @media (max-width: $sm-width) { - .hamburger-controls { - display: block; - } - - .links { - display: none; - position: absolute; - background-color: $dark-background-color; - left: 0; - right: 0; - top: #{$header-padding + $header-padding + $header-height}; - bottom: 0; - padding-left: 60px; - text-align: left; - - .menu-open & { - display: block; - } - - li { - display: block; - margin: 0; - line-height: 50px; - } - - a { - font-size: 18px; - } - } - } -} - -.menu-open { - #content { - display: none; - } -} - -#footer { - background-color: $dark-background-color; - color: white; - font-size: 14px; - - .menu-open & { - display: none; - } - - .footer-main { - display: -ms-flexbox; - display: flex; - padding: 50px 40px !important; - height: 129px; - } - - .main { - line-height: 31px; - -ms-flex: 1; - flex: 1; - - .logo { - line-height: 0; - display: inline-block; - vertical-align: middle; - margin-right: 15px; - - img { - width: 134px; - position: relative; - top: -2px; - } - } - } - - .links { - line-height: 31px; - text-align: right; - - a { - color: $blue; - text-decoration: none; - margin-right: 30px; - - &:last-child { - margin-right: 0; - } - - @media (max-width: $lg-width) { - margin-right: 20px; - } - } - } - - .lf-copyright { - padding: 0 40px 50px !important; - text-align: center; - max-width: 800px; - - p { - font-size: 12px; - line-height: 18px; - margin: 10px 0 0 0; - - &:first-of-type { - margin: 0; - } - } - - a { - color: $blue; - - &:visited, - &:focus, - &:active { - color: $blue; - } - - &:hover{ - text-decoration: none; - } - } - } -} - -/* Top promotional banner */ -#topBanner { - height: 75px; - display: flex; - display: -ms-flexbox; - justify-content: center; - -ms-flex-pack: center; - flex-direction: column; - -ms-flex-direction: column; - background: #96ffe0; - - & > div { - text-align: center; - display: flex; - display: -ms-flexbox; - width: 100%; - justify-content: center; - -ms-flex-pack: center; - flex-direction: column; - -ms-flex-direction: column; - } - - p { - font-size: 16px; - margin: 0; - } - - span { - font-weight: 900; - } - - a { - color: #000; - } - - @media (max-width: $md-width) { - padding: 5px 15px; - - span { - font-size: 14px; - } - - p { - font-size: 14px; - } - } -} +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[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{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}[class~="grid"],[class*="grid-"],[class*="grid_"]{box-sizing:border-box;display:flex;flex-flow:row wrap;margin:0 -.5rem}[class~="col"],[class*="col-"],[class*="col_"]{box-sizing:border-box;padding:0 .5rem 1rem;max-width:100%}[class~="col"],[class*="col_"]{flex:1 1 0%}[class*="col-"]{flex:none}[class~="grid"][class~="col"],[class~="grid"][class*="col-"],[class~="grid"][class*="col_"],[class*="grid-"][class~="col"],[class*="grid-"][class*="col-"],[class*="grid-"][class*="col_"],[class*="grid_"][class~="col"],[class*="grid_"][class*="col-"],[class*="grid_"][class*="col_"]{margin:0;padding:0}[class*="grid-"][class*="-noGutter"]{margin:0}[class*="grid-"][class*="-noGutter"]>[class~="col"],[class*="grid-"][class*="-noGutter"]>[class*="col-"]{padding:0}[class*="grid-"][class*="-noWrap"]{flex-wrap:nowrap}[class*="grid-"][class*="-center"]{justify-content:center}[class*="grid-"][class*="-right"]{justify-content:flex-end;align-self:flex-end;margin-left:auto}[class*="grid-"][class*="-top"]{align-items:flex-start}[class*="grid-"][class*="-middle"]{align-items:center}[class*="grid-"][class*="-bottom"]{align-items:flex-end}[class*="grid-"][class*="-reverse"]{flex-direction:row-reverse}[class*="grid-"][class*="-column"]{flex-direction:column}[class*="grid-"][class*="-column"]>[class*="col-"]{flex-basis:auto}[class*="grid-"][class*="-column-reverse"]{flex-direction:column-reverse}[class*="grid-"][class*="-spaceBetween"]{justify-content:space-between}[class*="grid-"][class*="-spaceAround"]{justify-content:space-around}[class*="grid-"][class*="-equalHeight"]>[class~="col"],[class*="grid-"][class*="-equalHeight"]>[class*="col-"],[class*="grid-"][class*="-equalHeight"]>[class*="col_"]{align-self:stretch}[class*="grid-"][class*="-equalHeight"]>[class~="col"]>*,[class*="grid-"][class*="-equalHeight"]>[class*="col-"]>*,[class*="grid-"][class*="-equalHeight"]>[class*="col_"]>*{height:100%}[class*="grid-"][class*="-noBottom"]>[class~="col"],[class*="grid-"][class*="-noBottom"]>[class*="col-"],[class*="grid-"][class*="-noBottom"]>[class*="col_"]{padding-bottom:0}[class*="col-"][class*="-top"]{align-self:flex-start}[class*="col-"][class*="-middle"]{align-self:center}[class*="col-"][class*="-bottom"]{align-self:flex-end}[class*="grid-1"]>[class~="col"],[class*="grid-1"]>[class*="col-"],[class*="grid-1"]>[class*="col_"]{flex-basis:100%;max-width:100%}[class*="grid-2"]>[class~="col"],[class*="grid-2"]>[class*="col-"],[class*="grid-2"]>[class*="col_"]{flex-basis:50%;max-width:50%}[class*="grid-3"]>[class~="col"],[class*="grid-3"]>[class*="col-"],[class*="grid-3"]>[class*="col_"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="grid-4"]>[class~="col"],[class*="grid-4"]>[class*="col-"],[class*="grid-4"]>[class*="col_"]{flex-basis:25%;max-width:25%}[class*="grid-5"]>[class~="col"],[class*="grid-5"]>[class*="col-"],[class*="grid-5"]>[class*="col_"]{flex-basis:20%;max-width:20%}[class*="grid-6"]>[class~="col"],[class*="grid-6"]>[class*="col-"],[class*="grid-6"]>[class*="col_"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="grid-7"]>[class~="col"],[class*="grid-7"]>[class*="col-"],[class*="grid-7"]>[class*="col_"]{flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="grid-8"]>[class~="col"],[class*="grid-8"]>[class*="col-"],[class*="grid-8"]>[class*="col_"]{flex-basis:12.5%;max-width:12.5%}[class*="grid-9"]>[class~="col"],[class*="grid-9"]>[class*="col-"],[class*="grid-9"]>[class*="col_"]{flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="grid-10"]>[class~="col"],[class*="grid-10"]>[class*="col-"],[class*="grid-10"]>[class*="col_"]{flex-basis:10%;max-width:10%}[class*="grid-11"]>[class~="col"],[class*="grid-11"]>[class*="col-"],[class*="grid-11"]>[class*="col_"]{flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="grid-12"]>[class~="col"],[class*="grid-12"]>[class*="col-"],[class*="grid-12"]>[class*="col_"]{flex-basis:8.3333333333%;max-width:8.3333333333%}@media (max-width: 80em){[class*="_lg-1"]>[class~="col"],[class*="_lg-1"]>[class*="col-"],[class*="_lg-1"]>[class*="col_"]{flex-basis:100%;max-width:100%}[class*="_lg-2"]>[class~="col"],[class*="_lg-2"]>[class*="col-"],[class*="_lg-2"]>[class*="col_"]{flex-basis:50%;max-width:50%}[class*="_lg-3"]>[class~="col"],[class*="_lg-3"]>[class*="col-"],[class*="_lg-3"]>[class*="col_"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_lg-4"]>[class~="col"],[class*="_lg-4"]>[class*="col-"],[class*="_lg-4"]>[class*="col_"]{flex-basis:25%;max-width:25%}[class*="_lg-5"]>[class~="col"],[class*="_lg-5"]>[class*="col-"],[class*="_lg-5"]>[class*="col_"]{flex-basis:20%;max-width:20%}[class*="_lg-6"]>[class~="col"],[class*="_lg-6"]>[class*="col-"],[class*="_lg-6"]>[class*="col_"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_lg-7"]>[class~="col"],[class*="_lg-7"]>[class*="col-"],[class*="_lg-7"]>[class*="col_"]{flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_lg-8"]>[class~="col"],[class*="_lg-8"]>[class*="col-"],[class*="_lg-8"]>[class*="col_"]{flex-basis:12.5%;max-width:12.5%}[class*="_lg-9"]>[class~="col"],[class*="_lg-9"]>[class*="col-"],[class*="_lg-9"]>[class*="col_"]{flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_lg-10"]>[class~="col"],[class*="_lg-10"]>[class*="col-"],[class*="_lg-10"]>[class*="col_"]{flex-basis:10%;max-width:10%}[class*="_lg-11"]>[class~="col"],[class*="_lg-11"]>[class*="col-"],[class*="_lg-11"]>[class*="col_"]{flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_lg-12"]>[class~="col"],[class*="_lg-12"]>[class*="col-"],[class*="_lg-12"]>[class*="col_"]{flex-basis:8.3333333333%;max-width:8.3333333333%}}@media (max-width: 64em){[class*="_md-1"]>[class~="col"],[class*="_md-1"]>[class*="col-"],[class*="_md-1"]>[class*="col_"]{flex-basis:100%;max-width:100%}[class*="_md-2"]>[class~="col"],[class*="_md-2"]>[class*="col-"],[class*="_md-2"]>[class*="col_"]{flex-basis:50%;max-width:50%}[class*="_md-3"]>[class~="col"],[class*="_md-3"]>[class*="col-"],[class*="_md-3"]>[class*="col_"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_md-4"]>[class~="col"],[class*="_md-4"]>[class*="col-"],[class*="_md-4"]>[class*="col_"]{flex-basis:25%;max-width:25%}[class*="_md-5"]>[class~="col"],[class*="_md-5"]>[class*="col-"],[class*="_md-5"]>[class*="col_"]{flex-basis:20%;max-width:20%}[class*="_md-6"]>[class~="col"],[class*="_md-6"]>[class*="col-"],[class*="_md-6"]>[class*="col_"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_md-7"]>[class~="col"],[class*="_md-7"]>[class*="col-"],[class*="_md-7"]>[class*="col_"]{flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_md-8"]>[class~="col"],[class*="_md-8"]>[class*="col-"],[class*="_md-8"]>[class*="col_"]{flex-basis:12.5%;max-width:12.5%}[class*="_md-9"]>[class~="col"],[class*="_md-9"]>[class*="col-"],[class*="_md-9"]>[class*="col_"]{flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_md-10"]>[class~="col"],[class*="_md-10"]>[class*="col-"],[class*="_md-10"]>[class*="col_"]{flex-basis:10%;max-width:10%}[class*="_md-11"]>[class~="col"],[class*="_md-11"]>[class*="col-"],[class*="_md-11"]>[class*="col_"]{flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_md-12"]>[class~="col"],[class*="_md-12"]>[class*="col-"],[class*="_md-12"]>[class*="col_"]{flex-basis:8.3333333333%;max-width:8.3333333333%}}@media (max-width: 48em){[class*="_sm-1"]>[class~="col"],[class*="_sm-1"]>[class*="col-"],[class*="_sm-1"]>[class*="col_"]{flex-basis:100%;max-width:100%}[class*="_sm-2"]>[class~="col"],[class*="_sm-2"]>[class*="col-"],[class*="_sm-2"]>[class*="col_"]{flex-basis:50%;max-width:50%}[class*="_sm-3"]>[class~="col"],[class*="_sm-3"]>[class*="col-"],[class*="_sm-3"]>[class*="col_"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_sm-4"]>[class~="col"],[class*="_sm-4"]>[class*="col-"],[class*="_sm-4"]>[class*="col_"]{flex-basis:25%;max-width:25%}[class*="_sm-5"]>[class~="col"],[class*="_sm-5"]>[class*="col-"],[class*="_sm-5"]>[class*="col_"]{flex-basis:20%;max-width:20%}[class*="_sm-6"]>[class~="col"],[class*="_sm-6"]>[class*="col-"],[class*="_sm-6"]>[class*="col_"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_sm-7"]>[class~="col"],[class*="_sm-7"]>[class*="col-"],[class*="_sm-7"]>[class*="col_"]{flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_sm-8"]>[class~="col"],[class*="_sm-8"]>[class*="col-"],[class*="_sm-8"]>[class*="col_"]{flex-basis:12.5%;max-width:12.5%}[class*="_sm-9"]>[class~="col"],[class*="_sm-9"]>[class*="col-"],[class*="_sm-9"]>[class*="col_"]{flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_sm-10"]>[class~="col"],[class*="_sm-10"]>[class*="col-"],[class*="_sm-10"]>[class*="col_"]{flex-basis:10%;max-width:10%}[class*="_sm-11"]>[class~="col"],[class*="_sm-11"]>[class*="col-"],[class*="_sm-11"]>[class*="col_"]{flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_sm-12"]>[class~="col"],[class*="_sm-12"]>[class*="col-"],[class*="_sm-12"]>[class*="col_"]{flex-basis:8.3333333333%;max-width:8.3333333333%}}@media (max-width: 36em){[class*="_xs-1"]>[class~="col"],[class*="_xs-1"]>[class*="col-"],[class*="_xs-1"]>[class*="col_"]{flex-basis:100%;max-width:100%}[class*="_xs-2"]>[class~="col"],[class*="_xs-2"]>[class*="col-"],[class*="_xs-2"]>[class*="col_"]{flex-basis:50%;max-width:50%}[class*="_xs-3"]>[class~="col"],[class*="_xs-3"]>[class*="col-"],[class*="_xs-3"]>[class*="col_"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class*="_xs-4"]>[class~="col"],[class*="_xs-4"]>[class*="col-"],[class*="_xs-4"]>[class*="col_"]{flex-basis:25%;max-width:25%}[class*="_xs-5"]>[class~="col"],[class*="_xs-5"]>[class*="col-"],[class*="_xs-5"]>[class*="col_"]{flex-basis:20%;max-width:20%}[class*="_xs-6"]>[class~="col"],[class*="_xs-6"]>[class*="col-"],[class*="_xs-6"]>[class*="col_"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class*="_xs-7"]>[class~="col"],[class*="_xs-7"]>[class*="col-"],[class*="_xs-7"]>[class*="col_"]{flex-basis:14.2857142857%;max-width:14.2857142857%}[class*="_xs-8"]>[class~="col"],[class*="_xs-8"]>[class*="col-"],[class*="_xs-8"]>[class*="col_"]{flex-basis:12.5%;max-width:12.5%}[class*="_xs-9"]>[class~="col"],[class*="_xs-9"]>[class*="col-"],[class*="_xs-9"]>[class*="col_"]{flex-basis:11.1111111111%;max-width:11.1111111111%}[class*="_xs-10"]>[class~="col"],[class*="_xs-10"]>[class*="col-"],[class*="_xs-10"]>[class*="col_"]{flex-basis:10%;max-width:10%}[class*="_xs-11"]>[class~="col"],[class*="_xs-11"]>[class*="col-"],[class*="_xs-11"]>[class*="col_"]{flex-basis:9.0909090909%;max-width:9.0909090909%}[class*="_xs-12"]>[class~="col"],[class*="_xs-12"]>[class*="col-"],[class*="_xs-12"]>[class*="col_"]{flex-basis:8.3333333333%;max-width:8.3333333333%}}[class~="grid"]>[class*="col-1"],[class*="grid-"]>[class*="col-1"],[class*="grid_"]>[class*="col-1"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[class~="grid"]>[class*="col-2"],[class*="grid-"]>[class*="col-2"],[class*="grid_"]>[class*="col-2"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class~="grid"]>[class*="col-3"],[class*="grid-"]>[class*="col-3"],[class*="grid_"]>[class*="col-3"]{flex-basis:25%;max-width:25%}[class~="grid"]>[class*="col-4"],[class*="grid-"]>[class*="col-4"],[class*="grid_"]>[class*="col-4"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class~="grid"]>[class*="col-5"],[class*="grid-"]>[class*="col-5"],[class*="grid_"]>[class*="col-5"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[class~="grid"]>[class*="col-6"],[class*="grid-"]>[class*="col-6"],[class*="grid_"]>[class*="col-6"]{flex-basis:50%;max-width:50%}[class~="grid"]>[class*="col-7"],[class*="grid-"]>[class*="col-7"],[class*="grid_"]>[class*="col-7"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[class~="grid"]>[class*="col-8"],[class*="grid-"]>[class*="col-8"],[class*="grid_"]>[class*="col-8"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[class~="grid"]>[class*="col-9"],[class*="grid-"]>[class*="col-9"],[class*="grid_"]>[class*="col-9"]{flex-basis:75%;max-width:75%}[class~="grid"]>[class*="col-10"],[class*="grid-"]>[class*="col-10"],[class*="grid_"]>[class*="col-10"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[class~="grid"]>[class*="col-11"],[class*="grid-"]>[class*="col-11"],[class*="grid_"]>[class*="col-11"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[class~="grid"]>[class*="col-12"],[class*="grid-"]>[class*="col-12"],[class*="grid_"]>[class*="col-12"]{flex-basis:100%;max-width:100%}[class~="grid"]>[data-push-left*="off-0"],[class*="grid-"]>[data-push-left*="off-0"],[class*="grid_"]>[data-push-left*="off-0"]{margin-left:0}[class~="grid"]>[data-push-left*="off-1"],[class*="grid-"]>[data-push-left*="off-1"],[class*="grid_"]>[data-push-left*="off-1"]{margin-left:8.3333333333%}[class~="grid"]>[data-push-left*="off-2"],[class*="grid-"]>[data-push-left*="off-2"],[class*="grid_"]>[data-push-left*="off-2"]{margin-left:16.6666666667%}[class~="grid"]>[data-push-left*="off-3"],[class*="grid-"]>[data-push-left*="off-3"],[class*="grid_"]>[data-push-left*="off-3"]{margin-left:25%}[class~="grid"]>[data-push-left*="off-4"],[class*="grid-"]>[data-push-left*="off-4"],[class*="grid_"]>[data-push-left*="off-4"]{margin-left:33.3333333333%}[class~="grid"]>[data-push-left*="off-5"],[class*="grid-"]>[data-push-left*="off-5"],[class*="grid_"]>[data-push-left*="off-5"]{margin-left:41.6666666667%}[class~="grid"]>[data-push-left*="off-6"],[class*="grid-"]>[data-push-left*="off-6"],[class*="grid_"]>[data-push-left*="off-6"]{margin-left:50%}[class~="grid"]>[data-push-left*="off-7"],[class*="grid-"]>[data-push-left*="off-7"],[class*="grid_"]>[data-push-left*="off-7"]{margin-left:58.3333333333%}[class~="grid"]>[data-push-left*="off-8"],[class*="grid-"]>[data-push-left*="off-8"],[class*="grid_"]>[data-push-left*="off-8"]{margin-left:66.6666666667%}[class~="grid"]>[data-push-left*="off-9"],[class*="grid-"]>[data-push-left*="off-9"],[class*="grid_"]>[data-push-left*="off-9"]{margin-left:75%}[class~="grid"]>[data-push-left*="off-10"],[class*="grid-"]>[data-push-left*="off-10"],[class*="grid_"]>[data-push-left*="off-10"]{margin-left:83.3333333333%}[class~="grid"]>[data-push-left*="off-11"],[class*="grid-"]>[data-push-left*="off-11"],[class*="grid_"]>[data-push-left*="off-11"]{margin-left:91.6666666667%}[class~="grid"]>[data-push-right*="off-0"],[class*="grid-"]>[data-push-right*="off-0"],[class*="grid_"]>[data-push-right*="off-0"]{margin-right:0}[class~="grid"]>[data-push-right*="off-1"],[class*="grid-"]>[data-push-right*="off-1"],[class*="grid_"]>[data-push-right*="off-1"]{margin-right:8.3333333333%}[class~="grid"]>[data-push-right*="off-2"],[class*="grid-"]>[data-push-right*="off-2"],[class*="grid_"]>[data-push-right*="off-2"]{margin-right:16.6666666667%}[class~="grid"]>[data-push-right*="off-3"],[class*="grid-"]>[data-push-right*="off-3"],[class*="grid_"]>[data-push-right*="off-3"]{margin-right:25%}[class~="grid"]>[data-push-right*="off-4"],[class*="grid-"]>[data-push-right*="off-4"],[class*="grid_"]>[data-push-right*="off-4"]{margin-right:33.3333333333%}[class~="grid"]>[data-push-right*="off-5"],[class*="grid-"]>[data-push-right*="off-5"],[class*="grid_"]>[data-push-right*="off-5"]{margin-right:41.6666666667%}[class~="grid"]>[data-push-right*="off-6"],[class*="grid-"]>[data-push-right*="off-6"],[class*="grid_"]>[data-push-right*="off-6"]{margin-right:50%}[class~="grid"]>[data-push-right*="off-7"],[class*="grid-"]>[data-push-right*="off-7"],[class*="grid_"]>[data-push-right*="off-7"]{margin-right:58.3333333333%}[class~="grid"]>[data-push-right*="off-8"],[class*="grid-"]>[data-push-right*="off-8"],[class*="grid_"]>[data-push-right*="off-8"]{margin-right:66.6666666667%}[class~="grid"]>[data-push-right*="off-9"],[class*="grid-"]>[data-push-right*="off-9"],[class*="grid_"]>[data-push-right*="off-9"]{margin-right:75%}[class~="grid"]>[data-push-right*="off-10"],[class*="grid-"]>[data-push-right*="off-10"],[class*="grid_"]>[data-push-right*="off-10"]{margin-right:83.3333333333%}[class~="grid"]>[data-push-right*="off-11"],[class*="grid-"]>[data-push-right*="off-11"],[class*="grid_"]>[data-push-right*="off-11"]{margin-right:91.6666666667%}@media (max-width: 80em){[class~="grid"]>[class*="_lg-1"],[class*="grid-"]>[class*="_lg-1"],[class*="grid_"]>[class*="_lg-1"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[class~="grid"]>[class*="_lg-2"],[class*="grid-"]>[class*="_lg-2"],[class*="grid_"]>[class*="_lg-2"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class~="grid"]>[class*="_lg-3"],[class*="grid-"]>[class*="_lg-3"],[class*="grid_"]>[class*="_lg-3"]{flex-basis:25%;max-width:25%}[class~="grid"]>[class*="_lg-4"],[class*="grid-"]>[class*="_lg-4"],[class*="grid_"]>[class*="_lg-4"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class~="grid"]>[class*="_lg-5"],[class*="grid-"]>[class*="_lg-5"],[class*="grid_"]>[class*="_lg-5"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[class~="grid"]>[class*="_lg-6"],[class*="grid-"]>[class*="_lg-6"],[class*="grid_"]>[class*="_lg-6"]{flex-basis:50%;max-width:50%}[class~="grid"]>[class*="_lg-7"],[class*="grid-"]>[class*="_lg-7"],[class*="grid_"]>[class*="_lg-7"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[class~="grid"]>[class*="_lg-8"],[class*="grid-"]>[class*="_lg-8"],[class*="grid_"]>[class*="_lg-8"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[class~="grid"]>[class*="_lg-9"],[class*="grid-"]>[class*="_lg-9"],[class*="grid_"]>[class*="_lg-9"]{flex-basis:75%;max-width:75%}[class~="grid"]>[class*="_lg-10"],[class*="grid-"]>[class*="_lg-10"],[class*="grid_"]>[class*="_lg-10"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[class~="grid"]>[class*="_lg-11"],[class*="grid-"]>[class*="_lg-11"],[class*="grid_"]>[class*="_lg-11"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[class~="grid"]>[class*="_lg-12"],[class*="grid-"]>[class*="_lg-12"],[class*="grid_"]>[class*="_lg-12"]{flex-basis:100%;max-width:100%}[class~="grid"]>[data-push-left*="_lg-0"],[class*="grid-"]>[data-push-left*="_lg-0"],[class*="grid_"]>[data-push-left*="_lg-0"]{margin-left:0}[class~="grid"]>[data-push-left*="_lg-1"],[class*="grid-"]>[data-push-left*="_lg-1"],[class*="grid_"]>[data-push-left*="_lg-1"]{margin-left:8.3333333333%}[class~="grid"]>[data-push-left*="_lg-2"],[class*="grid-"]>[data-push-left*="_lg-2"],[class*="grid_"]>[data-push-left*="_lg-2"]{margin-left:16.6666666667%}[class~="grid"]>[data-push-left*="_lg-3"],[class*="grid-"]>[data-push-left*="_lg-3"],[class*="grid_"]>[data-push-left*="_lg-3"]{margin-left:25%}[class~="grid"]>[data-push-left*="_lg-4"],[class*="grid-"]>[data-push-left*="_lg-4"],[class*="grid_"]>[data-push-left*="_lg-4"]{margin-left:33.3333333333%}[class~="grid"]>[data-push-left*="_lg-5"],[class*="grid-"]>[data-push-left*="_lg-5"],[class*="grid_"]>[data-push-left*="_lg-5"]{margin-left:41.6666666667%}[class~="grid"]>[data-push-left*="_lg-6"],[class*="grid-"]>[data-push-left*="_lg-6"],[class*="grid_"]>[data-push-left*="_lg-6"]{margin-left:50%}[class~="grid"]>[data-push-left*="_lg-7"],[class*="grid-"]>[data-push-left*="_lg-7"],[class*="grid_"]>[data-push-left*="_lg-7"]{margin-left:58.3333333333%}[class~="grid"]>[data-push-left*="_lg-8"],[class*="grid-"]>[data-push-left*="_lg-8"],[class*="grid_"]>[data-push-left*="_lg-8"]{margin-left:66.6666666667%}[class~="grid"]>[data-push-left*="_lg-9"],[class*="grid-"]>[data-push-left*="_lg-9"],[class*="grid_"]>[data-push-left*="_lg-9"]{margin-left:75%}[class~="grid"]>[data-push-left*="_lg-10"],[class*="grid-"]>[data-push-left*="_lg-10"],[class*="grid_"]>[data-push-left*="_lg-10"]{margin-left:83.3333333333%}[class~="grid"]>[data-push-left*="_lg-11"],[class*="grid-"]>[data-push-left*="_lg-11"],[class*="grid_"]>[data-push-left*="_lg-11"]{margin-left:91.6666666667%}[class~="grid"]>[data-push-right*="_lg-0"],[class*="grid-"]>[data-push-right*="_lg-0"],[class*="grid_"]>[data-push-right*="_lg-0"]{margin-right:0}[class~="grid"]>[data-push-right*="_lg-1"],[class*="grid-"]>[data-push-right*="_lg-1"],[class*="grid_"]>[data-push-right*="_lg-1"]{margin-right:8.3333333333%}[class~="grid"]>[data-push-right*="_lg-2"],[class*="grid-"]>[data-push-right*="_lg-2"],[class*="grid_"]>[data-push-right*="_lg-2"]{margin-right:16.6666666667%}[class~="grid"]>[data-push-right*="_lg-3"],[class*="grid-"]>[data-push-right*="_lg-3"],[class*="grid_"]>[data-push-right*="_lg-3"]{margin-right:25%}[class~="grid"]>[data-push-right*="_lg-4"],[class*="grid-"]>[data-push-right*="_lg-4"],[class*="grid_"]>[data-push-right*="_lg-4"]{margin-right:33.3333333333%}[class~="grid"]>[data-push-right*="_lg-5"],[class*="grid-"]>[data-push-right*="_lg-5"],[class*="grid_"]>[data-push-right*="_lg-5"]{margin-right:41.6666666667%}[class~="grid"]>[data-push-right*="_lg-6"],[class*="grid-"]>[data-push-right*="_lg-6"],[class*="grid_"]>[data-push-right*="_lg-6"]{margin-right:50%}[class~="grid"]>[data-push-right*="_lg-7"],[class*="grid-"]>[data-push-right*="_lg-7"],[class*="grid_"]>[data-push-right*="_lg-7"]{margin-right:58.3333333333%}[class~="grid"]>[data-push-right*="_lg-8"],[class*="grid-"]>[data-push-right*="_lg-8"],[class*="grid_"]>[data-push-right*="_lg-8"]{margin-right:66.6666666667%}[class~="grid"]>[data-push-right*="_lg-9"],[class*="grid-"]>[data-push-right*="_lg-9"],[class*="grid_"]>[data-push-right*="_lg-9"]{margin-right:75%}[class~="grid"]>[data-push-right*="_lg-10"],[class*="grid-"]>[data-push-right*="_lg-10"],[class*="grid_"]>[data-push-right*="_lg-10"]{margin-right:83.3333333333%}[class~="grid"]>[data-push-right*="_lg-11"],[class*="grid-"]>[data-push-right*="_lg-11"],[class*="grid_"]>[data-push-right*="_lg-11"]{margin-right:91.6666666667%}[class~="grid"] [class*="_lg-first"],[class*="grid-"] [class*="_lg-first"],[class*="grid_"] [class*="_lg-first"]{order:-1}[class~="grid"] [class*="_lg-last"],[class*="grid-"] [class*="_lg-last"],[class*="grid_"] [class*="_lg-last"]{order:1}}@media (max-width: 64em){[class~="grid"]>[class*="_md-1"],[class*="grid-"]>[class*="_md-1"],[class*="grid_"]>[class*="_md-1"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[class~="grid"]>[class*="_md-2"],[class*="grid-"]>[class*="_md-2"],[class*="grid_"]>[class*="_md-2"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class~="grid"]>[class*="_md-3"],[class*="grid-"]>[class*="_md-3"],[class*="grid_"]>[class*="_md-3"]{flex-basis:25%;max-width:25%}[class~="grid"]>[class*="_md-4"],[class*="grid-"]>[class*="_md-4"],[class*="grid_"]>[class*="_md-4"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class~="grid"]>[class*="_md-5"],[class*="grid-"]>[class*="_md-5"],[class*="grid_"]>[class*="_md-5"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[class~="grid"]>[class*="_md-6"],[class*="grid-"]>[class*="_md-6"],[class*="grid_"]>[class*="_md-6"]{flex-basis:50%;max-width:50%}[class~="grid"]>[class*="_md-7"],[class*="grid-"]>[class*="_md-7"],[class*="grid_"]>[class*="_md-7"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[class~="grid"]>[class*="_md-8"],[class*="grid-"]>[class*="_md-8"],[class*="grid_"]>[class*="_md-8"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[class~="grid"]>[class*="_md-9"],[class*="grid-"]>[class*="_md-9"],[class*="grid_"]>[class*="_md-9"]{flex-basis:75%;max-width:75%}[class~="grid"]>[class*="_md-10"],[class*="grid-"]>[class*="_md-10"],[class*="grid_"]>[class*="_md-10"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[class~="grid"]>[class*="_md-11"],[class*="grid-"]>[class*="_md-11"],[class*="grid_"]>[class*="_md-11"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[class~="grid"]>[class*="_md-12"],[class*="grid-"]>[class*="_md-12"],[class*="grid_"]>[class*="_md-12"]{flex-basis:100%;max-width:100%}[class~="grid"]>[data-push-left*="_md-0"],[class*="grid-"]>[data-push-left*="_md-0"],[class*="grid_"]>[data-push-left*="_md-0"]{margin-left:0}[class~="grid"]>[data-push-left*="_md-1"],[class*="grid-"]>[data-push-left*="_md-1"],[class*="grid_"]>[data-push-left*="_md-1"]{margin-left:8.3333333333%}[class~="grid"]>[data-push-left*="_md-2"],[class*="grid-"]>[data-push-left*="_md-2"],[class*="grid_"]>[data-push-left*="_md-2"]{margin-left:16.6666666667%}[class~="grid"]>[data-push-left*="_md-3"],[class*="grid-"]>[data-push-left*="_md-3"],[class*="grid_"]>[data-push-left*="_md-3"]{margin-left:25%}[class~="grid"]>[data-push-left*="_md-4"],[class*="grid-"]>[data-push-left*="_md-4"],[class*="grid_"]>[data-push-left*="_md-4"]{margin-left:33.3333333333%}[class~="grid"]>[data-push-left*="_md-5"],[class*="grid-"]>[data-push-left*="_md-5"],[class*="grid_"]>[data-push-left*="_md-5"]{margin-left:41.6666666667%}[class~="grid"]>[data-push-left*="_md-6"],[class*="grid-"]>[data-push-left*="_md-6"],[class*="grid_"]>[data-push-left*="_md-6"]{margin-left:50%}[class~="grid"]>[data-push-left*="_md-7"],[class*="grid-"]>[data-push-left*="_md-7"],[class*="grid_"]>[data-push-left*="_md-7"]{margin-left:58.3333333333%}[class~="grid"]>[data-push-left*="_md-8"],[class*="grid-"]>[data-push-left*="_md-8"],[class*="grid_"]>[data-push-left*="_md-8"]{margin-left:66.6666666667%}[class~="grid"]>[data-push-left*="_md-9"],[class*="grid-"]>[data-push-left*="_md-9"],[class*="grid_"]>[data-push-left*="_md-9"]{margin-left:75%}[class~="grid"]>[data-push-left*="_md-10"],[class*="grid-"]>[data-push-left*="_md-10"],[class*="grid_"]>[data-push-left*="_md-10"]{margin-left:83.3333333333%}[class~="grid"]>[data-push-left*="_md-11"],[class*="grid-"]>[data-push-left*="_md-11"],[class*="grid_"]>[data-push-left*="_md-11"]{margin-left:91.6666666667%}[class~="grid"]>[data-push-right*="_md-0"],[class*="grid-"]>[data-push-right*="_md-0"],[class*="grid_"]>[data-push-right*="_md-0"]{margin-right:0}[class~="grid"]>[data-push-right*="_md-1"],[class*="grid-"]>[data-push-right*="_md-1"],[class*="grid_"]>[data-push-right*="_md-1"]{margin-right:8.3333333333%}[class~="grid"]>[data-push-right*="_md-2"],[class*="grid-"]>[data-push-right*="_md-2"],[class*="grid_"]>[data-push-right*="_md-2"]{margin-right:16.6666666667%}[class~="grid"]>[data-push-right*="_md-3"],[class*="grid-"]>[data-push-right*="_md-3"],[class*="grid_"]>[data-push-right*="_md-3"]{margin-right:25%}[class~="grid"]>[data-push-right*="_md-4"],[class*="grid-"]>[data-push-right*="_md-4"],[class*="grid_"]>[data-push-right*="_md-4"]{margin-right:33.3333333333%}[class~="grid"]>[data-push-right*="_md-5"],[class*="grid-"]>[data-push-right*="_md-5"],[class*="grid_"]>[data-push-right*="_md-5"]{margin-right:41.6666666667%}[class~="grid"]>[data-push-right*="_md-6"],[class*="grid-"]>[data-push-right*="_md-6"],[class*="grid_"]>[data-push-right*="_md-6"]{margin-right:50%}[class~="grid"]>[data-push-right*="_md-7"],[class*="grid-"]>[data-push-right*="_md-7"],[class*="grid_"]>[data-push-right*="_md-7"]{margin-right:58.3333333333%}[class~="grid"]>[data-push-right*="_md-8"],[class*="grid-"]>[data-push-right*="_md-8"],[class*="grid_"]>[data-push-right*="_md-8"]{margin-right:66.6666666667%}[class~="grid"]>[data-push-right*="_md-9"],[class*="grid-"]>[data-push-right*="_md-9"],[class*="grid_"]>[data-push-right*="_md-9"]{margin-right:75%}[class~="grid"]>[data-push-right*="_md-10"],[class*="grid-"]>[data-push-right*="_md-10"],[class*="grid_"]>[data-push-right*="_md-10"]{margin-right:83.3333333333%}[class~="grid"]>[data-push-right*="_md-11"],[class*="grid-"]>[data-push-right*="_md-11"],[class*="grid_"]>[data-push-right*="_md-11"]{margin-right:91.6666666667%}[class~="grid"] [class*="_md-first"],[class*="grid-"] [class*="_md-first"],[class*="grid_"] [class*="_md-first"]{order:-1}[class~="grid"] [class*="_md-last"],[class*="grid-"] [class*="_md-last"],[class*="grid_"] [class*="_md-last"]{order:1}}@media (max-width: 48em){[class~="grid"]>[class*="_sm-1"],[class*="grid-"]>[class*="_sm-1"],[class*="grid_"]>[class*="_sm-1"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[class~="grid"]>[class*="_sm-2"],[class*="grid-"]>[class*="_sm-2"],[class*="grid_"]>[class*="_sm-2"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class~="grid"]>[class*="_sm-3"],[class*="grid-"]>[class*="_sm-3"],[class*="grid_"]>[class*="_sm-3"]{flex-basis:25%;max-width:25%}[class~="grid"]>[class*="_sm-4"],[class*="grid-"]>[class*="_sm-4"],[class*="grid_"]>[class*="_sm-4"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class~="grid"]>[class*="_sm-5"],[class*="grid-"]>[class*="_sm-5"],[class*="grid_"]>[class*="_sm-5"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[class~="grid"]>[class*="_sm-6"],[class*="grid-"]>[class*="_sm-6"],[class*="grid_"]>[class*="_sm-6"]{flex-basis:50%;max-width:50%}[class~="grid"]>[class*="_sm-7"],[class*="grid-"]>[class*="_sm-7"],[class*="grid_"]>[class*="_sm-7"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[class~="grid"]>[class*="_sm-8"],[class*="grid-"]>[class*="_sm-8"],[class*="grid_"]>[class*="_sm-8"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[class~="grid"]>[class*="_sm-9"],[class*="grid-"]>[class*="_sm-9"],[class*="grid_"]>[class*="_sm-9"]{flex-basis:75%;max-width:75%}[class~="grid"]>[class*="_sm-10"],[class*="grid-"]>[class*="_sm-10"],[class*="grid_"]>[class*="_sm-10"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[class~="grid"]>[class*="_sm-11"],[class*="grid-"]>[class*="_sm-11"],[class*="grid_"]>[class*="_sm-11"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[class~="grid"]>[class*="_sm-12"],[class*="grid-"]>[class*="_sm-12"],[class*="grid_"]>[class*="_sm-12"]{flex-basis:100%;max-width:100%}[class~="grid"]>[data-push-left*="_sm-0"],[class*="grid-"]>[data-push-left*="_sm-0"],[class*="grid_"]>[data-push-left*="_sm-0"]{margin-left:0}[class~="grid"]>[data-push-left*="_sm-1"],[class*="grid-"]>[data-push-left*="_sm-1"],[class*="grid_"]>[data-push-left*="_sm-1"]{margin-left:8.3333333333%}[class~="grid"]>[data-push-left*="_sm-2"],[class*="grid-"]>[data-push-left*="_sm-2"],[class*="grid_"]>[data-push-left*="_sm-2"]{margin-left:16.6666666667%}[class~="grid"]>[data-push-left*="_sm-3"],[class*="grid-"]>[data-push-left*="_sm-3"],[class*="grid_"]>[data-push-left*="_sm-3"]{margin-left:25%}[class~="grid"]>[data-push-left*="_sm-4"],[class*="grid-"]>[data-push-left*="_sm-4"],[class*="grid_"]>[data-push-left*="_sm-4"]{margin-left:33.3333333333%}[class~="grid"]>[data-push-left*="_sm-5"],[class*="grid-"]>[data-push-left*="_sm-5"],[class*="grid_"]>[data-push-left*="_sm-5"]{margin-left:41.6666666667%}[class~="grid"]>[data-push-left*="_sm-6"],[class*="grid-"]>[data-push-left*="_sm-6"],[class*="grid_"]>[data-push-left*="_sm-6"]{margin-left:50%}[class~="grid"]>[data-push-left*="_sm-7"],[class*="grid-"]>[data-push-left*="_sm-7"],[class*="grid_"]>[data-push-left*="_sm-7"]{margin-left:58.3333333333%}[class~="grid"]>[data-push-left*="_sm-8"],[class*="grid-"]>[data-push-left*="_sm-8"],[class*="grid_"]>[data-push-left*="_sm-8"]{margin-left:66.6666666667%}[class~="grid"]>[data-push-left*="_sm-9"],[class*="grid-"]>[data-push-left*="_sm-9"],[class*="grid_"]>[data-push-left*="_sm-9"]{margin-left:75%}[class~="grid"]>[data-push-left*="_sm-10"],[class*="grid-"]>[data-push-left*="_sm-10"],[class*="grid_"]>[data-push-left*="_sm-10"]{margin-left:83.3333333333%}[class~="grid"]>[data-push-left*="_sm-11"],[class*="grid-"]>[data-push-left*="_sm-11"],[class*="grid_"]>[data-push-left*="_sm-11"]{margin-left:91.6666666667%}[class~="grid"]>[data-push-right*="_sm-0"],[class*="grid-"]>[data-push-right*="_sm-0"],[class*="grid_"]>[data-push-right*="_sm-0"]{margin-right:0}[class~="grid"]>[data-push-right*="_sm-1"],[class*="grid-"]>[data-push-right*="_sm-1"],[class*="grid_"]>[data-push-right*="_sm-1"]{margin-right:8.3333333333%}[class~="grid"]>[data-push-right*="_sm-2"],[class*="grid-"]>[data-push-right*="_sm-2"],[class*="grid_"]>[data-push-right*="_sm-2"]{margin-right:16.6666666667%}[class~="grid"]>[data-push-right*="_sm-3"],[class*="grid-"]>[data-push-right*="_sm-3"],[class*="grid_"]>[data-push-right*="_sm-3"]{margin-right:25%}[class~="grid"]>[data-push-right*="_sm-4"],[class*="grid-"]>[data-push-right*="_sm-4"],[class*="grid_"]>[data-push-right*="_sm-4"]{margin-right:33.3333333333%}[class~="grid"]>[data-push-right*="_sm-5"],[class*="grid-"]>[data-push-right*="_sm-5"],[class*="grid_"]>[data-push-right*="_sm-5"]{margin-right:41.6666666667%}[class~="grid"]>[data-push-right*="_sm-6"],[class*="grid-"]>[data-push-right*="_sm-6"],[class*="grid_"]>[data-push-right*="_sm-6"]{margin-right:50%}[class~="grid"]>[data-push-right*="_sm-7"],[class*="grid-"]>[data-push-right*="_sm-7"],[class*="grid_"]>[data-push-right*="_sm-7"]{margin-right:58.3333333333%}[class~="grid"]>[data-push-right*="_sm-8"],[class*="grid-"]>[data-push-right*="_sm-8"],[class*="grid_"]>[data-push-right*="_sm-8"]{margin-right:66.6666666667%}[class~="grid"]>[data-push-right*="_sm-9"],[class*="grid-"]>[data-push-right*="_sm-9"],[class*="grid_"]>[data-push-right*="_sm-9"]{margin-right:75%}[class~="grid"]>[data-push-right*="_sm-10"],[class*="grid-"]>[data-push-right*="_sm-10"],[class*="grid_"]>[data-push-right*="_sm-10"]{margin-right:83.3333333333%}[class~="grid"]>[data-push-right*="_sm-11"],[class*="grid-"]>[data-push-right*="_sm-11"],[class*="grid_"]>[data-push-right*="_sm-11"]{margin-right:91.6666666667%}[class~="grid"] [class*="_sm-first"],[class*="grid-"] [class*="_sm-first"],[class*="grid_"] [class*="_sm-first"]{order:-1}[class~="grid"] [class*="_sm-last"],[class*="grid-"] [class*="_sm-last"],[class*="grid_"] [class*="_sm-last"]{order:1}}@media (max-width: 36em){[class~="grid"]>[class*="_xs-1"],[class*="grid-"]>[class*="_xs-1"],[class*="grid_"]>[class*="_xs-1"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[class~="grid"]>[class*="_xs-2"],[class*="grid-"]>[class*="_xs-2"],[class*="grid_"]>[class*="_xs-2"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[class~="grid"]>[class*="_xs-3"],[class*="grid-"]>[class*="_xs-3"],[class*="grid_"]>[class*="_xs-3"]{flex-basis:25%;max-width:25%}[class~="grid"]>[class*="_xs-4"],[class*="grid-"]>[class*="_xs-4"],[class*="grid_"]>[class*="_xs-4"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[class~="grid"]>[class*="_xs-5"],[class*="grid-"]>[class*="_xs-5"],[class*="grid_"]>[class*="_xs-5"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[class~="grid"]>[class*="_xs-6"],[class*="grid-"]>[class*="_xs-6"],[class*="grid_"]>[class*="_xs-6"]{flex-basis:50%;max-width:50%}[class~="grid"]>[class*="_xs-7"],[class*="grid-"]>[class*="_xs-7"],[class*="grid_"]>[class*="_xs-7"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[class~="grid"]>[class*="_xs-8"],[class*="grid-"]>[class*="_xs-8"],[class*="grid_"]>[class*="_xs-8"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[class~="grid"]>[class*="_xs-9"],[class*="grid-"]>[class*="_xs-9"],[class*="grid_"]>[class*="_xs-9"]{flex-basis:75%;max-width:75%}[class~="grid"]>[class*="_xs-10"],[class*="grid-"]>[class*="_xs-10"],[class*="grid_"]>[class*="_xs-10"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[class~="grid"]>[class*="_xs-11"],[class*="grid-"]>[class*="_xs-11"],[class*="grid_"]>[class*="_xs-11"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[class~="grid"]>[class*="_xs-12"],[class*="grid-"]>[class*="_xs-12"],[class*="grid_"]>[class*="_xs-12"]{flex-basis:100%;max-width:100%}[class~="grid"]>[data-push-left*="_xs-0"],[class*="grid-"]>[data-push-left*="_xs-0"],[class*="grid_"]>[data-push-left*="_xs-0"]{margin-left:0}[class~="grid"]>[data-push-left*="_xs-1"],[class*="grid-"]>[data-push-left*="_xs-1"],[class*="grid_"]>[data-push-left*="_xs-1"]{margin-left:8.3333333333%}[class~="grid"]>[data-push-left*="_xs-2"],[class*="grid-"]>[data-push-left*="_xs-2"],[class*="grid_"]>[data-push-left*="_xs-2"]{margin-left:16.6666666667%}[class~="grid"]>[data-push-left*="_xs-3"],[class*="grid-"]>[data-push-left*="_xs-3"],[class*="grid_"]>[data-push-left*="_xs-3"]{margin-left:25%}[class~="grid"]>[data-push-left*="_xs-4"],[class*="grid-"]>[data-push-left*="_xs-4"],[class*="grid_"]>[data-push-left*="_xs-4"]{margin-left:33.3333333333%}[class~="grid"]>[data-push-left*="_xs-5"],[class*="grid-"]>[data-push-left*="_xs-5"],[class*="grid_"]>[data-push-left*="_xs-5"]{margin-left:41.6666666667%}[class~="grid"]>[data-push-left*="_xs-6"],[class*="grid-"]>[data-push-left*="_xs-6"],[class*="grid_"]>[data-push-left*="_xs-6"]{margin-left:50%}[class~="grid"]>[data-push-left*="_xs-7"],[class*="grid-"]>[data-push-left*="_xs-7"],[class*="grid_"]>[data-push-left*="_xs-7"]{margin-left:58.3333333333%}[class~="grid"]>[data-push-left*="_xs-8"],[class*="grid-"]>[data-push-left*="_xs-8"],[class*="grid_"]>[data-push-left*="_xs-8"]{margin-left:66.6666666667%}[class~="grid"]>[data-push-left*="_xs-9"],[class*="grid-"]>[data-push-left*="_xs-9"],[class*="grid_"]>[data-push-left*="_xs-9"]{margin-left:75%}[class~="grid"]>[data-push-left*="_xs-10"],[class*="grid-"]>[data-push-left*="_xs-10"],[class*="grid_"]>[data-push-left*="_xs-10"]{margin-left:83.3333333333%}[class~="grid"]>[data-push-left*="_xs-11"],[class*="grid-"]>[data-push-left*="_xs-11"],[class*="grid_"]>[data-push-left*="_xs-11"]{margin-left:91.6666666667%}[class~="grid"]>[data-push-right*="_xs-0"],[class*="grid-"]>[data-push-right*="_xs-0"],[class*="grid_"]>[data-push-right*="_xs-0"]{margin-right:0}[class~="grid"]>[data-push-right*="_xs-1"],[class*="grid-"]>[data-push-right*="_xs-1"],[class*="grid_"]>[data-push-right*="_xs-1"]{margin-right:8.3333333333%}[class~="grid"]>[data-push-right*="_xs-2"],[class*="grid-"]>[data-push-right*="_xs-2"],[class*="grid_"]>[data-push-right*="_xs-2"]{margin-right:16.6666666667%}[class~="grid"]>[data-push-right*="_xs-3"],[class*="grid-"]>[data-push-right*="_xs-3"],[class*="grid_"]>[data-push-right*="_xs-3"]{margin-right:25%}[class~="grid"]>[data-push-right*="_xs-4"],[class*="grid-"]>[data-push-right*="_xs-4"],[class*="grid_"]>[data-push-right*="_xs-4"]{margin-right:33.3333333333%}[class~="grid"]>[data-push-right*="_xs-5"],[class*="grid-"]>[data-push-right*="_xs-5"],[class*="grid_"]>[data-push-right*="_xs-5"]{margin-right:41.6666666667%}[class~="grid"]>[data-push-right*="_xs-6"],[class*="grid-"]>[data-push-right*="_xs-6"],[class*="grid_"]>[data-push-right*="_xs-6"]{margin-right:50%}[class~="grid"]>[data-push-right*="_xs-7"],[class*="grid-"]>[data-push-right*="_xs-7"],[class*="grid_"]>[data-push-right*="_xs-7"]{margin-right:58.3333333333%}[class~="grid"]>[data-push-right*="_xs-8"],[class*="grid-"]>[data-push-right*="_xs-8"],[class*="grid_"]>[data-push-right*="_xs-8"]{margin-right:66.6666666667%}[class~="grid"]>[data-push-right*="_xs-9"],[class*="grid-"]>[data-push-right*="_xs-9"],[class*="grid_"]>[data-push-right*="_xs-9"]{margin-right:75%}[class~="grid"]>[data-push-right*="_xs-10"],[class*="grid-"]>[data-push-right*="_xs-10"],[class*="grid_"]>[data-push-right*="_xs-10"]{margin-right:83.3333333333%}[class~="grid"]>[data-push-right*="_xs-11"],[class*="grid-"]>[data-push-right*="_xs-11"],[class*="grid_"]>[data-push-right*="_xs-11"]{margin-right:91.6666666667%}[class~="grid"] [class*="_xs-first"],[class*="grid-"] [class*="_xs-first"],[class*="grid_"] [class*="_xs-first"]{order:-1}[class~="grid"] [class*="_xs-last"],[class*="grid-"] [class*="_xs-last"],[class*="grid_"] [class*="_xs-last"]{order:1}}@media (max-width: 80em){[class*="lg-hidden"]{display:none}}@media (max-width: 64em){[class*="md-hidden"]{display:none}}@media (max-width: 48em){[class*="sm-hidden"]{display:none}}@media (max-width: 36em){[class*="xs-hidden"]{display:none}}[class~="col"],[class*="col-"],[class*="col_"]{padding-bottom:15px}@media (min-width: 80em){[class*="lg-gt-hidden"]{display:none}}@media (min-width: 64em){[class*="md-gt-hidden"]{display:none}}@media (min-width: 48em){[class*="sm-gt-hidden"]{display:none}}@media (min-width: 36em){[class*="xs-gt-hidden"]{display:none}}@font-face{font-family:"Avenir-Roman";src:url(/fonts/Avenir-Roman.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Avenir";src:url(/fonts/Avenir-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Avenir";src:url(/fonts/Avenir-Heavy.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}h1,h2,h3,h4{font-family:"Avenir";font-weight:normal}h1{font-size:48px;line-height:1.04}h2{font-size:32px;line-height:1.72}h3{font-size:24px;line-height:1.46}h4{font-size:20px;line-height:0.83}p{font-size:20px;line-height:1.5}button{color:white;border:1px solid white;border-radius:20px;padding:12px 25px 10px 25px;font-size:14px;background-color:transparent;cursor:pointer}button.grey{color:#505a72;border-color:#505a72}html,body{height:100%;min-width:320px}body{font-family:"Avenir-Roman"}#header,#content>div,#footer{overflow:auto}#header>div,#content>div>div,#footer>div{max-width:1280px;margin:0 auto;padding:0 60px;box-sizing:border-box}@media (max-width: 48em){#header>div,#content>div>div,#footer>div{padding:0 30px}}#header{background-color:#183d54;clear:both;padding:30px 0;font-family:"Avenir-Roman";font-size:16px}#header>div{display:-ms-flexbox;display:flex}#header .logo,#header .logo a,#header .logo a img{display:block}#header .logo img{height:34px}#header .hamburger-controls{position:absolute;right:30px;top:40px;display:none;cursor:pointer;width:16px;height:16px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:0.5s ease-in-out}#header .hamburger-controls span{display:block;position:absolute;height:2px;width:14px;background:#ffffff;border-radius:1px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:0.25s ease-in-out;margin:0 1px}#header .hamburger-controls span:nth-child(1){top:1px;-webkit-transform-origin:left center;transform-origin:left center}#header .hamburger-controls span:nth-child(2){top:7px;-webkit-transform-origin:left center;transform-origin:left center}#header .hamburger-controls span:nth-child(3){top:13px;-webkit-transform-origin:left center;transform-origin:left center}body.menu-open #header .hamburger-controls span:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);top:2px;left:2px}body.menu-open #header .hamburger-controls span:nth-child(2){width:0%;opacity:0}body.menu-open #header .hamburger-controls span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:12px;left:2px}#header .links{text-align:right;-ms-flex:1;flex:1;padding-left:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}#header .links li{display:inline;margin-right:40px}@media (max-width: 64em){#header .links li{margin-right:15px}#header .links li img{display:none}}#header .links li:last-child{margin-right:0}#header .links li img{vertical-align:middle;position:relative;top:-2px;margin-right:8px}#header .links a{text-decoration:none;color:#96ffe0;font-size:14px;font-weight:900}#header .links a:visited{color:#96ffe0}@media (max-width: 48em){#header .hamburger-controls{display:block}#header .links{display:none;position:absolute;background-color:#183d54;left:0;right:0;top:94px;bottom:0;padding-left:60px;text-align:left}.menu-open #header .links{display:block}#header .links li{display:block;margin:0;line-height:50px}#header .links a{font-size:18px}}.menu-open #content{display:none}#footer{background-color:#183d54;color:white;font-size:14px}.menu-open #footer{display:none}#footer .footer-main{display:-ms-flexbox;display:flex;padding:50px 40px !important;height:129px}#footer .main{line-height:31px;-ms-flex:1;flex:1}#footer .main .logo{line-height:0;display:inline-block;vertical-align:middle;margin-right:15px}#footer .main .logo img{width:134px;position:relative;top:-2px}#footer .links{line-height:31px;text-align:right}#footer .links a{color:#96ffe0;text-decoration:none;margin-right:30px}#footer .links a:last-child{margin-right:0}@media (max-width: 80em){#footer .links a{margin-right:20px}}#footer .lf-copyright{padding:0 40px 50px !important;text-align:center;max-width:800px}#footer .lf-copyright p{font-size:12px;line-height:18px;margin:10px 0 0 0}#footer .lf-copyright p:first-of-type{margin:0}#footer .lf-copyright a{color:#96ffe0}#footer .lf-copyright a:visited,#footer .lf-copyright a:focus,#footer .lf-copyright a:active{color:#96ffe0}#footer .lf-copyright a:hover{text-decoration:none}#topBanner{height:75px;display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;flex-direction:column;-ms-flex-direction:column;background:#96ffe0}#topBanner>div{text-align:center;display:flex;display:-ms-flexbox;width:100%;justify-content:center;-ms-flex-pack:center;flex-direction:column;-ms-flex-direction:column}#topBanner p{font-size:16px;margin:0}#topBanner span{font-weight:900}#topBanner a{color:#000}@media (max-width: 64em){#topBanner{padding:5px 15px}#topBanner span{font-size:14px}#topBanner p{font-size:14px}} \ No newline at end of file