/*
.an-inclusive-city a { color: #ffd618; }
.a-healthy-city a { color: #52ae32; }
.a-fair-city a { color: #e62635; }
.a-skilled-city a { color: #009fd7; }
*/
/*
.blue { color: #1b1a40; }
.orange { color: #f39200; }
*/
* { box-sizing: border-box; }
body { background: #eee; color: #363433; margin: 0; padding: 0; font-family: "Pangram", Arial, Helvetica, "sans-serif"; font-size: 13px; text-align: center; }
img { display: block; border: none; width: 100%; height: auto; }
img.seventyfive { width: 75% !important; }
img.twothird { width: 66% !important; }
img.fifty { width: 50% !important; }
img.onethird { width: 33% !important; }
img.twentyfive { width: 25% !important; }
form { margin: 0; padding: 0; }
input, select, textarea { font-family: "Pangram", Arial, Helvetica, "sans-serif"; font-size: 13px; border: 1px solid #ccc; background: #f8f8f8; color: #181415; padding: 5px; margin: 1px 0; width: calc(100% - 15px); }
input.checkbox, input[type=checkbox], input[type=radio] { font-family: "Pangram", Arial, Helvetica, "sans-serif"; font-size: 13px; border: 0; background: transparent; color: #181415; padding: 0; width: auto !important; }
label { display: inline-block; margin: 5px 0; font-weight: bold; }
label.normal { font-weight: normal; margin-right: 20px; }
label i { font-weight: normal; font-style: normal; color: #808080; }
.clear { clear: both; }
.hidden { display: none; }
.yellow { background: #d31148; }
input.invalid, textarea.invalid, select.invalid, input.checkbox.invalid { border: 1px solid #900; background: #fee; color: #181415; }

.background-image { display: block; overflow: hidden; -webkit-transition: background-size .25s; -moz-transition: background-size .25s; -o-transition: background-size .25s; transition: background-size .25s; background-size: auto 100% !important; }
.background-image:hover { background-size: auto 120% !important; }

blockquote { background: #1b1a40; color: #fff; margin: 0; padding: 15px; }
blockquote h3 { margin: 0; font-weight: bold; font-size: 20px; line-height: 25px; }
blockquote p { margin: 15px 0 0 0; }
blockquote p a.button { background: #fff; color: #000; }
body.an-inclusive-city blockquote { background: #ffd618; color: #000; }
body.an-inclusive-city blockquote p a.button { background: #f39200; color: #fff !important; }
body.a-healthy-city blockquote { background: #52ae32; }
body.a-healthy-city blockquote p a.button { background: #f39200; color: #fff !important; }
body.a-skilled-city blockquote { background: #009fd7; }
body.a-skilled-city blockquote p a.button { background: #f39200; color: #fff !important; }
body.a-fair-city blockquote { background: #e62635; }
body.a-fair-city blockquote p a.button { background: #f39200; color: #fff !important; }

a.button, button { cursor: pointer; display: inline-block; font-weight: bold; font-family: "Pangram", Arial, Helvetica, "sans-serif"; background: #f39200; color: #fff; font-size: 15px; line-height: 35px; width: auto; border: 0; margin: 0; padding: 0 20px; border-radius: 0; text-align: center; }
a.button:hover, button:hover { box-shadow: inset 50px 50px 50px 50px #0000002e; }
body.an-inclusive-city a.button, body.an-inclusive-city button { background: #ffd618; color: #000 !important; }
body.a-healthy-city a.button, body.a-healthy-city button { background: #f39200; color: #fff !important; }
body.a-skilled-city a.button, body.a-skilled-city button { background: #f39200; color: #fff !important; }
body.a-fair-city a.button, body.a-fair-city button { background: #f39200; color: #fff !important; }

iframe { display: block; width: 100%; height: 420px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

a.button.float-left, button.float-left { float: left; }
a.button.float-right, button.float-right { float: right; font-size: 30px; padding: 0 !important; width: 45px !important; }

h1 { font-size: 45px; line-height: 50px; }
h1 strong { font-weight: 900; }
h2 { font-size: 35px; line-height: 40px; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 13px; }
p { font-size: 13px; line-height: 20px; }

::selection { color: #ccc; background: #666; }
::-moz-selection { color: #ccc; background: #666; }
*:focus { outline: none; }
a { color: #000; text-decoration: none; }

header { position: fixed; top: 0; right: 0; left: 0; background: #fff; text-align: center; z-index: 999; }
header section { position: relative; width: 1240px; margin: 0 auto; height: 54px; }
header section #nav-trigger { display: none; }
header section #logo { padding: 10px 0; }
header section #logo a { display: block; text-decoration: none; background: url("/images/lma-2018-pillars-logo.png") no-repeat 0 0; background-size: contain; width: 32px; height: 34px; text-indent: -999em; }
header section #mobile-nav { display: none; }
header section nav { position: absolute; right: 0; bottom: 14px; left: 50px; }
header section nav #nav-close { display: none; }
header section nav ul { list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
header section nav ul li { position: relative; display: inline-block; margin: 0 0 0 10px; }
header section nav ul li a { display: inline-block; color: #000; font-size: 13px; font-weight: normal; cursor: pointer; margin: 0; padding: 0 10px; text-decoration: none; line-height: 25px; }
header section nav ul li.selected a { font-weight: bold; }
header section nav ul li.home a:hover, header section nav ul li.home.sfhover a { background: #1a1a40; }
header section nav ul li.impact-report a:hover, header section nav ul li.impact-report.sfhover a { background: #1a1a40; }
header section nav ul li.about a:hover, header section nav ul li.about.sfhover a { background: #1a1a40; }
header section nav ul li.an-inclusive-city a { border-bottom: 3px solid #ffd618; }
header section nav ul li.an-inclusive-city a:hover, header section nav ul li.an-inclusive-city.sfhover a { background: #ffd618; }
header section nav ul li.a-healthy-city a { border-bottom: 3px solid #52ae32; }
header section nav ul li.a-healthy-city a:hover, header section nav ul li.a-healthy-city.sfhover a { background: #52ae32; }
header section nav ul li.a-skilled-city a { border-bottom: 3px solid #009fd7; }
header section nav ul li.a-skilled-city a:hover, header section nav ul li.a-skilled-city.sfhover a { background: #009fd7; }
header section nav ul li.a-fair-city a { border-bottom: 3px solid #e62635; }
header section nav ul li.a-fair-city a:hover, header section nav ul li.a-fair-city.sfhover a { background: #e62635; }
header section nav ul li.news a:hover, header section nav ul li.news.sfhover a { background: #1a1a40; }
header section nav ul li.events a:hover, header section nav ul li.events.sfhover a { background: #1a1a40; }
header section nav ul li.get-involved a:hover, header section nav ul li.get-involved.sfhover a { background: #1a1a40; }
header section nav ul li.about ul { background: #1a1a40; }
header section nav ul li.an-inclusive-city ul { background: #ffd618; }
header section nav ul li.a-healthy-city ul { background: #52ae32; }
header section nav ul li.a-skilled-city ul { background: #009fd7; }
header section nav ul li.a-fair-city ul { background: #e62635; }
header section nav ul li.news ul { background: #1a1a40; }
header section nav ul li.events ul { background: #1a1a40; }
header section nav ul li.get-involved ul { background: #1a1a40; }
header section nav ul li:hover a { color: #fff; }
header section nav ul li.search { width: 20px; margin: 0 0 3px 0; }
header section nav ul li.search a { display: block; text-indent: -999em; background: #ddd url("/images/icon-search.png") no-repeat 50% 50%; background-size: 14px; width: 20px; height: 20px; padding: 5px; }
header section nav ul li.twitter { width: 20px; margin: 0 0 3px 0; }
header section nav ul li.twitter a { display: block; text-indent: -999em; background: url("/images/icon-twitter-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
header section nav ul li.instagram { width: 20px; margin: 0 0 3px 0; }
header section nav ul li.instagram a { display: block; text-indent: -999em; background: url("/images/icon-instagram-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
header section nav ul li.linkedin { width: 20px; margin: 0 0 3px 0; }
header section nav ul li.linkedin a { display: block; text-indent: -999em; background: url("/images/icon-linkedin-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
header section nav ul ul li, header section nav ul ul li:first-of-type, header section nav ul ul li:last-of-type { text-align: left; padding: 0; }
header section nav ul li li a, header section nav ul li.selected li a { display: block; border: 0 !important; color: #fff; font-weight: normal; }
header section nav ul li ul { position: absolute; display: block; width: auto; top: -999em; left: 0; list-style: none; margin: 0; padding: 7px 0; z-index: +1; }
header section nav ul li ul li { display: block; margin: 0; text-align: left; }
header section nav ul li li a, header section nav ul li li:first-of-type a, header section nav ul li li:last-of-type a { padding: 0 10px !important; white-space: nowrap; line-height: 20px; }
header section nav ul li:hover ul { top: 25px; left: 0; }

#donate-tab { display: block; position: fixed; top: 250px; right: -10px; background: #f39200 url("/images/icon-donate-tab.png") no-repeat 0 0; width: 85px; height: 110px; background-size: 75px; text-indent: -999em; z-index: 999999; -webkit-transition: background 0.3s, right 0.3s ease-in-out; -moz-transition: background 0.3s, right 0.3s ease-in-out; -ms-transition: background 0.3s, right 0.3s ease-in-out; -o-transition: background 0.3s, right 0.3s ease-in-out; }
#donate-tab:hover { background: #e08600 url("/images/icon-donate-tab.png") no-repeat 0 0; background-size: 75px; right: 0; -webkit-transition: background 0.3s, right 0.3s ease-in-out; -moz-transition: background 0.3s, right 0.3s ease-in-out; -ms-transition: background 0.3s, right 0.3s ease-in-out; -o-transition: background 0.3s, right 0.3s ease-in-out; }

main { display: block; margin: 54px 0 0 0; padding: 0; }
main article { min-height: 75px; }
main article.header-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
main article.header-image section { position: relative; width: 1240px; height: 600px; margin: 0 auto; padding: 0; text-align: left; }
main article.header-image section aside { position: absolute; bottom: 0; left: 0; width: 50%; }
main article.header-image section aside h1 { color: #363433; font-size: 50px; line-height: 64px; margin: 0; }
main article.header-image section aside h1 strong { display: inline; background: #fff; color: #363433; padding: 0.2rem 0.5rem; padding-left: 0; padding-right: 0; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; }
main article.header-image section aside h1 strong em { font-style: normal; color: #000; }
body.an-inclusive-city main article.header-image section aside h1 strong em { color: #ffd618; }
body.a-healthy-city main article.header-image section aside h1 strong em { color: #52ae32; }
body.a-skilled-city main article.header-image section aside h1 strong em { color: #009fd7; }
body.a-fair-city main article.header-image section aside h1 strong em { color: #e62635; }
main article.header-image section aside h2 { display: inline; background: #fff; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; color: #363433; font-size: 13px; background: #fff; margin: 0; padding: 15px 0; line-height: 20px; }
main article.header-image section aside h3 { display: inline-block; background: #fff; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; color: #808080; font-size: 13px; background: #fff; margin: 0; padding: 5px 0; line-height: 20px; font-weight: bold; }
main article.header-image section aside p { display: block; background: #fff; box-shadow: 15px 0 0 #fff, -15px 0 0 #fff; color: #363433; font-size: 13px; background: #fff; margin: 0; padding: 15px 0; line-height: 20px; }

main article.header-image.news-events { cursor: pointer; }

main article.article-in-page-nav { background: #fff; min-height: auto; }

main.fixed { margin-top: 94px; }
main.fixed article.article-in-page-nav { position: fixed; top: 54px; right: 0; left: 0; z-index: 1; }

main article.article-in-page-nav section { padding: 0; }
main article.article-in-page-nav section ul { list-style: none; margin: 0 -15px; padding: 0; }
main article.article-in-page-nav section ul li { position: relative; float: left; text-align: center; line-height: 40px; background: #1b1a40; width: 16.66%; }
main article.article-in-page-nav section ul li a { position: relative; display: block; font-size: 13px; font-weight: bold; color: #fff; width: 100%; padding: 0 20px; z-index: 3; }
main article.article-in-page-nav section ul li:nth-of-type(1):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background: #fff; z-index: 2; }
main article.article-in-page-nav section ul li:nth-of-type(2):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .2; background: #fff; z-index: 2; }
main article.article-in-page-nav section ul li:nth-of-type(3):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .4; background: #fff; z-index: 2; }
main article.article-in-page-nav section ul li:nth-of-type(4):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .6; background: #fff; z-index: 2; }
main article.article-in-page-nav section ul li:nth-of-type(5):before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .8; background: #fff; z-index: 2; }
main article.article-in-page-nav section ul:after { display: table; content: ""; clear: both; }
body.an-inclusive-city main article.article-in-page-nav section ul li { background: #ffd618; }
body.a-healthy-city main article.article-in-page-nav section ul li { background: #52ae32; }
body.a-skilled-city main article.article-in-page-nav section ul li { background: #009fd7; }
body.a-fair-city main article.article-in-page-nav section ul li { background: #e62635; }
body.an-inclusive-city main article.article-in-page-nav section ul li a, body.a-healthy-city main article.article-in-page-nav section ul li a, body.a-skilled-city main article.article-in-page-nav section ul li a, body.a-fair-city main article.article-in-page-nav section ul li a { color: #000; }

main article { position: relative; text-align: center; }
main article.grey { background: #ededed; }
main article.dark-grey { background: #363433; color: #fff; }
main article.light-grey { background: #eee; color: #000; }
main article.light-grey a { color: #000; }
main article.white { background: #fff; }
main article.white a { color: #363433; }
main article.blue { background: #1b1a40; color: #fff; }
main article.green { background: #52ae32; color: #fff; }
main article.light-blue { background: #009fd7; color: #fff; }
main article.pod-blue { background: #2a50a8; }
main article.red { background: #e62635; }
main article.yellow { background: #ffd618; }
main article.black { background: #000; }
main article .id { position: absolute; display: inline-block; top: 0; left: 0; z-index: 2; color: #fff; background: red; padding: 0 15px; line-height: 50px; font-size: 30px; opacity: 0.5; }
main article section { position: relative; width: 1240px; margin: 0 auto; padding: 120px 0; text-align: left; }
main article section span.column { display: block; }

main article.left-forty section .left-column { width: 40%; }
main article.left-forty.sixty-padding section { padding: 60px 0; }

main article section .full-column { position: relative; width: 100%; float: none; }
main article section .left-column { position: relative; width: 50%; float: left; }
main article section .right-column { position: relative; width: 50%; float: right; }
main article.one-third-title {}
main article.one-third-title .column.left-column { width: 33%; }
main article.one-third-title h2 { font-weight: bold; color: #fff; margin: 0 0 15px 0; }
main article.one-third-title p { color: #fff; font-size: 13px; line-height: 20px; margin: 15px 0; }

main article.more-stories { min-height: auto; cursor: pointer; }
main article.more-stories section { padding: 0; }

main article.video section { padding: 0; }
main article.video section iframe { width: 100%; height: 600px; }

main article.magic-block { padding: 60px 0 0 0; }
main article.magic-block section.top-section { padding: 120px 0 0 0; }
main article.magic-block section.top-section .bordered { position: absolute; top: 0; left: -100px; right: 100px; bottom: 0; border: 1px solid #000; border-bottom: 0 !important; }
main article.magic-block section.top-section { position: relative; padding: 60px 0 0 0; }
main article.magic-block section.top-section h2 { margin: 0; }
main article.magic-block section.top-section p { margin: 15px 0 0 0; }
main article.magic-block section.top-section .left-column { width: 35%; padding: 30px 0 0; }
main article.magic-block section.top-section .left-column a.button { position: relative; padding-left: 50px; }
main article.magic-block section.top-section .right-column  { width: 60%; }
main article.magic-block section.solid-background { background: #ccc; padding: 60px 0; } 
main article.magic-block section.solid-background .bordered { position: absolute; top: 0; left: -100px; width: 100px; bottom: 0; background: #ccc; }
main article.magic-block section.solid-background h3 { position: absolute; top: -40px; left: -20px; width: 35%; background: #ccc; font-weight: bold; color: #fff; font-size: 18px; line-height: 40px; margin: 0; padding: 0 0 0 45px; }
main article.magic-block section.solid-background h3:before { position: absolute; left: 20px; width: 20px; height: 20px; background: #fff; content: "+"; color: #000; font-size: 20px; line-height: 18px; top: 10px; text-align: center; }
main article.magic-block section.solid-background ul { width: 100%; list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
main article.magic-block section.solid-background ul li { width: calc(25% - 30px); margin-right: 30px; }
main article.magic-block section.solid-background ul li strong { display: block; font-size: 35px; line-height: 40px; margin-bottom: 10px; }
main article.magic-block section.solid-background ul li:first-of-type { color: #fff; }
body.an-inclusive-city main article.magic-block section.top-section .left-column a.button:before { color: #000; }
body.an-inclusive-city main article.magic-block section.top-section .bordered { border-color: #ffd618; }
body.an-inclusive-city main article.magic-block section.top-section .left-column a.button { background: #ffd618; color: #000 !important; }
body.a-healthy-city main article.magic-block section.top-section .bordered { border-color: #52ae32; }
body.a-healthy-city main article.magic-block section.top-section .left-column a.button { background: #52ae32; color: #fff !important; }
body.a-skilled-city main article.magic-block section.top-section .bordered { border-color: #009fd7; }
body.a-skilled-city main article.magic-block section.top-section .left-column a.button { background: #009fd7; color: #fff !important; }
body.a-fair-city main article.magic-block section.top-section .bordered { border-color: #e62635; }
body.a-fair-city main article.magic-block section.top-section .left-column a.button { background: #e62635; color: #fff !important; }
body.an-inclusive-city main article.magic-block section.solid-background h3 { background: #ffd618; color: #000; }
body.an-inclusive-city main article.magic-block section.solid-background h3:before { color: #ffd618; background: #000; }
body.an-inclusive-city main article.magic-block section.solid-background { background: #ffd618; color: #000 !important; }
body.an-inclusive-city main article.magic-block section.solid-background .bordered { background: #ffd618; }
body.a-healthy-city main article.magic-block section.solid-background h3 { background: #52ae32; }
body.a-healthy-city main article.magic-block section.solid-background h3:before { color: #52ae32; }
body.a-healthy-city main article.magic-block section.solid-background { background: #52ae32; color: #fff !important; }
body.a-healthy-city main article.magic-block section.solid-background .bordered { background: #52ae32; }
body.a-skilled-city main article.magic-block section.solid-background h3 { background: #009fd7; }
body.a-skilled-city main article.magic-block section.solid-background h3:before { color: #009fd7; }
body.a-skilled-city main article.magic-block section.solid-background { background: #009fd7; color: #fff !important; }
body.a-skilled-city main article.magic-block section.solid-background .bordered { background: #009fd7; }
body.a-fair-city main article.magic-block section.solid-background h3 { background: #e62635; }
body.a-fair-city main article.magic-block section.solid-background h3:before { color: #e62635; }
body.a-fair-city main article.magic-block section.solid-background { background: #e62635; color: #fff !important; }
body.a-fair-city main article.magic-block section.solid-background .bordered { background: #e62635; }
main article.magic-block-bottom-section { border-top: 0; background-repeat: no-repeat; background-position: 50% 60px; background-size: auto 600px;  }
main article.magic-block-bottom-section section { height: 900px; }
main article.magic-block-bottom-section section .bordered { position: absolute; top: 0; left: -100px; right: 100px; bottom: 75px; border: 1px solid #000; border-top: 0 !important; }
main article.magic-block-bottom-section section .left-column { position: absolute; bottom: 160px; left: 0; width: 40%; }
main article.magic-block-bottom-section section .left-column h2 { margin: 0; }
main article.magic-block-bottom-section section .left-column h2 strong { display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 50px; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
main article.magic-block-bottom-section section .left-column p { background: #fff; margin: 0 0 0 -5px; padding: 15px 15px 0 15px; }
main article.magic-block-bottom-section section .left-column p:last-of-type { padding-bottom: 15px; }
main article.magic-block-bottom-section section .left-column blockquote { position: absolute; bottom: 30px; left: 100%; background: transparent; margin: 0; padding: 0; width: 100%; }
main article.magic-block-bottom-section section .left-column blockquote p { position: relative; font-size: 20px; line-height: 30px; font-weight: bold; background: transparent; margin: 0; padding: 0 0 0 5px; width: 50%; }
main article.magic-block-bottom-section section .left-column blockquote p:before { position: absolute; bottom: 100%; left: 0; margin: 0; background: #fff; color: #1b1a40; content: "\201c"; font-size: 40px; padding: 20px 10px 0px 5px; line-height: 5px; vertical-align: bottom; }
main article.magic-block-bottom-section section .left-column blockquote p strong { display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #000; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
main article.magic-block-bottom-section section .left-column blockquote p strong:after { padding: 5px 0 0 5px; color: #1b1a40; content: "\201d"; font-size: 40px; vertical-align: bottom; }
main article.magic-block-bottom-section section .register-section { position: absolute; bottom: 0; left: 0; width: 50%; height: 160px; overflow: hidden; }
main article.magic-block-bottom-section section .register-section blockquote { position: relative; margin: 0; padding: 15px 250px 15px 15px; background-color: #1b1a40; color: #fff; background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 160px; }
main article.magic-block-bottom-section section .register-section blockquote h3 { margin: 0; font-weight: bold; }
main article.magic-block-bottom-section section .register-section blockquote a.button { background: #f39200; color: #fff; }
main article.magic-block-bottom-section section .register-section blockquote .photo-image { position: absolute; top: 0; right: 0; bottom: 0; width: 220px; height: 160px; background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 160px; }
body.an-inclusive-city main article.magic-block-bottom-section section .register-section blockquote { background-color: #ffd618; color: #000 !important; }
body.an-inclusive-city main article.magic-block-bottom-section section .left-column blockquote p:before, body.an-inclusive-city main article.magic-block-bottom-section section .left-column blockquote p strong:after { color: #ffd618; }
body.an-inclusive-city main article.magic-block-bottom-section section blockquote a.button { background-color: #f39200; color: #fff !important; }
body.an-inclusive-city main article.magic-block-bottom-section section .bordered { border-color: #ffd618; }
body.a-healthy-city main article.magic-block-bottom-section section .register-section blockquote { background-color: #52ae32; color: #fff !important; }
body.a-healthy-city main article.magic-block-bottom-section section .left-column blockquote p:before, body.a-healthy-city main article.magic-block-bottom-section section .left-column blockquote p strong:after { color: #52ae32; }
body.a-healthy-city main article.magic-block-bottom-section section blockquote a.button { background-color: #f39200; color: #fff !important; }
body.a-healthy-city main article.magic-block-bottom-section section .bordered { border-color: #52ae32; }
body.a-skilled-city main article.magic-block-bottom-section section .register-section blockquote { background-color: #009fd7; color: #fff !important; }
body.a-skilled-city main article.magic-block-bottom-section section .left-column blockquote p:before, body.a-skilled-city main article.magic-block-bottom-section section .left-column blockquote p strong:after { color: #009fd7; }
body.a-skilled-city main article.magic-block-bottom-section section blockquote a.button { background-color: #f39200; color: #fff !important; }
body.a-skilled-city main article.magic-block-bottom-section section .bordered { border-color: #009fd7; }
body.a-fair-city main article.magic-block-bottom-section section .register-section blockquote { background-color: #e62635; color: #fff !important; }
body.a-fair-city main article.magic-block-bottom-section section .left-column blockquote p:before, body.a-fair-city main article.magic-block-bottom-section section .left-column blockquote p strong:after { color: #e62635; }
body.a-fair-city main article.magic-block-bottom-section section blockquote a.button { background-color: #f39200; color: #fff !important; }
body.a-fair-city main article.magic-block-bottom-section section .bordered { border-color: #e62635; }

main article.article-donate { padding: 60px 0; }
main article.article-donate section { padding: 0; color: #fff; }
main article.article-donate section h1 { font-size: 40px; font-weight: bold; line-height: 50px; color: #000; margin: 0 0 10px 0; }
main article.article-donate h2 { font-size: 20px; font-weight: bold; line-height: 25px; color: #fff; margin: 0; }
main article.article-donate p { font-size: 13px; font-weight: normal; display: block; line-height: 20px; color: #fff; margin: 10px 0 0 0; }
main article.article-donate p a { color: #fff; }
main article.article-donate .bottom { margin: 200px 0 -15px 0; background: #fff; padding: 15px; }
main article.article-donate .bottom h3 { margin: 0; color: #363433; font-weight: bold; }
main article.article-donate .bottom p { margin: 10px 0 0 0; color: #363433; }

main article.article-next-steps section { padding: 120px 0 0 0; color: #808080; }
main article.article-next-steps section h2 { font-size: 30px; font-weight: bold; line-height: 30px; color: #363433; margin: 0; }
main article.article-next-steps section p { font-size: 13px; font-weight: normal; display: block; line-height: 20px; color: #808080; margin: 10px 0 0 0; }
main article.article-next-steps section p a { color: #000; }
main article.article-next-steps section.thirds { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
main article.article-next-steps section.thirds span.column { position: relative; float: left; width: calc(100% / 3 - 10px); margin: 0 5px; padding: 15px; }
main article.article-next-steps section.thirds span.column.blue { background: #1b1a40; }
main article.article-next-steps section.thirds span.column.grey { background: #ccc; }
main article.article-next-steps section.thirds { padding: 30px 0; }
main article.article-next-steps section.thirds ul { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; list-style: none; margin: 0; padding: 0; }
main article.article-next-steps section.thirds ul li { position: relative; float: left; width: calc(100% / 3 - 10px); margin: 0 5px; padding: 15px; background-color: #808080; height: 300px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
main article.article-next-steps section.thirds ul li.charity_partners { background-image: url("/library/__footers/charity_partners.jpg"); }
main article.article-next-steps section.thirds ul li.city_giving_day { background-image: url("/library/__footers/city_giving_day.jpg"); }
main article.article-next-steps section.thirds ul li.corporate_partnerships { background-image: url("/library/__footers/corporate_partnerships.jpg"); }
main article.article-next-steps section.thirds ul li.impact_report { background-image: url("/library/__footers/impact_report.jpg"); }
main article.article-next-steps section.thirds ul li.our_initiatives { background-image: url("/library/__footers/our_initiatives.jpg"); }
main article.article-next-steps section.thirds ul li.our_strategy { background-image: url("/library/__footers/our_strategy.jpg"); }
main article.article-next-steps section.thirds ul li.power_of_inclusion { background-image: url("/library/__footers/power_of_diversity.jpg"); }
main article.article-next-steps section.thirds ul li.previous_breakfasts { background-image: url("/library/__footers/previous_breakfasts.jpg"); }
main article.article-next-steps section.thirds ul li.the_green_ribbon { background-image: url("/library/__footers/the_green_ribbon.jpg"); }
main article.article-next-steps section.thirds ul li.this_is_me { background-image: url("/library/__footers/this_is_me.jpg"); }
main article.article-next-steps section.thirds ul li.she_can_be { background-image: url("/library/__footers/she_can_be.jpg"); }
main article.article-next-steps section.thirds ul li.wellbeing_in_the_workplace { background-image: url("/library/__footers/wellbeing_in_the_city.jpg"); }
main article.article-next-steps section.thirds ul li a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
main article.article-next-steps section.thirds ul li .bottom { position: absolute; right: 15px; bottom: 0; left: 15px; background: #fff; padding: 15px; color: #363433; z-index: 1; }
main article.article-next-steps section.thirds ul li .bottom strong { display: block; font-weight: bold; }
main article.article-next-steps section.thirds ul li.plain { background: #1b1a40; }
main article.article-next-steps section.thirds ul li.plain h2 { color: #fff; }
main article.article-next-steps section.thirds ul li.plain p { color: #fff; }
main article.article-next-steps section.thirds ul li.plain a { display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 2; }
main article.article-next-steps section.thirds ul li.plain p a.button { display: inline-block; position: absolute; top: auto; right: auto; bottom: 15px; left: 15px; background: #f39200; color: #fff !important; height: auto; }
body.an-inclusive-city main article.article-next-steps section.thirds ul li.plain { background-color: #ffd618; }
body.an-inclusive-city main article.article-next-steps section.thirds ul li.plain h2, body.an-inclusive-city main article.article-next-steps section.thirds ul li.plain p { color: #000 !important; }
body.a-healthy-city main article.article-next-steps section.thirds ul li.plain { background-color: #52ae32; color: #fff !important; }
body.a-healthy-city main article.article-next-steps section.thirds ul li.plain h2, body.a-healthy-city main article.article-next-steps section.thirds ul li.plain p {}
body.a-skilled-city main article.article-next-steps section.thirds ul li.plain { background-color: #009fd7; color: #fff !important; }
body.a-skilled-city main article.article-next-steps section.thirds ul li.plain h2, body.a-skilled-city main article.article-next-steps section.thirds ul li.plain p {}
body.a-fair-city main article.article-next-steps section.thirds ul li.plain { background-color: #e62635; color: #fff !important; }
body.a-fair-city main article.article-next-steps section.thirds ul li.plain h2, body.a-fair-city main article.article-next-steps section.thirds ul li.plain p {}

main article.events-overview section button { position: absolute; top: -45px; left: 0; }
main article.events-overview section ul { list-style: none; margin: 0; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
main article.events-overview section ul li { position: relative; width: calc(25% - 15px); margin: 0 15px 15px 0; }
main article.events-overview section ul li:nth-of-type(4n) { margin-right: 0; }
main article.events-overview section ul li a { position: relative; display: block; height: 320px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 0 50px 0; }
main article.events-overview section ul li a .caption { position: absolute; right: 30px; bottom: 0; left: 0; }
main article.events-overview section ul li a .caption em, article.events-overview ul li a .caption strong { font-size: 18px; line-height: 27px; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; font-style: normal; }
main article.events-overview section ul li button { position: absolute; top: auto; right: auto; bottom: -50px; left: 0; }
main article.events-overview section ul li a.pod-logo { background: url("/images/logo-poi.png") no-repeat 50% 50%; background-size: contain; }

/* home */
body.home main article.header-image section aside { bottom: 0; }
body.home main article.header-image section aside img { background: #fff; border: 15px solid #fff; margin: 0 -15px; }
body.home main article.better-city-for-all section .left-column { width: 30%; }
body.home main article.better-city-for-all section .right-column { width: 60%; }
body.home main article.better-city-for-all section .right-column ul.blocks { list-style: none; margin: 0; padding: 0; }
body.home main article.better-city-for-all section .right-column ul.blocks li { float: left; width: 50%; }
body.home main article.better-city-for-all section .right-column ul.blocks li a { display: block; position: relative; margin: 1px; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
body.home main article.better-city-for-all section .right-column ul.blocks li.inclusive a { background-image: url("/library/_home/home_an_inclusive_city.jpg"); }
body.home main article.better-city-for-all section .right-column ul.blocks li.healthy a { background-image: url("/library/_home/home_a_healthy_city.jpg"); }
body.home main article.better-city-for-all section .right-column ul.blocks li.skilled a { background-image: url("/library/_home/home_a_skilled_city.jpg"); }
body.home main article.better-city-for-all section .right-column ul.blocks li.fair a { background-image: url("/library/_home/home_a_fair_city.jpg"); }
body.home main article.better-city-for-all section .right-column ul.blocks li a .title { display: block; position: absolute; top: 0; left: 0; }
body.home main article.better-city-for-all section .right-column ul.blocks li a .title strong { display: inline-block; color: #000; font-size: 13px; padding: 0 10px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 30px; }
body.home main article.better-city-for-all section .right-column ul.blocks li.inclusive a .title strong { background: rgba(255,214,24,1); }
body.home main article.better-city-for-all section .right-column ul.blocks li.healthy a .title strong { background: rgba(82,174,50,1); }
body.home main article.better-city-for-all section .right-column ul.blocks li.skilled a .title strong { background: rgba(0,159,215,1); }
body.home main article.better-city-for-all section .right-column ul.blocks li.fair a .title strong { background: rgba(225,71,57,1); }
body.home main article.better-city-for-all section .right-column ul.blocks li a .description { display: block; position: absolute; bottom: 1px; left: 0; right: 40%; }
body.home main article.better-city-for-all section .right-column ul.blocks li a .description strong { display: inline; background: #fff; color: #000; font-size: 18px; padding: 4px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 26px; }
body.home main article.better-city-for-all section .right-column ul.blocks:after { display: table; content: ""; clear: both; }
body.home main article.article-upcoming-events h1, body.home main article.article-latest-news h1 { position: relative; margin: 0 25% 10px 0; z-index: 2; font-size: 40px; font-weight: bold; line-height: 50px; }
body.home main article.article-upcoming-events section .view-all-link, body.home main article.article-latest-news section .view-all-link { float: right; width: calc(25% - 10px); z-index: 2; }
body.home main article.article-upcoming-events section .view-all-link a, body.home main article.article-latest-news section .view-all-link a { position: relative; display: block; background: #fff; padding: 0 15px; line-height: 40px; font-weight: bold; color: #363433; margin: 20px 0 0 0; }
body.home main article.article-upcoming-events section .view-all-link a:after, body.home main article.article-latest-news section .view-all-link a:after { position: absolute; right: 15px; bottom: 0; content: "\25b6"; }
body.home main article.article-latest-news { /* background: url("/library/_home/latest-news.jpg") no-repeat 50% 100%; background-size: cover; border-top: 15px solid #fff; */ }
body.home main article.article-latest-news h2, body.home main article.article-upcoming-events h2 { margin: 0 0 20px 0; }
body.home main article.article-latest-news section .top-story .image { position: relative; height: 400px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
body.home main article.article-latest-news section .top-story .image .date { position: absolute; bottom: 0; left: 0; display: inline-block; background: #fff; color: #808080; font-size: 13px; padding: 5px 15px; font-weight: bold; }
body.home main article.article-latest-news section .top-story .caption { background: #fff; padding: 15px; }
body.home main article.article-latest-news section .top-story .caption h3 { margin: 0; color: #363433; font-weight: bold; }
body.home main article.article-latest-news section .top-story .caption p { margin: 10px 0 0 0; color: #808080; }
body.home main article.article-latest-news section ul.story { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; list-style: none; margin: 0; padding: 0; }
body.home main article.article-latest-news section ul.story li { width: calc(50% - 10px); margin: 0 0 0 10px; background: #fff; }
body.home main article.article-latest-news section ul.story li .image { position: relative; height: 200px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
body.home main article.article-latest-news section ul.story li .image .date { position: absolute; bottom: 0; left: 0; display: inline-block; background: #fff; color: #808080; font-size: 13px; padding: 5px 15px; font-weight: bold; }
body.home main article.article-latest-news section ul.story li .caption { padding: 15px; }
body.home main article.article-latest-news section ul.story li .caption h3 { margin: 0; color: #363433; font-weight: bold; }
body.home main article.article-latest-news section ul.story li .caption p { margin: 10px 0 0 0; color: #808080; }
body.home main article.article-latest-news section ul.story:after { display: table; content: ""; clear: both; }
body.home main article.article-latest-news section .tweet-container { position: relative; margin: 25px 0 0 10px; background: #41bdef; background: #41bdef url("/images/icon-twitter-white.png") no-repeat calc(100% - 15px) 15px; background-size: 20px; padding: 15px; }
body.home main article.article-latest-news section .tweet-container .title { position: absolute; top: 15px; left: 15px; }
body.home main article.article-latest-news section .tweet-container .title a { color: #fff; font-size: 13px; font-weight: bold; }
body.home main article.article-latest-news section .tweet-container h3 { font-size: 18px; line-height: 20px; color: #1b1a40; font-weight: bold; margin: 30px 0 0 0; }
body.home main article.article-latest-news section .tweet-container .tweets p { margin: 10px 0 0 0; font-size: 13px; color: #fff; }
body.home main article.article-latest-news section .tweet-container .tweets p a { font-weight: bold; color: #fff; }
body.home main article.article-latest-news section .tweet-container .tweets p img { display: inline-block; width: auto !important; height: auto !important; vertical-align: middle; }
body.home main article.article-upcoming-events { /* background: url("/library/_home/upcoming-events.jpg") no-repeat 50% 100%; background-size: cover; border-top: 15px solid #fff; */ }
body.home main article.article-upcoming-events section {  }
body.home main article.article-upcoming-events section .top-story .image { position: relative; height: 400px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
body.home main article.article-upcoming-events section .top-story .image .date { position: absolute; bottom: 0; left: 0; display: inline-block; background: #fff; color: #808080; font-size: 13px; padding: 5px 15px; font-weight: bold; }
body.home main article.article-upcoming-events section .top-story .caption { background: #fff; padding: 15px; }
body.home main article.article-upcoming-events section .top-story .caption h3 { margin: 0; color: #363433; font-weight: bold; }
body.home main article.article-upcoming-events section .top-story .caption p { margin: 10px 0 0 0; color: #808080; }
body.home main article.article-upcoming-events section ul.story { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0; padding: 0; }
body.home main article.article-upcoming-events section ul.story li { width: calc(50% - 10px); margin: 0 0 10px 10px; background: #fff; }
body.home main article.article-upcoming-events section ul.story li .image { position: relative; height: 170px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
body.home main article.article-upcoming-events section ul.story li .image .date { position: absolute; bottom: 0; left: 0; display: inline-block; background: #fff; color: #808080; font-size: 13px; padding: 5px 15px; font-weight: bold; }
body.home main article.article-upcoming-events section ul.story li .caption { padding: 15px; }
body.home main article.article-upcoming-events section ul.story li .caption h3 { margin: 0; color: #363433; font-weight: bold; }
body.home main article.article-upcoming-events section ul.story li .caption p { margin: 10px 0 0 0; color: #808080; }
body.home main article.article-upcoming-events section ul.story:after { display: table; content: ""; clear: both; }

/* impact-report */
body.impact-report main article.article-in-page-nav section ul li a { color: #000 !important; }
body.impact-report main article.article-in-page-nav section ul li:nth-of-type(1):before { opacity: 1; background: #ffd618; }
body.impact-report main article.article-in-page-nav section ul li:nth-of-type(2):before { opacity: 1; background: #52ae32; }
body.impact-report main article.article-in-page-nav section ul li:nth-of-type(3):before { opacity: 1; background: #009fd7; }
body.impact-report main article.article-in-page-nav section ul li:nth-of-type(4):before { opacity: 1; background: #e62635; }
body.impact-report main article.blue section { padding: 0; }
body.impact-report main article.blue section .left-column { width: 45%; padding: 30px 0 60px 0; }
body.impact-report main article.blue section .right-column p { margin: 0; }
body.impact-report main article.magic-block section { padding: 70px 0 60px 0; }
body.impact-report main article.magic-block section .bordered { position: absolute; top: 100px; right: 50px; bottom: 50px; left: 50px; border: 1px solid #000;  }
body.impact-report main article.magic-block.an-inclusive-city section .bordered { border-color: #ffd618; }
body.impact-report main article.magic-block.a-healthy-city section .bordered { border-color: #52ae32; }
body.impact-report main article.magic-block.a-fair-city section .bordered { border-color: #e62635; }
body.impact-report main article.magic-block.a-skilled-city section .bordered { border-color: #009fd7; }
body.impact-report main article.magic-block.corporate-partnerships section .bordered { border-color: #1b1a40; bottom: 300px; }
body.impact-report main article.magic-block section h2 { position: relative; margin: 0 0 20px 100px; line-height: 60px; }
body.impact-report main article.magic-block section h2 strong { display: inline-block; padding: 0 20px; background: #fff; }
body.impact-report main article.magic-block section iframe { width: 100%; height: 345px; }
body.impact-report main article.magic-block section ul { position: absolute; top: 70px; right: 100px; list-style: none; margin: 0; padding: 0; }
body.impact-report main article.magic-block section ul li { float: left; background: #fff; margin: 0 0 0 30px; padding: 0 15px; }
body.impact-report main article.magic-block section ul li img { width: auto; height: 60px; }
body.impact-report main article.magic-block section .left-column { width: calc(50% - 10px); padding-bottom: 40px; }
body.impact-report main article.magic-block section .right-column { width: calc(50% - 10px); padding-bottom: 40px; }
body.impact-report main article.magic-block.corporate-partnerships section .right-column { width: 40%; float: left; padding: 15px; background: #1b1a40; margin: 15px 0 15px 20px; }
body.impact-report main article.magic-block.corporate-partnerships section .right-column p { font-size: 15px; margin: 0 0 15px 0; color: #fff; font-weight: bold; }
body.impact-report main article.magic-block.corporate-partnerships section .right-column p:last-of-type { margin-top: 80px; }
body.impact-report main article.magic-block.corporate-partnerships section .right-column p a.button { color: #fff; }
body.impact-report main article.magic-block section blockquote { position: absolute; bottom: -40px; left: 15%; right: 15%; }
body.impact-report main article.magic-block.an-inclusive-city section blockquote { background: #ffd618; color: #000; }
body.impact-report main article.magic-block.a-healthy-city section blockquote { background: #52ae32; }
body.impact-report main article.magic-block.a-skilled-city section blockquote { background: #009fd7; }
body.impact-report main article.magic-block.a-fair-city section blockquote { background: #e62635; }
body.impact-report main article.magic-block section blockquote p { margin: 0; }
body.impact-report main article.magic-block section blockquote p strong { float: left; display: inline-block; padding-left: 10px; font-size: 15px; line-height: 35px; }
body.impact-report main article.magic-block section blockquote p a { float: right; background: #f39200; color: #fff;}
body.impact-report main article.magic-block section blockquote p:after { display: table; content: ""; clear: both; }

/* about */
body.about.our-strategy main article:nth-of-type(2) section .left-column { width: 33.3%;  }
body.about.our-strategy main article.strategy { background: url("/library/_about/our_strategy_1.jpg") no-repeat 50% 50%; background-size: cover; padding: 300px 0 0 0; }
body.about.our-strategy main article.double-quotes .left-column blockquote { position: absolute; margin: 0; padding: 0; width: 285px; z-index: 3; }
body.about.our-strategy main article.double-quotes .left-column blockquote:first-of-type { top: 0; left: 100px; }
body.about.our-strategy main article.double-quotes .left-column blockquote:last-of-type { top: 200px; left: 400px; }
body.about.our-strategy main article.double-quotes .left-column blockquote h3 { font-size: 20px; line-height: 25px; font-weight: bold; margin: 0; padding: 15px 15px 0 15px; }
body.about.our-strategy main article.double-quotes .left-column blockquote h3:before { position: absolute; top: -15px; left: 0; margin: 0; background: #1b1a40; color: #fff; content: "\201c"; font-size: 40px; padding: 25px 10px 0px 5px; line-height: 5px; vertical-align: bottom; }
body.about.our-strategy main article.double-quotes .left-column blockquote p { position: relative; margin: 0; padding: 5px 15px 15px 15px; color: #fff; }
body.about.our-strategy main article.double-quotes .left-column blockquote p:first-of-type:after { padding: 10px 0 0 5px; color: #fff; font-weight: bold; content: "\201d"; font-size: 40px; vertical-align: bottom; line-height: 5px; }

body.about.our-initatives main article:nth-of-type(3) section .left-column { width: 33.3%; }
body.about.our-initatives main article:nth-of-type(3) section .right-column ul { width: 100%; list-style: none; margin: 25px 0 0 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
body.about.our-initatives main article:nth-of-type(3) section .right-column ul li { width: 50%; margin: 50px 0 0 0; }
body.about.our-initatives main article:nth-of-type(3) section .right-column ul:after { display: table; content: ""; clear: both; }
body.about.our-initatives main article.photo { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-top: 15px solid #fff; }
body.about.our-initatives main article.photo section { padding: 250px 0 0 0; }
body.about.our-initatives main article.photo.bottom .left-column { width: 33.3%; margin-left: 100px; background: #fff; padding: 15px; }
body.about.our-initatives main article.photo.bottom .right-column { width: 33.3%; margin-right: 100px; background: #fff; padding: 15px; }
body.about.our-initatives main article.photo.photo-1 { background-image: url("/library/_about/our_initatives_1.jpg"); }
body.about.our-initatives main article.photo.photo-1 section { background: url("/library/_about/our_initatives_corner_tab_1.png") no-repeat 0 0; background-size: 100px; }
body.about.our-initatives main article.photo.photo-2 { background-image: url("/library/_about/our_initatives_2.jpg"); }
body.about.our-initatives main article.photo.photo-2 section { background: url("/library/_about/our_initatives_corner_tab_2.png") no-repeat 0 0; background-size: 100px; }
body.about.our-initatives main article.photo.photo-3 { background-image: url("/library/_about/our_initatives_3.jpg"); }
body.about.our-initatives main article.photo.photo-3 section { background: url("/library/_about/our_initatives_corner_tab_3.png") no-repeat 0 0; background-size: 100px; }
body.about.our-initatives main article.photo.photo-4 { background-image: url("/library/_about/our_initatives_4.jpg"); }
body.about.our-initatives main article.photo.photo-4 section { background: url("/library/_about/our_initatives_corner_tab_4.png") no-repeat 0 0; background-size: 100px; }

body.about.our-charities main article:nth-of-type(3) section .left-column { width: 40%; }
body.about.our-charities main article:nth-of-type(3) section .left-column ul { list-style: none; margin: 50px 0 0 0; padding: 0; }
body.about.our-charities main article:nth-of-type(3) section .left-column ul li { float: left; height: 80px; margin: 0 25px 0 0; }
body.about.our-charities main article:nth-of-type(3) section .left-column ul li:last-of-type { margin-right: 0; }
body.about.our-charities main article:nth-of-type(3) section .left-column ul li img { width: auto; height: 100%; }
body.about.our-charities main article:nth-of-type(3) section .left-column ul:after { display: table; content: ""; clear: both; }
body.about.our-charities main article.photo { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-top: 15px solid #fff; }
body.about.our-charities main article.photo.place2be { background-image: url("/library/_about/our_charities_1.jpg"); }
body.about.our-charities main article.photo.onside { background-image: url("/library/_about/our_charities_2.jpg"); }
body.about.our-charities main article.photo.samaritans { background-image: url("/library/_about/our_charities_3.jpg"); }
body.about.our-charities main article.photo section { padding: 250px 0 0 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
body.about.our-charities main article.photo.place2be section { background: url("/library/_about/our_charities_corner_tab_1.jpg") no-repeat 0 0; background-size: 100px;  }
body.about.our-charities main article.photo.onside section { background: url("/library/_about/our_charities_corner_tab_2.jpg") no-repeat 0 0; background-size: 100px;  }
body.about.our-charities main article.photo.samaritans section { background: url("/library/_about/our_charities_corner_tab_3.jpg") no-repeat 0 0; background-size: 100px;  }
body.about.our-charities main article.photo section .left-column { width: 35%; margin-left: 100px; padding: 0; }
body.about.our-charities main article.photo section .left-column h2 { font-size: 30px; line-height: 30px; margin: 0 80px 0 0; background: #fff; padding: 15px 15px 0 15px; }
body.about.our-charities main article.photo section .left-column p { margin: 0; padding: 0 15px 15px 15px; background: #fff; }
body.about.our-charities main article.photo section .left-column p:first-of-type { padding: 15px; }
body.about.our-charities main article.photo section .right-column { float: left; width: 30%; background: #fff; padding: 15px; margin: 0 0 0 15px; text-align: center; }
body.about.our-charities main article.photo section .right-column p { margin: 0; }
body.about.our-charities main article.photo section .right-column h4 { font-size: 80px; line-height: 100px; margin: 15px 0; }

body.about.our-people main article:nth-of-type(3) section { padding: 120px 0 15px 0; }
body.about.our-people main article.article-full section { padding: 15px 0 120px 0; }
body.about.our-people main article section .left-column ul, body.about.our-people main article section .right-column ul, body.about.our-people main article section .full-column ul { list-style: none; margin: 0; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
body.about.our-people main article section .left-column ul li, body.about.our-people main article section .right-column ul li { width: calc(50% - 15px); margin: 0 15px 15px 0; line-height: 20px; }
body.about.our-people main article section .left-column ul li strong, body.about.our-people main article section .right-column ul li strong, body.about.our-people main article section .full-column ul strong { display: block; }
body.about.our-people main article section .full-column ul li { width: calc(25% - 15px); margin: 0 15px 15px 0; line-height: 20px; }
body.about.our-people main article section .right-column { padding-top: 110px;  }

body.about.acknowledgements main article.blue section h3 { margin: 0 0 15px 0; font-weight: bold; color: #009fd7; font-size: 25px; line-height: 30px; }
body.about.acknowledgements main article.blue section ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
body.about.acknowledgements main article.blue section ul li { width: 100%; margin: 0; line-height: 20px; font-size: 16px; }
body.about.acknowledgements main article.blue section .right-column p { color: #009fd7; font-size: 40px; line-height: 45px; margin: 50px 0; }
body.about.acknowledgements main article.three-columns section ol { list-style: none; margin: 30px 0; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
body.about.acknowledgements main article.three-columns section ol li { width: calc(33.33% - 50px); margin-right: 50px; }
body.about.acknowledgements main article.three-columns section ol li p strong { display: block; font-size: 16px; margin-top: 15px; }
body.about.acknowledgements main article.three-columns section h3 { margin: 0 0 15px 0; font-weight: bold; color: #009fd7; font-size: 25px; line-height: 30px; }
body.about.acknowledgements main article.three-columns section p { margin: 0; }
body.about.acknowledgements main article.three-columns section ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
body.about.acknowledgements main article.three-columns section ul li { width: 100%; margin: 0; line-height: 20px; font-size: 16px; }
body.about.acknowledgements main article.three-columns section blockquote { background: transparent; padding: 0; }
body.about.acknowledgements main article.three-columns section blockquote p { position: relative; font-size: 20px; line-height: 30px; font-weight: bold; margin: 0; padding: 0; }
body.about.acknowledgements main article.three-columns section blockquote p:before { position: absolute; bottom: 100%; left: 0; margin: 0; background: #1b1a40; color: #009fd7; content: "\201c"; font-size: 40px; padding: 20px 10px 0px 5px; line-height: 5px; vertical-align: bottom; }
body.about.acknowledgements main article.three-columns section blockquote p em { font-style: normal; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #1b1a40; color: #fff; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; line-height: 32px; }
body.about.acknowledgements main article.three-columns section blockquote p span { display: block; background: #1b1a40; color: #fff; padding: 10px; font-size: 13px; line-height: 20px; }
body.about.acknowledgements main article.three-columns section blockquote p span:after { padding: 5px 0 0 5px; color: #009fd7; content: "\201d"; font-size: 40px; vertical-align: bottom; line-height: 5px; }
body.about.acknowledgements main article.three-columns section ol li p.blockquote { background: #1b1a40; padding: 0 10px 10px 10px; margin: 0; color: #fff; font-weight: bold; }

/* an-inclusive-city */
body.an-inclusive-city main article.yellow section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.an-inclusive-city main article.yellow section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.an-inclusive-city main article.yellow section .right-column { float: left; width: 50%; background: #fff; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.an-inclusive-city main article.yellow section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.an-inclusive-city main article.yellow section .right-column p {}
body.an-inclusive-city main article.yellow section .right-column h4 { color: #ffd618; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.an-inclusive-city main article.magic-block-bottom-section { background-image: url("/library/_an_inclusive_city/an_inclusive_city_3.jpg"); }
body.an-inclusive-city main article.magic-block-bottom-section section .register-section blockquote .photo-image { background-image: url("/library/_an_inclusive_city/an_inclusive_city_2.jpg"); }

/*
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(3) section .right-column { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(3) section .right-column .vertical-center { padding: 0; text-align: left; align-self: center; }
*/
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section { padding: 0 0 30px 0; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .left-column { padding: 60px 0; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column p:first-of-type { margin: 0; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column p.quote { display: inline-block; margin: 0; padding: 10px 15px; background: #fff; line-height: 20px; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote { position: absolute; bottom: 60px; left: 0; background: transparent; margin: 0; padding: 0; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote p { position: relative; font-size: 20px; line-height: 30px; font-weight: bold; background: transparent; margin: 0; padding: 0 0 0 5px; width: 50%; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote p:before { position: absolute; bottom: 100%; left: 0; margin: 0; background: #fff; color: #1b1a40; content: "\201c"; font-size: 40px; padding: 20px 10px 0px 5px; line-height: 5px; vertical-align: bottom; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote p strong { display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #000; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote p strong:after { padding: 5px 0 0 5px; color: #1b1a40; content: "\201d"; font-size: 40px; vertical-align: bottom; }
body.an-inclusive-city.power-of-inclusion main article.magic-block-bottom-section { background-image: url("/library/_an_inclusive_city/power_of_diversity_3.jpg"); }
body.an-inclusive-city.power-of-inclusion main article.magic-block-bottom-section section .register-section blockquote .photo-image { background-image: url("/library/_an_inclusive_city/power_of_diversity_2.jpg"); }

/* a-healthy-city */
body.a-healthy-city main article.green section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-healthy-city main article.green section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.a-healthy-city main article.green section .right-column { float: left; width: 50%; background: #fff; color: #363433; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-healthy-city main article.green.order-yours-today section .right-column { background: transparent; align-items: center; -ms-align-items: center; }
body.a-healthy-city main article.green.order-yours-today section .right-column img { width: 60%; }
body.a-healthy-city main article.green section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.a-healthy-city main article.green section .right-column p {}
body.a-healthy-city main article.green section .right-column h4 { color: #52ae32; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.a-healthy-city main article.profile section { padding: 0; }
body.a-healthy-city main article.profile section .left-column { width: 40%; padding: 60px 0 30px 0; }
body.a-healthy-city main article.profile section .left-column h2 { margin: 0; }
body.a-healthy-city main article.profile section .right-column p { margin: 0; }

body.a-healthy-city.this-is-me main article.white.left-forty section .left-column blockquote { width: 66.6%; }
body.a-healthy-city.this-is-me main article.magic-block-bottom-section { background-image: url("/library/_a_healthy_city/this_is_me_3.jpg"); }
body.a-healthy-city.this-is-me main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_healthy_city/this_is_me_2.jpg"); }

body.a-healthy-city.the-green-ribbon main article.intro section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-healthy-city.the-green-ribbon main article.intro section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.a-healthy-city.the-green-ribbon main article.intro section .right-column { float: left; width: 50%; background: #fff; color: #363433; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-healthy-city.the-green-ribbon main article.intro section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.a-healthy-city.the-green-ribbon main article.intro section .right-column h4 { color: #52ae32; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-left { float: left; width: 45%; }
body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-right { float: right; width: 45%; }
body.a-healthy-city.the-green-ribbon main article.etapestry-form section { padding: 0 0 120px 0; }
body.a-healthy-city.the-green-ribbon main article.etapestry-form section .right-column { padding-top: 60px; }

body.a-healthy-city.wellbeing-in-the-workplace main article:nth-of-type(4) section { padding: 0; }
body.a-healthy-city.wellbeing-in-the-workplace main article:nth-of-type(4) section .left-column { padding: 60px 0; }
body.a-healthy-city.wellbeing-in-the-workplace main article:nth-of-type(4) section .right-column p { margin: 0; padding: 0 0 30px 0; }
body.a-healthy-city.wellbeing-in-the-workplace main article.magic-block-bottom-section { background-image: url("/library/_a_healthy_city/wellbeing_3.jpg"); }
body.a-healthy-city.wellbeing-in-the-workplace main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_healthy_city/wellbeing_2.jpg"); }
body.a-healthy-city.wellbeing-in-the-workplace main article.wellbeing section { padding: 30px 0 120px 0; }

/* a-skilled-city */
body.a-skilled-city main article.light-blue section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-skilled-city main article.light-blue section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.a-skilled-city main article.light-blue section .right-column { float: left; width: 50%; background: #fff; color: #363433; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-skilled-city main article.light-blue section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.a-skilled-city main article.light-blue section .right-column p {}
body.a-skilled-city main article.light-blue section .right-column h4 { color: #009fd7; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.a-skilled-city main article.profile section { padding: 0; }
body.a-skilled-city main article.profile section .left-column { width: 40%; padding: 60px 0 30px 0; }
body.a-skilled-city main article.profile section .left-column h2 { margin: 0; }
body.a-skilled-city main article.profile section .right-column p { margin: 0; }
body.a-skilled-city main article.magic-block-bottom-section { background-image: url("/library/_a_skilled_city/a_skilled_city_3.jpg"); }
body.a-skilled-city main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_skilled_city/a_skilled_city_2.jpg"); }

body.a-skilled-city.she-can-be main article.magic-block-bottom-section { background-image: url("/library/_a_skilled_city/she_can_be_3.jpg"); }
body.a-skilled-city.she-can-be main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_skilled_city/she_can_be_2.jpg"); }

/* a-fair-city */
body.a-fair-city main article.red section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-fair-city main article.red section .left-column { width: 40%; padding: 120px 0; margin-right: 10%; color: #fff; }
body.a-fair-city main article.red section .right-column { float: left; width: 50%; background: #fff; color: #363433; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.a-fair-city main article.red section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.a-fair-city main article.red section .right-column p {}
body.a-fair-city main article.red section .right-column h4 { color: #e62635; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.a-fair-city main article.profile section { padding: 0; }
body.a-fair-city main article.profile section .left-column { width: 40%; padding: 60px 0 30px 0; }
body.a-fair-city main article.profile section .left-column h2 { margin: 0; }
body.a-fair-city main article.profile section .right-column p { margin: 0; }
body.a-fair-city main article.magic-block-bottom-section { background-image: url("/library/_a_fair_city/a_fair_city_3.jpg"); }
body.a-fair-city main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_fair_city/a_fair_city_2.jpg"); }

body.a-fair-city.city-giving-day main article.white.left-forty .right-column ul { list-style: none; margin: 0; padding: 0; }
body.a-fair-city.city-giving-day main article.white.left-forty .right-column ul li { display: inline-block; margin: 0 10% 0 0; width: 30%; vertical-align: middle; }

body.a-fair-city.city-giving-day main article.profile .left-column blockquote { margin-top: 30px; }
body.a-fair-city.city-giving-day main article.profile .left-column blockquote ol { list-style: none; margin: 0 0 20px 0; padding: 0; }
body.a-fair-city.city-giving-day main article.profile .left-column blockquote ol > li:first-of-type { float: left; width: 45%; }
body.a-fair-city.city-giving-day main article.profile .left-column blockquote ol > li:last-of-type { float: right; width: 45%; }
body.a-fair-city.city-giving-day main article.profile .left-column blockquote ol li ul { margin: 10px 0 0 0; padding: 0 0 0 20px; }
body.a-fair-city.city-giving-day main article.profile .left-column blockquote ol:after { display: table; content: ""; clear: both; }

body.a-fair-city.city-giving-day main article.magic-block-bottom-section { background-image: url("/library/_a_fair_city/city_giving_day_3.jpg"); }
body.a-fair-city.city-giving-day main article.magic-block-bottom-section .register-section blockquote .photo-image { background-image: url("/library/_a_fair_city/city_giving_day_2.jpg"); }

body.a-fair-city.resources-and-downloads main article.order-online h1 { margin-bottom: 30px; }
body.a-fair-city.resources-and-downloads main article.order-online ul { list-style: none; margin: 0; padding: 0; }
body.a-fair-city.resources-and-downloads main article.order-online ul:after { display: table; content: ""; clear: both; }
body.a-fair-city.resources-and-downloads main article.order-online ul li { position: relative; float: left; width: 25%; height: 345px; }
body.a-fair-city.resources-and-downloads main article.order-online ul li a { position: relative; display: block; height: 345px; margin: 0 0 50px 0; }
body.a-fair-city.resources-and-downloads main article.order-online ul li a img { height: 300px; width: auto; }
body.a-fair-city.resources-and-downloads main article.order-online ul li a span { display: block; position: absolute; bottom: 45px; margin: 0 20px 0 5px; }
body.a-fair-city.resources-and-downloads main article.order-online ul li a span strong { font-size: 18px; line-height: 27px; font-weight: bold; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
body.a-fair-city.resources-and-downloads main article.order-online ul li a button { position: absolute; bottom: 0; left: 0; }
body.a-fair-city.resources-and-downloads main article.resource-downloads h1 { margin-bottom: 30px; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul { list-style: none; margin: 0; padding: 0; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul:after { display: table; content: ""; clear: both; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li { position: relative; float: left; width: 25%; height: 345px; margin-bottom: 60px; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li a { position: relative; display: block; height: 345px; margin: 0 0 50px 0; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li a img { height: 300px; width: auto; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li a span { display: block; position: absolute; bottom: 45px; margin: 0 20px 0 5px; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li a span strong { font-size: 18px; line-height: 27px; font-weight: bold; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
body.a-fair-city.resources-and-downloads main article.resource-downloads ul li a button { position: absolute; bottom: 0; left: 0; }

/* news */
article.news-overview h2 { font-size: 35px; }
article.news-overview ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
article.news-overview ul:after { display: table; content: ""; clear: both; }
article.news-overview ul li { position: relative; float: left; width: 258px; overflow: hidden; margin: 0 15px 60px 0; }
article.news-overview ul li:nth-of-type(4n) { margin-right: 0; }
article.news-overview ul li a { position: relative; display: block; height: 320px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 0 50px 0; }
article.news-overview ul li a .caption { position: absolute; right: 30px; bottom: 0; left: 0; }
article.news-overview ul li a .caption em, article.news-overview ul li a .caption strong { font-size: 18px; line-height: 27px; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; font-style: normal; }
article.news-overview ul li button { position: absolute; bottom: -50px; left: 0; }

/* get-involved */
body.get-involved.corporate-partnerships main article.blue section { padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.get-involved.corporate-partnerships main article.blue section .left-column { width: 40%; padding: 60px 0; margin-right: 10%; }
body.get-involved.corporate-partnerships main article.blue section .right-column { float: left; width: 50%; background: #fff; color: #363433; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; }
body.get-involved.corporate-partnerships main article.blue section .right-column .vertical-center { width: 100%; align-self: center; padding: 0 5%; text-align: center; }
body.get-involved.corporate-partnerships main article.blue section .right-column h4 { color: #4397a1; font-size: 80px; line-height: 100px; margin: 30px 0; }
body.get-involved.corporate-partnerships main article.magic-block-bottom-section { background-image: url("/library/_get_involved/corporate_partnerships_3.jpg"); }
body.get-involved.corporate-partnerships main article.magic-block-bottom-section section .register-section blockquote .photo-image { background-image: url("/library/_get_involved/corporate_partnerships_2.jpg"); }

body.get-involved.donate h2.icon-online { background: url("/images/icon-online.png") no-repeat 0 50%; background-size: contain; padding: 0 0 0 50px; }
body.get-involved.donate h2.icon-post { background: url("/images/icon-post.png") no-repeat 0 50%; background-size: contain; padding: 0 0 0 50px; }


body.get-involved.donate main article.fundraising { background: url("/library/_get_involved/fundraising_photo.jpg") no-repeat 50% 50%; background-size: cover; padding: 300px 0 0 0; }
body.get-involved.donate main article.fundraising h2 { font-size: 50px; font-weight: bold; display: inline; padding: 0.2rem 0.5rem; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 66px; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; margin: 0; }
body.get-involved.donate main article.four-columns ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
body.get-involved.donate main article.four-columns ul:after { display: table; content: ""; clear: both; }
body.get-involved.donate main article.four-columns ul li { position: relative; float: left; width: 258px; overflow: hidden; margin: 0 15px 60px 0; }
body.get-involved.donate main article.four-columns ul li h3 { font-weight: bold; }
body.get-involved.donate main article.four-columns ul li p.tall { height: 120px; }
body.get-involved.donate main article.four-columns ul li p:last-of-type a { display: inline-block; font-size: 11px; color: #363433; }
body.get-involved.donate main article.four-columns ul li:nth-of-type(4n) { margin-right: 0; }

.story-share { margin: 0 0 30px 0; }
.story-share h3 { margin: 0 0 5px 0; font-size: 13px; color: #808080; }
.story-block { width: 600px; }
.story-block a { color: #f39200; }

/* search */
body.search main article.search-header section h2 { font-weight: normal; margin: 0; line-height: 52px; }
body.search main article.search-header section .search-form { position: relative; margin: 0; padding: 0; }
body.search main article.search-header section .search-form input { background: #fff; border: 0; padding: 3px; font-size: 35px; }
body.search main article.search-header section .search-form button { display: block; position: absolute; margin: 0; padding: 0; top: 0; right: 15px; bottom: 0; left: auto; border: 0; background: url("/images/icon-search.png") no-repeat 50% 50%; background-size: 25px; width: 52px; height: auto; text-indent: -999em; }
body.search article.search section button { position: absolute; top: -45px; left: 0; }
body.search article.search section ul { list-style: none; margin: 0; padding: 0; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
body.search article.search section ul li { position: relative; width: calc(25% - 15px); margin: 0 15px 15px 0; }
body.search article.search section ul li:nth-of-type(4n) { margin-right: 0; }
body.search article.search section ul li a { position: relative; display: block; height: 320px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin: 0 0 50px 0; }
body.search article.search section ul li a .image { position: relative; height: 225px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;  }
body.search article.search section ul li a .image p { position: absolute; bottom: 0px; left: 5px; right: 5px; margin: 0; }
body.search article.search section ul li a .image p strong { font-size: 18px; display: inline; padding: 2px 5px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 20px; background: #fff; color: #363433; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; font-style: normal; }
body.search article.search section ul li button { position: absolute; top: auto; right: auto; bottom: -50px; left: 0; }

/* footer */
footer { background: #fff; text-align: center; margin: 0; padding: 60px 0 30px 0; font-size: 13px; margin-bottom: 30px; }
footer section { position: relative; width: 1240px; margin: 0 auto; padding: 0; color: #808080; text-align: left; }
footer section ol { width: 100%; list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
footer section ol li { width: calc(25% - 48px); border-right: 2px solid #eee; margin-right: 50px; }
footer section ol li:nth-of-type(2) { border: 0; }
footer section ol li:last-of-type { border: 0; margin: 0; }
footer section ol li h3 { margin: 0; font-size: 13px; line-height: 25px; font-weight: bold; }
footer section ol li h3 a { color: #6f6e6e; }
footer section ol li h3.gap { margin: 0 0 40px 0; }
footer section ol li ul { list-style: none; margin: 0 0 30px 0; padding: 0; }
footer section ol li ul li { float: none; border: 0; margin: 0; padding: 0; width: auto; height: auto; }
footer section ol li ul li:first-of-type { border: 0; margin: 0; padding: 0; width: auto; }
footer section ol li ul li:last-of-type { border: 0; margin: 0; padding: 0; width: auto; }
footer section ol li ul li a { font-size: 13px; color: #aaa; line-height: 25px; }
footer section ol li ul ul { margin: 0 0 5px 0; padding: 0; }
footer section ol li ul ul li a { font-size: 11px; color: #aaa; line-height: 15px; }
footer section ol li.first li { float: none; width: auto; margin: 0; }
footer section .left { float: left; width: 50%; line-height: 15px; font-size: 11px; font-weight: normal; margin-top: 75px; }
footer section .left .logo {}
footer section .left .logo a { display: block; text-decoration: none; background: url("/images/lma-2017-logo.png") no-repeat 0 0; background-size: contain; width: 210px; height: 50px; text-indent: -999em; }
footer section .left .copyright { color: #bababa; }
footer section .left .copyright a { font-weight: bold; color: #bababa; }
footer section .right { float: right; width: 50%; line-height: 15px; font-size: 11px; font-weight: normal; text-align: right; padding-top: 20px; margin-top: 75px; }
footer section .right .social { height: 30px; }
footer section .right .social a { display: inline-block; width: 15px; height: 15px; margin-left: 10px; float: right; }
footer section .right .social a.twitter { background: url("/images/icon-twitter-light-grey.png") no-repeat 0 0; background-size: contain; }
footer section .right .social a.instagram { background: url("/images/icon-instagram-light-grey.png") no-repeat 0 0; background-size: contain; }
footer section .right .social a.linkedin { background: url("/images/icon-linkedin-light-grey.png") no-repeat 0 0; background-size: contain; }
footer section .right .address { color: #bababa; }
footer section .right .contact { color: #6f6e6e; }
footer section .right .contact a { color: #6f6e6e; }
footer section .right .contact a.email { font-weight: bold; }

#cookie-bar { position: fixed; bottom: 0; left: 0; right: 0; background: #181415; color: #fff; text-align: center; padding: 10px 0; z-index: 1000000; }
#cookie-bar a { color: #d31148; text-decoration: none; }

/* slick */
.slick-dots { list-style: none; margin: 20px 0 0 0; padding: 0; }
.slick-dots:after { display: table; content: ""; clear: both; }
.slick-dots li { float: left; margin: 0 20px 0 0; }
.slick-dots li button { display: block; background: #fff; width: 10px; height: 10px; padding: 0; text-indent: -999em; }
.slick-dots li.slick-active button { background: #363433; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

ul.slicker { position: relative; list-style: none; margin: 0; padding: 0 30px; }
ul.slicker h4 sup { font-size: 45px; line-height: 45px; }
ul.slicker h4 sub { font-size: 45px; line-height: 45px; vertical-align: baseline; }
ul.slicker button.slick-prev { position: absolute; top: 50%; left: 5px; margin-top: -10px; line-height: 20px; background: #fff; padding: 0 0 0 20px; width: 20px; height: 20px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
ul.slicker button.slick-prev:before { position: absolute; top: 0; left: 0; content: "\25C0"; color: #d0d0d0; width: 20px; height: 20px; background: #fff; }
ul.slicker button.slick-prev:hover:before { color: #808080; }
ul.slicker button.slick-next { position: absolute; top: 50%; right: 5px; margin-top: -10px; line-height: 20px; background: #fff; padding: 0 20px 0 0; width: 20px; height: 20px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
ul.slicker button.slick-next:before { position: absolute; top: 0; left: 0; content: "\25B6"; color: #d0d0d0; width: 20px; height: 20px; background: #fff; }
ul.slicker button.slick-next:hover:before { color: #808080; }
ul.slicker .slick-dots { margin: 20px 0 0 100px; }
.vertical-center ul.slicker .slick-dots { margin: 20px 0 0 200px; }
ul.slicker .slick-dots li button { background: #d0d0d0; }
ul.slicker .slick-dots li.slick-active button { background: #1b1a40; }


@media only screen and (max-width: 1279px) {
	header section { width: auto; margin: 0; padding: 0 10px; }
	header section nav { display: block; left: 45px; margin-right: 10px; }
	header section nav ul > li:first-of-type { display: none; }
	header section nav ul > li ul li:first-of-type { display: block; }
	main article.header-image section { width: auto; }
	main article section { width: auto; margin: 0; padding-left: 15px !important; padding-right: 15px !important; }
	main article.header-image section aside { left: 15px; }
	footer section { width: auto; margin: 0; padding: 0 15px; }
}

@media only screen and (max-width: 1023px) {
	header section nav { display: none; }
	header section #nav-trigger { display: block; position: absolute; top: 10px; right: 15px; color: #181415; font-size: 40px; line-height: 35px; cursor: pointer; transform: scale(1.5,1); -webkit-transform: scale(1.5,1); -moz-transform: scale(1.5,1); -ms-transform: scale(1.5,1); -o-transform: scale(1.5,1); }
	header section #mobile-nav { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 1; }
	header section #mobile-nav .logo { position: absolute; top: 10px; left: 10px; background: url("/images/lma-2018-pillars-logo.png") no-repeat 0 0; background-size: contain; width: 32px; height: 34px;}
	header section #mobile-nav .close { position: absolute; top: 0px; right: 5px; font-size: 80px; line-height: 40px; }
	header section #mobile-nav ul.main-nav { width: 100%; height: 90%; list-style: none; margin: 54px 0 0 0; padding: 0; background: #1b1a40; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; flex-wrap: wrap; justify-content: center; }
	header section #mobile-nav ul.main-nav li { width: 100%; flex-basis: 100%; flex-shrink: 0; text-align: left; }
	header section #mobile-nav ul.main-nav li a { display: block; position: relative; color: #fff; font-weight: normal; font-size: 40px; line-height: 70px; padding: 0 20px; }
	header section #mobile-nav ul.main-nav li a.dropdown:after { position: absolute; right: 20px; top: 0; bottom: 0; content: "\25BE"; color: #fff; }
	header section #mobile-nav ul.main-nav ul { display: none; list-style: none; margin: 0 0 2vw 4vw; padding: 0; }
	header section #mobile-nav ul.main-nav ul li a { font-size: 4vw; line-height: 7vw; }
	header section #mobile-nav ul.main-nav li.an-inclusive-city { background: #ffd618; }
	header section #mobile-nav ul.main-nav li.a-healthy-city { background: #52ae32; }
	header section #mobile-nav ul.main-nav li.a-skilled-city { background: #009fd7; }
	header section #mobile-nav ul.main-nav li.a-fair-city { background: #e62635; }
	header section #mobile-nav ul.social-nav { position: absolute; right: 0; bottom: 0; left: 0; list-style: none; margin: 0; padding: 0 35px; height: 50px; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
	header section #mobile-nav ul.social-nav li.search a { display: block; text-indent: -999em; background: #ddd url("/images/icon-search.png") no-repeat 50% 50%; background-size: 14px; width: 20px; height: 20px; padding: 5px; }
	header section #mobile-nav ul.social-nav li.twitter { width: 20px; margin: 0 0 3px 0; }
	header section #mobile-nav ul.social-nav li.twitter a { display: block; text-indent: -999em; background: url("/images/icon-twitter-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
	header section #mobile-nav ul.social-nav li.instagram { width: 20px; margin: 0 0 3px 0; }
	header section #mobile-nav ul.social-nav li.instagram a { display: block; text-indent: -999em; background: url("/images/icon-instagram-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
	header section #mobile-nav ul.social-nav li.linkedin { width: 20px; margin: 0 0 3px 0; }
	header section #mobile-nav ul.social-nav li.linkedin a { display: block; text-indent: -999em; background: url("/images/icon-linkedin-grey.png") no-repeat 50% 50%; background-size: 18px; width: 20px; height: 20px; padding: 3px; }
	main article.article-in-page-nav section ul li { width: 25%; }
	main article.article-in-page-nav section ul li a { padding: 0; }
	main article section { padding-top: 30px; padding-bottom: 30px; }
	main article section .left-column { float: none !important; width: auto !important; }
	main article section .right-column { float: none !important; width: auto !important; }
	main article.magic-block-bottom-section { background-size: auto 400px; }
	body.home main article.better-city-for-all section .left-column { padding-bottom: 30px; }
	body.home main article.article-latest-news section ul.story { margin: 0 -5px; }
	body.home main article.article-latest-news section ul.story li {margin: 0 5px 10px 5px; }
	body.home main article.article-latest-news section .tweet-container { margin: 10px 0 0 0; }
	body.home main article.article-upcoming-events section .right-column { display: block; padding-top: 15px; }
	body.home main article.article-upcoming-events section ul.story { margin: 0 -5px; }
	body.home main article.article-upcoming-events section ul.story li {margin: 0 5px 10px 5px; }
	body.impact-report main article.magic-block section h2 { margin: 0 0 20px 50px; }
	body.impact-report main article.magic-block section ul { right: 60px; }
	body.impact-report main article.magic-block section ul li { margin: 0 0 0 15px; padding: 0 5px; }
	body.impact-report main article.magic-block section blockquote { position: relative; bottom: auto; left: auto; right: auto; margin: 0 70px; }
	body.impact-report main article.magic-block.corporate-partnerships { padding: 0; }
	body.about.our-strategy main article.strategy { background: #fff; padding: 0;}
	body.about.our-strategy main article.strategy section { padding: 0 0 60px 0 !important; }
	body.about.our-strategy main article.strategy section .left-column { background: url("/library/_about/our_strategy_1_left.jpg") no-repeat 50% 50%; background-size: cover; height: 400px; }
	body.about.our-strategy main article.strategy section .right-column { background: url("/library/_about/our_strategy_1_right.jpg") no-repeat 50% 50%; background-size: cover; height: 400px; }
	body.about.our-strategy main article.strategy section .left-column.background-image, body.about.our-strategy main article.strategy section .right-column.background-image { background-size: cover !important; }
	body.about.our-initatives main article:nth-of-type(3) section .right-column ul li { text-align: center; }
	body.about.our-initatives main article:nth-of-type(3) section .right-column ul li img { display: inline-block; width: 60% !important; }
	body.about.our-charities main article.photo section { display: block; padding: 250px 0 15px 0; }
	body.about.our-charities main article.photo section .right-column { margin: 15px 0 0 0; }
	body.about.our-people main article:nth-of-type(3) section { padding: 30px 0 15px 0; }
	body.about.our-people main article section .right-column { padding-top: 0; }
	body.about.our-people main article section .full-column ul li { width: calc(33.33% - 15px); }
	main article.magic-block-bottom-section section { height: auto; }
	main article.magic-block section.top-section .bordered { left: 15px; right: 15px; }
	main article.magic-block section.top-section .left-column { padding: 0 30px 30px 30px; width: 100% !important; margin: 0; display: block; }
	main article.magic-block section.solid-background h3 { left: 15px; }
	main article.magic-block-bottom-section section .bordered { left: 15px; right: 15px; }
	main article.magic-block-bottom-section section .left-column { display: block; position: relative; bottom: auto; left: auto; right: auto; margin: 350px 20px 0 20px; }
	main article.magic-block-bottom-section section .left-column blockquote { position: relative; bottom: auto; left: auto; background: #0000; margin: 30px 0 15px 0; padding: 0; width: 100%; }
	main article.magic-block-bottom-section section .register-section { position: relative; bottom: auto; left: auto; width: 100%; height: auto; overflow: initial; }
	body.impact-report main article.magic-block section ul { position: relative; top: auto; right: auto; margin: 20px 0; }
	body.impact-report main article.magic-block section ul li { float: none; margin: 5px 0; padding: 0; background: transparent; text-align: center; }
	body.impact-report main article.magic-block section ul li img { display: inline-block; }
	body.an-inclusive-city main article.yellow section { display: block; padding: 0 0 15px 0; }
	body.an-inclusive-city main article.yellow section .left-column { margin-right: 0; width: 100% !important; padding: 15px 0; }
	body.an-inclusive-city main article.yellow section .right-column { padding: 15px 0; }
	body.a-healthy-city main article.green section { display: block; padding: 0 0 15px 0; }
	body.a-healthy-city main article.green section .left-column { margin-right: 0; width: 100% !important; padding: 15px 0; }
	body.a-healthy-city main article.green section .right-column { padding: 15px 0; }
	body.a-healthy-city.the-green-ribbon main article.intro section { padding: 0; display: block; }
	body.a-healthy-city.the-green-ribbon main article.intro section .left-column { float: none; width: 100%; padding: 30px 0; margin-right: 0; }
	body.a-healthy-city.the-green-ribbon main article.intro section .right-column { float: none; width: 100%; display: block; }
	body.a-skilled-city main article.light-blue section { display: block; padding: 0 0 15px 0; }
	body.a-skilled-city main article.light-blue section .left-column { margin-right: 0; width: 100% !important; padding: 15px 0; }
	body.a-skilled-city main article.light-blue section .right-column { padding: 15px 0; }
	body.a-fair-city main article.red section { display: block; padding: 0 0 15px 0; }
	body.a-fair-city main article.red section .left-column { margin-right: 0; width: 100% !important; padding: 15px 0; }
	body.a-fair-city main article.red section .right-column { padding: 15px 0; }
	body.get-involved.corporate-partnerships main article.blue section { display: block; padding: 0 0 15px 0; }
	body.get-involved.corporate-partnerships main article.blue section .left-column { margin-right: 0; width: 100% !important; padding: 15px 0; }
	body.get-involved.corporate-partnerships main article.blue section .right-column { padding: 15px 0; }
	main article.events-overview section ul li { width: calc(50% - 15px); }
	main article.article-next-steps section { padding: 30px 0 0 0; }
}

@media only screen and (max-width: 767px) {
	@font-face { font-family: "Pangram"; src: url("/fonts/pangram-regular.woff2") format("woff2"), url("/fonts/pangram-regular.woff") format("woff"); font-weight: normal; font-style: normal; }
	h1 { font-size: 9vw; line-height: 12vw; }
	h2 { font-size: 7vw; line-height: 10vw; }
	h3 { font-size: 5vw; line-height: 7vw; }
	blockquote h3 { font-size: 5vw; line-height: 7vw; }
	p { font-size: 4vw; line-height: 5.5vw; }
	header section #mobile-nav .close { position: absolute; top: 1.5vw; right: 3vw; font-size: 15vw; line-height: 8vw; }
	header section #mobile-nav ul.main-nav { height: 85%; }
	header section #mobile-nav ul.main-nav li a { font-size: 7vw; line-height: 12vw; }
	header section #mobile-nav ul.social-nav { padding: 0 5%; height: 8%; width: 100%; }
	main article.header-image { background-position: 50% 0; background-size: auto 80vw; }
	main article.header-image section { width: 100%; height: auto; margin: 0; padding: 80vw 0 0 0; }
	main article.header-image section aside { width: 100%; position: relative; left: auto; right: auto; margin: -8vw 0 0 0; }
	body.home main article.header-image section aside { margin: -15vw 0 0 0; }
	main article.header-image section aside h1 { font-size: 9vw; line-height: 12vw; }
	main article.header-image section aside h1 strong { display: block; padding: 5px 0; }
	main article.header-image section aside br { display: none; }
	.story-block { width: auto; }
	.vertical-center { padding: 0 0 20px 0 !important; }
	.vertical-center h4 { font-size: 15vw !important; line-height: 20vw !important; }
	.vertical-center h4 sup, .vertical-center h4 sub { font-size: 8vw !important; line-height: 12vw !important; }
	.vertical-center ul.slicker .slick-dots { margin: 20px 0 0 100px; }
	main article.magic-block-bottom-section section .left-column h2 strong { line-height: 10vw; }
	body.about.our-initatives main article.photo { background-position: 50% 0; background-size: auto 300px; border-top: 15px solid #fff; background-color: #fff; }
	body.about.our-initatives main article.photo.bottom .left-column { margin: 0; }
	body.about.our-initatives main article.photo.bottom .right-column { margin: 0; }
	body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column { padding: 30px 0 0 0; }
	body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-left { float: none; width: 100%; }
	body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-left img { width: 50%; }
	body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-right { float: none; width: 100%; }
	body.a-healthy-city.the-green-ribbon main article.etapestry-form section .left-column .half-right img { width: 50%; }
	body.an-inclusive-city.power-of-inclusion main article:nth-of-type(4) section .right-column blockquote p { font-size: 5vw; line-height: 7vw; }
	body.home main article.article-upcoming-events section .view-all-link, body.home main article.article-latest-news section .view-all-link { display: none; }
	body.home main article.better-city-for-all section .right-column ul.blocks li { width: 100%; float: none; margin: 0 0 20px 0; }
	main article.article-in-page-nav section ul li { width: 50%; }
	main article.article-next-steps section.thirds ul { display: block; }
	main article.article-next-steps section.thirds ul li { position: relative; float: none; width: 100%; margin: 0 0 15px 0; }
	body.about.our-strategy main article.double-quotes .left-column blockquote:first-of-type { top: auto; left: auto;}
	body.about.our-strategy main article.double-quotes .left-column blockquote { position: relative; margin: 0; padding: 0; width: auto; z-index: 3; }
	body.about.our-strategy main article.double-quotes .left-column blockquote:last-of-type { top: auto; left: auto; margin: 30px 0 0 0; }
	body.about.our-people main article section .full-column ul li { width: calc(50% - 15px); }
	body.about.acknowledgements main article.three-columns section ol li { width: 100%; margin-right: 0; }
	main article.magic-block section.solid-background ul { display: block; }
	main article.magic-block section.solid-background ul li { width: 100%; margin: 0 0 15px 0; }
	main article.magic-block section.solid-background h3 { width: 66.6%; }
	main article.magic-block-bottom-section section .left-column blockquote p { width: 100%; }
	main article.magic-block-bottom-section section .register-section blockquote { padding: 15px 15px 200px 15px; }
	main article.magic-block-bottom-section section .register-section blockquote .photo-image { position: absolute; top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 180px; background-position: 50% 25%; background-size: cover !important; }
	main article.events-overview section ul li { width: 100%; margin: 0 0 15px 0; }
	footer section ol li { width: 50%; border: 0; margin: 0 0 15px 0; }
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width: 320px) {
	footer section ol { display: block; }
	footer section ol li { float: none; width: 100%; border: 0; margin: 0 0 15px 0; }
}