/*
 * Minneapolis Transportation Action Plan - interim static site.
 * Trimmed from the go.minneapolismn.gov theme (Foundation 5 + msptap main.css).
 */

/* ---------- Foundation base (trimmed) ---------- */
html, body { height: 100%; font-size: 100%; }
*, *:before, *:after { box-sizing: border-box; }
body { background: #fff; color: #222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }
a:hover { cursor: pointer; }
img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; }

.row { margin: 0 auto; max-width: 62.5rem; width: 100%; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.columns { float: left; padding-left: .9375rem; padding-right: .9375rem; position: relative; width: 100%; }
.columns + .columns:last-child { float: right; }
.small-6 { width: 50%; }
.small-12 { width: 100%; }
@media only screen and (min-width: 40.0625em) {
     .medium-3 { width: 25%; }
     .medium-4 { width: 33.33333%; }
     .medium-6 { width: 50%; }
     .medium-12 { width: 100%; }
}
.text-center { text-align: center !important; }

div, ul, ol, li, h1, h2, h3, h4, p { margin: 0; padding: 0; }
a { color: #008CBA; line-height: inherit; text-decoration: none; }
a:hover, a:focus { color: #0078a0; }
a img { border: none; }
p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
h1, h2, h3, h4 { color: #222; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: .5rem; margin-top: .2rem; text-rendering: optimizeLegibility; }
h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
@media only screen and (min-width: 40.0625em) {
     h1 { font-size: 2.75rem; }
     h2 { font-size: 2.3125rem; }
     h3 { font-size: 1.6875rem; }
     h4 { font-size: 1.4375rem; }
}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }
i { font-style: italic; line-height: inherit; }
strong { font-weight: bold; line-height: inherit; }
ul, ol { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; }
ul { margin-left: 1.1rem; }
ol { margin-left: 1.4rem; }
ul li ul, ul li ol, ol li ul, ol li ol { margin-bottom: 0; margin-left: 1.25rem; }

@media print {
     * { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; }
     a, a:visited { text-decoration: underline; }
     img { max-width: 100% !important; page-break-inside: avoid; }
     p, h2, h3 { orphans: 3; widows: 3; }
     h2, h3 { page-break-after: avoid; }
     #menu { display: none; }
     #body, #footer { margin-left: 0 !important; }
}

/* ---------- Theme: global ---------- */
body, html, h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; }
.ccm-page .accessibilty-hide { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; }
.ccm-page .accessibilty-hide:focus { background: #fff; color: #10396e; height: auto; left: 70px; padding: 8px 12px; top: 8px; width: auto; z-index: 10; }
.ccm-page .row { margin: 0; max-width: 100%; }
a { transition: background-color .15s, color .15s; }
body { background-color: #303030; }
#body a { font-weight: 700; text-decoration: underline; }

#menu { height: 100%; position: fixed; width: 58px; z-index: 6; }
#menu > div { background-color: #f1f1f1; box-shadow: 0 0 17px 0 #555; height: 100%; padding-top: 14px; position: relative; width: 100%; z-index: 3; }
#menu a { color: #000; display: block; font-size: .75em; text-align: center; }
#menu a.home-link { bottom: 220px; color: #5f6062; font-size: 1.3em; left: -191px; letter-spacing: .1em; position: absolute; transform: rotate(-90deg); width: 440px; }
#menu a div span { background-color: #000; border-radius: 2px; display: block; height: 4px; margin: 0 auto 6px; position: relative; top: 0; transition: top .5s, width .2s, transform .5s; width: 36px; }
#menu.showing a div span { transition: top .3s, width .5s, transform .8s; }
#menu.showing #menu-button div span:nth-of-type(1) { top: 12px; transform: rotate(405deg); }
#menu.showing #menu-button div span:nth-of-type(2) { width: 0; }
#menu.showing #menu-button div span:nth-of-type(3) { top: -8px; transform: rotate(-405deg); }
#menu ul.nav { background-color: #dadada; box-shadow: 0 0 17px 0 #555; height: 100%; left: -560px; list-style-type: none; margin: 0; overflow-y: auto; position: absolute; top: 0; transition: left .8s, visibility .8s; visibility: hidden; width: 480px; z-index: 2; }
#menu.showing ul.nav { left: 100%; visibility: visible; }
#menu ul.nav a { border-top: 2px solid #c4c4c4; color: #10396e; font-size: 1em; font-weight: 700; letter-spacing: .1em; line-height: 1.3em; margin: 0; padding: 22px 60px; text-align: left; }
#menu ul.nav > li > a:before { background-color: #10396e; content: ""; display: inline-block; height: 12px; margin-right: 8px; width: 12px; }
#menu ul.nav ul { background-color: #d2d2d2; list-style-type: none; margin: 0; width: 100%; }
#menu ul.nav ul a { border-width: 1px; color: #303030; font-size: .9em; padding: 14px 60px; text-transform: none; }
#menu ul.nav a:hover { background-color: #a5a5a5; }

#footer { background-color: #303030; margin-left: 56px; }
#footer > div { color: #fff; display: inline-block; vertical-align: middle; width: 31.75%; }
#footer-left { width: 30%; }
#footer-left img { height: 134px; padding: 18px 36px; }
#footer-center { text-align: center; }
#footer-acc > span { color: #dadada; display: block; font-size: .75em; letter-spacing: .15em; margin-top: 13px; }
#footer-acc { padding: 0 36px 30px 36px; width: 100% !important; }
#footer-right { text-align: right; }
#footer-right a { color: #c4c4c4; font-size: 1.5em; margin-left: 40px; }
#footer-right a:hover { color: #fff; }
#footer hr { border: 1px solid #4e4848; margin: 10px 36px; }

#body { background-color: #fff; margin-left: 56px; overflow: auto; }
.columns { padding: 0; }
p { letter-spacing: .015em; }

/* ---------- Home ---------- */
#home-header { background-image: url("../images/grad2.png"); background-size: 100% 100%; color: #fff; text-align: center; }
#home-header h1 { color: #fff; font-size: 3.4em; font-weight: 700; letter-spacing: .16em; margin: 0 0 36px; padding-top: 36px; }
#home-header h1 span { display: block; font-size: .5em; }
.new-homepage #home-header h1 { margin: 0; padding-bottom: 28px; }
#home-header p { font-size: 1.2em; letter-spacing: .1em; margin: 0; padding: 0; }

#download-box { float: none; margin: 0 auto 42px; position: relative; width: 54%; }
#body #download-box a { background: #a5b53a; color: #fff; display: block; font-size: 1.1em; font-weight: 700; height: 48px; letter-spacing: .3em; line-height: 48px; text-decoration: none; text-transform: uppercase; transition: background .3s; }
#body #download-box a:hover, #body #download-box a:focus { background: #909f2b; }

#draft-plan-released { color: #fff; float: none; max-height: 110px; }
#draft-plan-released p { padding: 0; }
#draft-plan-released a { background-color: #c02b78; color: #fff; display: block; font-weight: 700; letter-spacing: .3em; margin: 0; padding: 12px 14px; text-decoration: none; }
#draft-plan-released a:hover { background-color: #9c0a56; }

#covid-alert { background-color: #303030; color: #fff; padding: 20px; text-align: center; }
#covid-alert a { color: #fff; font-weight: bold; }

#new-homepage-section { background-image: url("../images/new-bg.jpg"); background-size: cover; height: 1000px; overflow: hidden; position: relative; }
#new-slides { height: 100%; overflow: hidden; position: relative; top: 0; }
#new-slides > div { left: 0; position: relative; top: 0; transition: all .6s; width: 100%; }
#new-slides > div > div { float: left; opacity: 0; padding-top: 40px; position: absolute; text-align: center; visibility: hidden; width: 100%; }
#new-slides > div > div.showing { opacity: 1; visibility: visible; }
#new-slides p { background-color: rgba(0,0,0,.7); border-radius: 4px; box-shadow: 0 0 8px 0 rgba(0,0,0,.8); color: #fff; font-size: 1.6em; font-weight: 700; margin: 0 auto; padding: 20px 4% 30px 4%; position: relative; width: 74%; }
.slidetext { display: block; margin-bottom: 15px; opacity: 0; transition: all 1.5s ease-in-out; }
.showing .slidetext { opacity: 1; }
.skipme { font-size: .8em; position: absolute; top: 9px; z-index: 99; }
.skipme:hover { cursor: pointer; }
.slideimages { display: block; height: 65%; margin: 0 auto; opacity: 0; overflow: hidden; transition: all 2s ease-in-out; width: 80%; }
.slideimages img { width: 100%; }
.showing .slideimages img { transition: all 5s ease-in-out; }
.showing .slideimages { opacity: 1; }
#new-slides p a { display: block; margin-bottom: 30px; text-decoration: none; }
#new-slides p a span { background-color: #c02b78; color: #fff; font-size: .95em; font-weight: 700; left: 50%; letter-spacing: .08em; opacity: 0; padding: 10px 28px; transition: opacity 1.5s ease-in-out; }
#new-slides .showing p a span { opacity: 1; }
#new-slides p a:hover > span { background-color: #9c0a56; }
#new-slides > i { background-color: rgba(0,0,0,.8); color: #fff; cursor: pointer; display: inline-block; font-size: 1.6em; left: 0; padding: 12px 26px; position: absolute; top: 124px; transition: background-color .2s; }
#new-slides > i:last-of-type { left: auto; right: 0; }
#new-slides > i:hover { background-color: rgba(36,36,36,.6); }

#home-header-image { height: 240px; margin: 0 auto; position: relative; width: 80%; }
.new-homepage #home-header-image { background-image: url("../images/grad2.png"); background-size: 100% 100%; height: 168px; margin: 0; width: 100%; }
.new-homepage #home-header-image > div { height: 224px; margin: 0 6%; position: relative; top: -120px; }
#home-header-image img { border-radius: 50%; box-shadow: 0 0 42px -4px #333; opacity: 0; position: absolute; top: 50px; width: 120px; }
#home-header-image img[src*="path"] { box-shadow: none; top: 0; width: 168px; }
#home-header-image img[src*="path"]:nth-of-type(even) { bottom: 0; top: auto; transform: rotate(180deg); }
#home-header-image img[src*="path"]:nth-of-type(1) { left: 7%; transition: opacity .4s ease-in-out .05s; }
#home-header-image img[src*="path"]:nth-of-type(2) { left: 18%; transition: opacity .4s ease-in-out .3s; }
#home-header-image img[src*="path"]:nth-of-type(3) { left: 30%; transition: opacity .4s ease-in-out .55s; }
#home-header-image img[src*="path"]:nth-of-type(4) { left: 42%; transition: opacity .4s ease-in-out .8s; }
#home-header-image img[src*="path"]:nth-of-type(5) { left: 55%; transition: opacity .4s ease-in-out 1.05s; }
#home-header-image img[src*="path"]:nth-of-type(6) { left: 67%; transition: opacity .4s ease-in-out 1.3s; }
#home-header-image img[src*="path"]:nth-of-type(7) { left: 78.5%; transition: opacity .4s ease-in-out 1.55s; }
#home-header-image [data-topic="technology"] img { left: 2%; transition: opacity .25s ease-in-out 0s; }
#home-header-image [data-topic="walking"] img { left: 14%; transition: opacity .25s ease-in-out .25s; }
#home-header-image [data-topic="bicycling"] img { left: 26%; transition: opacity .25s ease-in-out .5s; }
#home-header-image [data-topic="transit"] img { left: 38%; transition: opacity .25s ease-in-out .75s; }
#home-header-image [data-topic="freight"] img { left: 50%; transition: opacity .25s ease-in-out 1s; }
#home-header-image [data-topic="operations"] img { left: 62%; transition: opacity .25s ease-in-out 1.25s; }
#home-header-image [data-topic="design"] img { left: 74%; transition: opacity .25s ease-in-out 1.5s; }
#home-header-image [data-topic="progress"] img { left: 86%; transition: opacity .25s ease-in-out 1.75s; }
#home-header-image.animate img { opacity: 1; }
@media screen and (min-width: 2120px) {
     #home-header-image img[src*="path"] { width: 208px; }
}
@media screen and (min-width: 2700px) {
     #home-header-image img[src*="path"] { width: 278px; }
     #home-header-image img[src*="path"]:nth-of-type(1) { left: 5%; }
}

/* ---------- Sub pages ---------- */
#sub-page-title { background-size: 100% 100%; display: table; width: 100%; }
#sub-page-title h1 { color: #fff; display: table-cell; font-size: 2.2em; letter-spacing: .2em; margin: 0; padding: 40px 56px; padding-left: 0; text-align: right; white-space: nowrap; }
#sub-page-title p { display: table-cell; padding: 0 2% 0 2.5%; vertical-align: middle; width: 99%; }
#sub-page-title p img { width: 99%; }
.sub-page .columns > h2 { font-size: 1.6em; font-weight: 700; letter-spacing: .14em; line-height: 1.1em; }
.sub-page .medium-6 { padding: 32px 48px; }

.about-page #sub-page-title { background-color: #86c3c6; background-image: url("../images/get_involved_grad.png"); }
.about-page #sub-page-title h1 { color: #10396e; }
.about-page .padded { padding: 28px 4%; }
.about-page h3 { color: #10398e; }

.sub-page.draftplanoverride h1 { color: #a2b53a; }
.sub-page.draftplanoverride h2 { font-size: 1.6em; font-weight: 700; letter-spacing: .14em; line-height: 1.1em; }
.draftplanoverride h3 { color: #10398e; }
.about-page.draftplanoverride .padded { padding: 20px 4% 0 4%; }
.sub-page.draftplanoverride .medium-6 { padding: 20px 48px; }
.about-page.draftplanoverride p { margin-bottom: 0; }
.about-page.draftplanoverride h3 { margin-top: 20px; }

/* Download page */
.download-list { margin-bottom: 49px; margin-top: 56px; padding: 2px 54px 0; }

/* Letter page */
.official-photo { padding-right: 35px; }

/* Foreword page */
.resiliency h1 span { display: block; font-size: .5em; }
.resiliency h1 { display: block !important; font-size: 1.9em !important; letter-spacing: 1px !important; white-space: normal !important; word-wrap: break-word; }
.resiliency #sub-page-title p { width: 30%; }
.covid-actions { padding: 22px 21px; }
#aboutnav { background-color: #e5e5e5; padding: 1%; text-align: center; }
#aboutnav ul { list-style: none; margin-bottom: 0; }
#aboutnav li { display: inline; }
#aboutnav a { display: inline-block; font-size: .9em; font-weight: bold; padding: 0 15px; }
.progressmon #ooh-btn { background-color: #899d3b; color: #fff; font-weight: bold; padding: 20px; text-decoration: none; }
.progressmon #ooh-btn:hover { background-color: #93a62c; }

.ccm-image-slider { position: relative; }
.rslides { list-style: none; margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 100%; }
.rslides > li { -webkit-backface-visibility: hidden; display: none; left: 0; position: absolute; top: 0; width: 100%; }
.rslides > li:first-child { display: block; float: left; position: relative; }
.rslides.rslides_js > li { display: block; float: none; opacity: 0; position: absolute; transition: opacity .5s ease-in-out; z-index: 1; }
.rslides.rslides_js > li.rslides_on { float: left; opacity: 1; position: relative; z-index: 2; }
.rslides img { border: 0; display: block; float: left; height: auto; width: 100%; }
.rslides_nav { background: transparent url("../images/arrows.gif") no-repeat left top; height: 61px; left: 0; margin-top: -45px; opacity: .7; overflow: hidden; position: absolute; text-decoration: none; top: 50%; width: 38px; z-index: 99; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.rslides_nav.next { background-position: right top; left: auto; right: 0; }

/* Executive summary page */
.progbanner h2 { background-color: #00b2d5; color: #fff; display: block; margin: 0; padding: 20px 5%; }
.progblue, .progreen { padding: 20px 10%; }
.progblue p:last-of-type, .progreen p:last-of-type { font-weight: bold; }
.progblue p:first-of-type, .progreen p:first-of-type { font-size: 1.4em; font-weight: bold; }
.progblue { background-color: #c6f6ff; }
.progblue p { color: #2a6aa9; }
.progreen { background-color: #fff; border: 1px solid #899d3b; color: #899d3b; }
.progreen p { color: #899d3b; }

.goal-links { margin: 20px 0 45px; }
.goal-links span { color: #000; display: inline-block; font-weight: 700; padding: 8px 0 4px; text-align: center; vertical-align: top; width: 16%; }
.goal-links span img { display: block; height: 40px; margin: 0 auto 3px; width: auto; }

.topicdesign { background-color: #f5f5f5; margin: 30px 0; }
.topicdesign .row .columns { padding: 2%; text-align: center; }
.topicdesign .row .columns img { width: 130px; }
.topicdesign .topic { color: #008cba; display: block; font-weight: 700; width: 100%; }
.topicdesign .topic span { display: block; font-size: 1.2em; font-weight: bold; margin: 10px 0; }

ol.planhhighlights { counter-reset: item; list-style: none; list-style-position: inside; padding: 20px 8%; text-align: center; }
ol.planhhighlights li { border-bottom: lightgrey dashed 2px; counter-increment: item; font-size: 1.3em; margin-bottom: 35px; padding-bottom: 20px; }
ol.planhhighlights li span { font-weight: bold; }
ol.planhhighlights li:before { background: #2a6aa9; border-radius: 100%; color: #fff; content: counter(item); display: inline-block; font-weight: bold; margin-right: 10px; text-align: center; width: 1.6em; }

/* ---------- Responsive ---------- */
@media screen and (max-width: 1460px) {
     #home-header h1 { font-size: 2.8em; }
     #home-header p { font-size: 1.1em; line-height: 1.4em; }
     #home-header-image { height: 200px; }
     #home-header-image img { top: 46px; width: 104px; }
     #home-header-image img[src*="path"] { width: 150px; }
     .new-homepage #home-header-image { height: 118px; }
     .new-homepage #home-header-image > div { height: 196px; }
     #new-homepage-section { height: 550px; }
     #new-slides > div > div { padding-top: 48px; }
     #new-slides p { font-size: .95em; padding: 18px 5%; width: 66%; }
     #new-slides > i { top: 84px; }
}

@media screen and (max-width: 1100px) {
     #menu a.home-link { bottom: 180px; font-size: 1.1em; }

     #footer-left img { height: 84px; padding: 10px 20px; }
     #footer-acc > span { font-size: .6em; line-height: 1.1em; margin-top: 7px; text-align: left; }
     #footer-right a { font-size: 1.2em; margin-left: 20px; }

     .goal-links span { font-size: .85em; line-height: 1.2em; width: 15.5%; }

     #home-header h1 { font-size: 1.8em; margin: 0 0 20px; padding-top: 20px; }
     #home-header p { font-size: .9em; }
     #home-header-image { height: 150px; }
     #home-header-image img { top: 36px; width: 76px; }
     #home-header-image img[src*="path"] { width: 114px; }
     .new-homepage #home-header-image { height: 96px; }
     .new-homepage #home-header-image > div { height: 150px; top: -80px; }

     #new-homepage-section { height: 396px; }
     #new-slides > div > div { padding-top: 32px; }
     #new-slides p { font-size: .8em; line-height: 1.4em; padding: 10px 5%; width: 66%; }
     #new-slides a span { font-size: .85em; padding: 8px 18px; }
     #new-slides > i { top: 84px; }
}

@media screen and (max-width: 940px) {
     #download-box { width: 80%; }
}

@media screen and (max-width: 800px) {
     #menu { width: 42px; }
     #body { margin-left: 42px; }
     #footer { margin-left: 42px; }
     #menu a { font-size: .6em; }
     #menu a.home-link { bottom: 150px; font-size: .9em; left: -198px; }
     #menu a div span { margin: 0 auto 4px; width: 28px; }
     #menu.showing a div span:nth-of-type(1) { top: 8px; }
     #menu ul.nav { width: 320px; }
     #menu ul.nav a { font-size: .7em; padding: 10px 24px 9px; }
     #menu ul.nav > li > a:before { height: 10px; width: 10px; }
     #menu ul.nav ul a { font-size: .7em; line-height: 1.2em; padding: 9px 28px; }

     #footer > div { width: 49%; }
     #footer-left img { height: 72px; }
     #footer > #footer-right { margin: 4px 0 14px; text-align: center; width: 100%; }
     #footer-right a { margin: 0 10px; }

     #home-header h1 { font-size: 1.5em; letter-spacing: .1em; margin: 0 0 14px; padding-top: 14px; }
     #home-header p { font-size: .7em; }
     #home-header-image { height: 98px; width: 94%; }
     #home-header-image img { top: 23px; width: 52px; }
     #home-header-image img[src*="path"] { width: 80px; }
     .new-homepage #home-header-image { height: 85px; }
     .new-homepage #home-header-image > div { height: 98px; top: -40px; }

     #new-homepage-section { height: 280px; }
     #new-slides > div > div { padding-top: 22px; }
     #new-slides p { font-size: .7em; line-height: 1.2em; padding: 10px 5%; width: 66%; }
     #new-slides a span { font-size: .7em; padding: 8px 18px; }
     #new-slides > i { font-size: 1em; padding: 8px 14px; top: 64px; }

     .sub-page .columns > h2 { font-size: 1.3em; letter-spacing: .1em; margin-bottom: 8px; }
     .about-page h2 { font-size: 1.4em; line-height: 1.2em; }
     .about-page h3 { font-size: 1.2em; line-height: 1.1em; margin: 12px 0; }
     .about-page .padded { padding: 16px 6%; }
     .about-page p { font-size: .85em; }
     .goal-links { margin: 8px 0 14px; }
     .goal-links span { font-size: .75em; }
     .goal-links span img { height: 28px; margin: 0 auto 5px; }
}

@media screen and (max-width: 640px) {
     .goal-links span { margin-bottom: 26px; width: 29%; }
     #footer > div { text-align: center; width: 100%; }
     #footer > #footer-center { display: none; }
     #aboutnav { display: none; }
}

@media screen and (max-width: 565px) {
     #menu ul.nav { width: 240px; }
     #menu ul.nav a { font-size: .7em; padding: 6px 16px 5px; }
     #menu ul.nav ul a { font-size: .7em; padding: 8px 20px; }
     #menu a.home-link { bottom: 124px; font-size: .75em; left: -138px; width: 320px; }

     #footer > div { width: 100%; }
     #footer-left img { display: block; height: 64px; margin: 2px auto; padding: 8px 0 4px; }
     #footer-acc > span { font-size: .55em; }
     #footer > #footer-right { margin: 16px 0 14px; }

     #home-header h1 { font-size: 1em; line-height: 1.1em; margin: 0 4px 8px; padding-top: 8px; }
     #home-header h1 span { line-height: 1.4em; }
     #home-header p { font-size: .6em; line-height: 1.3em; }
     #home-header-image { height: 56px; }
     #home-header-image img { top: 14px; width: 28px; }
     #home-header-image img[src*="path"] { width: 40px; }
     .new-homepage #home-header h1 { padding: 18px 18px 10px; }
     .new-homepage #home-header-image { display: none; height: 45px; }
     .new-homepage #home-header-image > div { height: 52px; margin: 0 14%; top: -30px; }

     #download-box { margin-bottom: 26px; width: 90%; }
     #body #download-box a { font-size: .9em; height: 36px; letter-spacing: .15em; line-height: 36px; }

     #new-homepage-section { height: 340px; }
     #new-slides > div > div { padding-top: 52px; }
     #new-slides p { font-size: .7em; line-height: 1.2em; padding: 10px 5%; width: 86%; }
     #new-slides a span { display: block; font-size: .6em; padding: 8px 18px; }
     #new-slides > i { font-size: 1em; padding: 8px 14px; top: 0; }

     #sub-page-title h1 { font-size: .9em; padding: 14px; text-align: center; width: 100%; }
     #sub-page-title p { display: none; }
     .sub-page .columns > h2 { font-size: .9em; letter-spacing: .06em; margin-bottom: 14px; text-align: center; }
}

/* ---------- Icons (Font Awesome 4.7 glyphs, SIL OFL 1.1) ---------- */
.fa { display: inline-block; font-style: normal; line-height: 1; }
.fa::before { background-color: currentColor; content: ""; display: inline-block; height: 1em; vertical-align: -.143em; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }
.fa-envelope::before { width: 1.0000em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1792 826v-794q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v794q44 -49 101 -87q362 -246 497 -345q57 -42 92.5 -65.5t94.5 -48t110 -24.5h1h1q51 0 110 24.5t94.5 48t92.5 65.5q170 123 498 345q57 39 100 87zM1792 1120q0 -79 -49 -151t-122 -123 q-376 -261 -468 -325q-10 -7 -42.5 -30.5t-54 -38t-52 -32.5t-57.5 -27t-50 -9h-1h-1q-23 0 -50 9t-57.5 27t-52 32.5t-54 38t-42.5 30.5q-91 64 -262 182.5t-205 142.5q-62 42 -117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5 -47t47.5 -113z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1792 826v-794q0 -66 -47 -113t-113 -47h-1472q-66 0 -113 47t-47 113v794q44 -49 101 -87q362 -246 497 -345q57 -42 92.5 -65.5t94.5 -48t110 -24.5h1h1q51 0 110 24.5t94.5 48t92.5 65.5q170 123 498 345q57 39 100 87zM1792 1120q0 -79 -49 -151t-122 -123 q-376 -261 -468 -325q-10 -7 -42.5 -30.5t-54 -38t-52 -32.5t-57.5 -27t-50 -9h-1h-1q-23 0 -50 9t-57.5 27t-52 32.5t-54 38t-42.5 30.5q-91 64 -262 182.5t-205 142.5q-62 42 -117 115.5t-55 136.5q0 78 41.5 130t118.5 52h1472q65 0 112.5 -47t47.5 -113z'/%3E%3C/svg%3E"); }
.fa-instagram::before { width: 0.8571em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1024 640q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1162 640q0 -164 -115 -279t-279 -115t-279 115t-115 279t115 279t279 115t279 -115t115 -279zM1270 1050q0 -38 -27 -65t-65 -27t-65 27t-27 65t27 65t65 27t65 -27t27 -65zM768 1270 q-7 0 -76.5 0.5t-105.5 0t-96.5 -3t-103 -10t-71.5 -18.5q-50 -20 -88 -58t-58 -88q-11 -29 -18.5 -71.5t-10 -103t-3 -96.5t0 -105.5t0.5 -76.5t-0.5 -76.5t0 -105.5t3 -96.5t10 -103t18.5 -71.5q20 -50 58 -88t88 -58q29 -11 71.5 -18.5t103 -10t96.5 -3t105.5 0t76.5 0.5 t76.5 -0.5t105.5 0t96.5 3t103 10t71.5 18.5q50 20 88 58t58 88q11 29 18.5 71.5t10 103t3 96.5t0 105.5t-0.5 76.5t0.5 76.5t0 105.5t-3 96.5t-10 103t-18.5 71.5q-20 50 -58 88t-88 58q-29 11 -71.5 18.5t-103 10t-96.5 3t-105.5 0t-76.5 -0.5zM1536 640q0 -229 -5 -317 q-10 -208 -124 -322t-322 -124q-88 -5 -317 -5t-317 5q-208 10 -322 124t-124 322q-5 88 -5 317t5 317q10 208 124 322t322 124q88 5 317 5t317 -5q208 -10 322 -124t124 -322q5 -88 5 -317z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1024 640q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1162 640q0 -164 -115 -279t-279 -115t-279 115t-115 279t115 279t279 115t279 -115t115 -279zM1270 1050q0 -38 -27 -65t-65 -27t-65 27t-27 65t27 65t65 27t65 -27t27 -65zM768 1270 q-7 0 -76.5 0.5t-105.5 0t-96.5 -3t-103 -10t-71.5 -18.5q-50 -20 -88 -58t-58 -88q-11 -29 -18.5 -71.5t-10 -103t-3 -96.5t0 -105.5t0.5 -76.5t-0.5 -76.5t0 -105.5t3 -96.5t10 -103t18.5 -71.5q20 -50 58 -88t88 -58q29 -11 71.5 -18.5t103 -10t96.5 -3t105.5 0t76.5 0.5 t76.5 -0.5t105.5 0t96.5 3t103 10t71.5 18.5q50 20 88 58t58 88q11 29 18.5 71.5t10 103t3 96.5t0 105.5t-0.5 76.5t0.5 76.5t0 105.5t-3 96.5t-10 103t-18.5 71.5q-20 50 -58 88t-88 58q-29 11 -71.5 18.5t-103 10t-96.5 3t-105.5 0t-76.5 -0.5zM1536 640q0 -229 -5 -317 q-10 -208 -124 -322t-322 -124q-88 -5 -317 -5t-317 5q-208 10 -322 124t-124 322q-5 88 -5 317t5 317q10 208 124 322t322 124q88 5 317 5t317 -5q208 -10 322 -124t124 -322q5 -88 5 -317z'/%3E%3C/svg%3E"); }
.fa-twitter::before { width: 0.9286em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1620 1128q-67 -98 -162 -167q1 -14 1 -42q0 -130 -38 -259.5t-115.5 -248.5t-184.5 -210.5t-258 -146t-323 -54.5q-271 0 -496 145q35 -4 78 -4q225 0 401 138q-105 2 -188 64.5t-114 159.5q33 -5 61 -5q43 0 85 11q-112 23 -185.5 111.5t-73.5 205.5v4q68 -38 146 -41 q-66 44 -105 115t-39 154q0 88 44 163q121 -149 294.5 -238.5t371.5 -99.5q-8 38 -8 74q0 134 94.5 228.5t228.5 94.5q140 0 236 -102q109 21 205 78q-37 -115 -142 -178q93 10 186 50z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1664 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1620 1128q-67 -98 -162 -167q1 -14 1 -42q0 -130 -38 -259.5t-115.5 -248.5t-184.5 -210.5t-258 -146t-323 -54.5q-271 0 -496 145q35 -4 78 -4q225 0 401 138q-105 2 -188 64.5t-114 159.5q33 -5 61 -5q43 0 85 11q-112 23 -185.5 111.5t-73.5 205.5v4q68 -38 146 -41 q-66 44 -105 115t-39 154q0 88 44 163q121 -149 294.5 -238.5t371.5 -99.5q-8 38 -8 74q0 134 94.5 228.5t228.5 94.5q140 0 236 -102q109 21 205 78q-37 -115 -142 -178q93 10 186 50z'/%3E%3C/svg%3E"); }
.fa-facebook-official::before { width: 0.8571em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1451 1408q35 0 60 -25t25 -60v-1366q0 -35 -25 -60t-60 -25h-391v595h199l30 232h-229v148q0 56 23.5 84t91.5 28l122 1v207q-63 9 -178 9q-136 0 -217.5 -80t-81.5 -226v-171h-200v-232h200v-595h-735q-35 0 -60 25t-25 60v1366q0 35 25 60t60 25h1366z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1451 1408q35 0 60 -25t25 -60v-1366q0 -35 -25 -60t-60 -25h-391v595h199l30 232h-229v148q0 56 23.5 84t91.5 28l122 1v207q-63 9 -178 9q-136 0 -217.5 -80t-81.5 -226v-171h-200v-232h200v-595h-735q-35 0 -60 25t-25 60v1366q0 35 25 60t60 25h1366z'/%3E%3C/svg%3E"); }
.fa-arrow-left::before { width: 0.8571em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1536 640v-128q0 -53 -32.5 -90.5t-84.5 -37.5h-704l293 -294q38 -36 38 -90t-38 -90l-75 -76q-37 -37 -90 -37q-52 0 -91 37l-651 652q-37 37 -37 90q0 52 37 91l651 650q38 38 91 38q52 0 90 -38l75 -74q38 -38 38 -91t-38 -91l-293 -293h704q52 0 84.5 -37.5 t32.5 -90.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1536 640v-128q0 -53 -32.5 -90.5t-84.5 -37.5h-704l293 -294q38 -36 38 -90t-38 -90l-75 -76q-37 -37 -90 -37q-52 0 -91 37l-651 652q-37 37 -37 90q0 52 37 91l651 650q38 38 91 38q52 0 90 -38l75 -74q38 -38 38 -91t-38 -91l-293 -293h704q52 0 84.5 -37.5 t32.5 -90.5z'/%3E%3C/svg%3E"); }
.fa-arrow-right::before { width: 0.8571em; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1536 1792'%3E%3Cpath transform='matrix(1 0 0 -1 0 1536)' d='M1472 576q0 -54 -37 -91l-651 -651q-39 -37 -91 -37q-51 0 -90 37l-75 75q-38 38 -38 91t38 91l293 293h-704q-52 0 -84.5 37.5t-32.5 90.5v128q0 53 32.5 90.5t84.5 37.5h704l-293 294q-38 36 -38 90t38 90l75 75q38 38 90 38q53 0 91 -38l651 -651q37 -35 37 -90z'/%3E%3C/svg%3E"); }