@font-face {
font-family: 'Tiempos';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-regular.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-regular.woff2) format('woff2');
}
@font-face {
font-family: 'TiemposItalic';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-regular-italic.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-regular-italic.woff2) format('woff2');
}
@font-face {
font-family: 'TiemposSemibold';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-semibold.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-semibold.woff2) format('woff2');
}
@font-face {
font-family: 'TiemposSemiboldItalic';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-semibold-italic.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-semibold-italic.woff2) format('woff2');
}
@font-face {
font-family: 'TiemposBold';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-bold.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-bold.woff2) format('woff2');
}
@font-face {
font-family: 'TiemposBoldItalic';
src: url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-bold-italic.otf) format('opentype'),
url(//stuartfoundation.org/wp-content/themes/stuart/fonts/tiempos-fine/test-tiempos-fine-bold-italic.woff2) format('woff2');
} figure { margin: 0;
}
.sans-serif {
font-family: 'Roboto', sans-serif !important;
} html {
overflow-x: hidden;
}
.container {
width: 94%;
max-width: 1300px;
}
.top-level:not(.home):not(.page-id-7124):not(.page-id-7125) #main-content > .container:first-child, .page-template-page-priority #main-content > .container:first-child,
.page-template-page-feature #main-content > .container:first-child,
.page-template-page-grants #main-content > .container:first-child,
.page-template-page-resources #main-content > .container:first-child,
.page-template-page-learning-impact #main-content > .container:first-child {
width: 94%;
margin: 0 3%;
padding-top: 0;
}
.archive #main-content > .container:first-child {
width: 94%;
margin: 0 3%;
} .page-template-page-stories #et-main-area #main-content > .container:first-child,
.page-template-page-newsletters #et-main-area #main-content > .container:first-child,
.page-id-12504 #et-main-area #main-content > .container:first-child, .page-id-55 #et-main-area #main-content > .container:first-child, .page-id-11712 #et-main-area #main-content > .container:first-child, .page-id-53 #et-main-area #main-content > .container:first-child, .page-template-page-people #et-main-area #main-content > .container:first-child {
padding-top: 30px;
}
.top-level:not(.home) #left-area,
.page-template-page-priority #left-area,
.page-template-page-feature #left-area,
.page-template-page-grants #left-area,
.page-template-page-resources #left-area,
.page-template-page-newsletters #left-area,
.page-template-page-learning-impact #left-area,
.page-template-page-hero #left-area,
.parent-pageid-43 #left-area,
.single-post #left-area,
.single-person #left-area,
.single-newsletter #left-area,
.single-grantee_resource #left-area,
.archive #left-area {
width: 100%;
padding-right: 0;
}
.top-level:not(.home) #left-area > .et_pb_column:first-child,
.page-template-page-priority #left-area > .et_pb_column:first-child,
.page-template-page-feature #left-area > .et_pb_column:first-child,
.page-template-page-grants #left-area > .et_pb_column:first-child,
.page-template-page-resources #left-area > .et_pb_column:first-child,
.page-template-page-learning-impact #left-area > .et_pb_column:first-child,
.page-template-page-hero #left-area > .et_pb_column:first-child,
.parent-pageid-43 #left-area > .et_pb_column:first-child {
margin-right: 0;
}
#left-area .full-width {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw); }
#left-area .full-width > .inner {
position: relative;
margin: 0 3%;
width: 94%;
max-width: 1300px;
padding: 50px 0;
}
#content-area > div {
padding-bottom: 70px;
}
#left-area article .entry-content {
position: relative;
} .clearfix {
zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.wp-block-group.fullwidth,
.wp-block-columns.fullwidth {
margin-right: calc(50% - 50vw + 8px);
margin-left: calc(50% - 50vw);
} body {
color: #222;
font-family: gotham,helvetica,sans-serif !important;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
opacity: 0;
-webkit-animation: fadeIn .5s;
-moz-animation: fadeIn .5s;
-ms-animation: fadeIn .5s;
-o-animation: fadeIn .5s;
animation: fadeIn .5s;
animation-fill-mode: forwards;
} @keyframes fadeIn {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
} @-moz-keyframes fadeIn {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
} @-webkit-keyframes fadeIn {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
p {
margin: 20px 0 0;
padding: 0;
} a {
color: #c45327;
text-decoration:underline;
}
a:hover,
a:active {
color: #0b654f;
outline: none;
}
a:hover {
text-decoration:none;
}
#left-area h1,
#left-area h2,
#left-area h3,
#left-area h4,
#left-area h5,
#left-area h6 {
font-family: "sentinel", serif;
font-weight: 700;
letter-spacing: .5px;
line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
text-decoration:none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
text-decoration:underline;
}
#left-area h1.entry-title {
color: #52154e;
}
.page-template-default #left-area h1.entry-title {
margin-bottom: 20px;
}
#left-area h2,
#left-area h3 {
color: #52154e;
}
#left-area h2 {
margin-top: 50px;
}
#left-area h3,
#left-area h4,
#left-area h5 {
font-family: gotham,helvetica,sans-serif;
}
#left-area h3 {
font-size: 18px;
margin-top: 40px;
}
#left-area h4 {
margin-top: 30px;
}
#left-area h5 {
margin-top: 20px;
}
#left-area a {
text-decoration:underline;
}
#left-area a:hover {
text-decoration:none;
}
#left-area a.more,
#sidebar a.more,
#sidebar h1 a,
#sidebar li a,
#sidebar article a {
text-decoration:none;
}
#left-area a.more:hover,
#sidebar a.more:hover,
#sidebar h1 a:hover,
#sidebar li a:hover,
#sidebar article a:hover {
text-decoration:underline;
}
.more-link a::after,
a.more::after {
content:"\203a";
display:inline-block; position:relative;
left:4px;
top:1px;
margin-right: -10px; font-family: FontAwesome !important;
font-size: .8em;
line-height: .8em;
}
a.external::after {
content:"\f08e";
display:inline-block; display: none; position:relative;
left:6px;
top:1px;
margin-right: -10px; font-family: FontAwesome !important;
font-size:.7em;
line-height: .8em;
}
.see-all a.more::after {
content: "\f061";
top: 0;
font-size: 1em;
}
a.back::before {
content:"\2039";
display:inline-block; position:relative;
margin-right:4px;
top:1px;
font-size:1.3em;
line-height: .8em;
}
#left-area a.more,
#left-area a.back,
#left-area a.inherit {
text-decoration: none;
}
#left-area a.more:hover,
#left-area a.back:hover,
#left-area a.inherit:hover {
text-decoration: underline;
}
p.all a {
font-size: .92em;
text-transform: uppercase;
}
#left-area a.inherit {
color: inherit;
}
#left-area a.inherit:hover {
color: #c45327;
}
#left-area h1 a,
#left-area h2 a,
#left-area h3 a,
#left-area h4 a,
#left-area h5 a,
#left-area h6 a {
color: #c45327;
text-decoration: none;
}
#left-area h1 a:hover,
#left-area h2 a:hover,
#left-area h3 a:hover,
#left-area h4 a:hover,
#left-area h5 a:hover,
#left-area h6 a:hover {
color: #52154e;
text-decoration: underline;
}
#left-area p.see-all a {
text-decoration:none;
}
#left-area p.see-all a:hover {
text-decoration:none;
} ul {
list-style:none;
}
#left-area ul {
margin: 0;
padding: 0;
}
#left-area li {
margin-left: 20px;
}
#left-area .page-builder .collapseomatic_content > ul:first-child {
margin-top: 20px;
}
#left-area .entry-content ul li,
#left-area .page-builder ul li,
#sidebar .page-builder ul li {
list-style: none;
margin: 15px 0 0 0px;
padding-left:20px;
line-height: 1.5em;
background: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.png) no-repeat 0 7px;
background-size: 7px 7px;
}
#left-area .entry-content ul.justified li {
margin-left:0;
}
#left-area .entry-content ol {
list-style:decimal outside none;
margin:10px 0 0 22px;
}
#left-area .entry-content ol li {
margin:7px 0 0 35px;
padding-left:20px;
}
#left-area .entry-content ol.justified li {
margin-left:0;
padding-left:0;
}
#left-area .entry-content h2+ ul,
#left-area .entry-content h3+ ul,
#left-area .entry-content h2+ ol,
#left-area .entry-content h3+ ol {
margin-top:15px;
}
#left-area .entry-content p + ul,
#left-area .entry-content p + ol {
margin-top:15px;
} #left-area .item-list {
list-style:none;
margin:0;
padding:0;
}
#left-area .item-list > li {
margin: 20px 0 0;
padding: 25px 0 0;
border-top:1px dotted #b9b9b9;
line-height:inherit;
background:none;
}
#left-area .item-list > li:first-child {
margin-top:20px;
padding-top:0;
border-top:none;
}
.item-list.borders > li .item-title {
margin-top:0;
}
#left-area p {
margin: 20px 0 0;
}
#left-area p.more {
margin-top: 10px;
font-size: 16px;
}
.top-level #left-area section p.more {
font-size: inherit;
}
#left-area .entry-content ul + p {
margin-top: 20px;
}
em,
cite,
i,
i[lang] {
font-style:italic;
}
acronym {
border-bottom:1px dotted #999;
cursor:help;
}
strong { font-weight: 600;
} .screen-reader-text {
display: none;
}
.hidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
} .replace {
text-indent:-9999px;
font-size:1px;
line-height:1px;
}
a.replace {
display:block;
} .wp-block-image {
position: relative;
}
.hero {
margin: 6px 0 20px;
}
figcaption,
.wp-block-image figcaption,
.figcaption,
#left-area p.hero-caption,
.page-template-page-newsletters #left-area .newsletters .hero .caption,
.single-newsletter #left-area .hero .caption {
position: absolute;
bottom: 1px;
right: 0;
margin-top: 0;
padding: 0 5px;
background-color: rgba(0,0,0,.5);
color: #fff;
font-size: 10px;
line-height: 1.2;
}
.wp-block-image figcaption {
margin-bottom: 0;
text-align: left;
}
.wp-block-quote.alignleft,
.wp-block-quote.alignright,
figure.alignleft,
figure.alignright {
margin: 28px 0 15px;
}
.wp-block-quote.alignleft,
.wp-block-quote.alignright {
width: 48%;
}
.wp-block-quote.alignleft.medium,
.wp-block-quote.alignright.medium,
figure.alignleft.medium img,
figure.alignright.medium img {
max-width: 350px;
}
.wp-block-quote.alignleft.small,
.wp-block-quote.alignright.small,
figure.alignleft.small img,
figure.alignright.small img {
max-width: 200px;
}
.wp-block-quote.alignleft,
figure.alignleft {
margin-right: 4%;
}
.wp-block-quote.alignright,
figure.alignright {
margin-left: 4%;
}
.wp-block-column figure.alignfull {
margin-top: 28px;
}
figure img {
width: 100%;
display: block;
}
.wp-caption,
.wp-caption.alignright,
.wp-caption.alignleft {
clear: both;
margin: 27px 20px 0 0;
padding: 0 0 10px;
text-align: left;
border: none;
background: none;
}
.wp-caption.alignright img,
.wp-caption.alignleft img {
display: block;
width: 100%;
}
#left-area .wp-caption p.wp-caption-text {
margin: 10px 0;
padding: 0;
line-height: 1.3;
} #slb_viewer_wrap .slb_theme_slb_default .slb_data_title {
font-family: gotham,helvetica,sans-serif !important;
font-size: 16px !important;
margin-top: 15px !important;
}
.slb_container .slb_group_status {
display: none !important;
} #left-area button,
.wp-block-button a {
display: inline-block;
width: auto;
padding: 3px 5px 2px;
color: #fff;
border: none;
border-radius: 0;
box-shadow: none;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background-color: #c45327;
}
#left-area button:hover {
background-color: #0b654f;
}
button a {
color: #fff !important;
text-decoration: none !important;
} #left-area section:not(.hero) {
margin-top: 40px;
margin-bottom: 30px;
}
#left-area section.intro,
#left-area section.full-width {
margin-bottom: 0;
}
#left-area section.intro + .full-width,
#left-area section.full-width + .full-width {
margin-top: 0;
} .collapseomatic::after {
display: inline-block;
content: "\f078";
font-family: "FontAwesome";
font-size: 14px;
margin-left: 5px;
}
.collapseomatic.colomat-close::after {
content: "\f077";
}
.collapseomatic.colomat-hover::after {
text-decoration: none;
} #left-area .wp-block-soliloquy-soliloquywp {
margin: 50px 0;
}
#left-area .soliloquy-outer-container ul {
margin: 0;
padding: 0
}
#left-area .soliloquy-outer-container ul li {
margin: 0;
padding: 0;
background: none;
}
#left-area .soliloquy-container .soliloquy-image {
width: 100%;
}
#left-area .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
background: rgba(0,0,0,.65);
} .soliloquybox-overlay {
z-index: 9999999 !important;
} .top-level:not(.home) blockquote,
.page-template-page-priority blockquote,
.page-template-page-grants blockquote,
.page-template-page-resources blockquote {
margin: 0 5% 0 10%;
padding: 0;
border-left: none;
font-size: 4.4vw;
quotes: "“" "”" "‘" "’";
color: #52154e;
font-family: "nitti-typewriter-cameo", sans-serif;
line-height: 1.3;
}
.wp-block-quote {
margin: 30px 5% 40px;
border-left: none;
quotes: "“" "”" "‘" "’";
color: #52154e;
font-family: "nitti-typewriter-cameo", sans-serif;
line-height: 1.3;
}
#left-area .wp-block-quote p {
margin-top: 0;
}
#left-area blockquote > p:first-child,
#left-area .wp-block-quote > p:first-child {
display: inline;
position: relative;
font-family: "nitti-typewriter-cameo", sans-serif;
}
#left-area blockquote > p:first-child {
font-size: 6vw;
}
#left-area .wp-block-quote > p:first-child {
color: #0b654f; font-size: 4vw;
}
#left-area .wp-block-quote > p:first-child,
#left-area .wp-block-quote > p:first-child::before,
#left-area .wp-block-quote > p:first-child::after {
color: #0b654f; } #left-area blockquote > p:first-child::before,
#left-area blockquote > p:first-child::after,
#left-area .wp-block-quote > p:first-child::before,
#left-area .wp-block-quote > p:first-child::after {
position: absolute;
font-family: gotham,helvetica,sans-serif;
font-size: 2.5em;
font-weight: 800;
}
#left-area blockquote > p:first-child::before {
content: open-quote;
top: -4vw;
left: -9vw;
}
#left-area blockquote > p:first-child::after {
content: close-quote;
bottom: -7.5vw;
right: -9.5vw;
}
#left-area blockquote.no-cite > p:first-child::before,
#left-area blockquote.no-cite > p:first-child::after {
content: "";
}
#left-area .wp-block-quote > p:first-child::before {
content: open-quote;
top: -3vw;
left: -6.5vw;
}
#left-area .wp-block-quote > p:first-child::after {
content: close-quote;
bottom: -5vw;
right: -7vw;
}
#left-area blockquote p.attribution,
.page-template-page-priority #left-area .quote p.attribution,
.page-template-page-feature #left-area .quote p.attribution,
#left-area .wp-block-quote cite {
display: block;
margin: 10px 0 0;
font-family: "nitti-typewriter-normal", sans-serif;
font-size: 18px;
font-style: normal;
letter-spacing: -1px;
}
#left-area blockquote p.attribution,
#left-area blockquote p.attribution-title {
font-size: 16px;
}
#left-area blockquote p.attribution span {
width: 15px;
overflow: hidden;
}
#left-area blockquote p.attribution-title {
margin: 2px 0 0 15px;
} input,
input *,
textarea,
select {
font-family: gotham,helvetica,sans-serif !important;
} .gform_wrapper {
position:relative;
margin:1.5em 0;
padding:.25em 1em .5em;
background:#f7f7f7;
}
#left-area .entry-content .gform_fields > li {
padding-left:0;
background:none; }
.gform_wrapper .gfield_required {
color:#c4161c !important;
}
.gform_wrapper p.required-note {
position:absolute;
right:4.5%;
top:5px;
font-size:11px;
}
.gform_wrapper p.required-note span {
display:inline-block;
position:relative;
top:2px;
left:-2px;
font-size:17.6px;
color:#c4161c;
}
.gform_wrapper .gform_footer {
margin-top:.5em;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color:#c4161c;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color:#333;
} .et_right_sidebar #main-content .container:before {
display: none;
} #left-area .anchors,
#left-area .intro .callout {
margin: 0 0 25px;
padding: 1vw 3vw 3vw 3vw;
background: #52154e;
font-family: gotham,helvetica,sans-serif;
font-size: 16px;
font-weight: 600;
}
.page-template-page-strategic #left-area .anchors {
margin: -20px 0 40px;
}
#left-area .anchors p {
margin-bottom: 20px;
color: #f5ae06;
font-size: 14px;
text-transform: uppercase;
}
#left-area .anchors h3 {
margin-bottom: 16px;
color: #f5ae06;
font-size: 16px;
text-transform: uppercase;
text-decoration: underline;
}
#left-area .anchors h3 a:hover {
margin-bottom: 16px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
text-decoration: underline;
}
#left-area .intro .callout p {
font-size: 18px;
color: #fff;
}
#left-area .intro .callout p a {
color: #f5ae06;
}
#left-area .anchors ul {
color: #fff;
}
#left-area .anchors ul li {
list-style: square outside none;
margin-left: 20px;
padding-left:0;
background:none;
}
#left-area .anchors ul a {
color: #f5ae06; text-decoration: underline;
}
#left-area .anchors ul a:hover {
text-decoration: underline;
color: #fff; }
#left-area .anchors ul li li {
list-style: disc outside none;
margin-top: 10px;
font-weight: 400;
}
#left-area .anchors ul li a {
color: #fff; text-decoration: none;
}
.top-level #left-area section.mid-tone .anchors ul li a {
color:#fff;
}
#left-area .anchors ul li a:hover {
text-decoration: underline;
color: #fff; } .search-filter {
margin: 0 0 50px;
}
p.back + .search-filter {
margin-top: 30px;
} input.search-field {
margin-right: -3px;
padding: 5px;
border: none;
font-size: 13px;
}
.facetwp-search-container {
position: relative;
top: 3px;
width: 200px;
margin: 0 0 10px;
border: 1px solid #ddd;
}
.facetwp-type-search input.facetwp-search {
width: 200px;
min-width: 200px !important;
padding: 5px;
border: none;
font-size: 13px;
}
.facetwp-search-container input[type="text"]::-webkit-input-placeholder { color: #555 !important;
font-size: 14px;
opacity: 1;
}
.facetwp-search-container input[type="text"]::-moz-placeholder { color: #555!important;
font-size: 14px;
opacity: 1;
}
.facetwp-search-container input[type="text"]:-ms-input-placeholder { color: #555!important;
font-size: 14px;
opacity: 1;
}
.facetwp-search-container input[type="text"]:-moz-placeholder { color: #555!important;
font-size: 14px;
opacity: 1;
}
.facetwp-icon {
opacity: 1 !important;
}
.facetwp-icon:before {
background-color: #3bacd8 !important; background-size: 18px 18px !important;
filter: invert(100%);
-webkit-filter: invert(100%);
} #left-area .search-filter h2#filters {
position: relative;
float: right;
width: calc(100% - 200px);
margin: 0;
padding: 6px 16px 6px 10px;
text-align: right;
font-size: 14px;
font-weight: 600;
}
#left-area .search-filter h2#filters,
#left-area .search-filter h2#filters:hover,
#left-area .search-filter h2#filters.collapseomatic.colomat-close {
background: none;
}
#left-area .search-filter h2#filters,
.search-filter .facets-container { }
#left-area .search-filter h2#filters::after {
top: 7px;
}
#left-area .search-filter h2#filters,
#left-area .search-filter h2#filters::after {
color: #777;
}
.search-filter .facets-container {
clear: both;
}
#main-content .search-filter p.instructions {
float: left;
clear: both;
width: 100%;
margin: 0 0 15px;
font-size: 14px;
font-style: italic;
line-height: 1.5;
opacity: .7;
}
.search-filter .facetwp-container {
margin: 3px 0 0;
font-size: 14px;
}
.search-filter .facetwp-container.checkbox {
margin-top: 20px;
}
.search-filter .facetwp-container.small {
width: 10%;
}
.search-filter .facetwp-container.large {
width: 20%;
}
.search-filter .facetwp-facet {
margin-bottom: 0;
}
#main-content .search-filter p.facet-label {
margin: 0 0 5px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.facetwp-checkbox,
.facetwp-type-fselect .fs-option .fs-option-label {
font-size: 12px;
}
.facetwp-checkbox {
position: relative;
top: 4px;
}
.facetwp-type-fselect .fs-wrap {
width: 200px !important;
}
.facetwp-type-fselect .fs-dropdown {
width: 260px !important;
}
.facetwp-container.program .facetwp-type-fselect .fs-wrap,
.facetwp-container.program .facetwp-type-fselect .fs-dropdown {
width: 300px !important;
}
.fs-dropdown .fs-options {
max-height: 550px !important;
}
.facetwp-container .facetwp-type-date_range input.flatpickr-alt {
width: 80px;
padding: 5px;
}
.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
background-color: rgb(178, 41, 46) !important;
} #selections {
position:relative;
width: 300px;
margin: -50px auto 0;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
#selections .facetwp-selections {
position: relative;
margin-top: 20px;
}
#selections button {
margin-top: 20px;
font-size: 12px;
}
#main-content .facetwp-selections ul {
position: relative;
margin: 0;
padding: 35px 10px 4px 5px;
background: #eaece8;
color: #fff;
list-style: none;
}
.facetwp-selections ul::before {
content: "Applied filters:";
position: absolute;
left: 11px;
top: 6px;
color: #7d7f7b;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
#main-content .facetwp-selections ul li {
position: relative;
margin: 5px;
padding: 3px 0px 3px 5px !important;
border-radius: 5px;
color: #b2292e;
font-size: 12px !important;
font-weight: 600;
background: #d0cfcd !important;
}
.facetwp-selections li::after {
background-size:contain;
position:absolute;
left:0;
top:5px;
width:11px !important;
height:11px !important;
background-position:0 -1px;
background-size:11px 11px !important;
}
.facetwp-selections li .facetwp-selection-label,
.facetwp-selections li .facetwp-selection-value {
text-transform: lowercase;
}
.facetwp-selections li .facetwp-selection-value {
font-weight: normal;
}
button.clear-filters {
position: absolute;
right: 14px;
top: 7px;
margin: 0 0 10px;
padding: 3px 10px;
border: none;
border-radius: 5px;
color: #fff;
background: rgba(0,0,0,.3);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
button.clear-filters:hover {
background: rgba(0,0,0,.5);
}
.facetwp-facet.facetwp-facet-fwp_count {
float: left;
margin: 20px 0 0;
font-weight: normal;
}
button.hidden + .facetwp-facet.facetwp-facet-fwp_count {
margin-top: 0;
}
.facetwp-facet.facetwp-facet-items_per_page {
margin: 19px 0 0 160px;
}
.facetwp-facet.facetwp-facet-items_per_page::after {
content: "per page";
position: relative;
top: 1px;
margin-left: 5px;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
}
.facetwp-facet.facetwp-facet-items_per_page select {
border: 1px solid #ddd;
} .home #left-area .hero .hero-text,
.home #left-area blockquote,
.home .callout .callout-text,
.top-level #left-area .hero .hero-text,
.page-template-page-do #left-area .principles *,
.page-template-page-believe #left-area .values *,
.page-template-page-believe #left-area blockquote,
.page-template-page-strategic .col.wide section:not(.transformation) h1,
.page-template-page-strategic .col.wide section:not(.transformation) .text,
.page-template-page-priority #left-area blockquote {
opacity: 0;
}
.home #left-area .hero .hero-text,
.home #left-area blockquote,
.home .callout.animate .callout-text,
.top-level #left-area .hero .hero-text,
.page-template-page-do #left-area .principles.animate *,
.page-template-page-believe #left-area .values.animate *,
.page-template-page-believe #left-area blockquote.animate,
.page-template-page-strategic .col.wide section:not(.transformation).animate h1,
.page-template-page-strategic .col.wide section:not(.transformation).animate .text,
.page-template-page-priority #left-area blockquote.animate {
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-ms-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
animation-fill-mode: forwards;
}
.top-level #left-area section.mid-tone,
.top-level #left-area section.mid-tone a {
color: #000;
}
.top-level #left-area section.deep-tone {
background: #52154e;
}
.top-level #left-area section.deep-tone *,
.top-level #left-area section.deep-tone > .inner > h1,
.top-level #left-area section.deep-tone > h1 {
color: #fff;
}
.top-level #left-area section.deep-tone ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.white.png);
}
.top-level #left-area section.mid-tone:last-child {
border-bottom: 15px solid white;
}
.top-level #left-area .col section.mid-tone:last-child {
border-bottom: none;
} .et_monarch .et_social_flyin {
bottom: 124px !important;
width: 140px !important;
padding: 10px !important;
background: #f9f9f9 !important;
box-shadow: 0 0 8px rgba(0, 0, 0, .2) !important;
}
.et_monarch .et_social_header {
margin: 0 0 8px;
}
.et_monarch .et_social_header h3 {
color: #0b654f;
font-family: gotham,helvetica,sans-serif !important;
font-size: 18px;
letter-spacing: -.5px;
text-transform: uppercase;
}
.et_monarch .et_social_flyin a.et_social_icon_cancel {
top: 11px;
right: 10px;
}
.et_monarch .et_social_twitter {
background-color: #000 !important;
}
.et_monarch .et_social_icon_twitter:before,
.et_monarch .et_social_icon_twitter:after {
content: "𝕏" !important;
font-size: 20px !important;
} #main-header {
height: 90px;
}
#main-header > .container {
max-width: none;
}
#main-header,
#main-header > .container {
height: 90px;
}
.sticky-header #main-header {
position: fixed;
}
.sticky-header #main-header,
.sticky-header #main-header > .container {
height: 80px;
}
.sticky-header #page-container {
padding-top: 80px;
}
#logo {
max-width: 65% !important;
height: 16px;
transition: height .2s;
}
.et_header_style_left #et-top-navigation {
padding-top: 30px;
padding-right: 30px;
transition: all .2s;
}
.sticky-header #et-top-navigation {
padding-top: 4px !important;
}
#top-menu li {
font-size: 15px;
font-weight: 600;
}
.et-fixed-header #top-menu li {
font-size: 14px;
}
#top-menu a {
color: #c45327;
line-height: 1.5 !important;
}
#top-menu a:hover,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
color: #0b654f !important;
opacity: 1 !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a {
padding-bottom: 27px;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
padding-bottom: 5px !important;
border-bottom: 3px solid #0b654f;
color: #0b654f; border-bottom: none;
}
#top-menu .menu-item-has-children > a:first-child {
padding-right: 16px;
}
.sticky-header #top-menu .menu-item-has-children > a:first-child:after {
top: -2px;
} #top-menu li ul {
padding: 10px 0;
border-top: none;
}
#top-menu li li a {
padding: 4px 0;
font-weight: 600;
font-size: 14px;
}
#top-menu li li a:hover {
background: none !important;
} #et_search_icon::before {
top: 5px;
left: 5px;
color: #c45327;
}
.sticky-header #et_top_search {
margin-top: 22px;
}
.et_search_form_container {
right: 53px;
}
#main-header .et_search_outer {
background: #fff !important;
} #et_mobile_nav_menu { display: none;
}
.rmp_menu_trigger {
transition: top 1s;
}
#rmp_menu_trigger-7177:not(.is-active) .responsive-menu-pro-inner::before {
top: 8px !important;
}
.sticky-header .rmp_menu_trigger {
position: fixed !important;
top: 14px !important;
}
.rmp-container {
top: 90px !important;
}
.sticky-header .rmp-container {
top: 40px !important;
}
.rmp-menu-wrap .rmp-submenu .rmp-menu-item-link {
font-weight: 400 !important;
}
.rmp-menu-wrap .rmp-menu-item-link:focus {
border-color: rgba(255,255,255,.2) !important;
} #main-footer {
background: #0b654f !important;
}
#main-footer > .container {
padding-top: 5vw;
}
#footer-widgets {
padding: 0;
}
.footer-widget {
margin-bottom: 20px !important;
}
.footer-widget li:before {
display: none !important;
}
#main-footer .et_social_icons_container li {
padding-left: 0;
}
.et_monarch .et_social_autowidth li {
margin: 0 10px 0 0 !important;
}
#footer-bottom {
display: none;
}
#footer-widgets .footer-widget:first-child {
margin-bottom: 5vw !important;
}
#footer-widgets .footer-widget .fwidget {
position: relative;
margin: 0 auto !important;
float: none;
}
#footer-widgets .footer-widget:first-child .fwidget:first-child { width: 170px;
}
#footer-widgets .footer-widget:first-child .fwidget:nth-child(2) { width: 175px;
}
#footer-widgets .footer-widget:first-child .fwidget:last-child { width: 260px;
}
#footer-widgets p.contact {
text-align: center;
}
#footer-widgets p.contact span.address {
display: block;
}
#footer-widgets .footer-widget:last-child .fwidget:first-child { width: 40px;
}
#footer-widgets .footer-widget:last-child .fwidget:nth-child(2) { width: 175px;
margin-top: 30px !important;
}
#footer-widgets .footer-widget:last-child .fwidget:first-child li {
margin-right: 8px !important;
}
#footer-widgets .footer-widget:last-child .fwidget:first-child li:last-child {
margin-right: 0 !important;
}
#footer-widgets .footer-widget:last-child .fwidget:last-child { margin-top: 30px !important;
}
#footer-widgets .footer-widget:last-child .fwidget:last-child,
#footer-widgets .footer-widget:last-child .fwidget:last-child * {
width: 110px;
}
#footer-widgets .footer-widget:last-child .fwidget:last-child .contact a,
#footer-widgets .gform_wrapper input[type="submit"] {
padding: 4px 0 7px;
border: none;
border-radius: 0;
background-color: #c45327;
color: #fff;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
#footer-widgets .gform_wrapper input[type="submit"] {
padding-right: 4px;
padding-left: 4px;
}
#footer-widgets .gform_wrapper {
margin: 9px 0 0;
padding: 0;
background: none;
}
#footer-widgets .gform_heading {
display: none;
}
#footer-widgets .gform-body {
float: left;
}
#footer-widgets .gform_wrapper input[type="email"] {
width: 100%;
padding: 5px 0px 5px 8px;
border: none;
font-size: 12px;
}
#footer-widgets .gform_wrapper .gform_footer {
margin: 0;
padding:	0;
} #et-footer-nav {
background: none;
}
#et-footer-nav > .container {
position: relative;
height: 50px;
}
#et-footer-nav #menu-footer-menu {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 0;
}
#et-footer-nav li {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border-left: 1px solid #c45327;
}
#et-footer-nav li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
#et-footer-nav li {
font-size: 13px;
font-weight: 400;
line-height: 1.1;
}
#et-footer-nav li a {
color: #fff;
text-decoration: none;
}
#et-footer-nav li a:hover {
text-decoration: underline;
}   .pagination,
.wp-pagenavi {
margin:30px 0 0;
text-align:center
}
.wp-pagenavi {
border-top: none !important;
}
.pagination .page-numbers,
.facetwp-page,
.wp-pagenavi a,
.wp-pagenavi span.current {
display: inline-block;
margin:0 1px;
height: 32px;
padding: 2px 10px 0 !important;
border: 1px solid #d3d3d3 !important;
background: #fcfcfc;
font-size: 12px !important;
}
.pagination .page-numbers.current,
.facetwp-page.active,
.wp-pagenavi span.current {
color:#fff !important;
background-color:#c45327;
}
#left-area .pagination a {
text-decoration: none !important;
}
.post-navigation {
margin:35px 0 0;
max-width:none;
}
.post-navigation::before {
content:"More";
display:block;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #d3d3d3;
color:#999;
font-size:12px;
line-height:1em;
letter-spacing:.1em;
text-transform:uppercase;
}
.post-navigation .nav-links {
border:none; }
.post-navigation .nav-previous {
float:left;
width:50%;
}
.post-navigation .nav-next {
float:right;
width:50%;
text-align:right;
}
#left-area .post-navigation a {
display:inline;
margin:0;
padding:0;
border-bottom:none; color:#c4161c;
font-size:.92em;
font-weight:normal;
text-decoration:none;
}
#left-area .post-navigation a:hover {
color:#000;
text-decoration:underline;
}
.post-navigation a[rel="next"]::after {
content:"\203a";
display:inline-block; position:relative;
left:4px;
top:1px;
font-size:1.3em;
}
.post-navigation a[rel="prev"]::before {
content:"\2039";
display:inline-block; position:relative;
margin-right:4px;
top:1px;
font-size:1.3em;
} .top-level:not(.home):not(.page-template-page-stories):not(.page-id-7124):not(.page-id-7125) #left-area h1.entry-title, .page-template-page-grants #left-area h1.entry-title,
.page-template-page-resources #left-area h1.entry-title,
.page-template-page-learning-impact #left-area h1.entry-title,
.page-template-page-hero #left-area h1.entry-title {
position: relative;
margin: 10px 0;
padding: 0;
color: #fff;
font-family: gotham,helvetica,sans-serif;
font-weight: 800;
font-size: 5vw;
font-weight: 800;
letter-spacing: -.5px;
text-transform: uppercase;
} body.page-template-page-hero #main-content > .container {
padding-top: 0;
}
.top-level:not(.home) .hero {
margin: 0;
}
.top-level #left-area .hero,
.page-template-page-strategic #left-area .hero,
.page-template-page-grants #left-area .hero,
.page-template-page-resources #left-area .hero,
.page-template-page-learning-impact #left-area .hero,
.page-template-page-hero #left-area .hero {
position: relative;
height: 45vw;
max-height: 800px;
margin-top: 0;
margin-bottom: 5vw;
background-repeat: no-repeat;
background-size: cover; background-position: center 20%;
}
.top-level #left-area .hero .hero-text,
.page-template-page-grants #left-area .hero .hero-text,
.page-template-page-resources #left-area .hero .hero-text,
.page-template-page-learning-impact #left-area .hero .hero-text,
.page-template-page-hero #left-area .hero .hero-text {
position: absolute;
top: 45vw;
right: 0;
width: 100%;
background: #0b654f; padding: 3vw 3% 5vw;
}
.page-template-page-resources #left-area .hero .hero-text p,
.page-template-page-learning-impact #left-area .hero .hero-text p,
.page-template-page-hero #left-area .hero .hero-text p,
.top-level #left-area .hero .hero-text p {
margin: 3vw 0 0;
color: #fff;
font-family: "sentinel", serif;
font-size: 4.5vw;
line-height: 1.3;
}
#left-area .hero .hero-text p em,
.home .callouts .callout p em {
display: inline-block;
position: relative;
}
#left-area .hero .hero-text p em {
top: .2vw;
margin: 0 -2.75vw 0 .25vw;
padding-right: 2.9vw;
color: #fff;
font-family: "nitti-typewriter-cameo", sans-serif;
font-size: 6vw;
font-style: normal;
text-transform: uppercase;
}
@keyframes script {
100% { background-position: 0 0;}
}
.top-level:not(.home) #left-area section:not(.full-width) {
margin: 0;
padding-top: 6vw;
padding-bottom: 10vw;
}
.top-level #left-area .cols,
.page-template-page-priority #left-area .cols,
.page-template-page-learning-impact #left-area .cols,
.page-template-page-feature #left-area .cols {
margin-top: 15px;
margin-bottom: 15px;
}
.top-level #left-area section.full-width + .full-width.cols {
margin-top: 15px;
}
.top-level #left-area .col section,
.page-template-page-priority #left-area .col section,
.page-template-page-learning-impact #left-area .col section,
.page-template-page-feature #left-area .col section {
padding: 10vw 3%;
}
.top-level #left-area .col figure + section,
.top-level #left-area .col section + section {
margin-top: 15px;
}
.top-level #left-area section.intro,
.page-template-page-priority #left-area section.intro,
.page-template-page-feature #left-area section.intro,
.page-template-page-grants #left-area section.intro,
.page-template-page-resources #left-area section.intro,
.page-template-page-learning-impact #left-area section.intro,
.page-template-page-hero #left-area section.intro {
margin-top: 0;
padding-top: 33vw; padding: 6vw 0 7vw;
background: #eaece8;
color: #52154e;
font-family: "sentinel", serif;
font-size: 5vw;
line-height: 1.5;
}
.page-template-page-feature #left-area section.intro {
color: #0b654f;
}
.top-level #left-area section.intro .inner,
.page-template-page-priority #left-area section.intro .inner,
.page-template-page-feature #left-area section.intro .inner,
.page-template-page-grants #left-area section.intro .inner,
.page-template-page-resources #left-area section.intro .inner,
.page-template-page-learning-impact #left-area section.intro .inner,
.page-template-page-hero #left-area section.intro .inner { padding: 0;
}
.top-level #left-area section.intro .inner .text > p:first-child,
.page-template-page-priority #left-area section.intro .inner .text > p:first-child,
.page-template-page-feature #left-area section.intro .inner .text > p:first-child,
.page-template-page-grants #left-area section.intro .inner .text > p:first-child,
.page-template-page-resources #left-area section.intro .inner .text > p:first-child,
.page-template-page-learning-impact #left-area section.intro .inner .text > p:first-child,
.page-template-page-hero #left-area section.intro .inner .text > p:first-child {
margin-top: 0;
}
.top-level #left-area section > h1,
.top-level #left-area section > .inner > h1 {
color: #52154e;
font-family: gotham,helvetica,sans-serif;
font-size: 5vw;
font-weight: 800;
text-transform: uppercase;
}
.top-level #left-area .col.match.image {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.top-level #left-area .col.match.image.center {
background-position: center;
}
.top-level #left-area .col.match.image.bottom {
background-position: center top;
} .home #content-area > div {
padding-bottom: 10px;
}
.home .nav li ul {
background-color: #fff;
}
.home #main-header.et-fixed-header {
background-color: #fff;
}
.home .nav li ul {
border-top: none;
}
.home #main-content > .container:first-child {
width: 100%;
padding-top: 0;
}
.home #et-main-area {
position: relative;
}
.home.sticky-header #et-main-area {
top: 0;
transition: top .5s;
}
.home h1.entry-title {
display: none;
}
.home .main-column {
margin-right: 0;
}
.home #left-area section {
margin-top: 0;
margin-bottom: 15px;
padding: 0;
} .home #left-area .hero {
height: 54vw;
max-height: 1000px;
}
.home #left-area .hero .hero-text {
top: 13vw;
width: 50%;
height: 36vw;
padding: 3vw 10vw 3vw 5vw;
background: rgba(255,255,255,.75);
}
.home #left-area .hero .hero-text p {
margin: 0;
color: #000;
font-size: 4vw;
}
.home #left-area .hero .hero-text p em {
margin: 0 -.5vw 0 0;
padding-right: 1vw;
color: #c45327;
font-size: 5vw;
} .home #left-area section.quote {
padding: 0;
}
.home #left-area section.quote .inner { padding: 4vw 0 0;
}
.home #left-area blockquote {
margin: 0 10%;
padding-left: 0;
border-left: none;
color: #0b654f;
font-style: normal;
quotes: "“" "”" "‘" "’";
}
.home #left-area blockquote p.quote-text {
font-family: "nitti-typewriter-cameo", sans-serif;
font-size: 5.3vw;
line-height: 1.3;
}
.home #left-area blockquote p.quote-text::before,
.home #left-area blockquote p.quote-text::after {
font-size: 2.5em;
}
.home #left-area blockquote p.quote-text::before {
content: open-quote;
top: -3vw;
left: -8vw;
}
.home #left-area blockquote p.quote-text::after {
content: close-quote;
bottom: -6.5vw;
right: -8vw;
} cite {
position: absolute;
right: 0;
bottom: -25px;
text-align: right;
}
.home #left-area blockquote p.quote-attribution {
margin-top: 2vw;
font-family: gotham,helvetica,sans-serif;
font-size: 13px;
}
.home #left-area blockquote p.quote-attribution::before {
display: inline-block;
content: "\2014";
font-family: gotham,helvetica,sans-serif;
font-size: 16px;
} .home .callouts .callout {
position: relative;
height: 60vw;
padding: 12vw 11vw 3vw;
}
.home .callouts .callout:first-child {
background-color: #99c4c7;
}
.home .callouts .callout:nth-child(2) {
background-color: #52154e;
}
.home .callouts .callout:nth-child(3) {
background-color: #f5ae06;
}
.home .callouts .callout:nth-child(4) {
background-color: #0b654f;
}
.home #left-area .callouts .callout p {
margin-top: 0;
font-family: "sentinel", serif;
font-size: 6vw;
line-height: 1.2;
}
.home .callouts .callout:nth-child(odd) {
color: #000;
}
.home .callouts .callout:nth-child(even) {
color: #fff;
}
.home .callouts .callout p em {
top: .2vw;
left: .4vw;
padding-right: 1.1vw;
color: #52154e;
font-family: "nitti-typewriter-cameo", sans-serif;
font-size: 6.5vw;
font-style: normal;
text-transform: uppercase;
}
.home .callouts .callout:nth-child(even) p em {
color: #f5ae06;
}
.home #left-area .callouts .callout button {
position: absolute;
bottom: 10vw;
left: 11vw;
font-size: 3.5vw;
}
.home #left-area .callouts .callout button:hover {
background-color: #0b654f;
}
.home #left-area .callouts .callout:nth-child(4) button:hover {
background-color: #f5ae06;
} .home #left-area .news {
position: relative;
padding: 0 0 30px !important;
}
.home #left-area .news > h1 {
margin-left: 5vw;
padding-bottom: 0;
color: #0b654f;
font-family: gotham,helvetica,sans-serif;
font-size: 5vw;
font-weight: 800;
text-transform: uppercase;
}
.home #left-area .news .see-all {
position: absolute;
top: -5px;
right: 9vw;
margin-top: 0;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.home #left-area .news .see-all a {
color: #c45327;
}
.home #left-area .news .see-all a:hover {
color: #52154e;
}
.home #left-area .news-items {
list-style: none;
margin: 0;
padding: 0;
}
.home #left-area .news-items article {
margin: 50px 0 0;
padding: 0;
}
.home #left-area .news-items article figure img {
display: block;
width: 100%;
border: 1px solid #e3e3e3;
}
.home #left-area .news-items article .text {
margin: 0 3%;
}
.home #left-area .news article h1 {
margin: 0;
padding: 0;
color: #0b654f;
font-family: gotham,helvetica,sans-serif;
font-size: 5vw;
font-weight: 600;
line-height: 1.4;
}
.home #left-area .news article h1:first-child {
margin-top: 10px;
}
.home #left-area .news-items article .article-date {
margin-top: 10px;
font-size: 12px;
}
.home #left-area .news-items article .excerpt {
margin: 10px 0 0;
font-weight: 400;
line-height: 1.5;
}
.home #left-area .news-items article .excerpt,
.home #left-area  section p.more {
font-size: 15px;
}  .page-template-page-believe #content-area > div {
padding-bottom: 0;
}
.page-template-page-believe #left-area section.adolescents {
background: #cce1e3;
}
.page-template-page-believe #left-area section.systems {
margin-top: 0;
margin-bottom: 0; }
.page-template-page-believe figure.featured {
position: relative;
max-height: 800px;
overflow-y: hidden;
}
.page-template-page-believe #left-area section.quote {
margin-top: 15px !important;
background: #52154e;
}
.page-template-page-believe #left-area section.quote p {
color: #f5ae06;
} .page-template-page-do #content-area > div {
padding-bottom: 0;
}
.page-template-page-do #left-area section.principles > h1 {
color: #f5ae06;
}
.page-template-page-do #left-area section.principles ul {
list-style: none;
}
.page-template-page-do #left-area section.principles ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.yellow.png);
background-position: 0 10px;
}
.page-template-page-do #left-area section.approach {
margin-top: 0;
}
.top-level #left-area section.partnerships .images {
margin: 0 0 10px;
}
.top-level #left-area section.partnerships .images figure {
float: left;
width: 45%;
}
.top-level #left-area section.partnerships .images figure:nth-child(even) {
margin-left: 10%;
}
.page-template-page-do #left-area section.grantees {
margin-top: 0;
margin-bottom: 0;
}
.page-template-page-do #left-area section.strategy,
.page-template-page-do #left-area section.grantees,
.page-template-page-do #left-area section.learning {
background: #f5ae06;
}
.page-template-page-do #left-area section.approach,
.page-template-page-do #left-area section.resources {
background: rgba(82,21,78,.3);
}
.page-template-page-do #left-area section.financials {
background: #52154e;
} .page-template-page-do #left-area .grantee-carousel {
margin: 40px 0 20px;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-image {
max-height: 200px;
width: auto;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-prev,
.page-template-page-do #left-area .grantee-carousel .soliloquy-next {
background: none;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-prev::after,
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-next::after {
display:inline-block; position:absolute;
top:0;
font-family: FontAwesome;
line-height: 1em;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-prev::after,
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-next::after {
width: 24px;
height: 24px;
color: #b9b9b9;
font-size: 24px;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-prev::after {
content:"\f104";
left: -22px;
}
.page-template-page-do #left-area .grantee-carousel .soliloquy-container .soliloquy-next::after {
content:"\f105";
left: 40px;
} body.page-template-page-priority #main-content > .container,
body.page-template-page-feature #main-content > .container {
padding-top: 0;
}
.page-template-page-priority #left-area .hero,
.page-template-page-feature #left-area .hero {
position: relative;
height: 45vw;
margin-top: 0;
background-size: cover;
background-position: center;
}
.page-template-page-priority.page-id-7116 #left-area .hero {
background-position: center 10%;
}
.page-template-page-priority #left-area .hero-text,
.page-template-page-feature #left-area .hero-text {
position: absolute;
top: 45vw;
right: 0;
width: 100%;
padding: 3vw 3% 1vw;
}
.page-template-page-priority #left-area .hero-text {
background: #52154e;
}
.page-template-page-feature #left-area .hero-text {
background: #0b654f;
}
.page-template-page-priority #left-area .hero-text h1,
.page-template-page-feature #left-area .hero-text h1 {
margin: 0;
color: #fff;
font-family: "sentinel", serif;
font-size: 6.5vw;
font-weight: 400;
line-height: 1.1;
}
.page-template-page-priority #left-area section.intro,
.page-template-page-feature #left-area section.intro {
margin-top: 12vw;
padding: 5vw 0 10vw;
}
.page-template-page-priority #left-area section.intro .inner,
.page-template-page-feature #left-area section.intro .inner {
padding: 0;
}
.page-template-page-priority #left-area section.intro p,
.page-template-page-feature #left-area section.intro p {
margin-top: 0;
}
.page-template-page-priority #left-area section.body,
.page-template-page-feature #left-area section.body {
margin-top: 40px;
margin-bottom: 50px;
}
.page-template-page-priority #left-area .cols,
.page-template-page-feature #left-area .cols {
margin-top: 40px;
margin-bottom: 40px;
}
.page-template-page-priority #left-area .col section,
.page-template-page-feature #left-area .col section {
margin-top: 0;
margin-bottom: 0;
} .page-template-page-feature #left-area {
padding-bottom: 0;
}
.page-template-page-feature #left-area .col h2:first-child {
margin-top: 0;
}
.page-template-page-feature #left-area .cols { margin-top: 0;
margin-bottom: 0;
}
.page-template-page-feature #left-area .sidebar {
background-color: #f5ae06;
}
.page-template-page-feature #left-area .sidebar a {
color: #000;
} .page-template-page-strategic #content-area > div,
.page-template-page-priority #content-area > div {
padding-bottom: 0;
}
.page-template-page-strategic #left-area section.purpose {
background: #52154e;
}
.page-template-page-strategic #left-area section.purpose * {
color: #fff;
}
.page-template-page-strategic #left-area section.purpose ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.white.png);
}
.page-template-page-strategic #left-area section.youth {
background: #f5ae06;
}
.page-template-page-strategic #left-area section.systems {
background: rgba(82,21,78,.3);
}
.page-template-page-strategic #left-area section.youth *,
.page-template-page-strategic #left-area section.systems * {
color: #000;
}
.page-template-page-priority #left-area .quote {
margin: 0 0 40px;
padding: 5vw 0;
background: #f5ae06;
}
.page-template-page-priority #left-area .quote p.attribution::before {
content: "\2015";
}
.page-template-page-priority #left-area section.resources.grantees {
background: rgba(82,21,78,.3);
}
.page-template-page-priority #left-area section.resources .inner > h1 {
font-family: gotham,helvetica,sans-serif;
font-size: 6vw;
letter-spacing: -.5px;
text-transform: uppercase;
}
.page-template-page-priority .partners {
margin-bottom: 70px !important;
border: 1px solid #d6d9d2;
}
.page-template-page-priority #left-area .partners h2 {
text-align: center;
}
.page-template-page-priority .partner-logos {
margin-top: 0;
}
.page-template-page-priority .partner-logos a {
display: block;
float: left;
max-width: 45%;
margin: 0;
}
.page-template-page-priority .partner-logos a:nth-child(even) {
margin-left: 10%;
}
.page-template-page-priority .partner-logos a,
.page-template-page-priority .partner-logos figure,
.page-template-page-priority .partner-logos img {
max-height: 130px;
}
.page-template-page-priority #left-area section.partners ul {
margin-top: 20px;
}
.page-template-page-priority #left-area section.partners li {
padding-left: 0;
background: none;
font-size: 16px;
}
.page-template-page-priority #left-area section.partners li p {
margin-top: 5px;
color: #000;
}
.page-template-page-priority #left-area section.partners li p.org {
font-weight: 600;
text-transform: uppercase;
}
.page-template-page-priority #left-area section.partners li p.data span + span {
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #000;
}
.page-template-page-priority #left-area section .see-all a,
#left-area section.resources article .tags li a,
#left-area section.stories article .tags li a {
font-size: 13px;
text-decoration: none;
}
.page-template-page-priority #left-area section .see-all a {
color: #000;
}
.page-template-page-priority #left-area section.resources,
.page-template-page-priority #left-area section.stories {
margin-top: -25px;
margin-bottom: 0;
padding: 12vw 0;
}
.page-template-page-priority #left-area section.resources {
background: #d6d9d2;
}
.page-template-page-priority #left-area section.resources > .inner,
.page-template-page-priority #left-area section.stories > .inner {
position: relative;
padding: 0;
}
.page-template-page-priority #left-area section.resources p.see-all,
.page-template-page-priority #left-area section.stories p.see-all {
position: absolute;
top: 2px;
right: 5%;
margin: 0;
line-height: 1;
}
#left-area section.resources article,
#left-area section.stories article {
position: relative;
padding: 7vw 5% 7vw 23%;
color: #000;
}
#left-area section.resources article p.type,
#left-area section.stories article p.type {
display: inline-block;
margin: 0 0 5px;
padding: 3px 7px 4px;
background: #52154e;
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
#left-area section.resources article figure,
#left-area section.stories article figure {
position: absolute;
left: 6%;
top: 10vw;
width: 13%;
margin: 0;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.page-template-page-priority #left-area section.resources article figure,
.page-template-page-priority #left-area section.stories article figure {
left: 0;
}
#left-area section.resources article h1,
#left-area section.stories article h1 {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
}
#left-area section.resources article p.org {
margin-top: 0px;
font-size: 13px;
line-height: 1.4;
text-transform: uppercase;
}
#left-area section.resources article .summary,
#left-area section.stories article .summary {
margin-top: 10px;
}
#left-area section.resources article .summary,
#left-area section.resources article .summary p,
#left-area section.stories article .summary,
#left-area section.stories article .summary p {
font-size: 16px;
line-height: 1.5;
}
#left-area section.resources article .summary p,
#left-area section.stories article .summary p {
margin-top: 0;
}
#left-area section.resources article .tags,
#left-area section.stories article .tags { position: relative;
margin: 10px 0 0;
line-height: 1;
}
#left-area section.resources article .tags *,
#left-area section.stories article .tags * {
display: inline-block;
margin: 0;
line-height: 1.2;
}
#left-area section.resources article .tags h2,
#left-area section.stories article .tags h2 {
position: absolute;
top: 5px;
margin: 0;
padding: 0;
font-family: gotham,helvetica,sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
#left-area section.resources article .tags h2::after,
#left-area section.stories article .tags h2::after {
content: ":";
}
#left-area section.resources article .tags ul {
margin: 0;
}
#left-area section.resources article .tags li {
background: none;
padding-left: 0;
font-size: 14px;
}
#left-area section.resources article .tags li::after {
content: ",";
}
#left-area section.resources article .tags li:first-child {
margin-left: 50px;
}
#left-area section.resources article .tags li:last-child::after {
content: "";
}
#left-area section.resources article .tags li,
#left-area section.resources article .tags li a {
display: inline;
} .page-template-page-resources #content-area > div {
padding-bottom: 0;
}
.page-template-page-resources .search-filter {
position: relative;
width: 200px;
margin: 30px auto 50px;
}
.page-template-page-resources #left-area section.resources,
.archive #left-area section.resources {
background: #eaece8;
}
.page-template-page-resources #left-area section.resources article:nth-child(odd),
.archive #left-area section.resources article:nth-child(odd) {
background: #d6d9d2;
}
.single-grantee_resource #left-area article .entry-content {
position: relative;
padding: 0 5% 0 23%;
color: #000;
}
.single-grantee_resource #left-area article p.type {
display: inline-block;
margin-top: 0;
padding: 3px 7px 4px; background: #52154e;
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.single-grantee_resource #left-area article figure {
position: absolute;
left: 0;
top: 30px;
width: 13%;
margin: 0;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.single-grantee_resource #left-area article p.preheader,
.archive #left-area p.preheader {
text-transform: uppercase;
font-size: 14px;
}
.single-grantee_resource #left-area article p.preheader a,
.archive #left-area p.preheader a {
text-decoration: none;
}
.single-grantee_resource #left-area article h1 {
margin: 5px 0 0;
font-size: 6vw;
font-weight: 600;
line-height: 1.3;
}
.single-grantee_resource #left-area article .brief-summary p {
margin-top: 10px;
}
.single-grantee_resource #left-area article p.preheader a,
.single-grantee_resource #left-area article h1 a {
color: #52154e;
}
.single-grantee_resource #left-area article h1 a:hover {
color: #0b654f;
}
.single-grantee_resource #left-area article .resource-meta {
margin: 30px 0 40px;
}
.single-grantee_resource #left-area article .resource-meta p {
margin-top: 14px;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
}
.single-grantee_resource #left-area article .resource-meta p .label {
font-weight: 600;
}
.single-grantee_resource #left-area article .resource-meta p .label + span {
margin-left: 2px;
}
.single-grantee_resource #left-area article .resource-meta p span:not(.label) {
text-transform: none;
}
.single-grantee_resource #left-area article .resource-meta p span:not(.label)::after {
content: ", ";
}
.single-grantee_resource #left-area article .resource-meta p span:not(.label):last-child::after {
content: "";
}
.single-grantee_resource #left-area article .resource-meta p.org a,
.single-grantee_resource #left-area article .resource-meta p.topics a,
.single-grantee_resource #left-area article .tags li a {
color: #000;
text-decoration: none;
}
.single-grantee_resource #left-area article .resource-meta p.org a:hover,
.single-grantee_resource #left-area article .resource-meta p.topics a:hover,
.single-grantee_resource #left-area article .tags li a:hover {
text-decoration: underline;
}
.single-grantee_resource #left-area article p.link,
.single-grantee_resource #left-area article .summary {
margin-top: 20px;
}
.single-grantee_resource #left-area article p.link a,
.single-grantee_resource #left-area article p.links a,
.single-grantee_resource #left-area article p.search a {
padding: 3px 25px 3px 5px;
background: #c45327;
border-radius: 4px;
color: #fff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.single-grantee_resource #left-area article p.link {
display: inline-block;
}
.single-grantee_resource #left-area article p.links {
display: inline-block;
position: relative;
left: -10px;
margin-top: 30px;
padding: 8px 10px 6px;
border: 1px solid #c45327;
text-transform: none;
}
.single-grantee_resource #left-area article p.links a {
margin-left: 5px;
}
.single-grantee_resource #left-area article p.links .label {
text-transform: uppercase;
}
.single-grantee_resource #left-area article p.link a:hover,
.single-grantee_resource #left-area article p.links a:hover,
.single-grantee_resource #left-area article p.search a:hover {
background: #0b654f;
}
.single-grantee_resource #left-area article .resource-meta p.org a::after,
.single-grantee_resource #left-area article p.links a::after,
.single-grantee_resource #left-area article p.link a::after {
content: "\f08e";
display:inline-block; position:relative;
left: 7px;
top: -2px;
margin-right: -10px; font-family: FontAwesome !important;
font-size: 11px;
line-height: .8em;
}
.single-grantee_resource #left-area article .summary,
.single-grantee_resource #left-area article .summary p {
font-size: 16px;
line-height: 1.6;
}
.single-grantee_resource #left-area article .summary {
margin-top: 30px;
}
.single-grantee_resource #left-area article .summary p {
margin-top: 0;
}
.single-grantee_resource #left-area article .tags {
position: relative;
margin: 20px 0 0;
}
.single-grantee_resource #left-area article .tags * {
display: inline-block;
position: relative;
top: -1px;
margin: 0;
line-height: 1.2;
}
.single-grantee_resource #left-area article .tags h2 {
position: absolute;
top: 5px;
margin: 0;
padding: 0;
font-family: gotham,helvetica,sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.single-grantee_resource #left-area article .tags h2::afterr {
content: ":";
}
.single-grantee_resource #left-area article .tags ul {
margin: 0;
}
.single-grantee_resource #left-area article .tags li {
background: none;
padding-left: 0;
font-size: 14px;
}
.single-grantee_resource #left-area article .tags li::after {
content: ",";
}
.single-grantee_resource #left-area article .tags li:first-child {
margin-left: 47px;
}
.single-grantee_resource #left-area article .tags li:last-child::after {
content: "";
}
.single-grantee_resource #left-area article p.search {
margin-top: 40px;
}
.single-grantee_resource #left-area article p.search a {
padding: 3px 8px 4px 5px;
}
.single-grantee_resource #left-area article p.search a::before {
content:"\f002";
display:inline-block; position:relative;
top: -1px;
left: 2px;
margin-right: 6px;
color: #fff;
font-family: FontAwesome;
font-size: 12px;
line-height: .8em;
} .page-template-page-grants #content-area > div {
padding-bottom: 0;
}
.page-template-page-grants #left-area .hero .hero-text p {
margin: 3vw 0 0;
color: #fff;
font-family: "sentinel", serif;
font-size: 4.5vw;
line-height: 1.3;
}
.page-template-page-grants .search-filter {
position: relative;
width: 200px;
margin: 40px auto 50px;
}
.page-template-page-grants #left-area section.resources {
background: #eaece8;
}
.page-template-page-grants #left-area section.resources article:nth-child(odd) {
background: #d6d9d2;
}
.page-template-page-grants #left-area section.resources article h1 {
margin-top: 10px;
font-weight: 600;
}
.page-template-page-priority #left-area section.resources.grantees article p.meta,
.page-template-page-grants #left-area section.resources article p.meta {
margin-top: 0px;
font-size: 16px;
}
.page-template-page-priority #left-area section.resources.grantees article .summary,
.page-template-page-grants #left-area section.resources article .summary {
font-size: 15px;
}  .page-template-page-learning-impact #content-area > div {
padding-bottom: 0;
}
.page-template-page-learning-impact #left-area #section-1 {
margin-top: 50px;
}
.page-template-page-learning-impact #left-area section.section-1 {
background: #52154e;
}
.page-template-page-learning-impact #left-area section.section-1 * {
color: #fff;
}
.page-template-page-learning-impact #left-area section.section-1 ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.white.png);
}
.page-template-page-learning-impact #left-area section.section-3 {
background: #f5ae06;
}
.page-template-page-learning-impact #left-area section.section-4 {
background: rgba(82,21,78,.3);
}
.page-template-page-learning-impact #left-area section.section-3 *,
.page-template-page-learning-impact #left-area section.section-4 * {
color: #000;
}
.page-template-page-learning-impact #left-area p.otis {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, .3);
font-style: italic;
}
.page-template-page-learning-impact #content-area .learning-sections {
margin-top: 50px;
}
.page-template-page-learning-impact #left-area section.white {
background: #fff;
}
.page-template-page-learning-impact #left-area section.purple {
background: #52154e;
}
.page-template-page-learning-impact #left-area section.purple * {
color: #fff;
}
.page-template-page-learning-impact #left-area section.purple ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.white.png);
}
.page-template-page-learning-impact #left-area section.yellow {
background: #f5ae06;
}
.page-template-page-learning-impact #left-area section.rose {
background: rgba(82,21,78,.3);
}
.page-template-page-learning-impact #left-area section.yellow *,
.page-template-page-learning-impact #left-area section.rose * {
color: #000;
} .single-newsletter #top-menu li#menu-item-7316 > a,
.single-newsletter #top-menu li#menu-item-7316 .menu-item-6985 a {
color: #0b654f !important;
}
.single-newsletter #left-area article .entry-content {
padding-top: 1px;
}
.page-template-page-newsletters #left-area .newsletters .hero,
.single-newsletter #left-area .hero {
position: relative;
height: 40vw;
background-position: center center;
background-size: cover;
}
.page-template-page-newsletters #left-area .newsletters .hero {
margin-bottom: 0;
}
.page-template-page-newsletters #left-area .newsletters .hero h1,
.single-newsletter #left-area .hero h1 {
position: absolute;
left: 15px;
bottom: 10px;
padding-bottom: 0;
color: #fff;
}
.page-template-page-newsletters #left-area .newsletters .hero h1 {
font-size: 28px;
text-shadow: 0 0 10px rgba(0,0,0,.8);
}
.single-newsletter #left-area .hero h1 {
font-size: 36px;
}
.single-newsletter #left-area .hero h1::before {
content: "Foundation Update";
display: block;
font-family: gotham,helvetica,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
.page-template-page-newsletters #left-area .newsletters .hero .caption a,
.single-newsletter #left-area .hero .caption a {
color: #fff;
text-decoration: none;
}
.page-template-page-newsletters #left-area .newsletters .hero .caption a:hover,
.single-newsletter #left-area .hero .caption a:hover {
text-decoration: underline;
}
.page-template-page-newsletters #left-area .newsletters .contents {
padding: 9px 10px 12px 15px;
background: #52154e;
}
.page-template-page-newsletters #left-area .newsletters .contents li {
margin-top: 5px;
padding-left: 0;
background: none;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
.page-template-page-newsletters #left-area .newsletters .contents li a {
color: #fff;
text-decoration: none;
}
.page-template-page-newsletters #left-area .newsletters .contents li a:hover {
text-decoration: underline;
}
.single-newsletter #left-area .entry-content > h2.wp-block-heading {
padding: 10px 20px;
background: #52154e;
color: #fff;
}
.single-newsletter #left-area .entry-content > h2.wp-block-heading:first-child {
margin-top: 0;
}
.single-newsletter #left-area .entry-content > h2.wp-block-heading:last-of-type {
margin-bottom: 40px;
} .page-template-page-people #left-area section.staff {
margin-top: 0;
}
.page-template-page-people #left-area section h2 {
position: relative;
z-index: 1;
font-size: 24px;
text-transform: uppercase;
}
.page-template-page-people #left-area #staff h2 {
margin-top: 0;
}
.page-template-page-people #left-area section h2::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 20px;
border-top: 1px solid rgba(0,0,0,.3);
z-index: -1;
}
.page-template-page-people #left-area section h2 span {
background-color: white;
padding-right: 10px;
}
.page-template-page-people .profile-link {
display: block;
}
.page-template-page-people #left-area .person-link {
text-decoration: none;
}
.page-template-page-people .person {
position: relative;
overflow-y: hidden;
margin: 20px 0 0;
transition: transform .5s; }
.page-template-page-people .person,
.page-template-page-people #main-content .person figure {
height: 35vw;
max-height: 312px;
}
.page-template-page-people .person:hover {
transform: scale(1.025);
}
.page-template-page-people .staff .person:nth-child(odd) {
background: #074d39;
}
.page-template-page-people .staff .person:nth-child(even) {
background: #3c0d37;
}
.page-template-page-people #board .person {
padding: 20px 15px;
background: #99c5c8;
}
.page-template-page-people #board .person::after {
color: #789da0;
}
.page-template-page-people #main-content .person figure {
position: relative;
float: right;
width: 40%;
background-size: cover;
background-position: center;
}
.page-template-page-people .person,
.page-template-page-people #main-content .person figure img { }
.page-template-page-people #main-content .person .text {
position: absolute;
width: 60%;
height: 100%;
padding: 10px 10px 10px 20px;
}
.page-template-page-people #main-content #staff .person .name-title {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 5px 15px 15px;
}
.page-template-page-people .staff .person:nth-child(odd) .name-title {
background: #0c654f;
}
.page-template-page-people .staff .person:nth-child(even) .name-title {
background: #52154d;
}
.page-template-page-people #main-content .person * {
line-height: 1.3;
}
.page-template-page-people #main-content .person h1 {
padding: 8px 0 0;
font-family: gotham,helvetica,sans-serif;
font-size: 5vw;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
}
.page-template-page-people #main-content .person p.position {
margin-top: 5px;
font-size: 4vw;
line-height: 1.4;
}
.page-template-page-people #main-content .person h1,
.page-template-page-people #main-content .person p.position {
text-align: right;
}
.page-template-page-people #main-content #board .person h1,
.page-template-page-people #main-content #board .person p.position {
text-align: left;
}
.page-template-page-people #main-content #board .person p.position {
position: absolute;
bottom: 20px;
width: calc(100% - 30px);
}
.page-template-page-people #main-content .staff .person h1,
.page-template-page-people #main-content .staff .person p.position {
color: #fff;
}
.page-template-page-people #main-content #board .person h1,
.page-template-page-people #main-content #board .person a {
color: #000;
}
.page-template-page-people #main-content .person p.quote {
display: none; position: relative;
color: #fff;
font-family: "nitti-typewriter-cameo", sans-serif;
font-size: 16px;
letter-spacing: -.5px;
line-height: 1em;
quotes: "“" "”" "‘" "’";
}
.page-template-page-people #main-content .person p.quote::before,
.page-template-page-people #main-content .person p.quote::after {
position: absolute;
font-family: gotham,helvetica,sans-serif;
font-size: 24px;
font-weight: 800;
color: #fff;
}
.page-template-page-people #main-content .person p.quote::before {
content: open-quote;
top: 2px;
left: -16px;
}
.page-template-page-people #main-content .person p.quote::after {
content: close-quote;
bottom: 3px;
right: -17px;
}
.page-template-page-people #main-content .person h1 a,
.page-template-page-people #main-content .person p.position a {
color: #000;
cursor: pointer;
text-decoration: none;
}
.page-template-page-people #main-content .person:hover p.more a,
.page-template-page-people #main-content .person p.more a:hover {
color: #fda800;
cursor: pointer;
text-decoration: none;
}
.page-template-page-people #main-content #board .person .name-title::before {
content: attr(data-content); position: absolute;
font-size: 28vw;
top: -4.5vw;
left: -1.65vw;
color: #73a0a3;
line-height: 1;
font-weight: 800;
opacity: .2;
} .single-person #main-content .container {
padding-top: 0 !important;
}
.single-person #left-area article > .et_post_meta_wrapper {
background: #52154e;
}
.single-person #left-area article.role-board > .et_post_meta_wrapper {
background: #99c5c8;
}
.single-person #left-area article > .et_post_meta_wrapper > .inner {
padding: 80px 0 20px;
}
.single-person #left-area .et_post_meta_wrapper p.department {
margin-top: -20px;
color: #f5ae06;
font-size: 4vw;
font-weight: 600;
text-transform: uppercase;
}
.single-person #left-area .et_post_meta_wrapper h1.entry-title {
color: #fff;
font-family: gotham,helvetica,sans-serif;
font-size: 7vw;
font-weight: 600;
letter-spacing: -.25px;
}
.single-person #left-area .et_post_meta_wrapper p.position {
margin-top: 0;
color: #fff;
}
.single-person #left-area article.role-board > .et_post_meta_wrapper p.department,
.single-person #left-area article.role-board > .et_post_meta_wrapper h1.entry-title,
.single-person #left-area article.role-board > .et_post_meta_wrapper p.position {
color: #000;
}
.single-person #left-area p.back {
margin: 30px 0 0 -10px;
font-size: 16px;
text-transform: uppercase;
} .page-id-7002 #left-area .hero .hero-text p em, {
padding-right: 2.7vw;
}
.page-id-7002 figure.ds-headshot img {
margin-top: 5px;
} .page-id-2929 #left-area section.intro,
.page-id-2929 #left-area h2,
.page-id-2929 #left-area h3,
.page-id-2929 .aab__accordion_container .dashicons::before {
color: #a22025 !important;
}
.page-template-page-hero.page-id-2929 #left-area .hero .hero-text,
.page-id-2929 #main-footer {
background-color: #a22025 !important;
}
.page-id-2929 #left-area .wp-block-aab-accordion-block {
margin: 50px 0 0 !important;
}
.page-id-2929 #left-area .aab__accordion_heading {
display: block !important;
margin-right: 30px !important;
}
.page-id-2929 #left-area .aab__accordion_head,
.page-id-2929 #left-area .aab__accordion_body {
padding: 0 !important;
}
.page-id-2929 #left-area .aab__accordion_head {
position: relative;
}
.page-id-2929 #left-area .aab__accordion_icon {
position: absolute;
right: 0;
top: 5px;
}
.page-id-2929 #left-area h2 {
margin: 0;
padding: 0 !important;
font-size: 20px;
line-height: 1.4;
}
.page-id-2929 #left-area h2 + p { }
.page-id-2929 .timeline {
display: none; margin: 50px 0;
border: 1px solid rgba(0,0,0,.3)
}   .page-id-55 #left-area .hero {
margin-bottom: 60px !important;
}
.visualizer-front-container {
min-height: 200px;
}
.page-id-55 .data {
margin: 50px 0 0;
padding: 20px 0 0;
border: 1px solid rgba(0,0,0,.2);
text-align: center;
} .page-template-page-careers #left-area .job h1 {
font-size: 24px;
}
.page-template-page-careers #left-area p.none {
margin: 40px 0 0;
font-weight: bold;
}
.single-career #left-area h1.entry-title {
margin: 30px 0 10px;
padding: 0;
}
.single-career #left-area .entry-content {
padding: 10px 0 0;
}
.single-career #left-area p.detail {
margin: 10px 0 0;
font-weight: 600;
}
.single-career #left-area p.detail span.label {
font-size: 16px;
text-transform: uppercase;
}
.single-career #left-area section h1 {
font-size: 24px;
padding: 0;
} .page-id-53 #left-area .entry-content .wp-block-column:first-child > p:first-child {
margin-top: 0;
}
.page-id-53 #left-area .hero {
margin-bottom: 60px;
} .page-id-53 #left-area .wp-block-column p {
margin-top: 10px;
}
.page-id-53 .notice {
margin: 48px 0 0;
}
.page-id-53 .notice strong {
font-weight: 600;
opacity: .8;
} .page-id-53 .mapp-layout {
max-width: 100%;
}
.page-id-53 .mapp-iw .mapp-info {
padding-top: 15px;
}
.page-id-53 .mapp-title,
.page-id-53 .mapp-body {
text-align: center;
}
.page-id-53 .mapp-title {
padding-bottom: 3px;
}
.page-id-53 .mapp-body strong {
display: block;
margin: 3px 0 15px;
font-weight: normal;
}
.page-id-53 .mapp-body a {
display: block;
position: relative;
left: -6px;
margin: 10px 0 0;
font-weight: 600;
}
.page-id-53 .mapp-body a::after {
display: inline-block; position: relative;
left: 6px;
top: 2px;
margin-right: -10px; font-family: FontAwesome !important;
font-size: 15px;
line-height: .8em;
}
.page-id-53 .mapp-body a.directions::after {
content: "\f14e";
}
.page-id-53 .mapp-body a.transit::after {
content: "\f238";
}
.page-id-53 .mapp-body a.full-map::after {
content: "\f0ac";
}
.page-id-53 .mapp-iw .mapp-dir-wrapper {
display: none;
} .page-template-page-stories #left-area .intro {
margin-top: 0;
padding: 0; color: #52154e;
font-family: "Sentinel A", "Sentinel B", serif;
font-size: 5vw;
line-height: 1.5;
}
.page-template-page-stories .entry-content article {
margin: 50px 0 0;
}
.page-template-page-stories .entry-content article:first-of-type {
margin-top: 30px;
}
.page-template-page-stories .entry-content article figure {
margin: 0;
}
.page-template-page-stories .entry-content article .text {
margin: 20px 0 0;
}
.page-template-page-stories #left-area .entry-content article h1 {
font-size: 7vw;
line-height: 1.3;
}
.page-template-page-stories .entry-content article .summary {
margin: 10px 0 0;
}
.single-post #top-menu li#menu-item-7113 > a {
color: #0b654f !important;
}
.single-post #sidebar {
display: none;
}
.single-post #main-content .container {
padding-top: 0 !important;
}
.single-post #left-area article > .et_post_meta_wrapper {
background-color: #52154e;
}
.single-post #left-area article > .et_post_meta_wrapper > .inner {
padding: 50px 0 20px;
}
.single-post #left-area .et_post_meta_wrapper .post-meta {
margin-top: 0;
color: #fff;
font-weight: 600;
}
.single-post #left-area .et_post_meta_wrapper h1.entry-title {
font-size: 4.68vw;
}
.single-post #left-area .et_post_meta_wrapper .post-meta span {
text-transform: uppercase;
}
.single-post #left-area .et_post_meta_wrapper .post-meta .author {
display: none;
}
.single-post.postid-12427 #left-area .et_post_meta_wrapper .post-meta .author {
display: inline;
}
.single-post.postid-12427 #left-area .et_post_meta_wrapper .post-meta .published {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #fff;
}
.single-post #left-area .et_post_meta_wrapper .post-meta a {
color: inherit;
}
.single-post #left-area .featured-image {
margin: 0 0 20px;
}
.single-post #left-area h1.entry-title {
color: #fff;
font-family: gotham,helvetica,sans-serif;
font-weight: 600;
letter-spacing: -.25px;
}
.single-post #left-area .intro {
margin: 0 0 35px;
color: #52154e;
font-size: 1.3em;
line-height: 1.6;
} .single.postid-12170 #left-area .otis-columns {
margin: 0 calc(50% - 50vw);
}
.single.postid-12170 #left-area .otis {
margin: 50px 0 30px;
}
.single.postid-12170 #left-area .otis figure {
position: relative;
width: 100%;
max-width: none;
margin-bottom: 0;
transition: .5s opacity;
}
.single.postid-12170 #left-area .otis figure:hover {
opacity: .5;
}
.single.postid-12170 #left-area .otis figure::after {
content: "\f00e";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-family: FontAwesome;
font-size: 36px;
opacity: 0;
transition: .5s opacity;
}
.single.postid-12170 #left-area .otis figure:hover::after {
opacity: 1;
}
.single.postid-12170 #left-area .otis p {
max-width: none;
margin: 0;
padding: 9px 5px 5px;
background: #52154e;
color: #fff;
font-size: 14px;
line-height: 1.5;
}
.single.postid-12170 :where(.wp-block-columns.is-layout-flex) {
gap: 1em;
} .search-results #left-area .page-title h1 {
margin: 10px 0 30px;
font-weight: 400;
}
.search-results #left-area .page-title h1 mark {
background: none;
font-weight: 700;
}
.search-results #left-area article {
clear: both;
margin-top: 0;
padding-top: 50px;
border-top: 1px solid rgba(0,0,0,.1);
}
.search-results #left-area article h2.entry-title {
margin: 0 0 20px;
font-size: 24px;
} .archive #left-area h1.entry-title {
font-weight: 700;
}
.archive #left-area h1.entry-title span {
font-weight: 400;
}   .page-template-page-strategicsandbox #left-area .anchors {
margin: -20px 0 40px;
}
.page-template-page-strategicsandbox .col.wide section:not(.transformation) h1,
.page-template-page-strategicsandbox .col.wide section:not(.transformation) .text {
opacity: 0;
}
.page-template-page-strategicsandbox .col.wide section:not(.transformation).animate h1,
.page-template-page-strategicsandbox .col.wide section:not(.transformation).animate .text {
-webkit-animation: fadeIn 1s ease;
-moz-animation: fadeIn 1s ease;
-ms-animation: fadeIn 1s ease;
-o-animation: fadeIn 1s ease;
animation: fadeIn 1s ease;
animation-fill-mode: forwards;
}
.page-template-page-strategicsandbox #left-area .hero {
position: relative;
height: 45vw;
max-height: 800px;
margin-top: 0;
margin-bottom: 5vw;
background-repeat: no-repeat;
background-size: cover; background-position: center 20%;
}
.page-template-page-strategicsandbox #content-area > div {
padding-bottom: 0;
}
.page-template-page-strategicsandbox #left-area section.purpose {
background: #52154e;
}
.page-template-page-strategicsandbox #left-area section.purpose * {
color: #fff;
}
.page-template-page-strategicsandbox #left-area section.purpose ul li {
background-image: url(//stuartfoundation.org/wp-content/themes/stuart/img/icons/bullet.white.png);
}
.page-template-page-strategicsandbox #left-area section.youth {
background: #f5ae06;
}
.page-template-page-strategicsandbox #left-area section.systems {
background: rgba(82,21,78,.3);
}
.page-template-page-strategicsandbox #left-area section.youth *,
.page-template-page-strategicsandbox #left-area section.systems * {
color: #000;
}@media screen and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0 !important;
}
}
@media screen and (max-width: 767px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important;
}
}
@media screen and (min-width:480px) { #left-area .search-filter {
width: 450px;
margin: 50px auto;
}
.page-template-page-resources .search-filter {
margin-top: 150px;
}
.search-filter .facetwp-container {
float: left;
margin-left: 20px;
}
.facetwp-search-container {
float: left;
width: 220px;
margin: -3px 0 0;
}
.facetwp-type-search input.facetwp-search {
width: 220px;
}
.facetwp-facet.facetwp-facet-fwp_count {
margin: 0 20px 0 0;
}
button:not(.hidden) + .facetwp-facet.facetwp-facet-fwp_count {
margin-top: 20px;
}
#selections {
width: 315px;
margin: -50px auto 0
}
.facetwp-facet.facetwp-facet-items_per_page {
margin-left: 0;
} .home #left-area .callouts .callout button {
font-size: 17px;
} .single-person #left-area .et_post_meta_wrapper p.department {
font-size: 14px;
}
}
@media screen and (min-width:600px) {
#left-area blockquote {
line-height: 1.2;
}
#left-area blockquote > p:first-child {
font-size: 4vw;
}
#left-area blockquote > p:first-child::before {
top: -2.3vw;
left: -6.3vw;
}
#left-area blockquote > p:first-child::after {
bottom: -4.5vw;
right: -6vw;
}
.home #left-area blockquote p.quote-text::before {
top: -2.3vw;
left: -5.5vw;
}
.home #left-area blockquote p.quote-text::after {
bottom: -4.3vw;
right: -5.5vw;
}
.search-filter .facetwp-container {
margin: 0 0 0 25px;
} #left-area section.resources article,
#left-area section.stories article {
float: left;
width: 50%;
margin: 0;
}
#left-area section.resources article,
#left-area section.stories article {
padding: 3vw 5% 3vw 15%;
}
.page-template-page-priority #left-area section.resources article,
.page-template-page-priority #left-area section.stories article {
padding-left: 12%;
}
.page-template-page-resources #left-area section.resources article:nth-child(odd),
.archive #left-area section.resources article:nth-child(odd),
.page-template-page-grants #left-area section.resources article:nth-child(odd) {
background: #eaece8; }
.page-template-page-resources #left-area section.resources article:nth-child(4n+1),
.page-template-page-resources #left-area section.resources article:nth-child(4n+4),
.archive #left-area section.resources article:nth-child(4n+1),
.archive #left-area section.resources article:nth-child(4n+4),
.page-template-page-grants #left-area section.resources article:nth-child(4n+1),
.page-template-page-grants #left-area section.resources article:nth-child(4n+4)  {
background: #d6d9d2;
}
#left-area section.resources article:nth-child(odd),
#left-area section.stories article:nth-child(odd) {
clear: left;
}
#left-area section.resources article figure,
#left-area section.stories article figure,
.single-grantee_resource #left-area article figure {
width: 18%;
}
#left-area section.resources article figure,
#left-area section.stories article figure {
top: 3vw;
}
.page-template-page-grants #left-area section.resources article figure,
.page-template-page-grants #left-area section.stories article figure {
top: 3.5vw;
} .page-template-page-stories #left-area .entry-content article h1 {
font-size: 5vw;
} .page-template-page-newsletters #left-area .newsletters .hero,
.single-newsletter #left-area .hero {
height: 35vw;
background-size: cover;
}
.single-newsletter.postid-12450 #left-area .hero {
height: 34vw;
background-position: center 2%;
} .single-grantee_resource #left-area article h1 {
font-size: 24px;
}
}
@media screen and (min-width:768px) { figcaption,
.wp-block-image figcaption,
.figcaption,
#left-area p.hero-caption {
bottom: 0;
right: auto !important;
left: 0;
background: rgba(0,0,0,.7);
padding: 0 5px 0 12px;
font-size: 12px;
}
.page-template-page-newsletters #left-area .newsletters .hero .caption,
.single-newsletter #left-area .hero .caption {
bottom: 0;
right: 0;
margin-top: 0;
background: rgba(0,0,0,.7);
padding: 0 5px 0 12px;
}
.heateor_sss_sharing_container {
top: 50% !important;
transform: translateY(-50%) !important;
}
.heateorSssSharingArrow {
margin: 5px 0 0 7px !important;
background-image: url(https://stuartfoundation.org/wp-content/themes/stuart/img/icons/arrow-down-left.png) !important;
background-size: contain !important;
} .top-level #left-area .col section,
.page-template-page-priority #left-area .col section,
.page-template-page-learning-impact #left-area .col section,
.page-template-page-feature #left-area .col section {
padding: 4vw 3%;
}
.top-level:not(.home) #left-area section > h1,
.top-level:not(.home) #left-area section > .inner > h1 {
font-size: 24px;
}
.page-template-page-priority #left-area .graphic {
width: calc(55% - 2vw);
} #logo {
height: 20px;
}
.et-fixed-header #logo {
height: 16px;
} .footer-widget {
float: none;
}
.footer-widget:nth-child(n),
#footer-widgets .footer-widget:nth-last-child(-n+2) {
width: 100% !important;
margin: 0 0 5% 0 !important;
} .top-level:not(.home):not(.page-template-page-stories):not(.page-id-7124):not(.page-id-7125) #left-area h1.entry-title, .page-template-page-grants #left-area h1.entry-title,
.page-template-page-resources #left-area h1.entry-title,
.page-template-page-learning-impact #left-area h1.entry-title,
.page-template-page-hero #left-area h1.entry-title { font-size: 1.75vw;
}
.top-level:not(.home):not(.page-template-page-stories):not(.page-id-7124):not(.page-id-7125) #left-area h1.entry-title { color: #0b654f;
}
.page-template-page-grants #left-area h1.entry-title,
.page-template-page-resources #left-area h1.entry-title,
.page-template-page-learning-impact #left-area h1.entry-title,
.page-template-page-hero #left-area h1.entry-title {
color: #52154e;
} .top-level:not(.home) #left-area .hero .hero-text,
.page-template-page-do #left-area .hero .hero-text,
.page-template-page-grants #left-area .hero .hero-text,
.page-template-page-resources #left-area .hero .hero-text,
.page-template-page-learning-impact #left-area .hero .hero-text,
.page-template-page-hero #left-area .hero .hero-text { top: auto;
bottom: 2vw;
width: 70%;
height: auto;
padding: 1.5vw 5vw 2vw 3vw;
background: rgba(255,255,255,.75);
}
.top-level #left-area .hero .hero-text p,
.page-template-page-grants #left-area .hero .hero-text p,
.page-template-page-resources #left-area .hero .hero-text p,
.page-template-page-learning-impact #left-area .hero .hero-text p,
.page-template-page-hero #left-area .hero .hero-text p {
margin: 15px 0 0;
color: #000;
font-size: 2.5vw;
}
.page-template-default #left-area h1.entry-title {
margin-bottom: 40px;
}
.page-template-page-grants #left-area .hero .hero-text p {
font-size: 2.3vw;
}
#left-area .hero .hero-text p em {
top: -.075vw;
color: #52154e;
font-size: 3vw;
}
.top-level #left-area section.intro {
margin-bottom: 0;
padding: 40px;
font-size: 2.5vw;
}
.page-template-page-believe #left-area section.values ul {
font-size: 2.2vw;
}
#left-area .wp-block-quote {
font-size: 25px;
}
#left-area .wp-block-quote > p:first-child {
font-size: 31px;
}
#left-area blockquote > p:first-child::before,
#left-area blockquote > p:first-child::after,
#left-area .wp-block-quote > p:first-child::before,
#left-area .wp-block-quote > p:first-child::after {
font-size: 57px;
}
#left-area .wp-block-quote > p:first-child::before {
top: -13px;
left: -39px;
}
#left-area .wp-block-quote > p:first-child::after {
bottom: -18px;
right: -37px;
}
#left-area .anchors,
#left-area .body .quote,
#left-area .intro .callout {
float: right;
width: 45%;
max-width: 550px;
margin: 0 0 8px 2vw;
padding: 1vw 3vw 2.25vw 3vw;
}
.page-template-page-priority #left-area .quote {
padding: 30px 0;
}
.page-template-page-priority #left-area .body .quote blockquote {
line-height: .8;
}
.page-template-page-priority #left-area .body .quote blockquote > p:first-child {
font-size: 26px;
}
.page-template-page-priority #left-area blockquote > p:first-child::before {
top: -16px;
left: -42px;
}
.page-template-page-priority #left-area blockquote > p:first-child::after {
bottom: -32px;
right: -41px;
} .home #left-area .hero .hero-text {
top: 26vw;
width: 40%;
height: auto;
padding: 1.5vw 5vw 2.5vw 3vw;
}
.home #left-area .hero .hero-text p {
font-size: 3vw;
}
.home #left-area .hero .hero-text p em {
color: #c45327;
font-size: 3vw;
margin-right: -2vw;
}
.home #left-area blockquote {
margin: 0 8%;
}
.home #left-area blockquote p.quote-text {
font-size: 3.35vw;
}
.home #left-area blockquote p.quote-text::before,
.home #left-area blockquote p.quote-text::after {
font-size: 1.75em;
}
.home #left-area blockquote p.quote-text::before {
top: -1.6vw;
left: -4vw;
}
.home #left-area blockquote p.quote-text::after {
bottom: -1.6vw;
right: -4vw;
}
.home #left-area blockquote p.quote-attribution {
font-size: 18px;
}
.home #left-area .callouts .callout button {
font-size: 1.7vw;
}
.home .callouts .callout {
float: left;
width: 50%;
height: 50vw;
padding: 12vw 6vw;
}
.home #left-area .callouts .callout p {
font-size: 4vw;
}
.home .callouts .callout p em {
font-size: 4.5vw;
padding-right: 1vw;
}
.home #left-area .callouts .callout button {
left: 6vw;
}
.home #left-area .news > h1 {
margin-left: 6%;
font-size: 24px;
}
.home #left-area .news .see-all {
top: 3px;
right: 6%;
}
.home #left-area .news-items article figure {
width: 50%;
}
.home #left-area .news-items article .text {
width: 50%;
margin: 0;
}
.home #left-area .news-items article:nth-child(odd) .text {
padding: 0 3% 0 6%;
}
.home #left-area .news-items article:nth-child(even) .text {
padding: 0 6% 0 3%;
}
.home #left-area .news-items article:nth-child(odd) figure,
.home #left-area .news-items article:nth-child(even) .text {
float: right;
}
.home #left-area .news-items article:nth-child(even) figure,
.home #left-area .news-items article:nth-child(odd) .text {
float: left;
}
.home #left-area .news {
margin: 60px 0 40px;
}
.home #left-area .news article h1 {
font-size: 18px;
}
.home #left-area .news-items article .article-date {
margin-top: -5px;
font-size: 13px;
} .top-level #left-area section.partnerships .images figure {
width: 19%;
}
.top-level #left-area section.partnerships .images figure:nth-child(even) {
margin-left: 0; }
.top-level #left-area section.partnerships .images figure:nth-child(n+2) {
margin-left: 8%;
}
.top-level #left-area .hero,
.page-template-page-strategic #left-area .hero,
.page-template-page-grants #left-area .hero,
.page-template-page-resources #left-area .hero,
.page-template-page-learning-impact #left-area .hero,
.page-template-page-hero #left-area .hero {
margin-bottom: 0;
}
.page-id-53 #left-area .hero { margin-bottom: 60px;
}
.page-template-page-strategic #left-area .hero .hero-text,
.page-template-page-resources #left-area .hero .hero-text,
.page-template-page-learning-impact #left-area .hero .hero-text,
.page-template-page-hero #left-area .hero .hero-text { }
.page-template-page-grants #left-area .hero .hero-text { }
.page-template-page-priority #left-area .hero,
.page-template-page-feature #left-area .hero {
height: 40vw;
margin-bottom: 0;
overflow: hidden;
background-size: 60%;
background-position: left 20%;
}
.page-template-page-priority.page-id-7116 #left-area .hero {
background-position: left 20%; }
.page-template-page-priority #left-area .hero figure,
.page-template-page-feature #left-area .hero figure {
float: left;
width: 60%;
height: auto;
overflow-y: visible;
}
.page-template-page-priority #left-area .hero figcaption,
.page-template-page-feature #left-area .hero figcaption {
display: block;
position: absolute;
bottom: 0;
width: 60%;
padding: 1vw;
background: rgba(0,0,0,.7);
color: #fff;
font-size: 13px;
line-height: 1.4;
}
.page-template-page-priority #left-area .hero-text,
.page-template-page-feature #left-area .hero-text {
position: relative;
top: 0;
float: right;
width: 40%;
height: 100%; padding: 0;
}
.page-template-page-priority #left-area .hero-text h1,
.page-template-page-feature #left-area .hero-text h1 {
position: absolute;
bottom: 3vw;
left: 3vw;
width: 19vw;
margin: 0;
font-size: 4vw;
}
.page-template-page-priority #left-area section.intro,
.page-template-page-feature #left-area section.intro,
.page-template-page-grants #left-area section.intro,
.page-template-page-resources #left-area section.intro,
.page-template-page-learning-impact #left-area section.intro,
.page-template-page-hero #left-area section.intro {
margin-top: 0;
padding: 40px 0;
font-size: 2.5vw;
}
.page-template-page-stories #left-area .intro {
margin: 40px 0 0;
padding: 0;
font-size: 2.5vw;
}
.page-template-page-priority #left-area section.resources,
.page-template-page-priority #left-area section.stories {
padding: 4vw 0;
}
.page-template-page-priority #left-area section.partners h1,
.page-template-page-priority #left-area section.resources .inner > h1,
.page-template-page-priority #left-area section.stories .inner > h1 {
font-size: 2vw;
}
.page-template-page-priority #left-area section .see-all a {
font-size: 14px;
}
.page-template-page-resources #left-area section.resources article,
.archive #left-area section.resources article,
.page-template-page-grants #left-area section.resources article,
.single-grantee_resource #left-area {
min-height: 18vw;
} .page-template-page-resources .search-filter {
width: 690px !important;
margin-top: 50px;
}
.search-filter .facetwp-container:last-child .facetwp-type-fselect .fs-dropdown {
width: 320px !important;
}
.page-template-page-priority .partner-logos a {
display: block;
float: left;
width: 32%;
margin: 0;
}
.page-template-page-priority .partner-logos a:nth-child(even) {
margin-left: 0; }
.page-template-page-priority .partner-logos a:not(:nth-child(4n + 1)) {
margin-left: 2%;
}
.page-template-page-priority .partner-logos a,
.page-template-page-priority .partner-logos figure {
max-height: none;
}
.page-template-page-priority .partner-logos figure {
position: relative;
}
.page-template-page-priority .partner-logos img {
position: relative;
max-height: 200px;
width: auto;
margin: 0 auto;
filter: grayscale(100%);
transition: .5s filter;
}
.page-template-page-priority .partner-logos figure:hover img {
filter: grayscale(0%);
} .page-template-page-strategic #left-area .anchors {
margin: 5px 0 0 3%;
} .page-template-page-stories #left-area .entry-content article {
position: relative;
margin-top: 50px;
padding-left: 33%;
}
.page-template-page-stories #left-area .entry-content article h1 {
font-size: 26px;
}
.page-template-page-stories #left-area .entry-content article figure {
position: absolute;
left: 0;
top: 28px;
width: 30%;
max-width: 400px;
max-height: 240px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.1);
}
.single-post #left-area .featured-image {
float: right;
width: 50%;
max-width: 500px;
margin: 0 0 10px 3%;
} .page-template-page-people #main-content .person p.quote {
display: inline;
font-size: 3vw;
line-height: 1.4;
}
.page-template-page-people #main-content #staff .person .name-title {
height: auto;
}
.page-template-page-people #main-content .person h1 {
font-size: 20px;
}
.page-template-page-people #main-content .person p.position {
font-size: 16px;
}
.single-person #left-area .et_post_meta_wrapper h1.entry-title {
font-size: 48px;
}
.single-person #left-area .person-photo {
float: right;
width: 400px;
margin: 30px 0 15px 4%;
} .page-id-2929 #left-area h1.entry-title,
.page-id-2929 #left-area .hero .hero-text p em {
color: #a22025 !important;
}
.page-template-page-hero.page-id-2929 #left-area .hero .hero-text {
background-color: rgba(255,255,255,.75) !important;
} .search-results #left-area article {
position: relative;
padding-left: 220px;
}
.search-results #left-area article .entry-featured-image-url {
position: absolute;
left: 0;
top: 57px;
width: 200px;
}
}
@media screen and (min-width:981px) { .et_search_form_container {
right: 0;
} .top-level #left-area .col,
.page-template-page-feature #left-area .col {
float: left;
}
.page-template-page-priority #left-area .col {
float: right;
}
.top-level #left-area .col + .col,
.page-template-page-priority .col:first-child,
.page-template-page-feature .col:last-child {
margin-left: 15px;
}
.top-level #left-area .col.wide,
.page-template-page-priority #left-area .col.wide,
.page-template-page-learning-impact #content-area .learning-sections div.col.two,
.page-template-page-feature #left-area .col.wide {
width: calc(65% - 15px);
}
.top-level #left-area .col.narrow,
.page-template-page-priority #left-area .col.narrow,
.page-template-page-learning-impact #content-area .learning-sections div.col.one,
.page-template-page-feature #left-area .col.narrow {
width: 35%;
} .top-level:not(.home) #left-area section:not(.full-width) {
padding-top: 50px;
padding-bottom: 50px;
}
.top-level:not(.home) #left-area .col section {
padding-left: 3%;
}
.top-level:not(.home) #left-area .col.one.narrow section,
.page-template-page-priority #left-area .col section,
.page-template-page-feature #left-area .col section {
padding-left: 6%;
}
.page-template-page-priority #left-area .col.two section,
.page-template-page-feature #left-area .col.two section {
padding-left: 10%;
}
.top-level #left-area .col.match > section,
.page-template-page-priority #left-area .col.match > section,
.page-template-page-feature #left-area .col.match > section,
.top-level #left-area .col.match > figure,
.top-level #left-area .col.match > figure img {
height: 100%;
width: auto;
min-width: 100%;
max-width: none;
}
.top-level #left-area .col.match > figure {
position: relative;
overflow: hidden;
}
.top-level #left-area .col.match > figure img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
body:not(.page-template-page-feature) #left-area .cols blockquote {
line-height: .6;
}
body:not(.page-template-page-feature) #left-area .cols blockquote > p:first-child,
.page-template-page-believe #left-area blockquote > p:first-child {
font-size: 2vw;
}
.page-template-page-believe #left-area blockquote {
line-height: .6;
}
.top-level #left-area .col blockquote > p:first-child::before,
.top-level #left-area .col blockquote > p:first-child::after,
.page-template-page-priority #left-area .col blockquote > p:first-child::before,
.page-template-page-priority #left-area .col blockquote > p:first-child::after,
.page-template-page-believe #left-area blockquote > p:first-child::before,
.page-template-page-believe #left-area blockquote > p:first-child::after {
font-size: 50px;
}
.top-level #left-area .col blockquote > p:first-child::before,
.page-template-page-priority #left-area .col blockquote > p:first-child::before,
.page-template-page-believe #left-area blockquote > p:first-child::before {
top: .4vw;
left: -3.3vw;
}
.top-level #left-area .col blockquote > p:first-child::after,
.page-template-page-priority #left-area .col blockquote > p:first-child::after,
.page-template-page-believe #left-area blockquote > p:first-child::after {
bottom: -.7vw;
right: -3.3vw;
} .logo_container {
top: 0;
}
#main-header,
#main-header > .container {
height: 90px;
}
.et_header_style_left #et-top-navigation {
padding-top: 38px;
padding-right: 10px;
}
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 25px !important;
}
.sticky-header #et-top-navigation {
padding-top: 13px !important;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 10px;
}
#main-header .et_search_outer {
background: none !important;
}
.sticky-header #et_top_search {
margin-top: 3px;
}
#et_search_icon::before {
top: 0;
} .page-template-page-learning-impact #content-area .learning-sections > div:nth-child(odd) .col.two,
.page-template-page-learning-impact #content-area .learning-sections > div:nth-child(even) .col.one {
float: right;
}
.page-template-page-learning-impact #content-area .learning-sections > div:nth-child(odd) .col.one,
.page-template-page-learning-impact #content-area .learning-sections > div:nth-child(even) .col.two {
float: left;
}
.page-template-page-learning-impact #content-area .learning-sections > div:nth-child(even) .col.two {
margin-left: 0;
}
.page-template-page-newsletters #left-area .newsletters article {
float: left;
width: 48%;
}
.page-template-page-newsletters #left-area .newsletters .hero {
height: 320px;
}
.page-template-page-newsletters #left-area .newsletters article:nth-child(even) {
margin-left: 4%;
}
.page-template-page-newsletters #left-area .newsletters article:nth-child(odd) {
clear: left;
}
.page-template-page-newsletters #left-area .newsletters article:nth-child(n+3) {
margin-top: 20px;
} .page-template-page-stories img[src*="Isadora_Kosofsky_0009.featured"] {
position: relative;
top: calc(-3vw);
} .page-template-page-people .person {
float: left;
width: 48%;
margin: 40px 0 0;
}
.page-template-page-people .person,
.page-template-page-people #main-content .person figure {
height: 19.5vw;
}
.page-template-page-people .person:nth-of-type(odd) {
clear: left;
}
.page-template-page-people .person:nth-of-type(even) {
margin-left: 4%;
}
.page-template-page-people .staff .person:nth-child(odd),
.page-template-page-people .staff .person:nth-child(even) {
background: #3c0d37; }
.page-template-page-people .staff .person:nth-child(4n+1),
.page-template-page-people .staff .person:nth-child(4n+4) {
background: #074d39;
}
.page-template-page-people .staff .person:nth-child(odd) .name-title,
.page-template-page-people .staff .person:nth-child(even) .name-title {
background: #52154d; }
.page-template-page-people .staff .person:nth-child(4n+1) .name-title,
.page-template-page-people .staff .person:nth-child(4n+4) .name-title {
background: #0c654f;
}
.page-template-page-people #main-content .staff .person h1,
.page-template-page-people #main-content .staff .person p.position {
color: #fff; }
.page-template-page-people #main-content .person p.quote {
font-size: 16px;
}
.page-template-page-people #main-content .person p.quote::before {
top: -7px;
}
.page-template-page-people #main-content .person p.quote::after {
bottom: -5px;
}
}
@media screen and (min-width:1024px) { .wp-block-quote {
margin: 55px 5% 50px;
} #logo {
height: 24px;
}
.et-fixed-header #logo {
position: relative;
top: -2px;
height: 20px;
}
.et_header_style_left #et-top-navigation {
padding-top: 40px;
}
.et_header_style_left #et-top-navigation nav > ul > li > a {
padding-bottom: 24px;
} .home #left-area .soliloquy-caption .title,
.home #left-area .soliloquy-caption .caption {
font-size: 40px;
}
.home .need h2 {
font-size: 30px;
} .top-level { line-height: 1.6;
} .single-post #left-area .et_post_meta_wrapper h1.entry-title {
font-size: 48px;
}
}
@media screen and (min-width:1100px) { #main-footer > .container {
padding-top: 3vw;
}
.footer-widget {
float: left;
}
.footer-widget:nth-child(n),
#footer-widgets .footer-widget:nth-last-child(-n+2) {
margin: 0 0 1% 0 !important;
}
#footer-widgets .footer-widget:first-child {
width: calc(97% - 390px) !important;
}
#footer-widgets .footer-widget .fwidget {
display: inline-block;
float: left;
margin-top: 0;
line-height: 1.2;
}
#footer-widgets .footer-widget .fwidget p {
margin-top: 0;
}
#footer-widgets p.contact span.address {
display: inline;
}
#footer-widgets p.contact span.address br {
display: none;
}
#footer-widgets .footer-widget:first-child .fwidget:last-child { width: auto;
margin-left: 5px !important;
padding-left: 10px;
border-left: 1px solid #c45327;
}
#footer-widgets .footer-widget:last-child {
position: relative;
top: -13px;
width: 390px !important;
margin-right: 0 !important;
margin-left: 3% !important;
}
#footer-widgets .footer-widget:last-child .fwidget:first-child {
width: 55px;
}
#footer-widgets .footer-widget:last-child .fwidget:nth-child(2) { margin-top: 0 !important;
}
#footer-widgets .footer-widget:last-child #block-11 .gform_wrapper {
margin-top: 0;
}
#footer-widgets .gform_wrapper input[type="email"] {
padding: 6px 0px 6px 8px;
}
#footer-widgets .footer-widget:last-child .fwidget:last-child { float: right;
margin: 0 7px 0 30px !important;
}
#footer-widgets .footer-widget:last-child .fwidget:last-child .contact a {
padding: 11px 0;
}
#et-footer-nav > .container {
top: -25px;
height: 30px;
}
#et-footer-nav #menu-footer-menu {
position: relative;
top: 0;
left: 0;
transform: translate(0,0);
} .home #left-area .news-items article .text { } .top-level:not(.home) blockquote,
.page-template-page-priority blockquote,
.page-template-page-grants blockquote,
.page-template-page-resources blockquote {
font-size: 27px;
line-height: 1.3 !important;
}
.top-level #left-area .col blockquote > p:first-child::before,
.page-template-page-priority #left-area .col blockquote > p:first-child::before {
top: -13px;
left: -33px;
}
.top-level #left-area .col blockquote > p:first-child::after,
.page-template-page-priority #left-area .col blockquote > p:first-child::after {
bottom: -16px;
right: -32px;
}
.top-level #left-area section.intro,
.page-template-page-priority #left-area section.intro,
.page-template-page-feature #left-area section.intro,
.page-template-page-grants #left-area section.intro,
.page-template-page-resources #left-area section.intro,
.page-template-page-learning-impact #left-area section.intro,
.page-template-page-hero #left-area section.intro {
font-size: 28px;
}
.page-template-page-stories #left-area .intro {
font-size: 28px;
}
.page-template-page-strategic #left-area section.intro {
font-size: 24px;
}
.page-template-page-priority #left-area section.intro,
.page-template-page-feature #left-area section.intro,
.page-template-page-grants #left-area section.intro,
.page-template-page-resources #left-area section.intro,
.page-template-page-learning-impact #left-area section.intro,
.page-template-page-hero #left-area section.intro {
margin-bottom: 40px;
padding-bottom: 50px;
}
.page-template-page-believe #left-area section.values ul,
.page-template-page-do #left-area section.principles ul { font-size: inherit;
} .page-template-page-believe #left-area .col.match.image {
background-position: center 20%;
}
.page-template-page-believe #left-area blockquote p.quote-text {
font-size: 32px;
}
.page-template-page-believe #left-area blockquote > p:first-child::before {
top: -13px;
left: -34px;
}
.page-template-page-believe #left-area blockquote > p:first-child::after {
bottom: -9px;
right: -33px;
}
}
@media screen and (min-width:1170px) { #logo {
height: 26px;
}
#top-menu li,
.et-fixed-header #top-menu li {
font-size: 17px;
} .home .wp-block-group.vertical {
padding: 75px 7% 30px;
} .page-id-2929 .timeline {
display: block;
}
}
@media screen and (min-width:1300px) { #logo {
height: 28px;
} .home #left-area section.quote {
padding: 0 0 40px;
}
.home #left-area blockquote p.quote-text {
font-size: 42px;
}
.home #left-area blockquote p.quote-text::before,
.home #left-area blockquote p.quote-text::after {
font-size: 74px;
}
.home #left-area blockquote p.quote-text::before {
top: -19px;
left: -48px;
}
.home #left-area blockquote p.quote-text::after {
bottom: -20px;
right: -46px;
}
.home #left-area .news-items article:nth-child(odd) .text {
padding-left: 0;
}
.home #left-area .news-items article:nth-child(even) .text {
padding-right: 0;
}
.home #left-area .news > h1 {
margin-left: 0;
}
.home #left-area .news .see-all {
right: 13px;
} .page-template-page-strategic #left-area section.transformation,
.page-template-page-strategic #left-area section.systems, .top-level:not(.home) #left-area .col.one section.text,
.page-template-page-do #content-area #left-area .col .financials,
.page-template-page-priority #content-area #left-area .col .partners {
padding-left: calc(50vw - 650px) !important;
}
.page-template-page-do #left-area section.strategy,
.page-template-page-strategic #left-area section.purpose,
.page-template-page-strategic #left-area section.youth, .top-level:not(.home) #left-area .col.two section.text,
.page-template-page-priority #left-area .col .quote,
.page-template-page-feature #left-area .col .quote {
padding-right: calc(50vw - 650px) !important;
}
.top-level:not(.home) #left-area .hero .hero-text,
.page-template-page-grants #left-area .hero .hero-text,
.page-template-page-resources #left-area .hero .hero-text,
.page-template-page-learning-impact #left-area .hero .hero-text,
.page-template-page-hero #left-area .hero .hero-text {
top: auto;
bottom: 2vw;
}
.page-template-page-believe #left-area .hero .hero-text p,
.page-template-page-do #left-area .hero .hero-text p,
.page-template-page-strategic #left-area .hero .hero-text p,
.page-template-page-grants #left-area .hero .hero-text p,
.page-template-page-resources #left-area .hero .hero-text p,
.page-template-page-learning-impact #left-area .hero .hero-text p,
.page-template-page-hero #left-area .hero .hero-text p {
font-size: 33px !important;
}
#left-area .hero .hero-text p em {
top: 1px;
font-size: 39px;
}
.top-level:not(.home):not(.page-template-page-stories):not(.page-id-7124):not(.page-id-7125) #left-area h1.entry-title, .page-template-page-grants #left-area h1.entry-title,
.page-template-page-resources #left-area h1.entry-title,
.page-template-page-learning-impact #left-area h1.entry-title,
.page-template-page-hero #left-area h1.entry-title {
font-size: 28px;
}
.top-level #left-area .col.match > section,
.page-template-page-priority #left-area .col.match > section,
.page-template-page-feature #left-area .col.match > section,
.top-level #left-area .col.match > figure,
.top-level #left-area .col.match > figure img {
min-height: 100%;
} .page-template-page-strategic #left-area .hero-text p {
font-size: 32px !important;
}
.page-template-page-strategic #left-area .col.match.image.bottom {
background-position: center 20%;
}
.page-template-page-priority #left-area .hero-text h1,
.page-template-page-feature #left-area .hero-text h1 {
width: 350px;
font-size: 52px;
}
.page-template-page-priority #left-area section.partners h1,
.page-template-page-priority #left-area section.resources .inner > h1,
.page-template-page-priority #left-area section.stories .inner > h1 {
font-size: 24px;
}
.page-template-page-priority #left-area .col.wide,
.page-template-page-learning-impact #content-area .learning-sections div.col.two,
.page-template-page-feature #left-area .col.wide {
width: calc(60% - 15px);
}
.page-template-page-priority #left-area .col.narrow,
.page-template-page-learning-impact #content-area .learning-sections div.col.one,
.page-template-page-feature #left-area .col.narrow {
width: 40%;
}
.top-level.page-template-page-stories #left-area h1.entry-title,
.top-level.page-template-page-people #left-area h1.entry-title {
margin: 40px 0 30px;
} .page-template-page-people #main-content .person p.quote {
font-size: 20px;
}
.page-template-page-people #main-content .person p.quote::after {
bottom: -1px;
}
.page-template-page-people #main-content #board .person {
height: 254px;
}
.page-template-page-people #main-content #board .person .name-title::before {
font-size: 364px;
top: -59px;
left: -21px;
} .single.postid-12170 #left-area .otis p {
font-size: 16px;
}
}
@media screen and (min-width:1378px) {
.top-level:not(.home):not(.page-id-7124):not(.page-id-7125) #main-content > .container:first-child, .page-template-page-priority #main-content > .container:first-child,
.page-template-page-feature #main-content > .container:first-child,
.page-template-page-grants #main-content > .container:first-child,
.page-template-page-resources #main-content > .container:first-child,
.page-template-page-learning-impact #main-content > .container:first-child,
.page-template-page-people #main-content > .container:first-child,
.page-template-page-hero #main-content > .container:first-child,
.archive #main-content > .container:first-child,
.home #left-area .inner,
.top-level #left-area .full-width > .inner,
.page-template-page-priority #left-area .full-width > .inner,
.page-template-page-feature #left-area .full-width > .inner,
.page-template-page-grants #left-area .full-width > .inner,
.page-template-page-resources #left-area .full-width > .inner,
.page-template-page-learning-impact #left-area .full-width > .inner,
.page-template-page-people #left-area .full-width > .inner,
.page-template-page-hero #left-area .full-width > .inner,
.single-person #left-area .full-width > .inner,
.single-post #left-area .full-width > .inner {
width: 100%;
margin: 0 auto;
} .et_search_form_container {
right: 77px;
}
.et_search_form_container {
width: 100%;
max-width: none;
} .page-template-page-stories img[src*="Isadora_Kosofsky_0009.featured"] {
top: -120px;
}
.single-newsletter.postid-12450 #left-area .hero {
height: 469px;
}
}
@media screen and (min-width: 2223px) { .home #left-area .callouts .callout button {
font-size: 36px;
}
.home #left-area .hero .hero-text {
top: 578px;
width: 889px;
height: 370px;
padding: 33px 111px 56px 67px;
}
.home #left-area .hero .hero-text p,
.home #left-area .hero .hero-text p em {
font-size: 67px;
}
.home #left-area .hero .hero-text p em {
margin-right: -45px;
}
}  @media screen and (min-width:768px) {
.page-template-page-strategicsandbox #left-area .hero {
margin-bottom: 0;
}
.page-template-page-strategicsandbox #left-area .anchors {
margin: 5px 0 0 3%;
}
}
@media screen and (min-width:1100px) {
.page-template-page-strategicsandbox #left-area section.intro {
font-size: 24px;
}
}
@media screen and (min-width:1300px) {
.page-template-page-strategicsandbox #left-area section.transformation,
.page-template-page-strategicsandbox #left-area section.systems {
padding-left: calc(50vw - 650px) !important;
}
.page-template-page-strategicsandbox #left-area section.purpose,
.page-template-page-strategicsandbox #left-area section.youth {
padding-right: calc(50vw - 650px) !important;
}
.page-template-page-strategicsandbox #left-area .hero .hero-text p {
font-size: 33px !important;
}
.page-template-page-strategicsandbox #left-area .hero-text p {
font-size: 32px !important;
}
.page-template-page-strategicsandbox #left-area .col.match.image.bottom {
background-position: center 20%;
}
}