/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;
-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
/* ------------------------------------------------------------ */
/* BASE STYLES */
html, body {margin: 0; padding: 0; font-size: 12px; font-weight:400;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
img {border:0px; width:100%; height:auto;}
a i {cursor: pointer;}
::-moz-selection {color:; background:;}
::selection {color:; background:;}
a {transition: 0.3s;}
.container { margin-right: auto; margin-left: auto; max-width: 1300px;}
hr {opacity: 1;}
*:focus {outline: none;}
/* ------------------------------------------------------------ */
/* WP STYLES */
.aligncenter,.alignleft,.alignright {display: block; padding: 0;}
.aligncenter {float: none; margin: .5em auto 1em;}
.alignright {float: right;margin: .5em 0 1em 1em;}
.alignleft {float: left;margin: .5em 1em 1em 0;}
.wp-caption {padding: 5px 0; border: 1px solid #555; background: #444; text-align: center;}
.wp-caption img { display: inline;}
.wp-caption p.wp-caption-text { margin: 5px 0 0; padding: 0; text-align: center; font-size: 75%; font-weight: 100; font-style: italic; color: #ddd;}
img.aligncenter, img.alignleft, img.alignright {width:auto;}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* COLOURS */
:root {
--white: #ffffff;
--yellow: #E1FF01;
--lightgrey: #EFEFEF;
--grey:#555C60;
--darkgrey: #333C42;
--mediumgrey: #A0A4A6;
--blue:#1B879F;
--green:#05C982;
--purple:#8DA1E9;
--taupe:#1B879F;
}
.white {color: var(--white);}
.yellow {color: var(--yellow);}
.purple {color: var(--purple);}
.blue {color: var(--blue);}
.green {color: var(--green);}
.black {color: black;}
.bg_white {background-color: var(--white);}
.bg_yellow {background-color: var(--yellow);}
.bg_lightgrey {background-color: var(--lightgrey); color:black;}
.bg_darkgrey {background-color: var(--darkgrey); color:white;}
.bg_blue {background-color: var(--blue); color:white;}
.bg_green {background-color: var(--green); color:white;}
.bg_purple {background-color: var(--purple); color:white;}
.bg_taupe {background-color: var(--taupe); color:white;}
.bg_black {background-color: black; color:white}
.yellowtop {border-top: 10px solid var(--yellow);}
.yellowbottom {border-bottom: 10px solid var(--yellow);}
.bluetop {border-top: 10px solid var(--blue);}
.purpletop {border-top: 10px solid var(--purple);}
.bluebottom {border-bottom: 10px solid var(--blue);}
.greenbottom {border-bottom: 10px solid var(--green);}
.bg_lightgrey a, .bg_darkgrey a {color: var(--purple);}
.svgwhite {width:auto; height:22px; filter: invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%); margin-right:5px;}
.svgyellow {width:auto; height:22px; filter: invert(98%) sepia(88%) saturate(5354%) hue-rotate(11deg) brightness(106%) contrast(103%);}
/* ------------------------------------------------------------ */
/* ELEMENTS & TYPOGRAPHY */
html, body {padding:0px; height:100%; margin:0px; font-family: 'abc_whyte', Arial, sans-serif}
p {margin-bottom:20px; }
a { transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; text-decoration:none;}
a:hover {}
a:active {}
a:visited {text-decoration: none;}
a i {cursor: pointer;}
h1 {
font-family: 'abc_whyte', Arial, sans-serif;
font-weight:400;
font-style:normal;
font-size: 70px;
line-height:80px;
}
h2.alt {
font-family: 'abc_whyte', Arial, sans-serif;
font-weight:400;
font-style:normal;
font-size: 40px;
line-height:50px;
}
h2 {font-family: 'abc_whyte', Arial, sans-serif;
text-transform: uppercase;
font-size: calc((2.8 - 1) * 1.2vw + 1rem);
transition-timing-function: ease;
transition-duration: 1.5s;
transition-delay: 0.136709s;
font-weight:400;
letter-spacing:1px;
}
h3 {font-family: 'abc_whyte', Arial, sans-serif;
font-weight:300;
font-style:normal;
font-size: 30px;
line-height:40px;}
h4 {}
h5 {}
h6 {}
ul { list-style: disc outside;}
ul li {}
ol {}
ol li {}
strong, b {font-weight:700}
em {}
blockquote, blockquote p {}
input {}
label {}
select {}
textarea {}
button {}
fieldset {}
legend {}
datalist {}
output {}
option {}
optgroup {}
input type="button" {}
input type="checkbox" {}
input type="color" {}
input type="date" {}
input type="datetime-local" {}
input type="email" {}
input type="file" {}
input type="hidden" {}
input type="image" {}
input type="month" {}
input type="number" {}
input type="password" {}
input type="radio" {}
input type="range" {}
input type="reset" {}
input type="search" {}
input type="submit" {}
input type="tel" {}
input type="text" {}
input type="time" {}
input type="url" {}
input type="week" {}
iframe:focus {outline: none;}
iframe[seamless] {display: block;}
header {display: block;}
footer {display: block;}
sup {font-size: smaller;}
span.keeptogether {white-space: nowrap;}
footer ul {list-style:none}
.livingwage {max-width:100px; height:auto; margin-top:50px; margin-left:30px;}
.livingwage1 {max-width:120px; height:auto; margin-top:50px; margin-left:30px;}
.teamcontainer {padding-bottom:100px; padding-top:60px}
.page-template-template_research .newdesigns .text-wrapper {padding-left: 25px;
padding-right: 25px;}
.newdesigns .deibox p {font-size: 30px !important; line-height: 40px !important;}
.card-img, .card-img-top {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.page-template-template_impact .newhomecarousel .slick-dots {bottom:20px; position:absolute; right:0%;}
.surveyresults {padding-top:40px;}
.surveyresults li {font-size: 20px;
line-height: 30px;}
.surveyresults li {
list-style-type: none; /* Remove default bullet */
position: relative;
padding-left: 20px; /* Adjust space for the symbol */
}
.surveyresults li:before {
content: '+'; /* Unicode character for plus */
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: var(--yellow);
font-size: 16px; /* Adjust size as needed */
font-weight: bold; /* Makes the plus symbol thicker */
}
.surveyresults ul { padding-left: 0px;}
.surveyresults {padding-left:50px; padding-right:50px;}
/* youth empowerment */
.youthempowermentnews {padding-top:100px; padding-bottom:80px;}
.sectionintro em {font-style:italic;}
.youthempowermentnewsbox .person {
display: flex;
}
.quotetextyouthempowerment {padding:30px;}
.newdesigns .text-wrapper .quotetextyouthempowerment p {font-size: 30px;line-height: 40px;}
.quotetextyouthempowerment .details {text-transform:uppercase; font-size:18px; line-height:28px;}
.youthempowermentnews h3 {
font-family: 'abc_whyte', Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 40px;
line-height: 50px;
text-transform: uppercase;
}
.youthempowermentnewsbox .bg_white {
display: flex;
flex-direction: column;
height: 100%;
}
/* grantmaking */
.grantbox {margin-bottom:20px;}
.imapact-committee {padding-top:100px; padding-bottom:100px; }
.imapact-committee p{padding-top:40px; padding-bottom:40px}
.grantbox .card {width: 100%; padding:30px; background-color:var(--darkgrey);}
.grantbox .card {border: none; border-radius:0px; height:100%; }
.grantbox .card h5 {font-size:24px; line-height:32px; font-weight:200; text-transform:uppercase; color: var(--yellow);}
.grantbox .card p {font-size:20px; line-height:28px; font-weight:200; color:white;}
.grantstats {padding-top:100px; padding-bottom:140px;}
.grantstats h3 {font-size:40px; line-height:150%; font-weight:400;}
.grantstats p {margin-top:60px; margin-bottom:60px;}
.statbox .stat {font-size:120px; color: var(--yellow);}
.statbox .stat_text {color:black; font-size:25px; line-height:150%;}
.statboxsingle{margin-top:80px;}
.newdesigns .image-column {overflow:hidden}
.newdesigns .newfinanceintro h1 {font-size:40px !important; line-height:150%; font-weight:400;}
@media (max-width: 576px) {
.pum-theme-1355 h3 {font-size:26px !important; line-height:130% !important;}
.newdesigns .newfinanceintro h1 {font-size:30px !important; line-height:150%; font-weight:400;}
}
.pum-theme-1355 .pum-container, .pum-theme-default-theme .pum-container {
padding: 18px;
border-radius: 0px;
border: 1px none #000000;
box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
background-color: var(--purple);
}
.pum-theme-1355 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
position: absolute;
height: 48px;
width: 46px;
left: auto;
right: 0px;
bottom: auto;
top: 0px;
padding: 8px;
color: #000;
font-family: inherit;
font-weight: 400;
font-size: 12px;
line-height: 36px;
border: 0px none #ffffff;
border-radius: 0px;
box-shadow: 1px 1px 3px 0px rgba(2, 2, 2, 0.23);
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
background-color: var(--yellow);
}
.popuprow {padding:40px;}
.popupflag {max-width:300px;}
/* Youth financials new */
.financialsheading2 h2 {}
.financialsheading2 {padding-top:80px; padding-bottom:80px;}
.financialsboxtext {padding-top:50px; padding-left:40px; padding-right:30px;}
.financialsbox {margin-bottom:80px; min-height:370px;}
.financialsboxtext h3 {padding-bottom:30px;}
.financialsboxtext p {padding-bottom:30px; font-weight:200;}
.financialsdownload img {width:40px; height:auto; }
.financialsdownload {text-align:right; padding-bottom:20px; padding-right:20px;}
h2.financialspurplebox { font-size: 40px !important;
line-height: 150%;
font-weight: 400; text-transform:none;}
/* Youth empowerment */
.videoyemp {padding-top:100px; padding-bottom:100px;}
.yempbox {margin-bottom:20px;}
.yemp {padding-top:100px; padding-bottom:100px;}
.yemp .card {width: 100%; padding:30px; background:transparent;}
.yemp .card {border: 2px solid var(--yellow); border-radius:0px; height:100%; }
.yemp .card h5 {font-size:24px; line-height:32px; font-weight:200; text-transform:uppercase; color: var(--yellow);}
.yemp .card p {font-size:20px; line-height:28px; font-weight:200; color:white;}
.yempintro h3 {margin-bottom:30px; text-transform:uppercase; font-size:40px; line-height:150%}
.yempintro {padding-top:40px; padding-bottom:40px;}
.yempbox .card-title {min-height:64px;}
.newdesigns .yempintro p { font-size: 20px;
line-height: 30px;}
.newdesigns .yempcta p { font-size: 20px;
line-height: 30px;}
/* Research & DEIB */
.deispecial {font-style:italic; color:#999;}
.researchboxes {padding-top:100px; padding-bottom:100px;}
.researchboxes h3 {margin-bottom:80px; font-family: 'abc_whyte', Arial, sans-serif;
font-weight:300;
font-style:normal;
font-size: 40px;
line-height:50px;
text-transform:uppercase;
}
.researchboxes .card h5.card-title {font-size:24px; margin-top:15px; margin-bottom:20px; min-height:60px; line-height:130%;}
.researchboxes .card {border: none !important}
.researchboxes .card-body {height:100%; background-color: rgba(72,60,85,0.1); padding-left:30px; padding-right:30px;}
.researchboxes img.downloadicon {width:20px; height:auto; margin-bottom:10px;}
.researchboxes .card-text {font-size:18px; line-height:130%;}
.goalsboxsection { padding-top: 80px; padding-bottom: 80px;}
.goalsboxsection h2 {font-size:40px; line-height:45px; color: var(--yellow); font-weight:200}
.goalsboxsection .intro {text-align: center;
font-size: 25px;
line-height:35px;
margin-top: 40px;
margin-bottom: 40px;
}
.goalsboxsectionrow {margin-top:40px; padding-bottom:40px;}
.goalsboxsectionnumber { font-size: 180px; font-weight:300}
.goalsboxsectiontext { font-size: 25px; font-weight:300; line-height: 35px;}
.goalsboxsectiontext h3 {font-size: 25px; line-height: 35px; text-transform:uppercase; color:var(--yellow); padding-bottom:20px;}
.goalsboxsectioncta { padding-top:40px;}
.deibaccordion {padding-top:40px; padding-bottom:40px;}
.graphstext h2 {color:var(--purple); margin-bottom:40px; text-align:center;}
.chartblock {margin-top:70px;}
.newdesigns .graphstext p { font-size: 20px;
line-height: 30px}
/* RTF */
.rtfboxwrapper {margin-bottom:30px;}
.rtfbox {padding:30px; height:100%; }
.rtfbodytext {margin-top:40px;}
.rtf-form {padding:40px; background-color: #fafafa; margin-bottom:40px;}
.RTF-form-area {padding-top:70px; padding-bottom:70px; background:#fafafa;}
.RTF-form-area p {font-size:26px; line-height:38px; margin-bottom:40px;}
.rtf-form legend, .ftf-form legend.gfield_label, .ftf-form #field_5_3 label, .ftf-form #field_5_5 label, .rtf-form #field_5_6 label, .ftf-form #field_5_8 label, .ftf-form #field_5_9 label, .ftf-form #field_5_10 label, .ftf-form #field_6_3 label { font-size: 24px !important;
line-height: 1.4820000000000002em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 200 !important;}
#input_5_3 {border-color: rgb(118, 118, 118) !important;}
#input_5_5 { height:55px; background:white !important; color:black; border:2px solid black;}
#input_5_11 { height:55px; background:white !important; color:black; border:2px solid black;}
#input_5_10 {border-color: rgb(118, 118, 118) !important; border-width:2px;}
#input_5_7_6 { line-height:30px; padding:12px; font-size:15px; background:white !important; color:black; border-width:2px;}
.RTF-form-area .gform_confirmation_message {line-height:150%; color:black;}
.RTF-form-area .gform_confirmation_message a {color: var(--purple);}
#input_6_4 { height:55px; background:white !important; color:black; border:2px solid black;}
.RTF-form-area .gform_confirmation_message {line-height:150%}
.RTF-form-area .gform_wrapper.gravity-theme .gfield textarea.large {border:2px solid black;}
#input_7_6 { background:white !important; color:black; border:2px solid black;}
#gform_submit_button_5, #gform_submit_button_6,
#gform_submit_button_7, #gform_submit_button_8 {
background-color: var(--yellow) !important;
padding: 20px !important;
color: black !important;
padding-left: 40px !important;
padding-right: 40px !important;
border:none;
text-transform:uppercase;
margin-top:30px;
font-size:24px;
}
.RTF-form-area .gform_wrapper.gravity-theme .gfield input.large, .RTF-form-area .gform_wrapper.gravity-theme .gfield select.large {padding: 14px;}
.RTF-form-area .gform_wrapper.gravity-theme .ginput_complex input, .RTF-form-area .gform_wrapper.gravity-theme .ginput_complex select {padding: 14px;}
.rtf-form .gform_wrapper.gravity-theme .gfield_label {
font-size: 24px !important;
line-height: 1.4820000000000002em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 200 !important;}
.fullimage-rtf { height:700px; width:100%; position: relative; background: transparent; }
/* JUNE 2024 */
.trusteeheader {padding-top: 100px; }
select.sf-input-select{
background-image: url("data:image/svg+xml,"); background-color: #fff; background-repeat: no-repeat;
background-position: 96% center !important;
-moz-appearance:none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
}
.newdesigns .people_page_header {padding-left:0px;}
.people_page_header p {font-weight: 200;
font-size: 24px;
line-height: 34px;
margin-top: 20px;}
.newdesigns .sf-field-search {text-align:left !important}
.newdesigns .sf-field-category {text-align:right !important}
.card {border-radius:0px;}
.slick-slide {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.slick-slide:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.homelatestnew .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-bottom:30px;}
.homelatestnew .slick-dots li {
margin: 0 0.25rem;
}
.homelatestnew .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: var(--purple);
text-indent: -9999px;
}
.homelatestnew .slick-dots li.slick-active button {
background-color: var(--yellow);
}
.homelatestnew .slick-dots {}
.newhomecarousel .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-bottom:30px;}
.newhomecarousel .slick-dots li {
margin: 0 0.25rem;
}
.newhomecarousel .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: var(--purple);
text-indent: -9999px;
}
.newhomecarousel .slick-dots li.slick-active button {
background-color: var(--yellow);
}
.newhomecarousel .slick-dots {bottom:20px; position:absolute; left:24%;}
.homepagereveal div {
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
.homepagereveal .homepagereveal div:first-of-type {
animation: showup 7s infinite;
}
.homepagereveal div:last-of-type {
width:0px;
animation: reveal 7s infinite;
}
.homepagereveal div:last-of-type span {
margin-left:-490px;
animation: slidein 7s infinite;
}
@keyframes showup {
0% {opacity:0;}
20% {opacity:1;}
80% {opacity:1;}
100% {opacity:0;}
}
@keyframes slidein {
0% { margin-left:-800px; }
20% { margin-left:-800px; }
35% { margin-left:0px; }
100% { margin-left:0px; }
}
@keyframes reveal {
0% {opacity:0;width:0px;}
20% {opacity:1;width:0px;}
30% {width:490px;}
80% {opacity:1;}
100% {opacity:0;width:490px;}
}
.newdesigns a.yellowbutton {font-size:25px;
background-color: var(--yellow);
padding:10px;
padding-left:70px;
padding-right:70px;
color:black;
text-transform:uppercase;
margin-top:40px;
display:inline-block;
margin-bottom:40px;
line-height:42px;}
.newdesigns a.purplebutton {font-size:25px;
background-color: var(--purple);
padding:10px;
padding-left:70px;
padding-right:70px;
color:black;
text-transform:uppercase;
margin-top:40px;
display:inline-block;
margin-bottom:40px;
line-height:42px;}
.newdesigns .fullimage {margin-top:-33px;}
.newdesigns h1 {font-size:60px !important;
line-height:70px;
font-weight:400;}
.newdesigns p { font-size:25px;
line-height:35px;}
.newdesigns .statement {
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
font-weight: 200;
margin-top:-3px;
}
.newdesigns .statementinner {
width: 90%;
}
.newdesigns .eeerow { padding-top: 100px;
padding-bottom: 100px;}
.newdesigns .eee {font-size:60px; line-height:65px; text-align:right; padding-right: 20px;}
.newdesigns .eee .eee1 {color:#06C982; }
.newdesigns .eee .eee2 {color:#24859D; }
.newdesigns .eee .eee3 {color:var(--purple);}
.newdesigns .eeetext {font-size:25px;
line-height:35px; margin-top:30px;}
.newdesigns .full-width-row {
}
.newdesigns .image-column {
padding: 0;
}
.newdesigns .text-column {
padding: min(30px);
display: flex;
align-items: center;
}
.newdesigns .text-wrapper {
max-width: 650px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
box-sizing: border-box;
}
.newdesigns .text-wrapper h2 {
font-size:60px;
margin-top:40px;
margin-bottom:40px;
}
.newdesigns
.text-wrapper p {
font-size:25px;
line-height:35px;
}
.newdesigns .text-wrapper .uppertext {margin-bottom:40px; text-transform:uppercase; font-size:25px; font-weight:200;}
.newdesigns .text-wrapper h3 {font-size:45px; line-height:60px; margin-bottom:40px;}
.newdesigns .post_title a {font-size:26px; line-height:36px; }
.newdesigns .post_title {padding:20px;}
/* MISSION */
.newdesigns .empowercontainer .sectionintro p {font-size:40px; line-height:45px; }
.newdesigns .empower .section_supertext {margin-top:8px;}
.newdesigns .empowercontainer .section_headline p {font-size:45px; line-height:55px;}
.newdesigns .champion {background-image:none; background-color: var(--darkgrey);}
.newdesigns .disrupt .section_supertext {margin-top:45px;}
.newdesigns .disruptcontainer .section_headline p {font-size:45px; line-height:55px;}
.newdesigns .section_supertext {margin-bottom:10px;}
.newdesigns .disruptcontainer { padding-top: 60px;}
.newdesigns .champion .section_supertext {margin-top:45px;}
.newdesigns .champion .section_headline p {font-size:45px; line-height:55px;}
.newdesigns .reimagine { padding-top: 100px; padding-bottom: 100px;}
.newdesigns .reimagine .section_headline p {font-size:45px; line-height:55px;}
.newdesigns .section_text_under {font-size:35px; line-height:45px;}
.newdesigns .section_text p{
font-size: 23px;
line-height: 32px;
}
.newdesigns .goals .image img {
padding-right: 0px;
}
.newdesigns .goals-ed {
border-bottom: 8px solid var(--green);
}
.newdesigns .goals-empower {
border-bottom: 8px solid var(--purple);
}
.newdesigns .goalstextmissionheader {color: var(--yellow);
}
.newdesigns .goalstextmissionheadernumber {color: var(--yellow); padding-left:20px; margin-top:-60px; font-size:90px; font-weight:200;
}
.newdesigns .changethesystem {padding-top:100px; padding-bottom:100px;}
.newdesigns .changethesystem .missionarrow {max-width:80px; margin-top:20px;}
.newdesigns .changethesystem .section_headline {margin-bottom:60px;}
.newdesigns .changethesystembutton {margin-top:40px;}
/* END MISSION */
/* APPROACH */
.newdesigns .quotetextwrapper2 {background-image:url('https://mission44.org/wp-content/themes/basetheme/images/quote2.svg'); background-repeat:no-repeat; background-position:left top; background-size: 100% auto; height:100%; width:100%; margin-left:-10px; border-top: 20px solid transparent; }
.newdesigns .quotetextwrapper {background-image:url('https://mission44.org/wp-content/themes/basetheme/images/quote.svg'); background-repeat:no-repeat; background-position:left top; background-size: 100% auto; height:100%; width:100%; margin-left:-10px; border-top: 20px solid transparent; }
.newdesigns .quotebox .text-column {padding-left:10px !important; padding-bottom: 0px;}
.newdesigns .newapproachintro {padding-top:100px; padding-bottom:100px;}
.newdesigns .newapproachintro .sectionintro {font-size:40px; line-height:45px; font-weight:200;}
.newdesigns .quotetext .details {text-transform:uppercase; font-size:18px; line-height:28px;}
.newdesigns .quotetext {padding-top:160px; max-width:450px; padding-left:2vw !important;}
.newdesigns .quotetext p {
font-size: 22px;
line-height: 36px;
}
.newdesigns .twocolumns {font-size:20px; line-height:30px; padding-top:40px;}
.newdesigns .twocolumns h3 {font-size:40px; line-height:45px; text-transform:uppercase; margin-top:40px; margin-bottom:40px;}
.newdesigns .twocolumnscontainer {background-color: var(--lightgrey); background-image:url('https://mission44.org/wp-content/uploads/2024/06/yellowtriangle.png'); background-repeat:no-repeat; background-position:center bottom;}
.newdesigns .tickboxsection .bulleticon {
padding-right: 20px;
color: var(--yellow);
font-size: 20px;
width: min-content;
padding-top:10px;
}
.newdesigns a.buttontextgrant {
padding: 15px;
padding-left: 70px;
padding-right: 70px;
color: black;
text-transform: uppercase;
font-size: 22px;
display: inline-block;
background-color: var(--purple);
}
.newdesigns .tickboxsection h2 {font-size:40px; line-height:45px; color: var(--purple); font-weight:200}
.newdesigns .apply_headline h2 {font-size:40px; line-height:45px; }
.newdesigns .text-column {min-height:480px;}
/* END APPROACH */
/* LATEST */
.newdesigns img.news1 {height:auto;}
.newdesigns .newsimage1 {min-height:550px; height:100% !important}
.newdesigns .blw .post_title a {font-size:26px;}
.newdesigns .excerpt p {font-size:20px; line-height:30px;}
.newdesigns .twitterfeed {
background-color: var(--darkgrey);
min-height: 100%;
border-bottom: 30px solid var(--lightgrey);
border-top: 10px solid var(--lightgrey);
border-left: 10px solid var(--lightgrey);
border-right: 10px solid var(--lightgrey);
}
.newdesigns .ctf-tweet-meta a {color:var(--yellow) !important; text-decoration:none !important; margin-bottom:10px;}
.newdesigns .newsstory-latestdesigns {min-height: 220px; margin-bottom:20px; background:white;}
.newdesigns .post_date {margin-top:0px;}
.newdesigns .post_title {margin-top:0px; }
/* END LATEST */
@media only screen and (min-width: 992px){
.img-fluid {
max-width: 101% !important;
}
.w-100 {
width: 101% !important;
}
}
@media only screen and (max-width: 1080px){
.newdesigns .eee {
font-size: 50px;
line-height: 55px;
text-align: right;
padding-right: 20px;
}
.newdesigns .quotetext {
background-image: none;
}
}
@media only screen and (min-width: 1650px){
.newdesigns .quotetext {
padding-top: 200px;
max-width: 500px;
padding-left: 50px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 993px) {
.newdesigns .quotetext {padding-top:100px; max-width:400px; padding-left:30px;}
.newdesigns .quotetext p {
font-size: 18px;
line-height: 28px;}
}
@media only screen and (max-width: 992px) {
.newdesigns .sf-field-search {text-align:center !important}
.newdesigns .sf-field-category {text-align:center !important}
.newdesigns .eee {
font-size: 40px;
line-height: 45px;
text-align: center;
margin-bottom:40px;
}
.tickboxsection .bullet {
font-size: 20px !important;
line-height: 30px !important;
padding-left:15px;
padding-right:15px;
}
.newdesigns .quotetextwrapper2 {background-image:none; }
.newdesigns .quotetextwrapper {background-image:none; }
.newdesigns .quotetext {
max-width:1000px;
padding-top:60px; padding-bottom:60px;
}
.newhomecarousel .slick-dots {bottom:0px; position:absolute; padding-bottom:30px;}
.newdesigns .newhomecarousel .slick-dots {margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;}
.section_supertext {text-align:center}
.newdesigns .text-wrapper .uppertext {
margin-bottom: 40px;
text-transform: uppercase;
font-size: 16px;
font-weight: 200;
margin-top: 40px;
}
.newdesigns .text-wrapper h3 {
font-size: 35px;
line-height: 45px;
margin-bottom: 40px;
}
.newdesigns .empower .sectionintro p {
font-size: 35px;
line-height: 45px
}
.newdesigns .newapproachintro .sectionintro {font-size:35px; line-height:40px; font-weight:200;}
.newdesigns .newapproachintro .sectionintro p {
font-size: 35px;
line-height: 40px
}
}
@media only screen and (max-width: 1200px){
.newdesigns h1 {
font-size: 40px !important;
line-height: 50px;
}
.newdesigns .text-wrapper h3 {
font-size: 35px !important;
line-height: 45px;
margin-bottom: 40px;
}
.newdesigns .image-column {overflow:hidden}
.newdesigns .image-column img {height:100%; width:auto;}
.newdesigns .text-wrapper h2 {
font-size: 35px !important;
line-height: 45px;
}
.statement p {}
.newdesigns a.yellowbutton {
padding-left: 30px;
padding-right: 30px;
color: black;
font-size: 20px;
line-height:30px;
}
.newdesigns a.buttontextgrant, .newdesigns a.purplebutton {
padding-left: 30px;
padding-right: 30px;
font-size: 20px;
line-height:30px;
}
}
@media only screen and (max-width: 700px){
.newdesigns .text-wrapper {height:100%;}
.newdesigns .text-wrapper h3 {
font-size: 30px !important;
line-height: 40px !important;
margin-bottom: 20px !important;
}
.newdesigns .quotetext { padding-left:20px;}
.newdesigns .text-column {
min-height: 600px;
}
.newdesigns h1 {
font-size: 34px !important;
line-height: 40px;
}
.newdesigns .text-wrapper h2 {
font-size: 34px !important;
line-height: 40px;
}
.newdesigns .eeerow {
padding-top: 70px;
padding-bottom: 90px;
}
.newdesigns .text-wrapper {
padding-top: 20px;
padding-bottom: 30px;
}
.newdesigns .statement {
padding-top: 70px;
padding-bottom: 70px;
}
.newdesigns .people_page_header {
margin-bottom: 0px;
}
.newdesigns .newhomecarousel .slick-dots {margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;}
.newdesigns .eee {
font-size: 34px;
line-height: 45px;
text-align: center;
margin-bottom: 40px;
}
.newdesigns .text-wrapper h3 {
font-size: 30px;
line-height: 40px;
margin-bottom: 40px;
}
.newdesigns .post_title a {
font-size: 20px;
line-height: 30px;
}
.newdesigns .newapproachintro .sectionintro {font-size:30px; line-height:40px; font-weight:200;}
.newdesigns .empowercontainer .section_headline p, .newdesigns .reimagine .section_headline p {
font-size: 30px;
line-height: 40px;
}
.newdesigns .disruptcontainer .section_headline p { font-size: 30px;
line-height: 40px;
}
.newdesigns .changethesystem .section_headline { font-size: 30px;
line-height: 40px;
}
.newdesigns .champion .section_headline p{ font-size: 30px;
line-height: 40px;
}
.newdesigns .section_text_under { font-size: 27px;
line-height: 37px;
}
.newdesigns .twocolumns h3 { font-size: 30px;
line-height: 40px;
}
.newdesigns .empower .sectionintro p {
font-size: 30px;
line-height: 40px
}
.newdesigns .empowercontainer {
background-image: none !important;
}
}
/* END JUNE 2024 */
/* GENERAL STYLING */
/* width */
::-webkit-scrollbar {
width: 6px;
}
/* Track */-scrollbar-track {
background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #E1FF01;
height:200px;
}
.US .boxedother {display: none !important;}
.US .boxedus {display: reset !important;}
.OTHER .boxedother {display: reset !important;}
.OTHER .boxedus {display: none !important;}
/* NAV */
#mega-menu-wrap-dropdown #mega-menu-dropdown input, #mega-menu-wrap-dropdown #mega-menu-dropdown img {
float: right;
}
.dropdown-menu[data-bs-popper] {
top: 70px;
margin-top: var(--bs-dropdown-spacer);
width: 700px;
color:black;
padding-bottom:0px;}
a.dropdown-item {color:black !important;}
h4.mega-block-title {color: var(--yellow) !important; font-size:30px !important; font-weight:400 !important; margin-bottom:20px !important;}
ul.mega-sub-menu { backdrop-filter: blur(30px) !important;
-webkit-backdrop-filter: blur(30px)!important; border-bottom: solid 8px var(--yellow) !important;}
.custom-html-widget a {margin-bottom:5px; display:inline-block; font-size:20px !important; line-height:30px !important; font-weight:400 !important; margin-bottom:20px;}
.policies {display:inline-block; line-height:140%;}
#mega-menu-item-custom_html-3 {padding:30px !important;}
#mega-menu-item-custom_html-4 {padding:30px !important;}
#mega-menu-item-custom_html-5 {padding:30px !important;}
#mega-menu-item-custom_html-6 {padding:30px !important;}
#mega-menu-item-custom_html-8 {padding:30px !important;}
#mega-menu-item-custom_html-9 {padding:30px !important;}
.custom-html-widget a:hover {color: var(--yellow) !important; text-decoration:none !important; font-weight:400 !important;}
img.wp-image-652 {width:100% !important; height:auto !important; margin: 0px !important; padding:0px !important;}
#mega-menu-item-media_image-2 {padding:0px !important;}
img.wp-image-940 {width:100% !important; height:auto !important; margin: 0px !important; padding:0px !important; max-width:714px !important; }
#mega-menu-item-media_image-3 {padding:0px !important;}
.blw2 {border-left:10px var(--lightgrey) solid; border-right:10px var(--lightgrey) solid;}
.blw {border-left:10px var(--lightgrey) solid; border-right:10px var(--lightgrey) solid; margin-bottom:20px;}
.blw .post_date {color:white; padding-left:30px; padding-top:30px; text-transform:uppercase; padding-bottom:5px; padding-right:30px;}
.blw .post_title a {color: var(--yellow); font-size:22px; }
.blw .post_title {padding-left:30px; padding-bottom:30px; padding-right:30px;}
.blw .excerpt {color:white; padding-left:30px; font-size:18px; font-weight:200; line-height:25px; padding-right:30px;}
.mainnews {margin-bottom:20px; border-left:10px var(--lightgrey) solid; border-right:10px var(--lightgrey) solid; }
.mainnews .post_date {color:white; padding-left:30px; text-transform:uppercase; padding-bottom:5px; padding-right:30px; padding-top:20px;}
.mainnews .post_title a {color: var(--yellow); font-size:22px; padding-left:30px; padding-right:30px;}
.mainnews .excerpt {color:white; padding-left:30px; font-size:18px; font-weight:200; line-height:25px; padding-right:30px; padding-bottom:30px;}
.mainnews .post_title { padding-bottom:20px !important;}
.page-template-template_latest_new .person { margin-bottom:10px !important;}
.pagination{display:none;}
.post em {font-style:italic; }
/* VIDEO HEADER */
.homevideo {
margin-top:110px;
}
.homevideo video {
}
.fullimage1 { min-height:1600px; width:100%; position: relative; background: transparent; }
.fullimage { min-height:1200px; width:100%; position: relative; background: transparent; }
.mobilefullimage { width:100%; position: relative; background: transparent; min-height:400px !important;}
.mobilefullimage img {width:100%; height:auto; min-height:400px;}
.fullimagetop { min-height: 1000px;
width: 100%;
position: relative;
background: transparent;}
.overlaygrad span h3 {margin-bottom:150px;}
.overlaygrad {z-index: 11; height:100%; }
.overlaygrad>span {position: absolute; bottom: 3px; left:0; z-index: 11;
width:100%; height:100%; background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%);
}
.overlaytext {z-index: 10; height:100%; }
.overlaytext span {position: absolute; bottom: 30px; left:0; width:80%; padding:40px; line-height:140%; background: transparent; }
.overlaytext-rtf {z-index: 10; position: absolute; bottom: 170px; left: 50%;
transform: translateX(-50%); background: transparent; width:600px; max-width:70%; }
.overlaytext2 span { width:100% !important; }
.headline {color:black; padding-top:50px; padding-bottom:80px; text-align: center;}
.navbar {backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background:rgb(51, 60, 66); background:rgba(51,60,66,0.8); color:white; z-index: 12; height:110px;}
.navbar a {color:white;}
.navbar img {height:35px; width:auto; margin-left: 30px;}
.mtop {margin-top:40px;}
h3.homepage_about_para, h3.lh_quote {font-family: 'abc_whyte', Arial, sans-serif;
font-weight:400;
font-style:normal;
font-size: 40px;
line-height:50px;}
.navbar ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.navbar li {display: inline; font-size:17px; margin-left:80px; text-transform:uppercase; font-weight:200;}
.navigation {text-align:right;}
.mega-sub-menu li a.mega-menu-link {padding-left:20px;}
ul.mega-sub-menu {margin-top:15px !important;}
#mega-menu-135-0-2 ul.mega-sub-menu {margin-top:0px !important;}
#mega-menu-135-0-2 {margin-top:0px !important;}
.sf-field-search {width:50%; float: left;}
.sf-field-category {width:50%; float: right;}
.searchandfilter select.sf-input-select {width:100% !important; font-size:20px; line-height:31px; padding:10px;}
.searchandfilter label, .searchandfilter label {width: 90%;}
.sf-input-text {width:100% !important; font-size:20px; line-height:30px; padding:10px; border: 1px solid #1e1e1e;}
.searchcontainer {margin-top:40px; margin-bottom:40px;}
.searchandfilter ul { padding-inline-start: 0px;}
.greybox {padding-top:30px;text-align: center; padding-bottom:80px;}
.supporters {width:60%; margin: auto; font-size: 32px; line-height: 46px; padding-bottom:80px; }
.supportertext {font-size: 25px; margin-top:30px;}
.statementblock { font-size: 32px; line-height: 46px; padding-bottom:80px; }
.statementblocktext { font-size: 28px; line-height: 38px; padding-bottom:80px; font-weight:200; }
.statementblocktext ul {padding-top:40px; padding-bottom:40px; list-style:disc outside;}
.statementblocktext li {}
.faqstatementblocktext { font-size: 28px; line-height: 38px; padding-bottom:30px; font-weight:200; }
.goalstext {padding:30px; width:100%; }
.goalstextmission {padding:20px; width:100%; font-size: 22px; line-height: 32px; font-weight:200; }
.goals .image img {width:100%}
.goalstextmissionheader {padding:20px; font-size:20px; text-transform:uppercase; font-weight:200; padding-bottom:5px; color:var(--purple);}
.faqstatementblocktext a {color:var(--purple);}
.goals .image {width:100%; }
.goals {text-align: left; background-color:var(--darkgrey); color:white; margin-bottom:20px;}
.goals h3 {font-family: 'abc_whyte', Arial, sans-serif;
text-transform: uppercase;
font-size:32px;
white-space: pre-wrap;
transition-timing-function: ease;
transition-duration: 1.5s;
transition-delay: 0.136709s; margin-bottom: 20px; color:var(--yellow);}
.goals h4 {font-size:20px; line-height: 40px; text-align: left; margin-bottom: 60px; }
.goals li {font-family: 'abc_whyte', Arial, sans-serif; font-size:23px; line-height: 30px; list-style: outside; color:white; font-weight: 200; display:list-item; margin-bottom:15px;}
.goals ul { list-style-type:disc !important;}
.goals-ed {border-bottom:8px solid var(--purple); }
.goals-ed h3 {color:#8DA1E9; }
.goals-employ {border-bottom:8px solid var(--blue) !important; }
.goals-employ h3 {color:#1A879F; }
.goals-empower {border-bottom:8px solid var(--green); }
.goals-empower h3 {color:#06C982; }
.goals img {width:90%}
.statement {color:black; padding-top:140px; padding-bottom:140px; text-align: center; font-size:31px; line-height: 230%; text-align: center; font-weight:200;}
.statementinner {width:70%; margin: auto; font-size: calc((2.8 - 1) * 1.2vw + 1rem); font-weight:400; line-height: calc((2.8 - 1) * 1.2vw + 2rem);}
.statementcontact {color:black; padding-top:70px; padding-bottom:40px; text-align: center; font-size:31px; line-height: 230%; text-align: center; font-weight:200;}
.statement p {line-height: 150%; margin-top:30px;}
.yab .statement {padding-bottom:40px; padding-top: 70px;}
.yab .twocolumns {padding-bottom: 40px;}
.section_supertext {font-size:20px; text-transform:uppercase; font-weight:200; padding-bottom:5px;}
.section_headline {text-transform:uppercase; font-size:50px; line-height:60px; font-weight:200;}
.section_text {font-size:24px; line-height:32px; font-weight:200; padding-left:30px;}
.empower .section_supertext { margin-top:40px;}
.empower .section_headline {}
.empower .section_text {}
.empower .section_leftcol {}
.empower .section {padding-top:50px; padding-bottom:50px;}
.empower .sectionintro {color: var(--yellow); font-weight:200; font-size: 48px; line-height:58px; margin-top:60px; margin-bottom:30px;}
.empowercontainer {background-image:url(https://mission44.org/wp-content/uploads/2023/06/ygrey-lines-copy-2-1.png); background-size:auto 100%; background-position:left top; background-repeat: no-repeat; margin-top:30px;}
.empower {padding-top:30px;}
.reimagine .section_supertext {}
.reimagine .section_headline {}
.reimagine .section_text {padding-bottom:50px; margin-top:37px;}
.reimagine .section {padding-top:50px; padding-bottom:50px;}
.disrupt .section_supertext{ margin-top:80px;}
.disrupt .section_headline {}
.disrupt .section_text {padding-bottom:50px; margin-top:37px;}
.disrupt .section {padding-top:50px; padding-bottom:50px;}
.disrupt {background-image:url(https://mission44.org/wp-content/uploads/2023/06/ygrey-lines-copy-2.png); background-size:100% auto; background-position:right top; background-repeat: no-repeat; }
.disruptcontainer {padding-top:30px;}
.champion .card {width: 100%; padding:30px; margin-bottom:50px; background:transparent;}
.champion .card .card-img-top {height:102px !important; width:auto; text-align:center; margin:auto; padding-bottom:20px;}
.champion .card {border: 2px solid var(--yellow); border-radius:0px;}
.champion .card h5 {font-size:24px; line-height:32px; font-weight:200; text-transform:uppercase; color: var(--yellow);}
.champion .card p {font-size:20px; line-height:28px; font-weight:200; color:white;}
.champion .section_supertext{ margin-top:60px;}
.champion .section_headline {color: var(--yellow);}
.champion .section_text {padding-bottom:50px; margin-top:37px; color:white;}
.champion .section {padding-top:50px; padding-bottom:50px;}
.champion { background-image:url(https://mission44.org/wp-content/uploads/2023/06/lewis-image.png); background-size:cover; background-position:top; background-repeat: no-repeat; }
.goals .image img {padding-right:30px;}
a.buttontext {padding:15px; padding-left:70px; padding-right:70px; color: black; text-transform:uppercase; font-size:22px; display:inline-block;}
a.buttontextgrant {padding:15px; padding-left:70px; padding-right:70px; color: white; text-transform:uppercase; font-size:22px; display:inline-block; background-color: var(--purple);}
a.buttontextgrant:hover {background-color: var(--blue);}
.margin_bottom_60 {margin-bottom:60px;}
.margin_top_60 {margin-top:60px;}
.margin_bottom_120 {margin-bottom:120px;}
.under_button {font-size:22px; color:white;}
.under_button a {color:var(--yellow);}
.lh_title {font-size: 20px; line-height: 1.72282em; margin-top:160px; }
.yabcta a.button {padding:20px; padding-left:30px; padding-right:30px; color: black; background-color:var(--blue);}
.partnershipscontainer {padding-top:10px;}
.partnershipscontainer .partnershipstext {padding-top:110px;}
.partnershipscontainer .partnershipstext h3 {font-family: 'abc_whyte', Arial, sans-serif; font-weight:300; font-style:normal; font-size: 40px; line-height:50px;}
.partnershipscontainer .partnershipstext p {padding-top:30px; padding-bottom:40px; padding-right:60px; font-size: 30px; font-weight:200; line-height: 44px;}
.partnersbox {text-align:left; padding-right:20px;}
.partnersbox h2 {color:var(--yellow); margin-top:60px; margin-bottom:40px; }
.partnersbox p {font-size:34px; color:white; line-height:44px;}
.partnersbox img {width:100%; height:auto; padding-bottom:50px;}
.partnerlistitem {margin-bottom:30px;}
.partnerlisttext {padding:30px;}
.partnerlisttext .partner_name {font-size:18px; color:white; line-height:28px; text-transform:uppercase; min-height:70px;}
.partnerlisttext a {font-size:16px; color:var(--yellow); line-height:30px; text-transform:uppercase; margin-top:5px;}
.partnerlisttext .spacer {font-size:16px; color:yellow; line-height:30px; text-transform:uppercase; margin-top:5px;}
.partnerlistitem .imagebox {padding-bottom:60px;}
a.partnerlink {color:black; margin-bottom:10px; display:inline-block;}
.pillar {text-align:center}
.cardtext {font-size: 24px; line-height:130%; padding:40px; max-width:430px;text-align:center; margin:auto;}
.cardtitle {font-size: 24px; line-height:130%; padding-left:40px;padding-right:40px; }
.pillar img { max-width:280px; margin:auto; margin-bottom:40px; margin-top:60px;}
.supporter img {width: 100%;
margin-left: auto !important;
margin-right: auto !important; max-width:400px !important;}
.scrollFade {
opacity: 1;
pointer-events: all;
}
.scrollFade--hidden {
opacity: 0;
pointer-events: none;
}
.scrollFade--visible {
opacity: 1;
pointer-events: all;
}
.scrollFade--animate {
transition: opacity 1s ease-in-out;
}
/* Hamilton commission */
#menu-hamilton-commission .current_page_item a {color: var(--yellow);}
.hc-dropdown {
font-family: 'abc_whyte', Arial, sans-serif;
padding:10px;
width:100%;
max-width:700px;
font-size: 20px;
text-align:center;
}
.hc-dropdown select {width:100%;
padding:10px;
color:white;
background: gray;
margin-top:40px;}
.hctermswrap {padding-bottom:100px;}
.hctermswrap p, .hctermswrap li {
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 130%;
}
.hctermswrap h3 {font-size: 28px;
font-style: normal;
font-weight: 200;
line-height: 130%;
margin-bottom:40px;
margin-top:40px;
color: var(--yellow);
}
.hctermswrap li {margin-bottom:10px;}
.hc-board-intro {color:white;
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 32px;
padding-bottom:0px;}
.hc-report-headline {padding-top:50px; padding-bottom:10px; margin-bottom:40px;}
.hc-report-intro p a {color: var(--M44-Yellow, #E1FF01); text-decoration:none; font-style:italic;}
.hc-box-image {padding-top:30px;}
.hc-box-title {padding-top:30px;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.reportbtn {padding-bottom:60px; margin-top:30px;}
.reportswrap {padding-bottom:120px;}
.hc-box-description {padding-top:30px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
min-height:95px;
}
.hc-report-intro {
color:white;
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 32px;
padding-bottom:70px;
}
.hcboardwrap img.yellowbottom {border-bottom: 5px solid var(--yellow);}
.hcboardwrap .person .job_title {margin-bottom:50px; color:white; text-transform:none; font-size: 15px; line-height:22px; font-weight:200;}
.hcboardwrap .person .person_name {color:var(--yellow); margin-top:30px; margin-bottom:10px;font-size: 20px;}
.hc-report-headline h1 {
color: var(--M44-Yellow, #E1FF01);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.hc-nav {padding-top:40px; padding-bottom:40px; color:white; text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
text-align: center
}
.hc-nav ul {display:inline;}
.hc-nav ul li {display:inline; margin-left:10px; margin-right:10px;}
.hc-nav ul li a {color: white;}
.hc-nav ul li a:hover {color: var(--M44-Yellow, #E1FF01);}
.hc-home-headline {padding-top:50px; padding-bottom:40px; margin-bottom:70px;}
.hc-home-headline h1 {color: var(--M44-Yellow, #E1FF01);
text-align: center;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 60px;}
.hc-headline-underline { border-bottom: var(--yellow) 6px solid; }
.hc-home-textcolumn {padding-bottom:40px;}
.hc-home-textcolumn p em {font-style:italic;}
.hc-home-textcolumn p {color:white;
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 34px;
}
.hc-home-yellowtext {color: #E1FF01;
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 200;
line-height: 44px;
padding-bottom:70px;
padding-top:40px;
}
.hc-footer {text-align: center; padding-top:100px; padding-bottom:100px;}
.hc-footer img.logo1 {width:80%; max-width:523px; height:auto;}
.hc-footer img.logo2 {width:60%; max-width:200px; height:auto; margin-top:50px;}
.hc-footer-text {color: #000;
text-align: center;
margin-top:50px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;}
.hc-footer_tof a:hover {color: var(--darkgrey);}
.hc-footer_tof {margin-top:50px;}
.hc-footer_tof a {color: var(--M44-Periwinkle, #8DA1E9);
text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 200;
line-height: normal;
text-transform: uppercase;}
.hc-yellowbuttonwrap {text-align: center; padding-bottom:70px;}
a.hc-yellowbutton {background: #E1FF01; padding:20px; color: black;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 60px;
text-transform: uppercase;}
.hc-footer-text a {color: #000; text-decoration:underline;}
/* Mailchimp pop up */
.mcimage {max-width:300px; padding-left:0px;}
.mcpop h2 {color: var(--M44-Periwinkle, #8DA1E9); font-size: 38px; font-style: normal; font-weight: 400; line-height: normal;margin-bottom:40px; }
.mcpop .bodytext {color: #FFF;
font-size: 20px; margin-bottom:40px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 145.455% */}
.mcpop {padding-right:40px; padding-top:70px;}
.mcpop button, .mcpop input {width:100%;}
.mcpop .mc4wp-alert {font-size: 16px; color: var(--yellow);}
.mcpop input[type="email"] {
background-color: #4B4B4B;
border: none;
color: white;
line-height: 46px;
margin-bottom:10px;
padding-left: 10px !important;}
.mcpop input[type="submit"] {
background-color: var(--yellow) !important;
border-radius: 0px !important;
color: #000 !important;
cursor: pointer;
display: inline-block;
font-size: 22px !important;
font-weight: normal;
text-transform: uppercase;
height: auto !important;
line-height: 22px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
padding: 10px !important;
padding-left: 70px !important;
padding-right: 70px !important;
border:none;
}
/* grant enquiry */
.grantintro h2 {text-transform:none;}
#label_4_1_0 b, #label_4_1_1 b, #label_4_1_2 b {color:var(--yellow); font-weight:400;}
.grantcontent {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;
position: relative;
top:900px;
height: 300px;
}
.grantintro {padding-top: 30px; padding-bottom: 30px;}
#gform_4 legend.gfield_label {
font-size: 19px!important;
line-height: 26px;
letter-spacing: 0px;
text-transform: none;
font-weight: 400 !important;
margin-top:20px;
color:var(--yellow);
}
#field_4_5, #field_4_4 { font-weight: 200 !important;}
#gform_4 .gfield_required {
vertical-align: top;
color:var(--yellow) !important;
display:none;
}
#gform_4 label {font-size:19px}
#field_4_23 {color:var(--yellow); margin-top:30px;}
#gform_4 .gfield_description a {color:var(--purple);}
#field_4_6 {font-weight: 200 !important;
font-size: 15px;}
#gform_4 .gfield_description { font-weight: 400 !important;}
#gform_4 {padding:40px; padding-top:20px; color:white;}
#gform_4 #field_4_1 legend.gfield_label {border-top: 0px !important; padding-top:0px !important; }
#gform_4 .gfield_consent_description { padding-top:20px !important; padding-bottom:0px !important; margin-bottom:10px; font-weight:200; font-size:15px;}
#gform_4 .gfield_consent_description {font-weight:200 !important; font-size:19px;}
#gform_4 .gfield_html a {color:var(--purple);}
#gform_4 input {
border-width: 1px;
border-style: solid;
border-color: #999 !important; }
#gform_4 input[type="submit"] {
background: #E1FF01; padding:20px;
color: black;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: uppercase;
border:none;}
#gform_4 .gfield_label { font-size: 19px!important;
line-height: 26px;
letter-spacing: 0px;
text-transform: none;
font-weight: 400 !important;
color:var(--yellow);
}
.grantenquiry { padding-bottom:30px; background-color: var(--darkgrey);}
/* careers */
p.notrecruit {font-size:20px; line-height:28px; font-weight:200; margin-bottom:70px;}
.careersbenefits .card {width: 100%; padding:30px; margin-bottom:50px; background-color:transparent;}
.careersbenefits .card .card-img-top {height:102px !important; width:auto; text-align:center; margin:auto; padding-bottom:20px; transition: transform .2s;}
.careersbenefits .card .card-img-top:hover {transform: scale(1.2);}
.careersbenefits .card {border: 2px solid var(--green); border-radius:0px;}
.careersbenefits .card h5 {font-size:22px; line-height:32px; font-weight:200; text-transform:uppercase; margin-bottom:10px; color:var(--green);}
.careersbenefits .card p {font-size:20px; line-height:28px; font-weight:200; min-height:150px;}
.careersbenefits .card .card-body {min-height:120px; }
hr.green {border-bottom:1px solid var(--green); margin-top:30px; margin-bottom:30px;}
.benefitsheadline {padding-top:60px;padding-bottom:30px; }
.benefitsheadline h3 {font-size:46px; margin-bottom:40px;}
.benefitsheadline p {font-size:30px; font-weight:200; margin-bottom:40px;}
.benefitsheadline a {color:var(--purple);}
.benefitsheadlinerow h3
{position: relative;
font-size: 30px;
z-index: 1;
/* overflow: hidden; */
/* text-align: center; */
color: var(--yellow);
text-transform:uppercase;
}
.benefitsheadlinerow {margin-bottom:20px;}
/* .benefitsheadlinerow h3:before, .benefitsheadlinerow h3:after {position: absolute;
top: 51%;
overflow: hidden;
width: 50%;
height: 1px;
content: '\a0';
background-color: var(--yellow);
}
.benefitsheadlinerow h3:before {
margin-left: -50%;
text-align: right;
}
*/
.youthvoiceintrotext {
color: var(--yellow);
font-weight: 200;
font-size: 48px;
line-height: 58px;
margin-bottom: 30px; margin-top: 60px;}
.youthvoiceintro {font-size:40px; line-height:50px; margin-bottom: 50px; padding:40px; font-weight:200;}
.careersintrotext {
color: var(--yellow);
font-weight: 200;
font-size: 48px;
line-height: 58px;
margin-bottom: 30px; }
.careersintro {padding-top:80px; }
.careersintro .twocolumns { width:100% !important; margin: auto; padding:40px; padding-bottom:0px;}
.careersintro .quote { background-image:url(https://mission44.org/wp-content/uploads/2023/06/Group-1.png); background-position:top left; background-repeat:no-repeat; background-size:100% auto;}
.careersintro .quotecontent {margin-top:7%;margin-left:11%; margin-right:11%;}
.careersintro .quote { color: var(--yellow); }
.careersintro .quotename { color: white; text-transform:uppercase; font-size:22px; font-weight:200;}
.careersintro .quotetitle { color: var(--yellow); text-transform:uppercase; font-size:22px; font-weight:200;}
.jobbigbox {margin-bottom:30px; margin-left:0px; margin-right:0px;}
.jobbigboxleft {padding:50px;}
.jobbigboxleft .job-title {text-transform:uppercase; font-size:30px; font-weight:200; line-height:40px; margin-bottom:10px;}
.jobbigboxleft .job-dept {font-size:28px; font-weight:200; margin-bottom:40px; text-transform:uppercase; line-height:38px;}
.jobbigboxright .job-description-col-1 {font-size:20px; font-weight:200; line-height:30px;}
.jobbigboxright .job-description-col-2 {font-size:20px; font-weight:200; line-height:30px;}
.jobbigboxright .job-description-action {font-size:20px; font-weight:200; line-height:30px; padding-top:20px;}
.jobbigboxright .job-description-link a {font-size:20px; font-weight:200; line-height:30px; text-decoration:underline; color:black;}
.jobbigboxright .job-description-link {padding-top:20px;}
.jobbigboxright {padding:50px; font-size:20px; font-weight:200; line-height:30px; }
.jobbigboxright ul {}
.jobbigboxright ul { list-style: none; padding: 0; margin: 0;}
.jobbigboxright ul { list-style: none;
padding: 0;
margin: 0;}
.jobbigboxright li {
padding-left: 1em;
text-indent: -.7em;
}
.jobbigboxright li::before {
content: "\002B \0020";
color: #05C982;}
.jobsmallbox {margin-bottom:15px;}
.jobsmallbox .card {border:none; border-radius:0px !important;}
.jobsmallbox .card-header {padding:30px; border-bottom:8px solid var(--green); background-color: var(--darkgrey); color:white;}
.jobsmallbox .card-header .job-title {text-transform:uppercase; font-size:23px; font-weight:200; line-height:33px; margin-bottom:10px;}
.jobsmallbox .card-header .job-dept {font-size:20px; font-weight:200; margin-bottom:10px; text-transform:uppercase; line-height:30px; color:var(--green);}
.jobsmallbox .card-body {padding:30px;}
.jobsmallbox .job-description-col-1 {font-size:20px; font-weight:200; line-height:30px;}
.jobsmallbox .job-description-col-2 {font-size:20px; font-weight:200; line-height:30px;}
.jobsmallbox .job-description-action {font-size:20px; font-weight:200; line-height:30px; padding-top:20px;}
.jobsmallbox .job-description-link a {font-size:20px; font-weight:200; line-height:30px; text-decoration:underline; color:black;}
.jobsmallbox .job-description-link {padding-top:20px;}
.jobsmallbox ul { list-style: none;
padding: 0;
margin: 0;}
.jobsmallbox li {
padding-left: 1em;
text-indent: -.7em;
}
.jobsmallbox li::before {
content: "\002B \0020";
color: #05C982;}
/* approach */
.darkstatement {padding-top:80px; padding-bottom:80px; width:90%; margin: auto; font-size: calc((2.8 - 1) * 1.2vw + 1rem); font-weight:400; line-height: calc((2.8 - 1) * 1.2vw + 2rem);}
.twocolumnsleftbig {font-size:40px; line-height:50px;}
.twocolumnsright {font-size:30px; line-height:40px;}
.twocolumnsleft {font-size:30px; line-height:40px; margin-bottom: 50px;}
.twocolumns { width:90%; margin: auto; padding-bottom:80px;}
.tickboxsection {padding-top:80px; padding-bottom:80px;}
.tickboxsection h2 {text-align:center;}
.tickboxsection .intro {text-align:center; font-size:30px; line-height:40px; margin-top:40px; margin-bottom:50px;}
.tickboxsection ul li {font-size:35px; line-height:45px; font-weight:200; margin-bottom:30px;}
.tickboxsection ul { list-style-type: none; list-style-position: outside;}
/* .tickboxsection ul li::before {content: "\f058"; font-family: "Font Awesome 5 Free"; padding-right:10px; margin-left: -43px; color:var(--purple);} */
.tickboxsection .bulleticon {padding-right:20px; color:var(--purple); font-size:60px; width: min-content}
.tickboxsection .bulleticon i {}
.tickboxsection .bullet {font-size:20px; line-height:30px; font-weight:200; }
.flex-container {display: flex; margin-bottom:30px;}
.flex-child {}
.applyheadline {font-family: 'abc_whyte', Arial, sans-serif;
text-transform: uppercase;
font-size: calc((2.8 - 1) * 1.2vw + 1rem);
transition-timing-function: ease;
transition-duration: 1.5s;
transition-delay: 0.136709s;
font-weight: 400;
letter-spacing: 1px;
padding-bottom: 50px;
color:var(--purple); padding-top: 50px;
text-align:center;}
.applyintro { text-align: center;
font-size: 30px;
line-height: 40px;
padding-bottom: 50px;}
/* People */
.noheader1 { padding-top:70px; padding-bottom:0px;}
.noheader1 h1 {font-size: calc((2.8 - 1) * 1.2vw + 1rem);
font-weight: 400;
line-height: calc((2.8 - 1) * 1.2vw + 2rem);}
.noheader2 { padding-top:70px; padding-bottom:30px;}
.noheader2 h1 {font-size: calc((2.8 - 1) * 1.2vw + 1rem);
font-weight: 400;
line-height: calc((2.8 - 1) * 1.2vw + 2rem);}
.noheader2 .people_page_header {margin-bottom:20px;}
.noheader2 .person {margin-bottom:0px;}
.noheader {margin-top:110px; padding-top:50px; padding-bottom:50px;}
.noheader h1 {font-size: calc((2.8 - 1) * 1.2vw + 1rem);
font-weight: 400;
line-height: calc((2.8 - 1) * 1.2vw + 2rem);}
.people_page_header {margin-bottom:40px;}
.person .person_name {text-transform:uppercase; font-size:21px; margin-bottom:10px; margin-top:20px;}
.person .job_title {text-transform:uppercase; font-size:16px;}
.person {margin-bottom:40px;}
.peoplecontainer {background-image:url(https://mission44.wpengine.com/wp-content/uploads/2023/02/grey-lines.png); background-position:top right; background-repeat:no-repeat;}
.yabcontainer {background-image:url(https://mission44.wpengine.com/wp-content/uploads/2023/04/ygrey-lines-copy.png); background-position:bottom right; background-repeat:no-repeat;}
.lhfounder {background-position:top center; background-repeat:no-repeat; background-size:cover; min-height:1200px;}
.lhfoundertext { min-height:1200px; margin-top:170px; padding-left:30px;}
.lhfoundertext_title {line-height: calc(1.025 * (1 + (1 - 2.813)/25)); font-size: calc((2.813 - 1) * 1.2vw + 1rem); font-weight: 500;
font-style: normal;
letter-spacing: .02em;
text-transform: uppercase;}
.lhfoundertext_name {margin-top:40px; font-weight:700; color: var(--yellow); text-transform:uppercase; font-size: calc((1.5 - 1) * 1.2vw + 1rem);}
.lhfoundertext_text p { font-size: 28px; font-weight:200; line-height: 40px;}
.lhfoundertext_text { margin-top:60px;}
/* Get involved */
.statementheader {padding-top:80px; padding-bottom:80px; margin: auto; font-size: 35px; font-weight:400; line-height: 46px;}
.purpletop {border-top: 8px solid var(--purple);}
.support_block {padding:15px; padding-top:30px; padding-bottom:50px; font-size: 22px; font-weight:200; line-height: 33px; text-align:center;}
.support_block img {padding:20px; height:110px; width:auto;}
.support_block a.cta {color:var(--darkgrey); background-color:var(--purple); font-size: 20px; font-weight:400; padding:15px; text-transform:uppercase; margin-top:30px; display:inline-block;}
.support_block h4 {color:var(--purple); margin-bottom:30px;}
.heading {padding-top:30px; padding-bottom:60px;}
.casestudy {padding-top:130px; }
.casestudy p {padding-top:30px; padding-bottom:0px; padding-right:60px; font-size: 30px; font-weight:200; line-height: 40px;}
.casestudyrow {}
.casestudy a.cta {color:var(--darkgrey); background-color:var(--purple); font-size: 20px; font-weight:400; padding:15px; text-transform:uppercase; margin-top:30px; display:inline-block;}
.casestudycarousel .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-bottom:30px;}
.casestudycarousel .slick-dots li {
margin: 0 0.25rem;
}
.casestudycarousel .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: var(--purple);
text-indent: -9999px;
}
.casestudycarousel .slick-dots li.slick-active button {
background-color: var(--yellow);
}
.stats {font-size:30px; line-height:40px; text-align:left; font-weight:200; }
.stats .statsslide .card .number {font-size:100px; line-height:120px; margin-bottom:20px; font-weight:400; margin-top:80px; color: white !important}
.stats .statsslide .card {margin-left:15px; margin-right:15px; width: 100%; min-height:650px;}
.stats .statsslide .card .stattext {font-size:30px; padding:40px;}
.statsslide .card {border: none !important}
.stats .number {font-size:100px; color: var(--purple); font-weight:400; margin-bottom:30px; margin-top:30px;}
.seemore {padding-right:40px; text-transform:uppercase; font-size:16px; margin-bottom:50px;}
.seemore a {color:black;}
.seemore a:hover {color:var(--blue);}
/* newlestter block */
.newsletterblock {padding-top:130px; padding-left:30px;}
.newsletterblock p {padding-top:30px; padding-bottom:30px; padding-right:60px; font-size: 17px; font-weight:200; line-height: 27px;}
.trusteesslide .person, .teamsslide .person, .newsslide .person {margin-right:20px;margin-left:20px;}
.viewallteam a {font-size:14px; color:black;}
.pillar {border:none !important}
.accordion-content strong {color:var(--yellow); font-weight:300;}
.accordion-content {font-weight:300;}
.accordion-content ul {list-style:disc;}
.goals {border-top:none; border-left:none; border-right:none;}
.pnbuttons {margin-top:10px; }
.pnbuttons i {display:inline-block; padding-left:20px; padding-right:15px;}
.people_page_header {padding-left:15px;}
.teamfiltersearch ul {
display: block;
list-style-type: disc;
margin-block-start: 0px;
margin-block-end: 0px;
margin-inline-start: 0px; }
.teamfiltersearch {margin-top:-20px; }
.pnbuttons_news i {display:inline-block; padding-left:20px; padding-right:15px;}
.pnbuttons_news {margin-bottom:30px; }
#mc_embed_signup_scroll h2 {display:none;}
#mc_embed_signup {background:transparent !important;}
#mc_embed_signup .helper_text {color: white; background:transparent !important;}
#mc_embed_signup form {margin:0px !important}
#mc_embed_signup {width:100% !important}
#mc_embed_signup .button {
background-color: var(--yellow) !important;
border-radius: 0px !important;
color: #000 !important;
cursor: pointer;
display: inline-block;
font-size: 22px !important;
font-weight: normal;
text-transform:uppercase;
height: auto !important;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0px 45px 30px 45px !important;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: fit-content;
margin-bottom:50px !important;
padding:15px !important;
padding-left:70px !important;
padding-right:70px !important;
}
#mc_embed_signup div#mce-responses {
float: left;
top: -1.4em;
padding: 0em 0.5em 0em 0.5em;
overflow: hidden;
width: 100% !important;
margin: 0px !important;
clear: both;
}
#mc_embed_signup .mc-field-group input {
margin-top: 5px !important;
display: block;
width: 100%;
padding: 11px 0 !important;
text-indent: 2%;}
/* END */
#dhtmltooltip{
position: absolute;
width: 100px;
height:100px;
border-radius: 50%;
padding-top:40px;
text-align: center;
background-color: var(--yellow);
visibility: hidden;
display:none;
z-index: 100;
}
.stats {margin-bottom:50px;}
.accordion {margin-bottom:150px; margin-top:150px;}
.accordion-button:not(.collapsed) {
color: var(--yellow);
background-color: var(--darkgrey);
box-shadow: none;
}
.accordion-button { color: var(--yellow);
background-color: var(--darkgrey);
box-shadow: none;
text-transform:uppercase;
border:none !important;
font-size:43px;
font-weight:200 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none !important;
}
.ui-accordion {margin-bottom:80px !important; margin-top:80px !important;}
.accordion-header, .accordions-head { border-bottom: 2px solid var(--yellow) !important;}
.accordion-header2 { border-bottom: 2px solid var(--darkgrey) !important;}
.accordion-button b {font-weight:200 !important; padding-top:5px; padding-bottom:5px; }
.accordion-item {border:none !important;}
.accordion-body { color: var(--white);
background-color: var(--darkgrey); font-size:32px; line-height:130%; padding-top:70px; padding-bottom:70px; font-weight:200 !important; letter-spacing:1px;}
.accordion-body h3 {font-weight:500 !important; letter-spacing:1px; color: var(--yellow); font-size: 24px;
line-height: 1.209em; margin-bottom:15px;}
.accordion-body p {margin-bottom:40px;}
.float-left {float:left; width: 50%;}
.float-right {float: right;
width: 50%;
text-align: right;}
.accordion-button::after {display:none;}
.accordion-button, .collapsed {box-shadow:none;}
.accordion-item, .accordion-item:focus, .accordion-item:active,
.accordion-header, .accordion-header:focus, .accordion-header:active,
.accordion-button, .accordion-button:focus, .accordion-button:active {
outline: none !important;
}
.accordion-button:focus {
box-shadow: none;
border-color: rgba(0,0,0,.125);
}
.accordion-content {margin-bottom:40px !important; margin-top:40px !important;}
a.purple {color:var(--purple);}
a.yellow {color:var(--yellow);}
.partners .col-12 img {padding-left:10px; padding-right:10px;}
.margintoppartners {margin-top:30px;}
.contactform legend.gfield_label, .contactform label {font-size: 24px!important;
line-height: 1.4820000000000002em;
letter-spacing: 1px; text-transform:uppercase; font-weight:200 !important;}
.contactform .ginput_complex span label{font-size: 18px!important; text-transform:none;}
.contactform textarea, .contactform input {background-color: rgba(255, 255, 255, 0.14) !important; border:none; padding:14px !important; color:white; font-size:18px; }
.centralfooter a i:hover {color: var(--yellow) !important;}
.centralfooter a img {width:auto; height:22px; filter: invert(95%) sepia(100%) saturate(14%) hue-rotate(213deg) brightness(104%) contrast(104%); margin-right:5px;}
.centralfooter a img:hover {filter: invert(98%) sepia(88%) saturate(5354%) hue-rotate(11deg) brightness(106%) contrast(103%);}
.centralfooter a img {margin-top:80px;}
.contactform input.button {background-color: var(--yellow) !important; padding:20px !important; color:black !important; padding-left:40px !important; padding-right:40px !important;}
.contactfooter .col {padding:15px; font-size:25px; line-height:35px; text-align:center;}
.contactfooter a {color: var(--purple);}
.contactform {padding-bottom:70px;}
.underform {font-size: 24px !important; font-weight:200 !important; margin-top:40px;}
.gform_wrapper.gravity-theme .gfield_required {color:white !important; vertical-align: super;}
.gform_required_legend {display:none;}
#gform_wrapper_3 .ginput_complex span label{font-size: 18px!important; text-transform:none;}
#gform_wrapper_3 textarea, #gform_wrapper_3 input {background-color: rgba(255, 255, 255, 0.14) !important; border:none; padding:14px !important; color:white; font-size:18px;}
#gform_wrapper_3 input.button {background-color: var(--yellow) !important; padding:20px !important; color:black !important; padding-left:40px !important; padding-right:40px !important;}
legend.gfield_label, #gform_wrapper_3 label {font-size: 24px!important;
line-height: 1.4820000000000002em;
letter-spacing: 1px; text-transform:uppercase; font-weight:200 !important;}
#gform_wrapper_3 #label_3_4 {font-size: 16px !important; }
.page-template-template_newsoverview-php .newslettertext h1, .page-template-template_newsoverview-php .newslettertext h3 {
padding-top: 0px;
padding-bottom: 30px;
}
.gform_confirmation_message {font-size:22px; color:var(--yellow);}
.gform_ajax_spinner {width:50px; height:auto; margin-left:20px;}
.paddingtop40 {padding-top:100px;}
.post {}
.post .title {font-size: calc((2.8 - 1) * 1.2vw + 1rem); line-height:140%; padding-top:60px; }
.post .infotext {color:#1A879F; font-size: calc((1.5 - 1) * 1.2vw + 1rem); letter-spacing:1px; text-transform:uppercase;}
.post .meta {letter-spacing:1px; text-transform:uppercase; font-size: calc((2.125 - 1) * 1.2vw + 1rem); color:black; margin-top:60px; margin-bottom:60px;}
.post .standfirst p {font-size: calc((2.125 - 1) * 1.2vw + 1rem); letter-spacing:1px; line-height:140%;}
.post .full-image img {width:100%; height:auto;}
.post .full-image { margin-bottom: 60px;}
.post p {font-size: calc((1.5 - 1) * 1.2vw + 1rem); line-height:140%; font-weight:200; margin-bottom:30px;}
.post p a {color:hsla(226.95652173913044,67.64705882352938%,73.33333333333334%,1) ; font-weight:200 !important;}
.post p a strong {font-weight:200 !important;}
.post ul { list-style-type:disc !important;}
.post_title {color:#333c42; font-size:20px; line-height:30px; margin-top:5px; padding-bottom:40px;}
.post_date {color:#333c42; font-size:16px; line-height:30px; margin-top:10px; text-transform:uppercase;}
.post_title a {color:#333c42; font-size:20px; line-height:30px; margin-top:5px;}
.fullwidthtext {padding-top:60px; padding-bottom:60px;}
.post h4 {font-size:25px; line-height:35px; font-weight:400; padding-bottom:20px;}
.post h3 {margin-bottom:20px;}
.post li, .post .maintext li, .post .maintext p li {font-size: calc((1.5 - 1) * 1.2vw + 1rem); line-height:140%; font-weight:200; }
.page-template-template_newsoverview-php h1 {padding-top:70px; padding-bottom:70px;}
.post li a {color: var(--purple);}
.quote {padding-top:120px; padding-bottom:120px; font-size: calc((2.25 - 1) * 1.2vw + 1rem); line-height:135%; font-weight:200;}
.quote .attribution {font-size: calc((1.5 - 1) * 1.2vw + 1rem); margin-top:60px; text-transform:uppercase; font-weight:400; letter-spacing:1px;}
.quote .jobtitle {font-size: calc((1.5 - 1) * 1.2vw + 1rem); }
.standard {padding-top:40px;}
.standard {font-size: calc((1.5 - 1) * 1.2vw + 1rem); line-height:140%; font-weight:200; margin-bottom:30px;}
.standard p {font-size: calc((1.5 - 1) * 1.2vw + 1rem); line-height:140%; font-weight:200; margin-bottom:30px;}
.standard p a {color:hsla(226.95652173913044,67.64705882352938%,73.33333333333334%,1) ; font-weight:200 !important;}
.standard p a strong {font-weight:200 !important;}
.standard ul { list-style-type:disc !important;}
.standard h2 {font-size: 35px; line-height:45px; margin-bottom:20px;}
.standard h3 {font-size: 25px; line-height:35px; margin-bottom:20px;}
.plainpage p {font-size: calc((1.5 - 1) * 1.2vw + 1rem); line-height:140%; font-weight:200; margin-bottom:30px;}
.plainpage p a {color:hsla(226.95652173913044,67.64705882352938%,73.33333333333334%,1) ; font-weight:200 !important;}
.plainpage h4 {font-size:33px; font-weight:400; margin-bottom:20px; line-height:43px;}
.plainpage {padding-top:40px; padding-bottom:40px;}
.plainpage h4 a {color:hsla(226.95652173913044,67.64705882352938%,73.33333333333334%,1)}
.animatedtextcontainer {position:relative;}
.animatedtext{
position: absolute;
top: 0;
right:0;
}
#first{
animation: t1 linear 6s infinite;
}
#second{
animation: t2 linear 6s infinite;
}
#thirdtext{
animation: t3 linear 6s infinite;
}
@keyframes t1 {
0% {opacity: 0;}
5% {opacity: 1;}
25%{ opacity: 1;}
30%{opacity: 0;}
80%{ opacity: 0;}
100% {opacity: 0; }
}
@keyframes t2 {
0% {opacity: 0;}
35%{opacity: 0;}
40%{opacity: 1;}
60%{opacity: 1;}
65%{opacity: 0;}
100% {opacity: 0;}
}
@keyframes t3 {
0% {opacity: 0;}
40%{opacity: 0;}
50%{opacity: 0;}
70%{opacity:0;}
75%{opacity:1;}
90%{opacity: 1;}
100% {opacity: 0;}
}
/* newsletter and financials */
.financialsscontainer { background: #000; }
.financialsrow {}
.onehundred {width:95% !important;}
.newslettercol { padding-top:60px; background-image:url('https://mission44.org/wp-content/uploads/2023/09/yellow-linetop.png'); background-repeat:no-repeat; background-position:top right; background-size:90%; background-color: #1E1E1E; padding-left:40px;}
.newsletterheadline {font-size:40px; padding-bottom: 30px; text-transform: uppercase; color:var(--purple); font-weight:400; letter-spacing: .02em; -webkit-font-smoothing: antialiased; margin-top:70px;}
.newsletterintrotext {color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 32px;
padding-bottom: 60px;
}
.financialsscontainer #mc_embed_signup label {display:none;}
.financialsscontainer #mc_embed_signup input {background-color:#4B4B4B; border:none; color:white; line-height:26px;}
.financialsscontainer #mc_embed_signup .mc-field-group {padding-bottom:0% !important; }
.financialsscontainer #mc_embed_signup .button {
background-color: var(--yellow) !important;
border-radius: 0px !important;
color: #000 !important;
cursor: pointer;
display: inline-block;
font-size: 22px !important;
font-weight: normal;
text-transform: uppercase;
height: auto !important;
line-height: 22px;
margin: 0 5px 10px 0;
margin-top:40px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: fit-content;
margin-bottom: 50px !important;
padding: 10px !important;
padding-left: 70px !important;
padding-right: 70px !important;
}
.financialsscontainer #mc_embed_signup input::placeholder {
color: white;
opacity: 1; /* Firefox */
}
.financialsscontainer #mc_embed_signup input::-ms-input-placeholder { /* Edge 12 -18 */
color: white;
}
.financialscol {background-color: var(--purple); padding:40px;}
.financialscolheadline {color: var(--hhite, #FFF);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-top:40px;
}
.financialscoltext {color: #1E1E1E;
font-size: 22px;
margin-top:20px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 145.455% */}
.financialsscontainer a.button {
background-color: var(--yellow) !important;
border-radius: 0px !important;
color: #000 !important;
cursor: pointer;
display: inline-block;
font-size: 22px !important;
font-weight: normal;
text-transform: uppercase;
height: auto !important;
line-height: 22px;
margin: 0 5px 10px 0;
margin-top:38px;
text-align: center;
text-decoration: none;
vertical-align: top;
width: 100%;
margin-bottom: 50px !important;
padding: 10px !important;
padding-left: 70px !important;
padding-right: 70px !important;
}
/* newsletter */
.newslettercontainer {}
.newslettertext {padding-left:40px; padding-top:100px;}
.newsletterimage {padding-top:30px;}
.newslettertext h1 { color: #8DA1E9; font-size:40px; line-height:50px}
.newslettertext h3 { color: #8DA1E9; font-size:40px; line-height:50px}
.newslettertext p {font-size:27px !important; line-height:40px !important; color:white; margin-top:20px; font-weight:300;}
footer {background-color: var(--darkgrey); color:white; padding-top:70px; padding-bottom:30px; padding-right:30px; padding-left:30px;}
footer ul li {font-size:24px; padding-bottom: 30px; text-transform: uppercase; font-weight:400; letter-spacing: .02em; -webkit-font-smoothing: antialiased;}
footer ul {padding-left: 0px; margin-bottom:40px;}
footer .hearmore {font-size:24px; padding-bottom: 30px; text-transform: uppercase; color:white; font-weight:400; letter-spacing: .02em; -webkit-font-smoothing: antialiased;}
footer .charity {font-size:18px; line-height:24px; color:white; font-weight:200; letter-spacing: .02em; -webkit-font-smoothing: antialiased; margin-bottom: 80px;}
footer .animatedlogo img {width:70px;}
footer a i {margin-top:80px; color:white; font-size:20px; margin-right:10px;}
footer a {color:white !important;}
footer a:hover {color:var(--yellow) !important;}
/* shapes */
.shapebg {background-size:cover; background-repeat:no-repeat; background-position:center top; }
.shapecol {min-height:700px;}
.shapebody { padding:50px !important; font-size:30px; line-height:45px; font-weight:200; text-align:center;}
.shapeinverted svg {margin-top:30px;}
.shapeinverted .shapebody { padding-top:0px !important;}
.bg_opaque {height:100%; background-color: rgba(0,0,0, 0.5); padding:50px; font-size:30px; line-height:45px; font-weight:200; text-align:center; min-height:800px; padding-top:80px;}
/* modal */
.modalcontentright .pronouns {text-transform:uppercase; font-size:12px; margin-bottom:10px;}
.modal { overflow: initial; }
.modalcontentright .quotemark {font-size:67px; font-weight: 600; color:#fc2230; margin-bottom: -48px;
margin-top: -20px;}
.modalcontentright .quote {font-size:20px; font-weight: 600; padding-left:15px; margin-bottom:30px;}
.modalcontentleft img {width:100%; border-bottom: 8px solid var(--yellow);}
.modalcontentleft {width:100%; margin-top:20px; }
.modalcontentright {width:100%; margin-top:20px; padding-left:15px; overflow:scroll; height:100%;}
.modalcontentright p {font-size:16px; font-weight: 500; line-height:24px;}
.modal {
display: none;
vertical-align: middle;
position: relative;
z-index: 2;
max-width: 720px !important;
box-sizing: border-box;
width: 90%;
background-color: #fff !important;
padding: 15px 30px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-o-border-radius: 0px !important;
-ms-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
text-align: left;
}
.modalcontentright .job_title {text-transform:uppercase; }
.modal_title {text-transform:uppercase; margin-top:20px; margin-bottom:20px; font-size:30px;}
.modalcontentright {padding-right:20px;}
.page-template-template_partners .modalcontentleft img {width:100%; height:auto; border-bottom:none; }
.page-template-template_partners .job_title a {color:black; text-decoration:underline; text-transform:lowercase; }
.page-template-template_partners .job_title {margin-bottom:10px;}
/* twitter */
.followbutton {margin-top:20px; display:inline-block;}
.instafeed {margin-bottom:20px; position:relative;}
.instalogo { font-size:30px; position:absolute; right:20px; top:20px; z-index:1000000;}
.twitterfeed {background-color:var(--blue); min-height:100%; border-bottom:20px solid var(--lightgrey); border-left:10px solid var(--lightgrey); border-right:10px solid var(--lightgrey);}
.ctf-tweet-actions {display:none;}
.twitterlogo {padding:20px; padding-bottom:0px; font-size:30px; text-align:right}
.ctf-screename-sep {display:none !important;}
.ctf-tweet-items {padding:40px; padding-top:0px; padding-bottom:0px; color:white; font-size:22px;}
#ctf a {color:white; text-decoration:underline;}
.ctf-tweet-meta a {color:white; text-decoration:none; font-size:22px;}
.ctf-tweet-actions a {color:white; text-decoration:none !important; font-size:18px;}
.ctf-tweet-actions {padding-top:30px;}
#ctf .ctf-author-box, #ctf_lightbox .ctf-author-box {
padding-left: 0px;
width: 100%;
}
#ctf .ctf-tweet-actions, #ctf .ctf-tweet-content {
margin-left: 0px;
margin-top: 3px;
max-width: 100%;
}
#ctf .ctf-tweet-actions a i, #ctf .ctf-tweet-actions a svg {
width: 1.1em;
height: 1.5em;
font-size: 1.5em;
color:white;
}
p.ctf-tweet-text {font-size:16px;}
/* Get involved */
.getinvolvedintro2 { font-size:28px; line-height:38px;}
.getinvolved {background-color: var(--purple); }
.getinvolvedquote .quote {padding-top: 40px;
padding-bottom: 40px;
font-size: calc((2.25 - 1) * 1.2vw + 1rem);
line-height: 135%;
font-weight: 200;}
.getinvolvedquote { background-image:url(https://mission44.org/wp-content/uploads/2023/06/Group-2-1.png); background-position:top left; background-repeat:no-repeat; background-size:100% auto; margin-top:30px;}
.getinvolvedquote .quotecontent {margin-top:7%; margin-left:9%; margin-right:11%; padding-bottom:100px;}
.getinvolvedquote {color: var(--darkgrey) !important; }
.getinvolvedquote .quotename { color: var(--yellow) !important; text-transform:uppercase; font-size:22px; font-weight:200;}
.getinvolvedquote .quotetitle { color: var(--darkgrey) !important; text-transform:uppercase; font-size:15px; line-height:23px; font-weight:200; margin-top:0px; color:white}
.yab_pad {padding-top:30px; }
.getinvolvedquote .quotetext {padding-top:40px; font-size:24px; line-height:32px; font-weight:200; margin-top:30px; margin-bottom:30px; color: var(--darkgrey) !important; }
.supportboxcontainer {margin-bottom:20px; }
.supportboxtext {min-height:140px; }
.supportmodalcontent { color:var(--darkgrey); font-size:16px; line-height:26px; padding:40px; font-weight:200; }
.supportmodal {background-color: var(--lightgrey) !important;}
.supportmodal .close-modal { display:none !important;}
.supportmodal {overflow:auto !important; overflow-x: hidden !important;}
.supportmodal { height:auto !important;}
.supportmodal .title {color:var(--purple); font-size: 24px; font-weight:200; padding-bottom:20px;}
.supportmodal a.cta {color:var(--darkgrey); background-color:var(--purple); font-size: 20px; font-weight:400; padding:15px; text-transform:uppercase; margin-top:30px; display:inline-block;}
/* FOUNDER */
.founderquote { background-image:url(https://mission44.org/wp-content/uploads/2023/10/quote.png); background-position:top left; background-repeat:no-repeat; background-size:100% auto; margin-top:30px;}
.founderquote .quotecontent {margin-top:7%; margin-left:11%; margin-right:11%; padding-bottom:100px;}
.founderquote {}
.founderquote .quotename { color: black; text-transform:uppercase; font-size:22px; font-weight:200;}
.founderquote .quotetitle { color: var(--black); text-transform:uppercase; font-size:15px; font-weight:200; margin-top:10px; color:white}
.founderquote .quotetext {padding-top:40px; font-weight:200; margin-top:30px; margin-bottom:30px; color: var(--Black, #000);
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: normal; }
.founderintrotext {color: #E1FF01;
text-align: center;
font-size: 50px;
font-style: normal;
font-weight: 400;
line-height: 60px;
padding-top:70px; padding-bottom:70px;}
.founderintro
{color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 44px;
padding-bottom:120px;}
.foundervideo {padding-top:70px; padding-bottom:120px;}
.founderhalfimage {background-repeat:none; background-size:cover; height:80vh; min-height:1300px; background-position:center;}
.championsection .section_supertext{ margin-top:80px;}
.championsection .section_headline {}
.championsection .section_text {padding-bottom:50px; }
.championsection .section {padding-top:50px; padding-bottom:50px;}
.championsection {padding-top:30px;}
.founderhistorytitle {color: var(--yellow);
text-align: center;
font-size: 60px;
font-style: normal;
font-weight: 400;
line-height: 70px;
text-transform: uppercase;
}
.founderhistorytext
{color: var(--white, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 200;
line-height: 33px; letter-spacing:0.2px;}
.founder_mission_cta {margin-top:60px;}
.founderhistorytitle {padding-bottom:60px;}
.fhi1,.fhi2,.fhi3,.fhi4,.fhi5 {padding-top:40px; padding-bottom:40px;}
/* YAB */
/*
.yabheader {background-image:url(https://mission44.org/wp-content/uploads/2023/06/Rectangle-17-e1687777507125.png); background-size:cover; background-repeat:no-repeat; background-position:center top; padding-bottom:90px;} */
.yabheader {background: rgb(51,60,66);
background: linear-gradient(180deg, rgba(51,60,66,1) 0%, rgba(225,255,1,1) 100%); padding-bottom:90px;}
.yabquotetitle {color:var(--yellow); padding-bottom:20px; text-transform:uppercase; font-weight:400;}
.yab_boardcontainer {padding-bottom:100px;}
.yabheader .sectionintro { font-weight:200; font-size: 38px; line-height:48px; margin-top:60px; }
.yabheader .sectionintro p:nth-child(1) { font-size: 45px; line-height:55px; }
.meet_members_intro p {font-weight:200; font-size: 24px; line-height:34px; margin-top:20px}
.hidequote {display:none;}
.bglinetop{
background-image:url(https://mission44.org/wp-content/uploads/2023/06/yellow-lines-copy-2.png); background-size:70px; background-repeat:no-repeat; background-position:left top;}
.yabvideotitle {font-weight:200; font-size: 40px; line-height:60px; color:var(--yellow); }
.yabvideocode {margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; margin-top:30px;}
.yabboardtitle {font-weight:200; font-size: 40px; line-height:60px; color:var(--darkgrey); margin-top:60px; margin-bottom:40px;}
.yab_board_header {font-weight:200; font-size: 40px; line-height:60px; color: black; margin-top:100px; margin-bottom:50px;}
.page-template-template_youth_advisory_board .person {margin-bottom:20px !important;}
.yabquote { background-image:url(https://mission44.org/wp-content/uploads/2023/06/Group-1.png); background-position:top left; background-repeat:no-repeat; background-size:100% auto; margin-top:30px;}
.yabquote .quotecontent {margin-top:7%; margin-left:11%; margin-right:11%; padding-bottom:100px;}
.yabquote {color: var(--yellow); }
.yabquote .quotename { color: white; text-transform:uppercase; font-size:22px; font-weight:200;}
.yabquote .quotetitle { color: var(--yellow); text-transform:uppercase; font-size:15px; font-weight:200; margin-top:10px; color:white}
.yab_pad {padding-top:30px; }
.yabquote .quotetext {padding-top:40px; font-size:24px; line-height:32px; font-weight:200; margin-top:30px; margin-bottom:30px;}
.yab_news_header {font-weight:200; font-size: 40px; line-height:60px; color:var(--darkgrey); margin-bottom:30px;}
.yabboardbox {background-color: var(--darkgrey); margin-bottom:15px;}
.yabboardboxicon { min-height:300px; text-align:center;}
.yabboardboxicon img {vertical-align:middle; width:100%; max-width:200px !important; height:auto; padding:30px; margin-top:30px;}
.yabboardboxtext { margin-top:60px;}
.yabboardboxtitle { font-size: 30px; line-height:40px; text-transform:uppercase; font-weight:200; padding-right:40px;}
.yabboardboxcopy {margin-top:20px; font-size: 22px; line-height:32px; padding-right:40px; font-weight:200;}
.yabquotecarousel .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
margin-bottom:30px;}
.yabquotecarousel .slick-dots li {
margin: 0 0.25rem;
}
.yabquotecarousel .slick-dots button {
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border: none;
border-radius: 100%;
background-color: var(--purple);
text-indent: -9999px;
}
.yabquotecarousel .slick-dots li.slick-active button {
background-color: var(--yellow);
}
a.page-numbers {}
span.page-numbers.current {}
a.next.page-numbers {}
.hearmore .gform_wrapper:after { clear: both;}
.hearmore .gform_footer {float:left; }
.hearmore .gform-body {width:70%; float:left; margin-top:36px;}
.hearmore input.button {margin-left:20px; background-color: var(--darkgrey) !important; padding:20px !important; color:white !important; border-bottom: 2px solid var(--yellow); }
.hearmore .mcform {margin-top:40px;}
.hearmore input {background-color: var(--darkgrey) !important; border:none; border-bottom: 2px solid var(--yellow); padding:14px !important; color:white; font-size:23px; text-align:center; }
.hearmore input[type="email"] {width:50%;}
.hearmore input[type="submit"] {line-height:30px;}
.mc4wp-alert {margin-top:20px; font-size:20px;}
.hearmore input::placeholder {font-size:23px;}
/* ------------------------------------------------------------ */
/* HELPERS */
.hide {display: none;}
.clearfix:after {
content:"";
display:block;
clear:both;
}
/* ------------------------------------------------------------ */
/* NEW ACCORDION */
#sp-ea-818.sp-easy-accordion>.sp-ea-single {
border-radius: 0;
border: none !important;
border-bottom: 3px solid var(--yellow) !important;
}
/* MEDIA QUERIES */
@media only screen and (max-width: 1000px){
#mega-menu-wrap-main .mega-menu-toggle + #mega-menu-main {
margin-top: 30px;}
}
@media (min-width: 576px) {
.mobilefullimage {display:none;}
.newscontainer {
margin-top: 80px;}
}
@media (max-width: 768px) {
.founderhistorytitle {font-size:30px; line-height:40px; margin-top:30px;}
.empower .sectionintro, .careersintrotext { font-size: 38px; line-height:48px;}
.yabheader {background: rgb(51,60,66);
background: linear-gradient(180deg, rgba(51,60,66,1) 0%, rgba(225,255,1,1) 63%); padding-bottom:90px;}
.section_supertext {text-align:center !important;}
.section_headline {text-align:center !important; font-size: 35px; line-height: 45px;}
.disrupt .section {padding-top:0px;}
.disrupt { background-image:none;}
.section_text_hide {display:none;}
.careersintro .quote{ background-image:none;}
.careersintro .quotecontent {margin:0px;}
.quote {padding-top: 0px;}
.partnershipscontainer { padding-top: 40px;}
.partnershipscontainer .partnershipsimage { margin-top: 70px;}
.partnershipscontainer .partnershipstext p {font-size: 26px;; line-height: 36px;padding-right: 0px; padding: 15px;}
.partnershipscontainer .partnershipstext {text-align:center;}
.yabheader .sectionintro, .yabheader .sectionintro p:nth-child(1) {
font-weight: 200;
font-size: 24px;
line-height: 34px;
margin-top: 60px;
}
}
@media (max-width: 800px) {
.getinvolvedquote, .yabquote {
background-image:none;
margin-top: 30px;
}
.getinvolvedquote .quote, .yabquote .quote{
padding-top: 0px;
padding-bottom: 30px;
}
.getinvolvedquote .quotetext, .yabquote .quotetext {
padding-top: 0px;
margin-top: 0px;
margin-bottom: 30px; }
.getinvolvedquote .quotecontent, .yabquote .quotecontent{
margin-top: 2%;
margin-left: 2%;
margin-right: 2%;
padding-bottom: 30px;}
.getinvolvedquote .margin_top_60, .yabquote .margin_top_60 {
margin-top: 20px;
}
}
@media (max-width: 576px) {
.rtf-form .gform_wrapper.gravity-theme .gfield_label {
font-size: 18px !important;
line-height: 1.4820000000000002em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 200 !important;}
.rtf-form legend, .ftf-form legend.gfield_label, .ftf-form #field_5_3 label, .ftf-form #field_5_5 label, .rtf-form #field_5_6 label, .ftf-form #field_5_8 label, .ftf-form #field_5_9 label, .ftf-form #field_5_10 label, .ftf-form #field_6_3 label {
font-size: 18px !important;
line-height: 1.4820000000000002em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 200 !important;
}
.teamfiltersearch {text-align:center !important;}
.grantenquiry .gform_wrapper {padding:20px;}
.hc-home-headline h1 {font-size:30px; line-height:40px;}
a.hc-yellowbutton {font-size:14px; padding:10px;}
.founderquote .quotetext
{font-size:20px; line-height:30px;}
.founderquote .margin_top_60 {margin-top: 0px}
.founderquote .quotetext {
padding-top: 0px;
margin-top: 0px;
}
.founderquote .quotecontent {
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 60px;}
.founderquote {
background-image: none;
margin-top: 0px;
}
.overlaygrad>span {position: absolute; bottom: 3px; left:0; z-index: 11;
width:100%; height:100%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0)80%);
}
#mc_embed_signup .button{
padding: 15px !important;
padding-left: 30px !important;
padding-right: 30px !important;
font-size: 20px !important;
}
.youthvoiceintro {font-size:30px; line-height:40px; margin-bottom: 30px; padding:15px; font-weight:200;}
.casestudy {text-align:center; padding-top: 60px;}
.casestudy p {
padding-top: 30px;
padding-bottom: 0px;
padding-right: 0px;
font-size: 30px;
font-weight: 200;
line-height: 40px;
}
.searchandfilter ul { padding-inline-start: 0px;}
.searchandfilter ul li {
list-style: none;
display: block;
padding: 10px 0;
margin: 0;
width: 100%;
}
.ctf-tweet-items { font-size:16px;}
h3.homepage_about_para, h3.lh_quote {font-family: 'abc_whyte', Arial, sans-serif;
font-weight:400;
font-style:normal;
font-size: 30px;
line-height:40px;}
.ctf-tweet-meta a { font-size:16px;}
#ctf.ctf-narrow .ctf-author-box {
padding-left: 0px;}
a.buttontext {padding:12px; padding-left:30px; padding-right:30px; color: black; text-transform:uppercase; font-size:18px; display:inline-block; margin-bottom:40px;}
.partnershipscontainer .partnershipstext {
padding-top: 0px; font-size:16px;
}
.partnershipscontainer {
padding-top: 40px;
}
.careersintro .twocolumns {padding: 10px;}
.twocolumnsleft, .twocolumnsright {
font-size: 20px;
line-height: 30px;
margin-bottom: 30px;
}
.statement {
padding-top: 70px;
padding-bottom: 70px; }
.statement p {
font-size: 26px;
line-height: 36px;
}
.empower .sectionintro, .careersintrotext { font-size: 27px; line-height:37px;}
.fullimagetop {display:none !important;}
.accordions-head-title {font-size: 20px !important;
line-height: 30px;}
.accordion-content {font-size: 18px !important;
line-height: 28px;}
.postcontainer .fullimage {display:none !important;}
.partners .col-12 img {margin-bottom:20px;}
.newscontainer {
margin-top: 50px;}
.statementblocktext {padding-left:15px; padding-right:15px;
font-size: 20px;
line-height: 30px;
padding-bottom: 60px;
font-weight: 200;}
.contactform legend.gfield_label, .contactform label {font-size: 18px !important; line-height: 28px !important;}
.contactform {padding-left:15px; padding-right:15px;}
p.underform {font-size: 20px;
line-height: 30px;
font-weight: 200;}
.rightnavcol, .leftnavcol {text-align: center !important}
.quote {
padding-top: 60px;
padding-bottom: 60px;
}
.careersintro .quote {
padding-top: 0px;}
.fullwidthtext {
padding-top: 30px;
padding-bottom: 30px;}
.post .full-image {
margin-bottom: 30px;}
.modal, .modalcontentright {overflow:auto !important;}
.modalcontentright { height:auto !important;}
}
@media (max-width: 768px) {
.goalsboxsectiontext {padding-bottom:30px;}
.goalsboxsectiontext h3 {padding-bottom:20px;}
}
@media (min-width: 768px) {
.goalboxpad {padding-left:40px;}
.modalcontentleft {width:50%; float:left; margin-top:20px; }
.modalcontentright {width:50%; float:left;margin-top:20px; padding-left:15px; height:400px;}
.peoplemodal {max-height:480px}
.modalcontentleft img { height:400px; width:auto;}
.section_headline_hide {display:none;}
.founderhistory {padding-top:120px; padding-bottom:120px;
background-image: url(https://mission44.org/wp-content/uploads/2023/10/tril.png), url(https://mission44.org/wp-content/uploads/2023/10/trir.png);
background-position: left top, right center;
background-repeat: no-repeat, no-repeat;
}
}
@media (min-width: 992px) {
.w-20 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20% !important;
flex: 0 0 20% !important;
max-width: 20%;
}
.hcboardwrap {background-image: url('https://mission44.org/wp-content/uploads/2023/11/Vector.png'); background-position: bottom right; background-repeat: no-repeat;}
.hcchairname {margin-top:auto; margin-bottom:auto;}
}
@media (max-width: 992px) { a.buttontext {padding:12px; padding-left:30px; padding-right:30px; color: black; text-transform:uppercase; font-size:18px; display:inline-block; margin-bottom:40px;}
.supportmodal {top:100px;}
.yabboardboxtitle {
padding: 0px;}
.yabboardboxtext { text-align: center;
margin-top: 0px; padding: 30px;
}
.section_headline {
text-align: center !important; margin-bottom:30px; }
.yabboardboxcopy {
margin-top: 20px;
padding-right: 0px;
}
.yabboardboxicon {
min-height: 260px;
text-align: center;
}
}
@media only screen and (max-width: 1000px){
.bglinetop{background-image:none !important;}
.overlaygrad>span {position: absolute; bottom: 3px; left:0; z-index: 11;
width:100%; height:100%; background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 90%);
}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
color: #fff;
background: transparent!important;
}
.overlaytext h1 {font-size:26px; line-height:36px;}
.overlaytext span {padding:15px;}
.benefitsheadline {text-align:center;}
}
@media only screen and (max-width: 1250px){
.followbutton {display:none;}
}
@media (max-height: 720px) {
.modal {top:100px;}
}
@media (min-width: 1000px) {
.contactfooter .col {padding:120px; font-size:49px; line-height:64px; text-align:left;}
.careersintro .twocolumnsright {padding-left: 30px;}
.careersintro .twocolumnsleft {padding-right:30px;}
.twocolumnsleftbigger {font-size:50px; line-height:64px;}
}
@media (min-width: 1400px) {
.overlaygrad .overlaytext span {position: absolute; bottom: 30px; left:0; width:40%; padding:40px; line-height:140%; background: transparent; }
}
@media (max-width: 1400px) {
}
@media (min-width: 1075px) {
.navbar li.boxed { background-color:var(--yellow) !important; margin-right:30px !important; font-weight:500 !important; }
.navbar li.boxed a {color:black !important;}
li.mega-boxed a {font-weight:500!important;}
}
@media (min-width: 926px) {
.fht1 {padding-top:120px;}
.fhi1,.fhi2,.fhi3,.fhi4,.fhi5 {height:360px; width:auto; padding-top:0px; padding-bottom:0px;}
.fhi1c {text-align:right; padding-top:190px;}
.fhi1c img {padding-right:20px; z-index:10; position: relative;}
.fhi2 {margin-top:40px; margin-left:-70px; }
.fhi2c img {z-index:9; position: relative;}
.fhi3 {margin-top:40px; margin-left:-70px; }
.fht2 {padding-right:80px;}
.fht3 {padding-top:40px; padding-left:20px; padding-bottom:40px;}
.fht4 {padding-top:100px; padding-right:80px;}
.fhi4c {text-align:right; z-index:9; position: relative; margin-top:-70px;}
.fhi5 {margin-top:40px; margin-left:-70px; }
.founderhistorytitle {padding-bottom:0px;}
}
@media (max-width: 576px) {
.getinvolvedintro2 { font-size:16px; line-height:26px;}
.newslettertext h1 { color: #8DA1E9; font-size:30px; line-height:40px}
.newslettertext h3 { color: #8DA1E9; font-size:30px; line-height:40px}
.yabboardboxicon {
min-height: 200px;
text-align: center;
}
.statbox .stat {font-size:70px; color: var(--yellow);}
.newsletterheadline, .financialscolheadline {font-size:30px;}
.newsletterintrotext, .financialscoltext {font-size: 18px;}
.financialsscontainer #mc_embed_signup .button { font-size: 18px !important;}
.financialsscontainer a.button { font-size: 18px !important;}
.newdesigns .quotetext p {
font-size: 16px;
line-height: 26px;
}
.newdesigns .text-wrapper p {
font-size: 16px;
line-height: 26px;
}
.newdesigns .quotetext .details {
font-size: 16px;
line-height: 26px;
}
h3 {
margin-bottom: 30px;
text-transform: uppercase;
font-size: 30px;
line-height: 150%;
}
.researchboxes h3 {
font-size: 30px;
line-height: 150%;
}
.yempintro h3 {
margin-bottom: 30px;
text-transform: uppercase;
font-size: 30px;
line-height: 150%;
}
.goalsboxsection h2 {
font-size: 30px;
line-height: 150%;
}
.newdesigns .deibox p {
font-size: 25px !important;
line-height: 35px !important;
}
}
video {
/* override other styles to make responsive */
width: 100% !important;
height: auto !important;
}