/**
* The following styles get applied both on the front of your site
* and in the editor.
*
* clean up var import later
*/
:root {
--global--color-primary: #1D3E75;
--global--color-secondary: #708AA7;
--font-default: apparat, sans-serif;
--font-alt: ivypresto-headline, serif;
--font-size-default: 18px;
--font-weight-default: 300;
--line-height-default: 1.333;
}
/** end vars */
.wp-block-acf-masthead {
margin: 0 auto;
width: 100vw;
}
.wp-block-acf-masthead.style3 {
border: 1px solid white;
}
.wp-block-acf-masthead.style3 .app__block-inner .app__block-content,
.wp-block-acf-masthead.style3 .app__block-inner .app__block-media {
flex-basis: 50%;
max-width: 50%;
}
.wp-block-acf-masthead .shell {
max-width: 1440px;
margin: auto;
}
@media (max-width: 1024px) {
.wp-block-acf-masthead .shell {
padding: 16px;
}
}
@media (max-width: 768px) {
.wp-block-acf-masthead .shell {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
.wp-block-acf-masthead .shell .app__block-inner {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0px;
}
.wp-block-acf-masthead .shell .app__block-inner > * {
flex: 1 1 50%;
max-width: 50%;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.wp-block-acf-masthead .shell .app__block-inner > * {
max-width: 100%;
}
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-media {
position: relative;
height: auto;
width: 100%;
/* 1:1 Aspect Ratio */
/* Just for visibility */
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-media > img {
width: 100% !important;
height: auto !important;
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-content {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
align-items: flex-start;
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-content h1 {
color: var(--global--color-primary);
text-align: left;
margin-bottom: 0;
font-size: 48px;
}
@media (max-width: 1024px) {
.wp-block-acf-masthead .shell .app__block-inner .app__block-content h1 {
font-size: 36px;
}
}
@media (max-width: 768px) {
.wp-block-acf-masthead .shell .app__block-inner .app__block-content h1 {
font-size: 28px;
}
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-content p {
color: var(--global--color-primary);
}
@media (max-width: 1024px) {
.wp-block-acf-masthead .shell .app__block-inner .app__block-content p {
font-size: 18px;
}
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-content .tagwrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 16px;
gap: 32px;
flex-wrap: wrap;
row-gap: 8px;
}
.wp-block-acf-masthead .shell .app__block-inner .app__block-content .tagwrapper .tag {
color: var(--global--color-secondary);
font-size: 0.85rem;
letter-spacing: 0;
text-transform: uppercase;
border-bottom: 2px solid var(--global--color-secondary);
}
.wp-block-acf-masthead.style1 {
padding: 0px !important;
}
.wp-block-acf-masthead.style1 .shell {
padding: 0px;
}
@media (max-width: 1024px) {
.wp-block-acf-masthead.style1 .shell {
padding: 0 16px;
}
}
@media (max-width: 768px) {
.wp-block-acf-masthead.style1 .shell {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
.wp-block-acf-masthead.style1 .app__block-inner {
position: relative;
display: grid;
grid-template-columns: 1fr 2fr;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
@media (max-width: 768px) {
.wp-block-acf-masthead.style1 .app__block-inner {
grid-template-columns: 1fr;
}
}
.wp-block-acf-masthead.style1 .app__block-inner .app__block-content {
max-width: 100%;
padding-top: 64px;
padding-bottom: 32px;
}
.wp-block-acf-masthead.style1 .app__block-inner .app__block-content p {
max-width: 100%;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured {
max-width: 100%;
height: 100%;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner {
align-items: center;
height: 100%;
grid-template-columns: 1fr 1fr;
gap: 0 !important;
}
@media (max-width: 768px) {
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner {
grid-template-columns: 1fr;
}
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-media {
padding-bottom: 0;
transition: all 0.8s;
overflow: hidden;
position: relative;
z-index: 0;
border-radius: 0px;
width: 100%;
height: 100%;
max-width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-media > img {
position: relative;
z-index: 1;
height: 86% !important;
width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.8s;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-media:after {
content: " ";
background-color: #FFFCF2;
width: 50%;
height: 114%;
position: absolute;
z-index: -1;
right: 0;
top: -32px;
}
@media (max-width: 768px) {
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-media:after {
width: 100%;
}
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-content {
background-color: #FFFCF2;
height: 100%;
max-width: 100%;
padding-left: 32px;
padding-right: 16px;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-content h3 {
font-size: 28px;
}
.wp-block-acf-masthead.style1 .app__block-inner .featured .app__block-inner .app__block-content .tag {
border-color: #57718D !important;
color: #57718D !important;
}
.wp-block-acf-masthead.style4 .shell .app__block-inner {
justify-content: flex-start;
align-items: flex-start;
}
.wp-block-acf-masthead.style4 .shell .app__block-inner .app__block-content.fullwidth {
max-width: 100%;
}
Since our launch in 2017, we have partnered with more than 150 organizations across more than 20 states. Our work supports progressive advocacy organizations at all levels — local, state, and national — and in multiple issue areas.
/**
* The following styles get applied both on the front of your site
* and in the editor.
*
* Replace them with your own styles or remove the file completely.
Jess notes remove later:
at plugin level run watch - that saves css in block src folder - fix this later to be neater
*/
:root {
--global--color-primary: #1D3E75;
--global--color-secondary: #708AA7;
--font-default: apparat, sans-serif;
--font-alt: ivypresto-headline, serif;
--font-size-default: 18px;
--font-weight-default: 300;
--line-height-default: 1.333;
}
/** end vars */
.wp-block-acf-iconstext {
margin: 32px 0;
}
@media (max-width: 768px) {
.wp-block-acf-iconstext {
margin: 44px 0;
}
}
.wp-block-acf-iconstext .app__block-body .circle-boxes {
display: grid;
grid-template-columns: repeat(4, 1fr);
text-align: center;
gap: 24px;
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box {
display: flex;
flex-flow: column;
gap: 24px;
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-image {
width: 100px;
height: 100px;
position: relative;
margin: 0 auto;
}
@media (max-width: 768px) {
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-image {
width: 64px;
height: 64px;
}
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-image > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-head {
display: flex;
flex-flow: column;
gap: 16px;
margin-bottom: 24px;
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-head .kicker {
color: var(--global--color-primary);
}
.wp-block-acf-iconstext .app__block-body .circle-boxes .circle-box .circle__box-head h3 {
margin-bottom: 0;
font-size: 32px;
}
We partner with
120+
organizations
We work with allies in
20+
states
We’re active in
15+
state, regional, and national coalitions
We foster relationships with allied organizations to better target our records requests and litigation priorities, reduce redundancy in the requester field, and share our immense wealth of experience in open records work with others so they can leverage the documents we uncover for their work. Our partners collaborate closely with us on key advocacy priorities and special projects, and we actively participate in coalitions with subject matter experts on a variety of issues — from exposing the anti-democracy election denial movement to investigations into immigration enforcement, sheriff accountability, and attacks on civil rights and access to the ballot.
We partner by submitting requests in alignment with allies’ needs, sharing information and analyses regarding document productions, and offering strategic support and expertise on filing public records requests. Email us at partnerships@americanoversight.org to learn more!