/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{margin:0;padding:0;}
img{border:0;}
.fl_menu{list-style:none;margin:0;padding:0;}
.cms_imgleft{margin:3px 5px 5px 0;float:left;border:1px solid #000;}
.cms_imgright{margin:3px 0 5px 5px;float:right;border:1px solid #000;}
h1{margin:0;font-size:28pt;line-height:30pt;}
h2{font-size:20pt;line-height:24pt;}
h2, h3{margin:0 0 5px 0;}
.clear{clear:both;}
.gallthumbnail{float:left;border:2px solid #666;margin-right:5px;margin-bottom:5px;}
.fl_blogpostavatar{float:right;border:2px solid #666;margin:0 0 5px 5px;}
.fl_commentavatar{float:left;border:2px solid #666;margin:0 5px 0 0;}
.fl_commentname{display:block;margin-left:80px;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_commentmessage{display:block;margin-left:80px;}
.fl_gtname{display:block;text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gtmessage{display:block;}
#fl_blogentries .fl_blogpost1, #fl_blogentries .fl_blogpost2{border-top:1px solid #eee;padding-top:30px;margin-top:30px;}
.fl_postinfo{text-transform:uppercase;margin:0 0 5px;font-size:12px; color: #5a5a5a;}
.fl_blogfooter{clear:both;}
.fl_comment1{display:block;padding:5px;margin-top:5px;}
.fl_comment2{display:block;padding:5px;background-color:#eee;margin-top:5px;}
.fl_commclear{display:block;clear:both;}
#fl_commsbox, #fl_tracksbox{clear:both;padding-top:15px;}
.fl_bigpic{border:2px solid #666;}
.fl_bigcaption{margin-top:10px;}
.fl_rssentry{clear:both;}
.fl_rssimg{float:right;display:block;border:2px solid #666;margin:0 0 5px 5px;}
.fl_rsstitle{font-size:18pt;line-height:24pt;font-weight:bold;}
.fl_rssby{text-transform:uppercase;margin-bottom:5px;font-size:8pt;}
.fl_gallpreview1{margin-bottom:10px;padding:5px;clear:both;}
.fl_gallpreview2{margin-bottom:10px;background-color:#eee;padding:5px;clear:both;}
.fl_gallpreview1 img, .fl_gallpreview2 img{float:left;border:2px solid #666;}
.fl_galllink, .fl_galltext{display:block;margin-left:110px;}
td.fl_label{display:block;width:100px;}
.fl_mailform textarea{width:400px;height:200px;}
.fl_votebar{background-color:#fff;height:10px;}
input.fl_regform{width:100px;}
.fl_postingform{display:none;}
.fl_postingform textarea{height:100px;}
.fl_rsslinks{display:none;}
.fl_rating{float:right;text-align:right;}
#msgwrap{position:fixed;top:150px;left:50%;text-align:center;z-index:99;}
#msgbar{position:relative;color:#fff;border-width:3px;border-style:solid;padding:15px;font-size:28px;line-height:40px;width:300px;left:-168px;display:none;font-family:"Lucida Sans","Lucida Grande", Lucida, Tahoma, Verdana, Arial, Helvetica, sans-serif;cursor:default;}
#msgbar a{color:#fff;}
#topbar{display:none;position:fixed;z-index:99;background-color:#4ad;color:#fff;top:0;left:0;width:100%;font-size:12px;border-bottom:3px solid #079;text-align:center;}
#topbar a{color:#fff;}
#topcont{padding:10px;}
input, textarea{border:1px solid;padding:3px;background-color:#fff;border-color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
textarea{width:300px;height:150px;}
input:hover, input:focus, textarea:hover, textarea:focus{background-color:#eee;}
.fl_later{float:left;}
.fl_earlier{float:right;}
.flmsg_alert{background-color:#4ad;border-color:#079;}
.flmsg_error{background-color:#900;border-color:#600;}
.flmsg_success{background-color:#096;border-color:#066;}
.flmsg_generic{background-color:#666;border-color:#999;}
#fl_commsbox{margin:5px;padding:5px;border:1px dotted #333;background-color:#eee;}
#fl_gallwrap{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;display:none;font:11px Arial, Helvetica, sans-serif;line-height:20px;color:#333;text-align:left;}
#fl_gallcover{position:fixed;width:100%;height:100%;top:0;left:0;margin:0;padding:0;background-color:#000;opacity:0.8;filter:alpha(opacity=80);}
#fl_gallbox{position:relative;top:5%;margin:0 auto;background-color:#fff;padding:10px;width:100px;height:100px;}
#fl_gallpic{display:block;margin:0 auto;position:relative;top:35%;}
#fl_gallbelowpic{clear:both;display:none;padding:5px 10px 10px;margin:0 -10px;background-color:#fff;overflow:hidden;}
#fl_gallwrap a{color:#666;text-decoration:none;}
#fl_gallwrap a:hover{color:#444;}
#fl_gallprevnext{background:url('../scripting/blank.gif');position:relative;}
#fl_gallprev{position:absolute;z-index:50;}
#fl_gallnext{text-align:right;position:absolute;z-index:50;right:0;}
#fl_gallclose, #fl_gallslide{clear:right;float:right;}
a#fl_gallprev:hover, a#fl_gallnext:hover, a#fl_gallclose:hover{border-width:0;}
#fl_gallprev img, #fl_gallnext img{visibility:hidden;padding-top:50px;}
#fl_gallprev:hover img, #fl_gallnext:hover img{visibility:visible;}

:root {
    --lcta-red: #ff6938;
    --lcta-yellow: #fad103;
    --lcta-purple: #ab598f;
    --lcta-pink: #edadbf;
    --lcta-green: #29b587;
    --lcta-blue: #3880b3;
    --lcta-black: #1c1c1c;
    --lcta-neutral: #eee;
}

* { margin: 0; padding: 0; border: 0; outline: none; }
html { background: var(--lcta-black) url('../gfx/bg-blue.svg') no-repeat top center/100% auto; background-attachment: fixed; }
html, body { min-height: 100%; color: var(--lcta-black); font: 18px/24px Montserrat, sans-serif; }
p { margin: 25px 0; }
ul, ol { margin: 25px; }
a { color: var(--lcta-blue); }
a:hover { text-decoration: none; opacity: 0.5; }
img { max-width: 100%; height: auto!important; }

h1, h2, h3, h4 { margin: 25px 0; font-weight: 800; font-family: Degular, sans-serif;
text-transform: uppercase; }
h1, .yourstories h2, .instafeed h2 { font-size: 48px; line-height: 52px; margin: 0; }
h2 { font-size: 36px; line-height: 40px; }
h3 { font-size: 28px; line-height: 32px; }
h4 { font-size: 24px; line-height: 28px; text-transform: none; }
h1 b, h1 strong, h2 b, h2 strong, h3 b, h4 b, h1 strong, h3 strong, h4 strong { font-weight: 800; }
h1:empty { display: none; }

h2 em, h3 em { font-style: normal; color: var(--lcta-blue); }

.textlabel { position: absolute; margin-left: -9999px; }

.skipto a { position: absolute; margin-left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; color: var(--lcta-black)!important; padding: 10px; background: #fff; font-weight: bold; }
.skipto a:focus { margin-left: 0; width: auto; height: auto; }

.wrapper { max-width: 1200px; padding: 0 50px; margin: 0 auto; position: relative;}

header { padding: 25px 0; }
.logo { width: 230px; display: block; }
.logo img { display: block; }
.logo:hover { opacity: 1; }

.fl_menu { position: absolute; bottom: 0; right: 50px; margin: 0; list-style: none; z-index: 10; }
.fl_menu li, .fl_menu a { display: inline-block; position: relative; }
.fl_menu>li { margin-left: 5px; }
.fl_menu a { background: #fff; width: 175px; height: 50px; font: 800 24px/46px Degular, sans-serif; text-transform: uppercase; color: var(--lcta-black)!important; text-align: center; text-decoration: none; }
.fl_menu a:hover { opacity: 1; }
.fl_menu>li>a:after { position: absolute; bottom: 1px; left: 1px; right: 100%; transition: right 0.5s; height: 5px; content: ''; background: var(--lcta-blue); }
.fl_menu>li:hover>a:after { right: 1px; }
.fl_menu>#menu_i_>a:after { background: var(--lcta-red); }
.fl_menu>#menu_c_involved>a:after, #menu_c_involved ul { background: var(--lcta-yellow); }
.fl_menu>#menu_c_about>a:after, #menu_c_about ul { background: var(--lcta-pink); }
.fl_menu>#menu_c_contact>a:after, #menu_c_contact ul { background: var(--lcta-green); }

.fl_menu ul { position: absolute; top: 45px; left: 1px; right: 100%; margin: 0; pointer-events: none; transition: right 0.5s; overflow: hidden; }
.fl_menu li:hover ul { right: 1px; pointer-events: auto; }
.fl_menu ul li { display: block; }
.fl_menu ul a { height: auto; font-size: 18px; line-height: 24px; padding: 5px 10px; display: block; background: transparent; box-sizing: border-box; width: 173px;}
.fl_menu ul a:hover { opacity: 0.5; }

#menu_i_ a { width: 50px; background: #fff url('../gfx/icon-home.svg') no-repeat center/auto 50%; text-indent: -9999px; }

#menu .donate { position: absolute; top: 0; right: 50px; }
#menu .donate a.button { margin: 0; position: relative; color: #fff!important; }
#menu .donate a.button:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--lcta-black); opacity: 0.75; }
#menu .donate a.button span { position: relative; }

main>.wrapper { min-height: calc(100vh - 176px - 215px - 526px); }

.pagetop { background: #fff; padding: 50px; margin-bottom: 50px; }
.breadcrumbs { font: 800 18px/24px Degular, sans-serif; text-transform: uppercase; }
.breadcrumbs a { color: var(--lcta-black)!important; }
.breadcrumbs span:before { content: '\2022'; margin: 0 10px; }
.breadcrumbs a:last-of-type, .breadcrumbs span:last-of-type { display: none; }
.pageintro h2, .pageintro h3, .pageintro h4 { text-transform: none; }
.pageintro>*:last-child { margin-bottom: 0; }
.ps-front .pagetop { margin-bottom: 0; }
.pagetoparrows:before { background: #fff; position: absolute; top: 0; bottom: 5%; left: 0; right: 0; content: ''; }
.pagetoparrows { height: 0; padding-bottom: 38%; margin: 0 0 3.333333%; position: relative; }
.pagetoparrows:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background: url('../gfx/arrows.svg') no-repeat center/contain; }

.maincontent { background: #fff; padding: 20px 50px; }
.maincontent>*:first-child>.fl_mailform:first-child { margin-top: 25px; }

.maincontent ul { list-style: none; }
.maincontent ul li { margin-top: 5px; }
.maincontent ul li:before { content: '\2022'; font-weight: 800; font-family: Degular, sans-serif; color: var(--lcta-blue); position: absolute; margin-left: -25px; margin-top: -2px; }
.maincontent blockquote { background: var(--lcta-neutral); padding: 25px 50px; }
.cms_imgleft { max-width: 300px; margin: 3px 25px 15px 0; float: left; border: 0; }
.cms_imgright { max-width: 300px; margin: 3px 0 15px 25px; float: right; border: 0; }

.frontcols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-bottom: 25px; }
.frontbox { background: #fff; padding: 25px; }
.frontbox:nth-child(2) { margin-top: 50px; }
.frontbox>*:first-child { margin-top: 0; }
.frontbox>*:last-child { margin-bottom: 0; }
.frontleft, .frontright { display: flex; flex-direction: column; }
.frontleft .frontbox:nth-child(2), .frontright .frontbox { flex-grow: 1; }
.frontbox ol li { margin-top: 25px; }
.frontbox ol {counter-reset: item; list-style: none; } 
.frontbox ol li:before { position: absolute; width: 25px; text-align: right; margin-left: -35px; content: counter(item); counter-increment: item; font: 800 32px/32px Degular, sans-serif; color: var(--lcta-red); margin-top: -7px; }

.ps-front .maincontent, .page-involved-share .maincontent, .page-blog .maincontent, .page-about .maincontent, .page-involved .maincontent, .nomainbg .maincontent { background: transparent; padding: 0; }

.maincontent .subbox { background: #fff; padding: 25px 50px; margin-top: 50px; }
.fl_mailform { margin-bottom: 25px; }
#logobox { max-width: 300px; margin-bottom: 10px; }
#logobox:empty { display: none; }
#logobox img { display: block; }

.stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
.stories .story { background: #fff; padding: 25px; position: relative; overflow: hidden; }
.stories .storytext>*:first-child { margin-top: 0; }
.stories .storyname { text-align: right; font-size: 0.8em; line-height: 1.4em; font-weight: bold; }
.stories .storytext:before { display: block; content: '“'; font-weight: bold; font-size: 64px; line-height: 48px; pointer-events: none; color: var(--lcta-blue); }
.stories .storylarge .storytext { max-height: 400px; overflow: hidden; transition: max-height 2s; }
.stories .story button { display: none; }
.stories .storylarge button { display: block; position: absolute; left: 0; right: 0; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 80%); margin: 0; height: 80px; margin-top: -80px; transition: opacity 0.25s; }
.stories .storylarge button:before { content: '\25bc'; position: absolute; top: 20px; left: 0; bottom: 0; right: 0; text-align: center; font-size: 18px; line-height: 60px; color: var(--lcta-blue); }
.stories .storyexpanded button { opacity: 0; pointer-events: none; }
.stories .storyexpanded .storytext { max-height: 2000px; }

.page-involved-share .pagetop { padding-bottom: 25px; }
.yourstories h2 { background: rgba(28,28,28,0.5); color: var(--lcta-blue); display: inline-block; padding: 25px 25px 25px 5000px; margin: 0 0 0 -5000px; }
.yourstories .sharebutton { text-align: right; margin-top: 25px; }
.yourstories a.button { border: 1px solid var(--lcta-black); margin: 0; }

#fl_blogentries .fl_blogpost1, #fl_blogentries .fl_blogpost2, .fl_blogpost1, .fl_blogpost2 { padding: 25px 50px 50px; border: 0; margin-top: 50px; background: #fff; }
#fl_blogentries #fl_pagelinks { display: none; }
.fl_blogfooter { text-align: right; font-weight: bold; }
.fl_postinfo { font-weight: bold; margin-top: -15px; }
.maincontent>.fl_blogpost1>h2.fl_blogentrytitle, .maincontent>.fl_blogpost1>.fl_postinfo, #fl_tracksbox { display: none; }
.fl_blogpost1 { padding-bottom: 25px; }
#fl_pagelinks { margin-top: 50px; background: #fff; padding: 25px 50px; font-weight: bold; float: left; width: 100%; box-sizing: border-box; }

.linkswrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
.linkswrap a { background: #fff; display: block; text-align: center; padding: 50px; font: 800 24px/28px Degular, sans-serif; text-decoration: none; text-transform: uppercase; color: var(--lcta-black)!important; position: relative; align-content: center; }
.linkswrap a:hover { opacity: 1; transform: scale3d(1.02,1.02,1); }
.linkswrap a:after { position: absolute; bottom: 1px; left: 1px; right: 100%; transition: right 0.5s; height: 5px; content: ''; background: var(--lcta-blue); }
.linkswrap a:hover:after { right: 1px; }

.teamgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
.teamlogo { height: 0; padding-bottom: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }
.teamname { margin-top: 5px; text-align: center; }

.instafeed { position: relative; margin-top: 50px; }
.ps-front .instafeed { margin-top: -25px; }

.instafeed:before { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: var(--lcta-blue); content: ''; }
.instafeed:after { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: var(--lcta-black); opacity: 0.75; content: ''; }
.instafeed h2 { background: rgba(28,28,28,0.5); color: var(--lcta-blue); display: inline-block; padding: 25px 25px 25px 5000px; margin: 0 0 0 -5000px; }
.instafeed h2 a { padding-left: 65px; background: url('../gfx/icon-ig-blue.svg') no-repeat left 5px top 75%/auto 80%; margin-left: 10px; }
.instaposts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; position: relative; z-index: 5; }
.instaposts a { display: block; border: 1px solid #fff; overflow: hidden; }
.instaposts img { display: block; width: 100%; height: 100%!important; object-fit: cover; }
.instaposts a:hover { opacity: 1; }
.instaposts a:hover img { transform: scale3d(1.02,1.02,1); }

footer { background: var(--lcta-blue); position: relative; color: #fff; padding: 35px 0; font-size: 14px; line-height: 20px; }
footer:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ''; background: var(--lcta-black); opacity: 0.75; }
footer p { margin: 15px 0; }
footer a { color: #fff!important; }
.footerboxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }

form label { display: block; font-size: 14px; line-height: 18px; margin: 10px 0 2px; font-weight: 700; }
input, textarea { -webkit-appearance: none; border-radius: 2px; }
input.checkbox, input.button { border: 0; width: auto; display: inline; background: transparent; -webkit-appearance: checkbox; height: auto; margin-right: 5px; }
input[type=radio] { -webkit-appearance: radio; }
input[type=checkbox] { -webkit-appearance: checkbox; }
label .reqd { margin-left: 5px; }

#pcbox { margin-top: -50px; }
.polform input#postcode { text-transform: uppercase; }

input, textarea, .fl_mailform textarea, select { background: var(--lcta-neutral); border: 0; font: 14px/20px Montserrat, sans-serif; color: var(--lcta-black); width: 100%; display: block; padding: 10px; -moz-box-sizing: border-box; box-sizing: border-box; }
input, select { height: 40px; }
input:hover, textarea:hover, select:hover { background: var(--lcta-neutral); color: var(--lcta-black); }
input:focus, textarea:focus, select:focus { background: var(--lcta-neutral); color: var(--lcta-black); }
option { padding: 3px 10px; }

input.emailsub, input.formsub, a.button, button { display: block; width: auto; height: 50px; font: 800 24px/46px Degular, sans-serif; margin: 10px 5px 10px 0; padding: 0 25px; color: var(--lcta-black)!important; border: 0; background: var(--lcta-blue); border-radius: 0; cursor: pointer; text-decoration: none; text-align: center; text-transform: uppercase; }
input.emailsub:hover, input.formsub:hover, a.button:hover, button:hover, input.emailsub:focus, input.formsub:focus, a.button:focus, button:focus { transform: scale3d(1.05,1.05,1); opacity: 1; }
input.emailsub:active, input.formsub:active, a.button:active, button:active, { position: relative; top: 2px; }
a.button { display: inline-block; }

#fl_loading { display: none; position: fixed; top: 10px; right: 10px; background: #fff; padding: 3px; border: 1px solid #eee; z-index: 150; width: 32px; z-index: 99; }
#cookiebar { font-size: 12px; line-height: 16px; }
#cookiebar a { display: inline-block; }
#msgbar { font-family: Montserrat, sans-serif; font-size: 400; }

.err, .reqd { font-weight: bold; color: var(--lcta-red); }

#overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(25,25,25,0.75); z-index: 50; pointer-events: none; opacity: 0; transition: opacity 0.5s; }
#overlay.overlayshown { opacity: 1; pointer-events: auto; }
#overlaycontent { position: fixed; top: 50%; left: 50%; width: 500px; padding: 25px 50px 50px; transform: translateY(-50%); margin-left: -300px; background: #fff; max-height: 75vh; overflow: auto; -webkit-overflow-scrolling: touch; }
#overlaycontent .formwrap { position: relative; }
button#storyclose { margin-bottom: 0; position: absolute; bottom: 0; right: 0; }
#overlaycontent h2, #overlaycontent h3, #overlaycontent h4 { text-transform: uppercase; }

a, input, button, .instaposts img { transition: 0.25s; transition-property: opacity, transform; }


html.ps-front { background-image: url('../gfx/bg-red.svg'); }
.ps-front a, .ps-front .instafeed h2, .ps-front .yourstories h2, .ps-front .maincontent ul li:before, .ps-front .stories .storytext:before, .ps-front h2 em, .ps-front h3 em, .ps-front .stories .storylarge button:before { color: var(--lcta-red); }
.ps-front footer, .ps-front input.emailsub, .ps-front input.formsub, .ps-front a.button, .ps-front button, .ps-front .instafeed:before, .ps-front .linkswrap a:after { background: var(--lcta-red); }
html.ps-front .instafeed h2 a { background-image: url('../gfx/icon-ig-red.svg'); }
.ps-front input.emailsub, .ps-front input.formsub, .ps-front a.button, .ps-front button { color: #fff!important; }

html.pagetl-involved { background-image: url('../gfx/bg-yellow.svg'); }
.pagetl-involved a, .pagetl-involved .instafeed h2, .pagetl-involved .maincontent ul li:before, .pagetl-involved .stories .storytext:before, .pagetl-involved h2 em, .pagetl-involved h3 em, .pagetl-involved .stories .storylarge button:before { color: var(--lcta-yellow); }
.pagetl-involved footer, .pagetl-involved input.emailsub, .pagetl-involved input.formsub, .pagetl-involved a.button, .pagetl-involved button, .pagetl-involved .instafeed:before, .pagetl-involved .linkswrap a:after { background: var(--lcta-yellow); }
.pagetl-involved .instafeed h2 a { background-image: url('../gfx/icon-ig-yellow.svg'); }

html.pagetl-about { background-image: url('../gfx/bg-pink.svg'); }
.pagetl-about a, .pagetl-about .instafeed h2, .pagetl-about .maincontent ul li:before, .pagetl-about .stories .storytext:before, .pagetl-about h2 em, .pagetl-about h3 em, .pagetl-about .stories .storylarge button:before { color: var(--lcta-pink); }
.pagetl-about footer, .pagetl-about input.emailsub, .pagetl-about input.formsub, .pagetl-about a.button, .pagetl-about button, .pagetl-about .instafeed:before, .pagetl-about .linkswrap a:after { background: var(--lcta-pink); }
.pagetl-about .instafeed h2 a { background-image: url('../gfx/icon-ig-pink.svg'); }

html.pagetl-contact { background-image: url('../gfx/bg-green.svg'); }
.pagetl-contact a, .pagetl-contact .instafeed h2, .pagetl-contact .maincontent ul li:before, .pagetl-contact .stories .storytext:before, .pagetl-contact h2 em, .pagetl-contact h3 em, .pagetl-contact .stories .storylarge button:before { color: var(--lcta-green); }
.pagetl-contact footer, .pagetl-contact input.emailsub, .pagetl-contact input.formsub, .pagetl-contact a.button, .pagetl-contact button, .pagetl-contact .instafeed:before, .pagetl-contact .linkswrap a:after { background: var(--lcta-green); }
.pagetl-contact .instafeed h2 a { background-image: url('../gfx/icon-ig-green.svg'); }
.pagetl-contact input.emailsub, .pagetl-contact input.formsub, .pagetl-contact a.button, .pagetl-contact button { color: #fff!important; }


@media (max-width: 1079px) {
	html, body { min-width: 320px; -webkit-text-size-adjust: none; }
	.ps-front .instafeed { margin-top: 25px; }
	.cms_imgleft, .cms_imgright { max-width: 250px; }
}
@media (max-width: 949px) {
	.linkswrap, .stories, .footerboxes { grid-template-columns: repeat(2, 1fr); }
	.footerbox:empty { display: none; }
	
	#menubutton { position: absolute; bottom: 0; right: 50px; width: 40px; height: 40px; cursor: pointer; z-index: 40; transition: all 0.5s; background: #fff; }
	#menubutton .rowbar { position: absolute; top: 19px; left: 11px; width: 18px; height: 3px; background: var(--lcta-black); border-radius: 2px; transition: all 0.5s; }
	#menubutton .rowtop { top: 13px; }
	#menubutton .rowbottom { top: 25px; }

	.menushown #menubutton .rowtop, .menushown #menubutton .rowbottom { opacity: 0; }
	.menushown #menubutton .rowbar:nth-child(2) { transform: rotate(-45deg); }
	.menushown #menubutton .rowbar:nth-child(3) { transform: rotate(45deg); }
	
	body.menushown main, body.menushown footer { pointer-events: none; filter: blur(5px); }
	
	header form, .logo { z-index: 10; }
	
	#menu { position: fixed; top: 0; left: 0; right: 0; height: 100vh; background: rgba(25,25,25,0.75); z-index: 9; transform: translate3d(0,-100%,0); transition: transform 0.5s ease-in-out; align-content: center; }
	.menushown #menu { transform: translate3d(0,0,0); }
	.fl_menu { position: relative; top: auto; left: auto; right: auto; text-align: center; margin: 0; bottom: auto; padding: 45px 100px 0; }
	#menu .donate { position: static; padding: 0 100px 50px; }
	#menu .donate a.button { width: 100%; box-sizing: border-box; }
	.fl_menu li, .fl_menu a { display: block; }
	.fl_menu li { margin: 5px 0; }
	.fl_menu li:after, .fl_menu ul { display: none!important; }
	
	.menushown #menubutton { position: fixed; bottom: auto; top: 111px; }
	.fl_menu a { width: auto!important; }
	
}
@media (max-width: 899px) {
	.instafeed h2 span.speakup { display: none; }
	.instafeed h2 a { margin-left: 0; }
}
@media (max-width: 799px) {
	.cms_imgleft, .cms_imgright { max-width: 200px; }
}
@media (max-width: 767px) {
	.footerboxes { grid-template-columns: 1fr; gap: 0; }
	.instaposts { grid-template-columns: repeat(3, 1fr); }
	.instaposts:nth-of-type(4) { display: none; }
	.teamgrid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 699px) {
	.wrapper { padding: 0 25px; }
	#menubutton { right: 25px; }
	.menushown #menubutton { top: 60px; }
	.logo { width: 137px; }
	.pagetop { padding: 25px; margin-bottom: 25px; }
	.maincontent { padding: 10px 25px; }
	p, h2, h3, h4 { margin: 15px 0; }
	ul, ol { margin-top: 15px; margin-bottom: 15px; }
	footer { padding: 10px 0; }
	.instafeed { margin-top: 25px; }
	.instafeed h2 a { padding-left: 45px; }
	.cms_imgleft, .cms_imgright { max-width: 100%; display: block; float: none; margin: 15px auto; }
	#fl_blogentries .fl_blogpost1, #fl_blogentries .fl_blogpost2, .fl_blogpost1, .fl_blogpost2 { margin-top: 25px; padding: 10px 25px 25px; }
	#fl_pagelinks { margin-top: 25px; padding: 25px; }
	.maincontent blockquote { padding: 10px 25px; }
	
	html, body, .breadcrumbs { font-size: 14px; line-height: 22px; }
	h1 { font-size: 32px; line-height: 36px; }
	.yourstories h2, .instafeed h2 { font-size: 28px; line-height: 32px; }
	h2 { font-size: 24px; line-height: 28px; }
	h3 { font-size: 20px; line-height: 24px; }
	h4 { font-size: 18px; line-height: 22px; }
	.fl_postinfo { font-size: 10px; }
	form label { font-size: 12px; line-height: 16px; }
	input.emailsub, input.formsub, a.button, button { font-size: 18px; }
	footer { font-size: 12px; line-height: 18px; }
	
	.pageintro h2, .pageintro h3, .pageintro h4 { margin: 15px 0; }
	
	.maincontent>*:first-child>.fl_mailform:first-child { margin-top: 15px; }
	.fl_mailform { margin-bottom: 15px; }
	.maincontent .subbox { margin-top: 25px; padding: 10px 25px; }
	.stories { gap: 25px; }
	.stories .storytext:before { line-height: 32px; margin-top: 10px; }
	.page-involved-share .pagetop { padding-bottom: 10px; }

	#overlaycontent { width: auto; left: 25px; right: 25px; padding: 10px 25px 25px; margin-left: 0; }

	.linkswrap { gap: 25px; }
	.linkswrap a { padding: 25px; font-size: 18px; line-height: 22px; }
	
	.frontcols { display: flex; flex-direction: column; gap: 0; }
	.frontleft { flex-direction: column-reverse; }
	.frontbox:nth-child(2) { margin-top: 0; }
	.frontbox:nth-child(1) { margin-top: 25px; }
	.yourstories .sharebutton { margin-top: -52px; }
	
	#menu .donate a.button { font-size: 24px; }

	.fl_menu { padding: 20px 50px 0; }
	#menu .donate { position: static; padding: 0 50px 25px; }

	.teamgrid { gap: 25px; }

}
@media (max-width: 549px) {
	.stories { grid-template-columns: 1fr; }
	.yourstories .sharebutton { margin-top: 25px; }
}
@media (max-width: 399px) {
	#cf-turnstile { transform: scale(0.8); transform-origin: top left; }
	button#storyclose { position: static; }
	.teamname { font-size: 0.8em; line-height: 1.2em; }
}
@media (max-width: 374px) {
	.instafeed h2 { font-size: 20px; line-height: 24px; padding: 15px 15px 15px 5000px; }
	.instafeed h2 a { padding-left: 35px; }
	.linkswrap { grid-template-columns: 1fr; }
}
@media (max-width: 349px) {
	#cf-turnstile { transform: scale(0.7); }
}